/**
 * Elementor 3.26+ / 4.x compatibility layer.
 * Supports legacy Section/Column markup without overriding generated post CSS.
 */
.elementor,
.elementor-section,
.elementor-container,
.elementor-column,
.elementor-widget-wrap,
.elementor-widget,
.e-con,
.e-con-inner {
    box-sizing: border-box;
}

.elementor {
    width: 100%;
    min-width: 0;
}

.elementor-section {
    position: relative;
}

.elementor-section .elementor-container {
    display: flex;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    position: relative;
}

.elementor-row {
    width: 100%;
}

.elementor-column {
    position: relative;
    min-height: 1px;
    min-width: 0;
}

.elementor-column > .elementor-element-populated,
.elementor-widget-wrap {
    width: 100%;
    position: relative;
}

.elementor-widget img {
    max-width: 100%;
    height: auto;
}

.e-con,
.e-con-inner {
    min-width: 0;
    max-width: 100%;
}

@media (max-width: 767px) {
    .elementor-section .elementor-container {
        flex-wrap: wrap;
    }

    .elementor-column.elementor-col-100,
    .elementor-column[data-col="100"] {
        width: 100%;
    }
}