.sf-dual-container {
    --left-width:  50%;
    --right-width: 50%;
    display: flex;
    flex-direction: row;
    gap: var(--grid-columns-gap, 30px);
    align-items: center;
    border-radius: var(--sf-global-border-radius);
    max-width: 100%;
}

.sf-text-column  { flex: 1 1 var(--left-width);  }
.sf-image-column { flex: 1 1 var(--right-width); }

.sf-text-column  { order: 1; }
.sf-image-column { order: 2; }

.sf-flip-layout-yes .sf-text-column  { order: 2; }
.sf-flip-layout-yes .sf-image-column { order: 1; }

/* Rows */
.sf-dual-container .sf-left-column .sf-row {
    margin-bottom: 0px;
}

.sf-dual-container .sf-row {
    border-radius: var(--sf-global-border-radius);
    padding: 24px;
    cursor: pointer;
}

.sf-dual-container .sf-row.active {
    background-color: var(--e-global-color-light); /* Sierra theme Variable */
}

.sf-dual-container .row-heading {
    margin-bottom: 0;
}

.sf-row.active .row-heading {
    color: var(--e-global-color-accent);  /* Sierra theme Variable */
}

.sf-dual-container .row-desc {
    margin: 5px 0px;
}

.sf-dual-container .row-desc *{
    margin: 0px !important;
}

.sf-dual-container .row-desc a {
    color: var(--link-text-color);
}

/* Image */
.main-image,
.row-image {
    max-width: 100%;
    height: auto;
    border-radius: 0;
    box-shadow: none;
    width: 100%;
    max-height: 580px;
    object-fit: contain;
}

/* Visibility */
.mobile-only {
    display: none;
    margin-top: 16px;
}

.desktop-only {
    display: block;
}

.sf-left-column {
    gap: 0;
}

.sf-row:last-child {
    margin-bottom: 0px;
}

/* Responsive */
@media (max-width: 1024px) {
.sf-dual-container {
        flex-direction: column;
        gap: var(--column-spacing, 30px);
        padding: 20px 16px;
    }

    .desktop-only {
        display: none !important;
    }

    .mobile-only {
        display: block;
        width: 100%;
        text-align: center;
    }

    .sf-row {
        margin-bottom: 20px;
        padding: 20px;
    }

    .sf-row.active {
        background-color: transparent !important;
    }

    .sf-row.active .row-heading {
        color: inherit !important;
    }

    /* Ensure text & image columns take full width */
    .sf-text-column,
    .sf-image-column {
        flex: 1 1 100% !important;
        width: 100%;
    }

    .sf-row {
        cursor: default !important;
        pointer-events: none !important;
    }

    .elementor-widget-sf-ft-list-1 {
        width: 100%;
    }   
}

@media (max-width: 767px) {
    .sf-dual-container {
        padding: 10px;
    }

    .sf-left-column .sf-row {
        margin-bottom: 40px !important;
    }

    .sf-row {
        cursor: default !important;
        pointer-events: none !important;
    }
}