/* 9.367: remove sidebar button/top-duo shadows and align top-duo vertical gap with sidebar gap; keep 9.366 thumbnail revert. */

html,
body.mr-home-has-desktop-sidebar {
    background: #000000 !important;
    background-color: #000000 !important;
    background-image: none !important;
}

.mr-home-desktop-content-shell {
    display: block;
    min-width: 0;
    position: relative;
}

.mr-home-logo-intro {
    display: none;
}

@media (min-width: 901px) {
    .mr-home-logo-intro {
        position: absolute;
        z-index: 560;
        top: 103px;
        left: calc(clamp(24px, 3vw, 56px) - 40px);
        right: auto;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: clamp(24px, 3vw, 52px);
        width: min(1500px, calc(100vw - clamp(24px, 3vw, 56px) - 32px));
        min-height: 600px;
        direction: ltr;
        pointer-events: auto;
    }

    .mr-home-logo-intro__logo {
        display: block;
        flex: 0 0 auto;
        width: 600px;
        height: 600px;
        max-width: min(52vw, 1560px);
        aspect-ratio: 1 / 1;
        object-fit: contain;
        object-position: left center;
        filter: drop-shadow(0 18px 34px rgba(0, 0, 0, .36));
    }

    .mr-home-logo-intro__text {
        min-width: 0;
        margin-left: 150px;
        transform: translateY(-30px);
        max-width: min(560px, 42vw);
        direction: rtl;
        text-align: right;
        color: rgba(255, 255, 255, .92);
        font: 600 clamp(15px, 1.16vw, 19px)/1.9 "Vazirmatn", "Inter", Arial, sans-serif;
        letter-spacing: 0;
        text-shadow: 0 12px 28px rgba(0, 0, 0, .42);
        white-space: normal;
    }
}

