/*
2.16.38 — Catalog Model-Row Desktop Geometry Rebuild
Direct authority is applied to the existing live model sections/rows.
No content or media is cloned, moved, deleted, or replaced.
*/

html,
body.slc-hc-21638-page {
    overflow-x: hidden !important;
}

@media (min-width: 1200px) {
    body.slc-hc-21638-page #slc21617-rehost {
        width: min(1540px, calc(100vw - 96px)) !important;
        max-width: min(1540px, calc(100vw - 96px)) !important;
        margin-left: auto !important;
        margin-right: auto !important;
        left: auto !important;
        right: auto !important;
        transform: none !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    body.slc-hc-21638-page #slc21617-rehost .slc21638-model-section {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-left: auto !important;
        margin-right: auto !important;
        box-sizing: border-box !important;
    }

    /*
     * Directly rebuild the existing row that owns the primary home image and
     * support media. This is the geometry level previous builds had not owned.
     */
    body.slc-hc-21638-page #slc21617-rehost .slc21638-model-row {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        display: grid !important;
        grid-template-columns: minmax(0, 2.05fr) minmax(300px, 0.95fr) !important;
        column-gap: clamp(28px, 2.25vw, 42px) !important;
        align-items: start !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        left: auto !important;
        right: auto !important;
        transform: none !important;
        box-sizing: border-box !important;
    }

    body.slc-hc-21638-page #slc21617-rehost .slc21638-primary-column,
    body.slc-hc-21638-page #slc21617-rehost .slc21638-support-column {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    body.slc-hc-21638-page #slc21617-rehost .slc21638-primary-column img,
    body.slc-hc-21638-page #slc21617-rehost .slc21638-support-column img {
        max-width: 100% !important;
        height: auto !important;
    }

    body.slc-hc-21638-page #slc21617-rehost .slc21621-primary-img,
    body.slc-hc-21638-page #slc21617-rehost .slc21621-support-img,
    body.slc-hc-21638-page #slc21617-rehost .slc21622-linden-primary {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        max-height: none !important;
        object-fit: contain !important;
    }

    /* Linden construction remains its proven 3x2 gallery. */
    body.slc-hc-21638-page #slc21617-rehost .slc21626-gallery {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        left: 0 !important;
        transform: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: clamp(14px, 1.4vw, 22px) !important;
    }

    body.slc-hc-21638-page #slc21617-rehost .slc21626-gallery .slc21626-img {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        aspect-ratio: 4 / 3 !important;
        object-fit: cover !important;
    }
}

@media (max-width: 1199px) {
    body.slc-hc-21638-page #slc21617-rehost .slc21638-model-row {
        display: block !important;
    }
}