/*
 * PH SWIFT Pro responsive layout
 * Scope: /ph/products/swift-pro-residential-lift/
 * Added: 2026-09-17
 * Status: temporary rollout
 * TODO: evaluate for shared SWIFT Pro rollout
 * Values/selectors match the validated prototype; only its body scope changed.
 */
@media (max-width: 849px) {
    /* 1. Stack the configurator intro/options at the real theme tablet breakpoint. */
    body.swift-pro-responsive-fix section.swift-pro-configurator > .section-content > .row:first-child > .col:first-child,
    body.swift-pro-responsive-fix section.swift-pro-configurator > .section-content > .row:nth-child(2) > .col:first-child {
        flex-basis: 100%;
        max-width: 100%;
    }
    body.swift-pro-responsive-fix section.swift-pro-configurator > .section-content > .row:first-child > .col:nth-child(2) {
        display: none;
    }
    /* 1, continued. Only the intro and option controls get text gutters, not previews. */
    body.swift-pro-responsive-fix section.swift-pro-configurator > .section-content > .row:first-child > .col:first-child > .col-inner {
        padding: 20px 20px 0 !important;
    }
    body.swift-pro-responsive-fix section.swift-pro-configurator > .section-content > .row:nth-child(2) > .col:first-child > .col-inner > .row > .col > .col-inner {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
}
@media (max-width: 549px) {
    /* 2. Match the EN hero text gutter without changing its galleries or desktop. */
    body.swift-pro-responsive-fix section.swift-pro-hero > .section-content > .row:nth-child(2) > .col > .col-inner {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    /* 3. Give the Intelligent heading one gutter owner, replacing the 83% row. */
    body.swift-pro-responsive-fix section.intelligent_sec > .section-content > .row:first-child {
        width: 100% !important;
        max-width: 100% !important;
    }
    body.swift-pro-responsive-fix section.intelligent_sec > .section-content > .row:first-child > .col > .col-inner {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    /* 4. Spec heading/groups: remove inherited 55px right padding on small screens. */
    body.swift-pro-responsive-fix section.technical_spec_sec > .section-content > .row > .col > .col-inner {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
}