/* Desktop/laptop navigation replacement. Mobile remains on its existing path. */

@media (min-width: 901px) {
    html body .mr-home-admin-horizontal-menu[data-mr-home-horizontal-menu],
    html body .mr-pixelcut-nav-shell[data-mr-pixelcut-horizontal-header],
    html body [data-mr-global-desktop-sidebar] {
        display: none !important;
        width: 0 !important;
        height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
    }

    body.mr-global-has-desktop-sidebar {
        --mr-global-sidebar-w: 0px !important;
        --mr-global-sidebar-gap: 0px !important;
        --mr-global-content-left: 0px !important;
        --mr-global-content-w: calc(100vw - 15px) !important;
        padding-left: 0 !important;
    }

    body.mr-home-has-desktop-sidebar {
        --mr-home-desktop-sidebar-w: 0px !important;
        --mr-home-desktop-sidebar-gap: 0px !important;
        --mr-home-desktop-right-gap: 0px !important;
        --mr-home-desktop-content-w: calc(100vw - 15px) !important;
        --mr-home-desktop-frame-w: min(1180px, var(--mr-home-desktop-content-w)) !important;
        --mr-home-desktop-fullbleed-offset: calc((var(--mr-home-desktop-frame-w) - var(--mr-home-desktop-content-w)) / 2) !important;
    }

    body.mr-home-has-desktop-sidebar .mr-home-desktop-content-shell {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    body.mr-home-has-desktop-sidebar .mr-home-clock-stage {
        display: block !important;
        position: relative !important;
        z-index: 600 !important;
        width: 100% !important;
        max-width: 100% !important;
        min-height: clamp(571px, 45.53vw, 655px) !important;
        margin: 0 !important;
        padding: 0 !important;
        pointer-events: none !important;
    }

    body.mr-home-has-desktop-sidebar .mr-home-timedrift-clock-slot {
        display: block !important;
        position: absolute !important;
        z-index: 610 !important;
        top: 0 !important;
        right: 20px !important;
        left: auto !important;
        width: min(722px, 100%) !important;
        height: 100% !important;
        min-width: 0 !important;
        transform: none !important;
        overflow: visible !important;
        pointer-events: none !important;
    }

    body.mr-home-has-desktop-sidebar .mr-home-timedrift-clock-slot .tdc-page {
        position: absolute !important;
        top: 0 !important;
        right: auto !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        min-height: 0 !important;
        transform: none !important;
        overflow: hidden !important;
    }

    body.mr-home-has-desktop-sidebar .mr-home-timedrift-clock-slot .tdc-year-center {
        display: block !important;
        width: min(122%, 176px) !important;
        height: min(76%, 110px) !important;
        left: 50% !important;
        top: 50% !important;
        rotate: 0deg !important;
        transform: translate(-50%, -50%) rotate(-90deg) !important;
        background-image: url("../img/timedrift_2026_badge.png") !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
        background-size: contain !important;
        color: transparent !important;
        -webkit-text-fill-color: transparent !important;
        font-size: 0 !important;
        line-height: 0 !important;
        text-shadow: none !important;
        filter:
            drop-shadow(0 1px 0 rgba(245, 226, 184, .32))
            drop-shadow(0 8px 15px rgba(0, 0, 0, .34)) !important;
        opacity: 1 !important;
        pointer-events: none !important;
    }

    body.mr-home-has-desktop-sidebar .mr-home-moving-cards-slot {
        display: block !important;
        position: relative !important;
        width: 100% !important;
        margin: 20px 0 0 !important;
        padding: 0 !important;
        transform: translateY(-10px) !important;
    }

    body.mr-home-has-desktop-sidebar .mr-home-moving-cards-slot:has(.mr-card-transfer-scene) {
        transform: none !important;
    }

    body.mr-home-has-desktop-sidebar .mr-home-moving-cards-slot .mr-moving-cards { margin: 0 !important; }
    body.mr-home-has-desktop-sidebar:has(.mr-home-moving-cards-slot .mr-moving-cards) .mr-home-clean-main { margin-top: 100px !important; }
    body.mr-home-has-desktop-sidebar .mr-home-orbit-showroom { translate: 0 0 !important; }

    body.mr-home-has-desktop-sidebar .mr-home-desktop-content-shell > .mr-umbrel-carousel-wrap {
        display: none !important;
        width: 0 !important;
        height: 0 !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
    }
}

/* Desktop-only: align the Orbit surface with the physical left viewport edge.
   The section's existing responsive left padding remains as the safety gutter. */
@media (min-width: 1180px) {
    body.mr-home-has-desktop-sidebar {
        --mr-home-families-title-gap: clamp(216px, 14.8vw, 280px) !important;
    }

    body.mr-home-has-desktop-sidebar .mr-home-desktop-content-shell .mr-home-orbit-showroom[data-mr-home-orbit-section] {
        margin-bottom: clamp(44px, 3.1vw, 60px) !important;
    }

    html body.mr-home-has-desktop-sidebar .mr-home-desktop-content-shell .mr-home-twelve-card-strip[data-mr-home-twelve-cards] .mr-home-gap-refine-title {
        left: 0 !important;
        right: auto !important;
        transform: none !important;
    }

    html body.mr-home-has-desktop-sidebar .mr-home-desktop-content-shell .mr-home-twelve-card-strip[data-mr-home-twelve-cards] .mr-home-gap-refine-title {
        width: clamp(480px, 37.6vw, 688px) !important;
    }

    html body.mr-home-has-desktop-sidebar .mr-home-desktop-content-shell #quickProforma.quick-proforma-section > .quick-proforma-wrap,
    html body.mr-home-has-desktop-sidebar .mr-home-desktop-content-shell #quickProforma.quick-proforma-section > .mr-quick-proforma-refine-title {
        translate: 30px 0 !important;
    }

    html body.mr-home-has-desktop-sidebar .mr-home-desktop-content-shell #quickProforma.quick-proforma-section > .mr-quick-proforma-refine-title .mr-quick-proforma-refine-title__text {
        display: block !important;
        width: 100% !important;
        height: clamp(110px, 7.8vw, 145px) !important;
        min-height: clamp(110px, 7.8vw, 145px) !important;
        padding: 0 !important;
        border: 0 !important;
        color: transparent !important;
        -webkit-text-fill-color: transparent !important;
        font-size: 0 !important;
        line-height: 0 !important;
        text-shadow: none !important;
        background-color: transparent !important;
        background-image: url("../images/quick-proforma-inquiry-title.png") !important;
        background-repeat: no-repeat !important;
        background-position: calc(50% - 40px) calc(50% + 20px) !important;
        background-size: clamp(340px, 24vw, 460px) auto !important;
        background-clip: border-box !important;
        -webkit-background-clip: border-box !important;
        filter: drop-shadow(0 12px 26px rgba(0, 0, 0, .24)) !important;
        pointer-events: auto !important;
        cursor: pointer !important;
        touch-action: manipulation !important;
    }

    html body.mr-home-has-desktop-sidebar .mr-home-desktop-content-shell #quickProforma.quick-proforma-section > .mr-quick-proforma-refine-title {
        pointer-events: auto !important;
    }

    html body.mr-home-has-desktop-sidebar .mr-home-desktop-content-shell #quickProforma.quick-proforma-section > .mr-quick-proforma-refine-title .mr-quick-proforma-refine-title__text::before,
    html body.mr-home-has-desktop-sidebar .mr-home-desktop-content-shell #quickProforma.quick-proforma-section > .mr-quick-proforma-refine-title .mr-quick-proforma-refine-title__text::after {
        content: none !important;
        display: none !important;
    }

    body.mr-home-has-desktop-sidebar .mr-home-desktop-content-shell .mr-home-orbit-showroom .mr-home-orbit-stage {
        margin-left: 0 !important;
        margin-right: auto !important;
        justify-content: left !important;
        justify-items: left !important;
        place-items: center left !important;
    }

    body.mr-home-has-desktop-sidebar .mr-home-desktop-content-shell .mr-home-orbit-showroom .mr-home-orbit {
        width: min(760px, calc(100vw - 36px)) !important;
        max-width: min(760px, calc(100vw - 36px)) !important;
        margin-left: clamp(18px, 1vw, 20px) !important;
        margin-right: auto !important;
        justify-self: left !important;
    }
}