@media (min-width: 1180px) {
    :root {
        --mr-home-desktop-sidebar-w: 220px;
        --mr-home-desktop-sidebar-gap: clamp(18px, 1.25vw, 30px);
        --mr-home-desktop-right-gap: clamp(16px, 1.55vw, 34px);
        --mr-home-desktop-content-w: calc(100vw - var(--mr-home-desktop-sidebar-w) - var(--mr-home-desktop-sidebar-gap) - var(--mr-home-desktop-right-gap));
        --mr-home-desktop-frame-w: min(1180px, var(--mr-home-desktop-content-w));
        --mr-home-desktop-fullbleed-offset: calc((var(--mr-home-desktop-frame-w) - var(--mr-home-desktop-content-w)) / 2);
        --mr-home-desktop-shell-pad-x: clamp(18px, 1.45vw, 32px);
        --mr-home-desktop-section-pad-x: clamp(12px, .95vw, 22px);
        --mr-home-desktop-proforma-gap: clamp(16px, 1.45vw, 28px);
        --mr-home-desktop-proforma-shell-max: min(1180px, calc(var(--mr-home-desktop-content-w) - (var(--mr-home-desktop-shell-pad-x) * 2)));
        --mr-home-desktop-twelve-first-card-pad: clamp(8px, .72vw, 14px);
        --mr-home-desktop-proforma-table-min: 620px;
        --mr-home-desktop-proforma-guide-min: 260px;
    }

    body.mr-home-has-desktop-sidebar {
        background: var(--mr-home-page-bg, #ECE9E2) !important;
        overflow-x: hidden !important;
    }


    body.mr-home-has-desktop-sidebar .mr-home-desktop-content-shell {
        width: var(--mr-home-desktop-content-w) !important;
        max-width: var(--mr-home-desktop-content-w) !important;
        min-height: 100vh;
        min-height: 100svh;
        margin-left: calc(var(--mr-home-desktop-sidebar-w) + var(--mr-home-desktop-sidebar-gap)) !important;
        margin-right: var(--mr-home-desktop-right-gap) !important;
        box-sizing: border-box !important;
        position: relative;
        isolation: auto;
        overflow: visible;
        background: transparent;
        border: 0;
        box-shadow: none;
        outline: 0;
    }

    body.mr-home-has-desktop-sidebar .mr-home-desktop-content-shell > header.navbar.mr-pixelcut-nav-shell,
    body.mr-home-has-desktop-sidebar .mr-home-desktop-content-shell > .navbar.mr-pixelcut-nav-shell {
        width: 100% !important;
        max-width: 100% !important;
        min-height: clamp(650px, 94svh, 884px) !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: var(--mr-home-desktop-shell-pad-x) !important;
        padding-right: var(--mr-home-desktop-shell-pad-x) !important;
    }

    body.mr-home-has-desktop-sidebar .mr-home-desktop-content-shell .mr-pixelcut-nav-frame {
        width: min(100%, var(--mr-pixelcut-frame-visible-w)) !important;
        max-width: min(100%, var(--mr-pixelcut-frame-visible-w)) !important;
    }

    body.mr-home-has-desktop-sidebar .mr-home-desktop-content-shell .mr-home-clean-main {
        width: 100% !important;
        max-width: 100% !important;
        min-height: clamp(650px, 94svh, 884px) !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-top: var(--mr-home-desktop-sidebar-gap) !important;
        box-sizing: border-box !important;
    }

    body.mr-home-has-desktop-sidebar .mr-home-desktop-content-shell .mr-home-clean-frame {
        width: var(--mr-home-desktop-frame-w) !important;
        max-width: 100% !important;
    }

    body.mr-home-has-desktop-sidebar .mr-home-desktop-content-shell .mr-home-top-duo,
    body.mr-home-has-desktop-sidebar .mr-home-desktop-content-shell .mr-shape-slider,
    body.mr-home-has-desktop-sidebar .mr-home-desktop-content-shell .mr-home-twelve-card-strip,
    body.mr-home-has-desktop-sidebar .mr-home-desktop-content-shell .mr-home-image-panels {
        width: var(--mr-home-desktop-content-w) !important;
        max-width: var(--mr-home-desktop-content-w) !important;
        margin-left: var(--mr-home-desktop-fullbleed-offset) !important;
        margin-right: var(--mr-home-desktop-fullbleed-offset) !important;
    }

    body.mr-home-has-desktop-sidebar .mr-home-desktop-content-shell .quick-proforma-section {
        --mr-quick-proforma-align-pad: 0px;
        --mr-quick-proforma-align-gap: var(--mr-home-desktop-proforma-gap);
        --mr-quick-proforma-target-width: auto;
        display: grid !important;
        grid-template-columns: minmax(var(--mr-home-desktop-proforma-table-min), 1fr) minmax(var(--mr-home-desktop-proforma-guide-min), .62fr) !important;
        gap: var(--mr-home-desktop-proforma-gap) !important;
        align-items: start !important;
        position: relative !important;
        left: auto !important;
        right: auto !important;
        width: 100% !important;
        max-width: var(--mr-home-desktop-proforma-shell-max) !important;
        margin-top: clamp(18px, 1.5vw, 30px) !important;
        margin-right: auto !important;
        margin-bottom: 0 !important;
        margin-left: calc(var(--mr-home-desktop-fullbleed-offset) + var(--mr-home-desktop-twelve-first-card-pad)) !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
        direction: ltr !important;
        overflow: visible !important;
        translate: none !important;
        scale: none !important;
        rotate: none !important;
        transform: none !important;
    }

    body.mr-home-has-desktop-sidebar .mr-home-desktop-content-shell .quick-proforma-wrap,
    body.mr-home-has-desktop-sidebar .mr-home-desktop-content-shell .quick-proforma-paper {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        justify-self: stretch !important;
        box-sizing: border-box !important;
        translate: none !important;
        scale: none !important;
        rotate: none !important;
        transform: none !important;
    }

    body.mr-home-has-desktop-sidebar .mr-home-desktop-content-shell .quick-proforma-guide-panel {
        position: relative !important;
        inset: auto !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        justify-self: stretch !important;
        box-sizing: border-box !important;
        padding-top: clamp(6px, .55vw, 12px) !important;
        direction: rtl !important;
        text-align: right !important;
        translate: none !important;
        scale: none !important;
        rotate: none !important;
        transform: none !important;
    }

    body:not(.rtl).mr-home-has-desktop-sidebar .mr-home-desktop-content-shell .quick-proforma-guide-panel {
        left: auto !important;
        right: auto !important;
        text-align: left !important;
        direction: ltr !important;
    }

    body.mr-home-has-desktop-sidebar .mr-home-desktop-content-shell .quick-proforma-guide-panel h3 {
        white-space: normal !important;
        max-width: 100% !important;
    }

    body.mr-home-has-desktop-sidebar .mr-home-desktop-content-shell .quick-proforma-guide-list {
        width: 100% !important;
        max-width: 100% !important;
    }

    body.mr-home-has-desktop-sidebar .mr-home-desktop-content-shell .quick-proforma-guide-list li {
        max-width: 100% !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
    }

    body.mr-home-has-desktop-sidebar .mr-home-desktop-content-shell .quick-proforma-guide-line-text {
        white-space: normal !important;
    }

    body.mr-home-has-desktop-sidebar .mr-home-desktop-content-shell .mr-home-orbit-showroom {
        width: var(--mr-home-desktop-content-w) !important;
        max-width: var(--mr-home-desktop-content-w) !important;
        margin-left: var(--mr-home-desktop-fullbleed-offset) !important;
        margin-right: var(--mr-home-desktop-fullbleed-offset) !important;
    }

    body.mr-home-has-desktop-sidebar .mr-home-desktop-content-shell .mr-home-orbit-stage {
        width: min(1120px, calc(var(--mr-home-desktop-content-w) - (var(--mr-home-desktop-section-pad-x) + var(--mr-home-desktop-section-pad-x)))) !important;
    }

    body.mr-home-has-desktop-sidebar .mr-home-desktop-content-shell .mr-home-orbit {
        width: min(760px, 100%) !important;
    }

    body.mr-home-has-desktop-sidebar .mr-home-desktop-content-shell > footer,
    body.mr-home-has-desktop-sidebar .mr-home-desktop-content-shell .footer,
    body.mr-home-has-desktop-sidebar .mr-home-desktop-content-shell .site-footer,
    body.mr-home-has-desktop-sidebar .mr-home-desktop-content-shell .mr-lux-footer {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
    }

    body.mr-home-has-desktop-sidebar .mr-home-desktop-content-shell .mr-cart-overlay,
    body.mr-home-has-desktop-sidebar .mr-cart-overlay {
        inset: 0 var(--mr-home-desktop-right-gap) 0 calc(var(--mr-home-desktop-sidebar-w) + var(--mr-home-desktop-sidebar-gap)) !important;
        width: auto !important;
        max-width: var(--mr-home-desktop-content-w) !important;
    }

    body.mr-home-has-desktop-sidebar .mr-retail-cart {
        width: min(430px, calc(var(--mr-home-desktop-content-w) - 28px)) !important;
    }
}



@media (min-width: 1180px) {
    /* 9.360: keep already-fixed sections proportional; Quick Proforma is frame-aligned above. */
    body.mr-home-has-desktop-sidebar .mr-home-desktop-content-shell .mr-home-top-duo {
        height: min(90svh, clamp(620px, calc(var(--mr-home-desktop-content-w) * .50), 860px)) !important;
        min-height: min(90svh, clamp(620px, calc(var(--mr-home-desktop-content-w) * .50), 860px)) !important;
    }

    body.mr-home-has-desktop-sidebar .mr-home-desktop-content-shell .mr-shape-slider {
        padding-left: var(--mr-home-desktop-section-pad-x) !important;
        padding-right: var(--mr-home-desktop-section-pad-x) !important;
    }

    body.mr-home-has-desktop-sidebar .mr-home-desktop-content-shell .mr-shape-card {
        height: clamp(320px, calc(var(--mr-home-desktop-content-w) * .31), 560px) !important;
    }

    body.mr-home-has-desktop-sidebar .mr-home-desktop-content-shell .mr-home-twelve-card-strip {
        --mr-twelve-desktop-width: clamp(250px, calc(var(--mr-home-desktop-content-w) * .27), 520px);
        --mr-twelve-desktop-height: clamp(352px, calc(var(--mr-home-desktop-content-w) * .341), 620px);
    }

    body.mr-home-has-desktop-sidebar .mr-home-desktop-content-shell .quick-proforma-table-wrap {
        min-height: clamp(380px, calc(var(--mr-home-desktop-content-w) * .28), 500px) !important;
    }

    body.mr-home-has-desktop-sidebar .mr-home-desktop-content-shell .quick-proforma-table-scroll {
        max-width: 100% !important;
    }

    body.mr-home-has-desktop-sidebar .mr-home-desktop-content-shell .mr-home-image-panels,
    body.mr-home-has-desktop-sidebar .mr-home-desktop-content-shell .mr-home-orbit-showroom {
        padding-left: var(--mr-home-desktop-section-pad-x) !important;
        padding-right: var(--mr-home-desktop-section-pad-x) !important;
        box-sizing: border-box !important;
    }

    body.mr-home-has-desktop-sidebar .mr-home-desktop-content-shell .mr-home-orbit-showroom {
        min-height: clamp(500px, calc(var(--mr-home-desktop-content-w) * .42), 720px) !important;
    }

    body.mr-home-has-desktop-sidebar .mr-home-desktop-content-shell .mr-home-orbit-stage {
        min-height: clamp(500px, calc(var(--mr-home-desktop-content-w) * .42), 680px) !important;
    }

    body.mr-home-has-desktop-sidebar .mr-home-desktop-content-shell .mr-home-orbit {
        min-height: clamp(500px, calc(var(--mr-home-desktop-content-w) * .40), 660px) !important;
    }

    body.mr-home-has-desktop-sidebar .mr-home-desktop-content-shell > footer,
    body.mr-home-has-desktop-sidebar .mr-home-desktop-content-shell .footer,
    body.mr-home-has-desktop-sidebar .mr-home-desktop-content-shell .site-footer,
    body.mr-home-has-desktop-sidebar .mr-home-desktop-content-shell .mr-lux-footer {
        padding-left: clamp(22px, 2.2vw, 46px) !important;
        padding-right: clamp(22px, 2.2vw, 46px) !important;
    }
}

@media (min-width: 1180px) and (max-width: 1320px) {
    :root {
        --mr-home-desktop-sidebar-w: 196px;
        --mr-home-desktop-sidebar-gap: clamp(14px, 1.15vw, 20px);
        --mr-home-desktop-right-gap: clamp(12px, 1.2vw, 22px);
        --mr-home-desktop-proforma-gap: clamp(12px, 1.05vw, 18px);
        --mr-home-desktop-proforma-table-min: 590px;
        --mr-home-desktop-proforma-guide-min: 236px;
    }

    body.mr-home-has-desktop-sidebar .mr-home-desktop-content-shell .quick-proforma-section {
        grid-template-columns: minmax(0, 1fr) minmax(236px, .48fr) !important;
    }
}



/* 9.589 — desktop Quick Proforma guide alignment and readable one-line text contract.
   This replaces the older 9.389/9.390/9.392 guide overrides instead of stacking them. */
@media (min-width: 1180px) {
    body.mr-home-has-desktop-sidebar .mr-home-desktop-content-shell .quick-proforma-section {
        --mr-quick-proforma-guide-title-size: clamp(1.36rem, 1.58vw, 1.86rem);
        --mr-quick-proforma-guide-row-size: clamp(.99rem, 1.08vw, 1.26rem);
        --mr-quick-proforma-guide-chip-size: clamp(.78rem, .84vw, .96rem);
        --mr-quick-proforma-guide-safe-shift-x: 0px;
        width: var(--mr-home-desktop-content-w) !important;
        max-width: var(--mr-home-desktop-content-w) !important;
        margin-left: var(--mr-home-desktop-fullbleed-offset) !important;
        margin-right: var(--mr-home-desktop-fullbleed-offset) !important;
        padding-left: var(--mr-home-desktop-section-pad-x) !important;
        padding-right: var(--mr-home-desktop-section-pad-x) !important;
        grid-template-columns: minmax(520px, .88fr) minmax(520px, 1fr) !important;
        align-items: stretch !important;
        direction: ltr !important;
        overflow: visible !important;
    }

    body.mr-home-has-desktop-sidebar .mr-home-desktop-content-shell .quick-proforma-wrap,
    body.mr-home-has-desktop-sidebar .mr-home-desktop-content-shell .quick-proforma-paper,
    body.mr-home-has-desktop-sidebar .mr-home-desktop-content-shell .quick-proforma-body {
        height: 100% !important;
        min-height: 100% !important;
        max-height: none !important;
    }

    /* 9.590 — desktop Quick Proforma table visual cleanup.
       Keep the existing table height/geometry, but remove the stacked wrap/paper/table-wrap
       frames so the invoice reads as one clean table block instead of several nested boxes. */
    body.mr-home-has-desktop-sidebar .mr-home-desktop-content-shell .quick-proforma-wrap {
        border: 1px solid rgba(224, 210, 182, .30) !important;
        border-radius: clamp(22px, 2.1vw, 32px) !important;
        background:
            radial-gradient(circle at 84% 6%, rgba(31, 62, 55, .11), transparent 34%),
            linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.018)),
            rgba(3, 12, 10, .88) !important;
        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.09),
            0 24px 58px rgba(0,0,0,.30) !important;
        overflow: hidden !important;
        padding: clamp(10px, 1.35vw, 22px) !important;
        box-sizing: border-box !important;
    }

    body.mr-home-has-desktop-sidebar .mr-home-desktop-content-shell .quick-proforma-paper {
        margin: 0 !important;
        border: 0 !important;
        border-radius: inherit !important;
        background: transparent !important;
        box-shadow: none !important;
        overflow: visible !important;
    }

    body.mr-home-has-desktop-sidebar .mr-home-desktop-content-shell .quick-proforma-body {
        padding: 0 !important;
        background: transparent !important;
    }

    body.mr-home-has-desktop-sidebar .mr-home-desktop-content-shell .quick-proforma-table-wrap {
        border: 0 !important;
        border-radius: clamp(16px, 1.45vw, 22px) !important;
        background:
            linear-gradient(180deg, rgba(1,5,4,.24), rgba(1,5,4,.40)),
            radial-gradient(circle at 50% 34%, rgba(31,62,55,.10), rgba(0,0,0,.24) 58%, rgba(0,0,0,.50)),
            var(--mr-table-bg) !important;
        background-size: cover !important;
        background-position: center center !important;
        box-shadow: inset 0 0 0 1px rgba(224,210,182,.18) !important;
        overflow: hidden !important;
    }

    body.mr-home-has-desktop-sidebar .mr-home-desktop-content-shell .quick-proforma-table-wrap::after {
        content: none !important;
        display: none !important;
    }

    body.mr-home-has-desktop-sidebar .mr-home-desktop-content-shell .quick-proforma-table-wrap::before {
        background:
            linear-gradient(180deg, rgba(255,255,255,.025), rgba(0,0,0,.07)),
            linear-gradient(90deg, rgba(2,8,7,.14), rgba(2,8,7,0), rgba(2,8,7,.14)) !important;
    }

    body.mr-home-has-desktop-sidebar .mr-home-desktop-content-shell .quick-proforma-table-scroll {
        padding: clamp(10px, .78vw, 14px) !important;
    }

    body.mr-home-has-desktop-sidebar .mr-home-desktop-content-shell .quick-proforma-table {
        border: 1px solid rgba(224,210,182,.16) !important;
        border-radius: clamp(13px, 1.12vw, 18px) !important;
        background: rgba(2, 10, 9, .52) !important;
        box-shadow: none !important;
        backdrop-filter: blur(3px) saturate(1.06) !important;
        -webkit-backdrop-filter: blur(3px) saturate(1.06) !important;
    }

    body.mr-home-has-desktop-sidebar .mr-home-desktop-content-shell .quick-proforma-table th,
    body.mr-home-has-desktop-sidebar .mr-home-desktop-content-shell .quick-proforma-table td {
        border-bottom-color: rgba(243,234,223,.075) !important;
        border-right-color: rgba(243,234,223,.040) !important;
    }

    body.mr-home-has-desktop-sidebar .mr-home-desktop-content-shell .quick-proforma-table th {
        background:
            linear-gradient(180deg, rgba(9,42,35,.76), rgba(1,10,9,.72)),
            linear-gradient(90deg, rgba(224,210,182,.10), rgba(31,62,55,.08), rgba(224,210,182,.08)) !important;
        box-shadow: inset 0 -1px 0 rgba(224,210,182,.12) !important;
    }

    body.mr-home-has-desktop-sidebar .mr-home-desktop-content-shell .quick-proforma-foot {
        margin-top: clamp(10px, .82vw, 14px) !important;
    }

    body.mr-home-has-desktop-sidebar .mr-home-desktop-content-shell .quick-proforma-guide-panel,
    body:not(.rtl).mr-home-has-desktop-sidebar .mr-home-desktop-content-shell .quick-proforma-guide-panel {
        height: var(--mr-quick-proforma-paper-h, 100%) !important;
        min-height: var(--mr-quick-proforma-paper-h, 100%) !important;
        max-height: var(--mr-quick-proforma-paper-h, none) !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-start !important;
        align-self: stretch !important;
        justify-self: stretch !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        padding-top: 0 !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
        direction: rtl !important;
        text-align: right !important;
        translate: none !important;
        transform: none !important;
    }

    body.mr-home-has-desktop-sidebar .mr-home-desktop-content-shell .quick-proforma-guide-panel h3,
    body:not(.rtl).mr-home-has-desktop-sidebar .mr-home-desktop-content-shell .quick-proforma-guide-panel h3 {
        flex: 0 0 auto !important;
        margin: 0 0 clamp(10px, .92vw, 16px) !important;
        color: rgba(3, 18, 15, .88) !important;
        font-size: var(--mr-quick-proforma-guide-title-size) !important;
        line-height: 1.06 !important;
        font-weight: 950 !important;
        white-space: nowrap !important;
        max-width: none !important;
        overflow: visible !important;
        text-align: right !important;
        direction: rtl !important;
    }

    body.mr-home-has-desktop-sidebar .mr-home-desktop-content-shell .quick-proforma-guide-list {
        flex: 1 1 auto !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: space-between !important;
        align-content: stretch !important;
        gap: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        overflow: visible !important;
        direction: rtl !important;
        text-align: right !important;
    }

    body.mr-home-has-desktop-sidebar .mr-home-desktop-content-shell .quick-proforma-guide-list li,
    body:not(.rtl).mr-home-has-desktop-sidebar .mr-home-desktop-content-shell .quick-proforma-guide-list li {
        flex: 0 0 auto !important;
        min-height: 0 !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 34px 0 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        color: rgba(3, 18, 15, .76) !important;
        font-size: var(--mr-quick-proforma-guide-row-size) !important;
        line-height: 1.02 !important;
        font-weight: 760 !important;
        white-space: nowrap !important;
        overflow: visible !important;
        overflow-wrap: normal !important;
        word-break: keep-all !important;
        text-align: right !important;
        direction: rtl !important;
        box-sizing: border-box !important;
    }

    body.mr-home-has-desktop-sidebar .mr-home-desktop-content-shell .quick-proforma-guide-list li::before,
    body:not(.rtl).mr-home-has-desktop-sidebar .mr-home-desktop-content-shell .quick-proforma-guide-list li::before {
        right: 0 !important;
        left: auto !important;
        width: 24px !important;
        height: 24px !important;
        font-size: .62rem !important;
        transform: translateY(-50%) !important;
    }

    body.mr-home-has-desktop-sidebar .mr-home-desktop-content-shell .quick-proforma-guide-mode-row,
    body:not(.rtl).mr-home-has-desktop-sidebar .mr-home-desktop-content-shell .quick-proforma-guide-mode-row {
        flex-wrap: nowrap !important;
        gap: clamp(9px, .62vw, 13px) !important;
    }

    body.mr-home-has-desktop-sidebar .mr-home-desktop-content-shell .quick-proforma-guide-line-text {
        white-space: nowrap !important;
        overflow-wrap: normal !important;
        word-break: keep-all !important;
        min-width: 0 !important;
        flex: 0 0 auto !important;
    }

    body.mr-home-has-desktop-sidebar .mr-home-desktop-content-shell .quick-proforma-guide-demo-btn {
        min-height: 25px !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
        font-size: var(--mr-quick-proforma-guide-chip-size) !important;
        line-height: 1 !important;
        vertical-align: baseline !important;
    }

    body.mr-home-has-desktop-sidebar .mr-home-desktop-content-shell .quick-proforma-guide-mode-toggle {
        flex: 0 0 auto !important;
        margin-inline-start: clamp(7px, .52vw, 10px) !important;
        padding: 3px !important;
    }

    body.mr-home-has-desktop-sidebar .mr-home-desktop-content-shell .quick-proforma-guide-mode-toggle__btn {
        min-height: 25px !important;
        min-width: 48px !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
        font-size: var(--mr-quick-proforma-guide-chip-size) !important;
        line-height: 1 !important;
    }
}