/* Wide desktop only: restore the approved Umbrel carousel to the physical
   right of Orbit. Laptop and mobile remain fully hidden and unchanged. */
@media (max-width: 1399px) {
    body.mr-home-has-desktop-sidebar .mr-home-desktop-content-shell > .mr-umbrel-carousel-wrap {
        display: none !important;
    }
}

@media (min-width: 1400px) {
    body.mr-home-has-desktop-sidebar .mr-home-desktop-content-shell .mr-home-orbit-showroom .mr-home-orbit {
        margin-left: calc(clamp(18px, 1vw, 20px) + 10px) !important;
    }

    body.mr-home-has-desktop-sidebar .mr-home-desktop-content-shell > .mr-home-orbit-side-refine-title.mr-orbit-title-is-detached .mr-home-orbit-side-refine-title__text {
        font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    }

    body.mr-home-has-desktop-sidebar .mr-home-desktop-content-shell > .mr-umbrel-carousel-wrap {
        position: absolute !important;
        z-index: 40 !important;
        top: var(--mr-umbrel-orbit-top, 0px) !important;
        left: var(--mr-umbrel-orbit-left, 840px) !important;
        right: auto !important;
        display: block !important;
        width: min(736px, calc(100% - var(--mr-umbrel-orbit-left, 840px) - 20px)) !important;
        height: var(--mr-umbrel-card-h, 355px) !important;
        min-height: var(--mr-umbrel-card-h, 355px) !important;
        margin: 0 !important;
        padding: 0 !important;
        transform: none !important;
    }

    body.mr-home-has-desktop-sidebar .mr-home-desktop-content-shell > .mr-umbrel-carousel-wrap:not([data-mr-umbrel-positioned="true"]) {
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }

    body.mr-home-has-desktop-sidebar .mr-home-desktop-content-shell > .mr-umbrel-carousel-wrap[data-mr-umbrel-positioned="true"] {
        opacity: 1 !important;
        visibility: visible !important;
    }
}