@media (min-width: 1180px) and (max-width: 1320px) {
    body.mr-home-has-desktop-sidebar .mr-home-desktop-content-shell .quick-proforma-section {
        --mr-quick-proforma-guide-title-size: clamp(1.12rem, 1.22vw, 1.38rem);
        --mr-quick-proforma-guide-row-size: clamp(.86rem, .90vw, 1rem);
        --mr-quick-proforma-guide-chip-size: clamp(.68rem, .70vw, .80rem);
        grid-template-columns: minmax(0, .96fr) minmax(0, .86fr) !important;
    }

    body.mr-home-has-desktop-sidebar .mr-home-desktop-content-shell .quick-proforma-guide-list li,
    body:not(.rtl).mr-home-has-desktop-sidebar .mr-home-desktop-content-shell .quick-proforma-guide-list li {
        padding-right: 28px !important;
        padding-left: 0 !important;
        line-height: 1 !important;
    }

    body.mr-home-has-desktop-sidebar .mr-home-desktop-content-shell .quick-proforma-guide-list li::before,
    body:not(.rtl).mr-home-has-desktop-sidebar .mr-home-desktop-content-shell .quick-proforma-guide-list li::before {
        width: 20px !important;
        height: 20px !important;
        font-size: .52rem !important;
    }

    body.mr-home-has-desktop-sidebar .mr-home-desktop-content-shell .quick-proforma-guide-demo-btn,
    body.mr-home-has-desktop-sidebar .mr-home-desktop-content-shell .quick-proforma-guide-mode-toggle__btn {
        min-height: 22px !important;
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
}

/* 9.396 — remove the desktop horizontal-nav/background frame from behind the vertical sidebar. */
@media (min-width: 1180px) {
    body.mr-home-has-desktop-sidebar {
        background: var(--mr-home-page-bg, #ECE9E2) !important;
    }


    body.mr-home-has-desktop-sidebar .mr-home-desktop-content-shell::before,
    body.mr-home-has-desktop-sidebar .mr-home-desktop-content-shell::after {
        display: none !important;
        content: none !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    body.mr-home-has-desktop-sidebar .mr-home-desktop-content-shell {
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        outline: 0 !important;
        isolation: auto !important;
    }

    body.mr-home-has-desktop-sidebar .mr-home-desktop-content-shell > header.navbar.mr-pixelcut-nav-shell,
    body.mr-home-has-desktop-sidebar .mr-home-desktop-content-shell > .navbar.mr-pixelcut-nav-shell {
        z-index: 230000 !important;
        background: transparent !important;
        border: 0 !important;
        border-bottom: 0 !important;
        box-shadow: none !important;
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
    }

    body.mr-home-has-desktop-sidebar .mr-home-desktop-content-shell > header.navbar.mr-pixelcut-nav-shell::before,
    body.mr-home-has-desktop-sidebar .mr-home-desktop-content-shell > header.navbar.mr-pixelcut-nav-shell::after,
    body.mr-home-has-desktop-sidebar .mr-home-desktop-content-shell > .navbar.mr-pixelcut-nav-shell::before,
    body.mr-home-has-desktop-sidebar .mr-home-desktop-content-shell > .navbar.mr-pixelcut-nav-shell::after {
        display: none !important;
        content: none !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
    }
}

/* 9.480: mobile App Shell first-section fit.
   The first Home section now uses the same tiny clear gap from the horizontal
   L branch and the vertical rail, while the card grows as close as safely
   possible to the rail without touching it. */
@media (max-width: 900px) {
    body.mr-home-has-desktop-sidebar.mr-global-has-desktop-sidebar {
        --mr-home-mobile-first-section-gap: clamp(2px, .62vw, 4px);
    }

    body.mr-home-has-desktop-sidebar.mr-global-has-desktop-sidebar .mr-home-clean-main {
        padding-top: var(--mr-home-mobile-first-section-gap) !important;
        padding-left: var(--mr-home-mobile-first-section-gap) !important;
        padding-right: var(--mr-home-mobile-first-section-gap) !important;
        padding-bottom: 38px !important;
    }

    body.mr-home-has-desktop-sidebar.mr-global-has-desktop-sidebar .mr-home-clean-frame {
        width: 100% !important;
        max-width: 100% !important;
        min-height: clamp(650px, 94svh, 884px) !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

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

/* 9.482: rebuild Quick Proforma for the mobile App Shell width.
   Mobile no longer uses the old 620px horizontal table. Rows become compact
   product-entry cards that fit inside the page boundary after the fixed L-shell. */
@media (max-width: 900px) {
    body.mr-home-has-desktop-sidebar.mr-global-has-desktop-sidebar .quick-proforma-section {
        --mr-quick-proforma-mobile-gap: var(--mr-home-mobile-first-section-gap, clamp(2px, .62vw, 4px));
        position: relative !important;
        left: auto !important;
        right: auto !important;
        width: calc(100vw - 16px) !important;
        max-width: calc(100vw - 16px) !important;
        min-width: 0 !important;
        margin: clamp(20px, 6.4vw, 34px) auto 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
        overflow: visible !important;
        scroll-margin-top: calc(var(--mr-mobile-l-top-h, 78px) + var(--mr-mobile-shell-gutter, 4px) + 10px) !important;
    }

    body.mr-home-has-desktop-sidebar.mr-global-has-desktop-sidebar .quick-proforma-wrap,
    body.mr-home-has-desktop-sidebar.mr-global-has-desktop-sidebar .quick-proforma-paper,
    body.mr-home-has-desktop-sidebar.mr-global-has-desktop-sidebar .quick-proforma-body,
    body.mr-home-has-desktop-sidebar.mr-global-has-desktop-sidebar .quick-proforma-table-wrap,
    body.mr-home-has-desktop-sidebar.mr-global-has-desktop-sidebar .quick-proforma-table-scroll {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    body.mr-home-has-desktop-sidebar.mr-global-has-desktop-sidebar .quick-proforma-wrap {
        border-radius: clamp(18px, 5.5vw, 24px) !important;
        overflow: visible !important;
        border-color: rgba(31, 62, 55, .18) !important;
        background:
            linear-gradient(180deg, rgba(255,255,255,.58), rgba(255,255,255,.28)),
            rgba(236, 233, 226, .76) !important;
        box-shadow: none !important;
    }

    body.mr-home-has-desktop-sidebar.mr-global-has-desktop-sidebar .quick-proforma-paper {
        margin: 0 !important;
        border-radius: inherit !important;
        overflow: visible !important;
        border-color: rgba(31, 62, 55, .14) !important;
        background: rgba(8, 20, 17, .94) !important;
        box-shadow: none !important;
    }

    body.mr-home-has-desktop-sidebar.mr-global-has-desktop-sidebar .quick-proforma-body {
        padding: clamp(7px, 2.15vw, 10px) !important;
    }

    body.mr-home-has-desktop-sidebar.mr-global-has-desktop-sidebar .quick-proforma-table-wrap {
        min-height: 0 !important;
        border-radius: clamp(15px, 4.8vw, 21px) !important;
        overflow: visible !important;
        border-color: rgba(224, 210, 182, .18) !important;
        background:
            linear-gradient(180deg, rgba(1, 8, 7, .30), rgba(1, 8, 7, .48)),
            var(--mr-table-bg) !important;
        background-size: cover !important;
        background-position: center center !important;
        box-shadow: none !important;
    }

    body.mr-home-has-desktop-sidebar.mr-global-has-desktop-sidebar .quick-proforma-table-wrap::before,
    body.mr-home-has-desktop-sidebar.mr-global-has-desktop-sidebar .quick-proforma-table-wrap::after {
        content: none !important;
        display: none !important;
    }

    body.mr-home-has-desktop-sidebar.mr-global-has-desktop-sidebar .quick-proforma-table-scroll {
        min-height: 0 !important;
        padding: clamp(7px, 2.1vw, 10px) !important;
        overflow-x: visible !important;
        overflow-y: visible !important;
        direction: ltr !important;
        touch-action: pan-y !important;
        -webkit-overflow-scrolling: auto !important;
    }

    body.mr-home-has-desktop-sidebar.mr-global-has-desktop-sidebar .quick-proforma-catalog-rail {
        width: 100% !important;
        justify-content: stretch !important;
        margin-bottom: clamp(7px, 2.1vw, 10px) !important;
    }

    body.mr-home-has-desktop-sidebar.mr-global-has-desktop-sidebar .quick-proforma-catalog-btn {
        width: 100% !important;
        min-height: clamp(32px, 9vw, 38px) !important;
        justify-content: center !important;
        padding: 0 clamp(8px, 2.6vw, 12px) !important;
        font-size: clamp(9.2px, 2.55vw, 11.5px) !important;
        font-weight: 950 !important;
    }

    body.mr-home-has-desktop-sidebar.mr-global-has-desktop-sidebar .quick-proforma-catalog-menu {
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    body.mr-home-has-desktop-sidebar.mr-global-has-desktop-sidebar .quick-proforma-table,
    body.mr-home-has-desktop-sidebar.mr-global-has-desktop-sidebar .quick-proforma-table tbody {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    body.mr-home-has-desktop-sidebar.mr-global-has-desktop-sidebar .quick-proforma-table {
        display: block !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
        overflow: visible !important;
    }

    body.mr-home-has-desktop-sidebar.mr-global-has-desktop-sidebar .quick-proforma-table colgroup,
    body.mr-home-has-desktop-sidebar.mr-global-has-desktop-sidebar .quick-proforma-table thead {
        display: none !important;
    }

    body.mr-home-has-desktop-sidebar.mr-global-has-desktop-sidebar .quick-proforma-table tbody {
        display: grid !important;
        gap: clamp(7px, 2vw, 10px) !important;
    }

    body.mr-home-has-desktop-sidebar.mr-global-has-desktop-sidebar .quick-proforma-line {
        position: relative !important;
        display: grid !important;
        grid-template-columns: clamp(36px, 10.2vw, 46px) minmax(0, 1fr) clamp(46px, 12.6vw, 56px) clamp(28px, 8vw, 34px) !important;
        grid-template-areas: "thumb code qty remove" !important;
        align-items: center !important;
        gap: clamp(5px, 1.6vw, 8px) !important;
        min-height: clamp(54px, 15vw, 66px) !important;
        padding: clamp(5px, 1.7vw, 8px) !important;
        border: 1px solid rgba(224, 210, 182, .14) !important;
        border-radius: clamp(13px, 4vw, 18px) !important;
        background:
            linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.018)),
            rgba(1, 9, 8, .70) !important;
        box-shadow: none !important;
    }

    body.mr-home-has-desktop-sidebar.mr-global-has-desktop-sidebar .quick-proforma-table td {
        display: block !important;
        min-width: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        font-size: clamp(9.4px, 2.5vw, 11.4px) !important;
        line-height: 1.15 !important;
    }

    body.mr-home-has-desktop-sidebar.mr-global-has-desktop-sidebar .quick-proforma-row-number {
        position: absolute !important;
        top: 4px !important;
        left: 4px !important;
        z-index: 3 !important;
        width: 16px !important;
        height: 16px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 999px !important;
        background: rgba(236, 233, 226, .78) !important;
        color: rgba(31, 62, 55, .82) !important;
        -webkit-text-fill-color: rgba(31, 62, 55, .82) !important;
        font-size: 8px !important;
        font-weight: 950 !important;
        direction: ltr !important;
    }

    body.mr-home-has-desktop-sidebar.mr-global-has-desktop-sidebar .quick-proforma-image-cell {
        grid-area: thumb !important;
    }

    body.mr-home-has-desktop-sidebar.mr-global-has-desktop-sidebar .quick-proforma-code-cell {
        grid-area: code !important;
    }

    body.mr-home-has-desktop-sidebar.mr-global-has-desktop-sidebar .quick-proforma-line > td:nth-child(4) {
        grid-area: qty !important;
    }

    body.mr-home-has-desktop-sidebar.mr-global-has-desktop-sidebar .quick-proforma-remove-cell {
        grid-area: remove !important;
    }

    body.mr-home-has-desktop-sidebar.mr-global-has-desktop-sidebar .quick-proforma-product-thumb {
        width: clamp(34px, 9.5vw, 43px) !important;
        height: clamp(34px, 9.5vw, 43px) !important;
        border-radius: clamp(10px, 3vw, 13px) !important;
        background: rgba(236, 233, 226, .10) !important;
        border-color: rgba(224, 210, 182, .14) !important;
        box-shadow: none !important;
    }

    body.mr-home-has-desktop-sidebar.mr-global-has-desktop-sidebar .quick-proforma-code-wrap {
        width: 100% !important;
        justify-content: stretch !important;
        gap: 4px !important;
    }

    body.mr-home-has-desktop-sidebar.mr-global-has-desktop-sidebar .quick-proforma-code-prefix {
        flex: 0 0 auto !important;
        font-size: clamp(8px, 2.2vw, 10px) !important;
        letter-spacing: .04em !important;
    }

    body.mr-home-has-desktop-sidebar.mr-global-has-desktop-sidebar .quick-proforma-code-input,
    body.mr-home-has-desktop-sidebar.mr-global-has-desktop-sidebar .quick-proforma-qty-input {
        min-width: 0 !important;
        max-width: none !important;
        min-height: clamp(30px, 8.6vw, 36px) !important;
        border-radius: clamp(9px, 2.8vw, 12px) !important;
        padding: 0 clamp(6px, 1.8vw, 9px) !important;
        font-size: clamp(10px, 2.8vw, 12px) !important;
        box-shadow: none !important;
    }

    body.mr-home-has-desktop-sidebar.mr-global-has-desktop-sidebar .quick-proforma-code-input {
        flex: 1 1 auto !important;
        width: 100% !important;
    }

    body.mr-home-has-desktop-sidebar.mr-global-has-desktop-sidebar .quick-proforma-qty-input {
        width: 100% !important;
        text-align: center !important;
        padding-left: 2px !important;
        padding-right: 2px !important;
    }

    body.mr-home-has-desktop-sidebar.mr-global-has-desktop-sidebar .quick-proforma-row-remove {
        width: clamp(26px, 7.4vw, 32px) !important;
        height: clamp(26px, 7.4vw, 32px) !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: clamp(14px, 4.2vw, 18px) !important;
        box-shadow: none !important;
    }

    body.mr-home-has-desktop-sidebar.mr-global-has-desktop-sidebar .quick-proforma-continue-catalog-btn {
        min-height: clamp(17px, 5vw, 21px) !important;
        padding: 0 clamp(5px, 1.5vw, 7px) !important;
        font-size: clamp(7px, 1.9vw, 8.5px) !important;
        box-shadow: none !important;
    }

    body.mr-home-has-desktop-sidebar.mr-global-has-desktop-sidebar .quick-proforma-foot {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: clamp(7px, 2.1vw, 10px) !important;
        margin-top: clamp(8px, 2.5vw, 12px) !important;
        align-items: stretch !important;
    }

    body.mr-home-has-desktop-sidebar.mr-global-has-desktop-sidebar .quick-proforma-actions {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: clamp(5px, 1.7vw, 8px) !important;
        width: 100% !important;
    }

    body.mr-home-has-desktop-sidebar.mr-global-has-desktop-sidebar .quick-proforma-actions button,
    body.mr-home-has-desktop-sidebar.mr-global-has-desktop-sidebar .quick-proforma-total-box {
        width: 100% !important;
        min-width: 0 !important;
        min-height: clamp(33px, 9.5vw, 40px) !important;
        padding: 0 clamp(6px, 2vw, 10px) !important;
        border-radius: clamp(12px, 3.7vw, 16px) !important;
        font-size: clamp(9px, 2.5vw, 11px) !important;
        box-sizing: border-box !important;
        box-shadow: none !important;
    }

    body.mr-home-has-desktop-sidebar.mr-global-has-desktop-sidebar #quickProformaMobileGuide {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        border-color: rgba(155, 118, 188, .72) !important;
        background:
            linear-gradient(180deg, rgba(151, 112, 184, .96), rgba(86, 59, 111, .96)) !important;
        color: rgba(255, 255, 255, .98) !important;
        -webkit-text-fill-color: rgba(255, 255, 255, .98) !important;
        font-weight: 950 !important;
    }

    body.mr-home-has-desktop-sidebar.mr-global-has-desktop-sidebar #quickProformaMobileGuide.is-active {
        border-color: rgba(222, 198, 241, .92) !important;
        box-shadow: 0 0 0 3px rgba(151, 112, 184, .16) !important;
    }

    body.mr-home-has-desktop-sidebar.mr-global-has-desktop-sidebar .quick-proforma-total-box {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 8px !important;
        text-align: start !important;
    }

    body.mr-home-has-desktop-sidebar.mr-global-has-desktop-sidebar .quick-proforma-total-box span,
    body.mr-home-has-desktop-sidebar.mr-global-has-desktop-sidebar .quick-proforma-total-box strong {
        margin: 0 !important;
        font-size: clamp(10px, 2.8vw, 13px) !important;
        line-height: 1 !important;
    }

    body.mr-home-has-desktop-sidebar.mr-global-has-desktop-sidebar .quick-proforma-note {
        margin-top: clamp(8px, 2.5vw, 12px) !important;
        font-size: clamp(9px, 2.55vw, 11px) !important;
        line-height: 1.55 !important;
        text-align: center !important;
    }

    body.mr-home-has-desktop-sidebar.mr-global-has-desktop-sidebar .quick-proforma-whatsapp-modal {
        left: calc(var(--mr-mobile-vertical-sidebar-w) + var(--mr-mobile-shell-gutter)) !important;
        right: var(--mr-mobile-shell-edge-gutter) !important;
        top: calc(var(--mr-quick-proforma-modal-top, 0px) + var(--mr-mobile-l-top-h, 78px) + var(--mr-mobile-shell-gutter, 4px)) !important;
        width: auto !important;
        height: calc(var(--mr-quick-proforma-modal-vh, 100dvh) - var(--mr-mobile-l-top-h, 78px) - var(--mr-mobile-shell-gutter, 4px)) !important;
        padding: clamp(7px, 2vw, 10px) !important;
        box-sizing: border-box !important;
    }

    body.mr-home-has-desktop-sidebar.mr-global-has-desktop-sidebar .quick-proforma-whatsapp-dialog {
        width: 100% !important;
        max-width: 100% !important;
        border-radius: clamp(17px, 5vw, 22px) !important;
        box-shadow: none !important;
    }
}