:root {
            color-scheme: dark;
            --mr-home-accent-rgb: 31, 62, 55;
            --mr-home-strong-rgb: 43, 80, 72;
            --mr-home-aura-rgb: 36, 70, 63;
            --mr-home-metal-rgb: 224, 210, 182;
            --mr-home-accent: rgb(var(--mr-home-accent-rgb));
            --mr-home-strong: rgb(var(--mr-home-strong-rgb));
            --mr-home-aura: rgb(var(--mr-home-aura-rgb));
            --mr-home-metal: rgb(var(--mr-home-metal-rgb));
            --mr-home-glow: rgba(var(--mr-home-accent-rgb), .22);
            --mr-home-glow-soft: rgba(var(--mr-home-accent-rgb), .12);
            --mr-home-glow-faint: rgba(var(--mr-home-accent-rgb), .055);
            --mr-home-accent-line: rgba(var(--mr-home-accent-rgb), .26);
            --mr-home-accent-line-strong: rgba(var(--mr-home-accent-rgb), .48);
            --mr-home-metal-line: rgba(var(--mr-home-metal-rgb), .24);
            --mr-home-metal-soft: rgba(var(--mr-home-metal-rgb), .72);
            --mr-home-accent-shadow: rgba(var(--mr-home-accent-rgb), .12);
            --mr-home-transition: 1.18s;
            --mr-home-ease: cubic-bezier(.16,.84,.22,1);
            --mr-home-bg: #020403;
            --mr-home-page-bg: #000000;
            --mr-home-panel: rgba(4, 16, 13, .84);
            --mr-home-emerald: var(--mr-home-accent);
            --mr-home-emerald-soft: var(--mr-home-glow-soft);
            --mr-home-gold: var(--mr-home-metal);
            --mr-home-ivory: #f3ede1;
            --mr-home-muted: rgba(243, 237, 225, .72);
            --mr-home-line: var(--mr-home-accent-line);
            --mr-home-radius: 30px;
            --mr-table-bg: url("../images/quick-proforma-table-bg.webp");
        }

        html,
        body {
            min-height: 100%;
            overflow-x: hidden;
            overflow-y: auto;
            background: var(--mr-home-page-bg);
            overscroll-behavior-y: auto;
        }

        body {
            margin: 0;
            color: var(--mr-home-ivory);
            font-family: "Vazirmatn", "Inter", Arial, sans-serif;
            background: var(--mr-home-page-bg);
        }

        body.rtl {
            direction: rtl;
        }


        .mr-home-clean-main {
            position: relative;
            min-height: 100vh;
            padding: clamp(96px, 11vw, 140px) clamp(14px, 3vw, 34px) 56px;
            isolation: isolate;
        }

        .mr-home-clean-main::before {
            content: none;
            display: none;
            background: none;
            opacity: 0;
        }

        .mr-home-clean-frame {
            width: min(1180px, 100%);
            margin: 0 auto;
        }


        .mr-home-top-duo {
            --mr-top-duo-gap: clamp(4px, .42vw, 8px);
            position: relative;
            width: 100vw;
            max-width: 100vw;
            height: 90vh;
            height: 90svh;
            margin: 0 calc(50% - 50vw) clamp(18px, 2.6vw, 34px);
            padding: 0;
            box-sizing: border-box;
            display: grid;
            grid-template-columns: minmax(0, 7fr) minmax(0, 3fr);
            gap: var(--mr-top-duo-gap);
            direction: rtl;
            overflow: hidden;
            isolation: isolate;
            background: transparent;
            border: 0;
            box-shadow: none;
        }

        .mr-home-top-duo-card {
            position: relative;
            min-width: 0;
            min-height: 0;
            height: 100%;
            border-radius: clamp(24px, 3vw, 48px);
            border: 1px solid rgba(var(--mr-home-metal-rgb), .20);
            background:
                linear-gradient(145deg, rgba(255,255,255,.060), rgba(255,255,255,.016)),
                radial-gradient(circle at 28% 18%, rgba(var(--mr-home-accent-rgb), .20), transparent 34%),
                rgba(4, 14, 12, .94);
            box-shadow: none;
            overflow: hidden;
            isolation: isolate;
            transform: translateZ(0) scale(1);
            transform-origin: center center;
            transition: transform .54s cubic-bezier(.24,.72,.22,1), border-color .28s ease;
        }

        .mr-home-top-duo-card:hover,
        .mr-home-top-duo-card:focus-within {
            transform: translateZ(0) scale(.985);
            border-color: rgba(214, 192, 138, .34);
        }

        .mr-home-top-duo-card__media {
            position: absolute;
            inset: 0;
            z-index: 1;
        }

        .mr-home-top-duo-card__slide {
            position: absolute;
            inset: 0;
            display: block;
            width: 100%;
            height: 100%;
            opacity: 0;
            transform: translateZ(0) scale(1.018);
            transition:
                opacity .72s cubic-bezier(.22,.74,.22,1),
                transform .86s cubic-bezier(.22,.74,.22,1),
                filter .42s ease;
            pointer-events: none;
        }

        .mr-home-top-duo-card__slide.is-active {
            opacity: 1;
            transform: translateZ(0) scale(1);
            z-index: 2;
        }

        .mr-home-top-duo-card.is-cycling .mr-home-top-duo-card__slide.is-active {
            filter: saturate(1.03) contrast(1.04) brightness(1.02);
        }

        .mr-home-top-duo-card__media picture,
        .mr-home-top-duo-card__media img {
            display: block;
            width: 100%;
            height: 100%;
        }

        .mr-home-top-duo-card__media img {
            object-fit: cover;
            object-position: center center;
            filter: saturate(.96) contrast(1.04);
            transform: translateZ(0) scale(1.035);
            transform-origin: center center;
            transition: transform .58s cubic-bezier(.24,.72,.22,1), filter .28s ease;
        }

        .mr-home-top-duo-card:hover .mr-home-top-duo-card__media img,
        .mr-home-top-duo-card:focus-within .mr-home-top-duo-card__media img {
            transform: translateZ(0) scale(1);
            filter: saturate(.98) contrast(1.02);
        }

        @media (min-width: 821px) {
            .mr-home-top-duo-card__media img,
            .mr-home-top-duo-card:hover .mr-home-top-duo-card__media img,
            .mr-home-top-duo-card:focus-within .mr-home-top-duo-card__media img {
                object-fit: fill;
                transform: translateZ(0) scale(1);
            }
        }

        @media (min-width: 861px) {
            /* 9.587 — Desktop only: when one first-section image is hovered, the other image flows softly out of focus. */
            .mr-home-top-duo:has(.mr-home-top-duo-card:hover) .mr-home-top-duo-card:not(:hover):not(:focus-within) .mr-home-top-duo-card__media img,
            .mr-home-top-duo:has(.mr-home-top-duo-card:focus-within) .mr-home-top-duo-card:not(:hover):not(:focus-within) .mr-home-top-duo-card__media img {
                transform: translateZ(0) scale(1);
                filter: blur(3px) saturate(.72) contrast(.92) brightness(.82);
            }

            .mr-home-top-duo:has(.mr-home-top-duo-card:hover) .mr-home-top-duo-card:not(:hover):not(:focus-within)::after,
            .mr-home-top-duo:has(.mr-home-top-duo-card:focus-within) .mr-home-top-duo-card:not(:hover):not(:focus-within)::after {
                background:
                    linear-gradient(180deg, rgba(0,0,0,.08) 0%, rgba(0,0,0,.38) 100%),
                    linear-gradient(135deg, rgba(var(--mr-home-accent-rgb), .10), rgba(0,0,0,.18));
            }
        }

        .mr-home-top-duo-card__cta,
        .mr-home-top-duo-card__cta:link,
        .mr-home-top-duo-card__cta:visited {
            appearance: none;
            position: absolute;
            z-index: 5;
            left: clamp(22px, 4.2vw, 74px);
            right: clamp(22px, 4.2vw, 74px);
            bottom: clamp(14px, 2.05vw, 28px);
            min-height: clamp(34px, 3.1vw, 46px);
            padding: 0 clamp(18px, 2.6vw, 34px);
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border-radius: 999px;
            border: 1px solid rgba(236, 233, 226, .38);
            background: linear-gradient(135deg, rgba(31, 62, 55, .54), rgba(94, 114, 130, .24));
            -webkit-backdrop-filter: blur(16px) saturate(1.12);
            backdrop-filter: blur(16px) saturate(1.12);
            color: rgba(248, 241, 222, .94);
            -webkit-text-fill-color: rgba(248, 241, 222, .94);
            font: 850 clamp(11.5px, .98vw, 14px)/1.1 Inter, "Vazirmatn", "Segoe UI", system-ui, sans-serif;
            letter-spacing: -.01em;
            text-decoration: none;
            text-align: center;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            pointer-events: auto;
            transform: translateZ(0);
            transition: background-color .24s ease, border-color .24s ease, color .24s ease, transform .28s cubic-bezier(.24,.72,.22,1);
        }

        a.mr-home-top-duo-card__cta:hover,
        a.mr-home-top-duo-card__cta:focus-visible,
        button.mr-home-top-duo-card__cta:hover,
        button.mr-home-top-duo-card__cta:focus-visible {
            border-color: rgba(214, 192, 138, .68);
            background: linear-gradient(135deg, rgba(214, 192, 138, .30), rgba(31, 62, 55, .54));
            color: #fff7df;
            -webkit-text-fill-color: #fff7df;
            transform: translateZ(0) translateY(-1px);
            outline: none;
        }

        .mr-home-top-duo-card.has-admin-image {
            background: transparent !important;
            border-color: transparent;
            box-shadow: none;
        }

        .mr-home-top-duo-card.has-admin-image::before,
        .mr-home-top-duo-card.has-admin-image::after {
            content: none;
            display: none;
        }

        .mr-home-top-duo-card::before,
        .mr-home-top-duo-card::after {
            content: "";
            position: absolute;
            inset: 0;
            pointer-events: none;
        }

        .mr-home-top-duo-card::before {
            z-index: 2;
            background:
                linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px),
                linear-gradient(180deg, rgba(255,255,255,.030) 1px, transparent 1px),
                radial-gradient(circle at 50% 0%, rgba(var(--mr-home-metal-rgb), .18), transparent 34%);
            background-size: 64px 64px, 64px 64px, auto;
            opacity: .32;
            mix-blend-mode: screen;
        }

        .mr-home-top-duo-card::after {
            z-index: 3;
            inset: 1px;
            border-radius: inherit;
            border: 1px solid rgba(255,255,255,.035);
            background: linear-gradient(180deg, transparent 0%, rgba(0,0,0,.24) 100%);
            box-shadow: none;
        }

        .mr-home-top-duo-card--narrow {
            background:
                radial-gradient(circle at 44% 18%, rgba(224,210,182,.16), transparent 30%),
                linear-gradient(165deg, rgba(31,62,55,.92), rgba(7, 18, 15, .98));
        }

        .mr-home-top-duo-card--wide {
            background:
                radial-gradient(circle at 18% 20%, rgba(122,90,75,.22), transparent 30%),
                radial-gradient(circle at 76% 18%, rgba(31,62,55,.18), transparent 36%),
                linear-gradient(145deg, rgba(12, 13, 17, .98), rgba(3, 7, 6, .98));
        }

        @media (max-width: 820px) {
            .mr-home-top-duo {
                --mr-top-duo-gap: 0px;
                grid-template-columns: 1fr;
                height: 90svh;
                min-height: 90svh;
                padding: 0;
                margin-bottom: clamp(16px, 5vw, 28px);
            }

            .mr-home-top-duo-card {
                border-radius: clamp(20px, 7vw, 30px);
            }

            .mr-home-top-duo-card__cta,
            .mr-home-top-duo-card__cta:link,
            .mr-home-top-duo-card__cta:visited {
                left: clamp(18px, 7vw, 30px);
                right: clamp(18px, 7vw, 30px);
                bottom: clamp(12px, 4.8vw, 22px);
                min-height: clamp(32px, 10vw, 42px);
                font-size: clamp(11.5px, 3.2vw, 13px);
            }

            .mr-home-top-duo-card--wide {
                grid-column: 1 / -1;
            }

            .mr-home-top-duo-card--narrow {
                display: none;
            }
        }
        .quick-proforma-section {
            --mr-quick-proforma-align-pad: clamp(8px, .72vw, 14px);
            --mr-quick-proforma-align-gap: clamp(8px, .72vw, 14px);
            --mr-quick-proforma-align-card-width: clamp(278px, 27vw, 560px);
            --mr-quick-proforma-target-width: calc(
                var(--mr-quick-proforma-align-card-width) +
                var(--mr-quick-proforma-align-card-width) +
                var(--mr-quick-proforma-align-gap) +
                var(--mr-quick-proforma-align-pad) +
                var(--mr-quick-proforma-align-pad)
            );
            position: relative;
            left: calc(50% - 50vw);
            width: var(--mr-quick-proforma-target-width);
            max-width: 100vw;
            margin: 0;
            padding: 0 var(--mr-quick-proforma-align-pad);
            box-sizing: border-box;
            scroll-margin-top: 92px;
        }


        @media (max-width: 860px) {
            body:not(.mr-global-has-desktop-sidebar) .quick-proforma-section {
                --mr-quick-proforma-align-pad: 0px;
                left: calc(50% - 50vw);
                width: 100vw;
                max-width: 100vw;
                margin: 0;
                padding: 0;
            }
        }

        .quick-proforma-guide-panel {
            display: none;
        }

        @media (min-width: 1100px) {
            .quick-proforma-guide-panel {
                position: absolute;
                left: calc(100% + clamp(18px, 1.35vw, 30px));
                top: clamp(0px, .25vw, 4px);
                z-index: 2;
                width: clamp(500px, 42vw, 680px);
                max-width: calc(100vw - var(--mr-quick-proforma-target-width) - clamp(30px, 2.8vw, 56px));
                display: block;
                box-sizing: border-box;
                padding: clamp(2px, .35vw, 6px) 0 0;
                border: 0;
                border-radius: 0;
                background: transparent;
                box-shadow: none;
                color: var(--mr-home-ivory);
                direction: rtl;
                text-align: right;
                overflow: visible;
                isolation: auto;
            }

            .quick-proforma-guide-panel::before {
                content: none;
                display: none;
            }

            .quick-proforma-guide-kicker {
                display: none;
            }

            .quick-proforma-guide-panel h3 {
                margin: 0 0 clamp(12px, 1vw, 18px);
                padding: 0;
                color: rgba(3, 18, 15, .86);
                font-size: clamp(1.06rem, 1.22vw, 1.32rem);
                line-height: 1.55;
                font-weight: 950;
                letter-spacing: -.015em;
                text-align: right;
                white-space: nowrap;
                text-shadow: 0 1px 0 rgba(255,255,255,.34);
            }

            .quick-proforma-guide-list {
                margin: 0;
                padding: 0;
                width: max-content;
                max-width: 100%;
                list-style: none;
                display: grid;
                gap: clamp(7px, .64vw, 10px);
                counter-reset: mr-proforma-guide;
            }

            .quick-proforma-guide-list li {
                position: relative;
                min-height: 34px;
                display: flex;
                align-items: center;
                justify-content: flex-start;
                box-sizing: border-box;
                padding: 0 31px 0 0;
                border: 0;
                border-radius: 0;
                background: transparent;
                color: rgba(3, 18, 15, .74);
                font-size: clamp(.84rem, .92vw, 1rem);
                line-height: 2.05;
                font-weight: 700;
                white-space: nowrap;
                box-shadow: none;
            }

            .quick-proforma-guide-list li::before {
                counter-increment: mr-proforma-guide;
                content: counter(mr-proforma-guide, decimal-leading-zero);
                position: absolute;
                top: 50%;
                right: 0;
                width: 22px;
                height: 22px;
                display: inline-grid;
                place-items: center;
                transform: translateY(-50%);
                border-radius: 999px;
                border: 1px solid rgba(31,62,55,.18);
                background: rgba(31,62,55,.055);
                color: rgba(31,62,55,.78);
                font-size: .56rem;
                line-height: 1;
                font-weight: 950;
                direction: ltr;
                box-shadow: none;
            }

            .quick-proforma-guide-demo-btn {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                min-height: 27px;
                margin: 0 3px;
                padding: 0 12px;
                border-radius: 999px;
                border: 1px solid rgba(31,62,55,.22);
                background: rgba(255,255,255,.42);
                color: rgba(3, 18, 15, .88);
                -webkit-text-fill-color: rgba(3, 18, 15, .88);
                box-shadow: none;
                font-size: .72rem;
                font-weight: 950;
                line-height: 1;
                letter-spacing: 0;
                white-space: nowrap;
                vertical-align: middle;
                pointer-events: none;
                user-select: none;
            }

            .quick-proforma-guide-mode-row {
                gap: clamp(9px, .74vw, 13px);
            }

            .quick-proforma-guide-line-text {
                display: inline-flex;
                align-items: center;
                min-width: 0;
                white-space: nowrap;
            }

            .quick-proforma-guide-mode-toggle {
                position: relative;
                display: inline-flex;
                align-items: center;
                justify-content: center;
                gap: 3px;
                flex: 0 0 auto;
                margin-inline-start: clamp(8px, .72vw, 12px);
                padding: 3px;
                border: 1px solid rgba(31,62,55,.22);
                border-radius: 999px;
                background: rgba(255,255,255,.48);
                box-shadow:
                    inset 0 1px 0 rgba(255,255,255,.38),
                    0 6px 14px rgba(31,62,55,.045);
                pointer-events: auto;
                user-select: none;
                touch-action: manipulation;
            }

            .quick-proforma-guide-mode-toggle__btn {
                appearance: none;
                -webkit-appearance: none;
                min-width: 50px;
                min-height: 25px;
                padding: 0 11px;
                border: 0;
                border-radius: 999px;
                background: transparent;
                color: rgba(3,18,15,.68);
                -webkit-text-fill-color: rgba(3,18,15,.68);
                font-family: inherit;
                font-size: .70rem;
                line-height: 1;
                font-weight: 950;
                white-space: nowrap;
                cursor: pointer;
                transition: background .18s ease, color .18s ease, box-shadow .18s ease, transform .18s ease;
            }

            .quick-proforma-guide-mode-toggle__btn:hover,
            .quick-proforma-guide-mode-toggle__btn:focus-visible {
                color: rgba(3,18,15,.92);
                -webkit-text-fill-color: rgba(3,18,15,.92);
                outline: 0;
            }

            .quick-proforma-guide-mode-toggle__btn.is-active,
            .quick-proforma-guide-mode-toggle__btn[aria-pressed="true"] {
                border-color: rgba(224, 188, 115, .46);
                background:
                    linear-gradient(180deg, rgba(245, 213, 144, .86), rgba(156, 120, 60, .84));
                color: rgba(13, 18, 15, .90);
                -webkit-text-fill-color: rgba(13, 18, 15, .90);
                box-shadow:
                    inset 0 1px 0 rgba(255, 244, 204, .34),
                    inset 0 -1px 0 rgba(71, 48, 19, .26),
                    0 0 18px rgba(213, 175, 95, .14),
                    0 10px 22px rgba(0,0,0,.18);
            }

            .quick-proforma-guide-demo-btn--mode,
            .quick-proforma-guide-demo-btn--quote,
            .quick-proforma-guide-demo-btn--send {
                border-color: rgba(31,62,55,.44);
                background: rgba(31,62,55,.92);
                color: rgba(255,255,255,.96);
                -webkit-text-fill-color: rgba(255,255,255,.96);
            }

            .quick-proforma-guide-demo-btn--pdf {
                border-color: rgba(166,128,68,.35);
                background: rgba(255,255,255,.50);
                color: rgba(91, 64, 24, .96);
                -webkit-text-fill-color: rgba(91, 64, 24, .96);
            }

            .quick-proforma-guide-demo-btn--remove {
                min-width: 28px;
                padding: 0 9px;
                border-color: rgba(120, 28, 28, .22);
                background: rgba(120, 28, 28, .070);
                color: rgba(120, 28, 28, .82);
                -webkit-text-fill-color: rgba(120, 28, 28, .82);
            }

            body:not(.rtl) .quick-proforma-guide-panel {
                direction: ltr;
                text-align: left;
            }

            body:not(.rtl) .quick-proforma-guide-panel h3 {
                text-align: left;
            }

            body:not(.rtl) .quick-proforma-guide-list li {
                justify-content: flex-start;
                padding: 0 0 0 31px;
            }

            body:not(.rtl) .quick-proforma-guide-list li::before {
                right: auto;
                left: 0;
            }
        }

        .quick-proforma-wrap {
            position: relative;
            border: 1px solid rgba(224,210,182,.22);
            border-radius: clamp(24px, 3vw, 38px);
            background:
                linear-gradient(135deg, rgba(255,255,255,.06), rgba(255,255,255,.018)),
                radial-gradient(circle at 85% 8%, rgba(31,62,55,.10), transparent 32%),
                rgba(3, 12, 10, .86);
            box-shadow:
                inset 0 1px 0 rgba(255,255,255,.08),
                0 30px 80px rgba(0,0,0,.36);
            overflow: hidden;
        }

        .quick-proforma-paper {
            margin: clamp(10px, 2vw, 22px);
            border: 1px solid rgba(255,255,255,.08);
            border-radius: clamp(18px, 2.2vw, 28px);
            background: rgba(2, 8, 7, .66);
            overflow: hidden;
            box-shadow:
                inset 0 1px 0 rgba(255,255,255,.06),
                0 22px 56px rgba(0,0,0,.28);
        }

        .quick-proforma-body {
            padding: clamp(12px, 2vw, 22px);
        }

        .quick-proforma-table-wrap {
            position: relative;
            min-height: clamp(390px, 42vw, 500px);
            border: 1px solid rgba(224,210,182,.18);
            border-radius: 22px;
            overflow: hidden;
            background:
                linear-gradient(180deg, rgba(1,5,4,.40), rgba(1,5,4,.54)),
                radial-gradient(circle at 50% 40%, rgba(0,0,0,.02), rgba(0,0,0,.42)),
                var(--mr-table-bg);
            background-size: cover;
            background-position: center center;
            box-shadow:
                inset 0 1px 0 rgba(255,255,255,.06),
                0 16px 42px rgba(0,0,0,.26);
        }

        .quick-proforma-table-wrap::before {
            content: "";
            position: absolute;
            inset: 0;
            pointer-events: none;
            z-index: 0;
            background:
                linear-gradient(90deg, rgba(2,8,7,.28), rgba(2,8,7,.06), rgba(2,8,7,.28)),
                linear-gradient(180deg, rgba(255,255,255,.025), rgba(0,0,0,.10));
        }

        .quick-proforma-table-scroll {
            position: relative;
            z-index: 1;
            min-height: inherit;
            overflow-x: auto;
            overflow-y: visible;
            -webkit-overflow-scrolling: touch;
            touch-action: pan-x pan-y;
            padding: 14px;
            direction: ltr;
        }

        .quick-proforma-catalog-rail {
            position: relative;
            z-index: 18;
            display: flex;
            justify-content: flex-end;
            align-items: center;
            margin-bottom: 12px;
        }

        .quick-proforma-catalog-btn,
        .quick-proforma-continue-catalog-btn,
        #quickProformaClear,
        #quickProformaAddRow,
        #quickProformaPdf,
        #quickProformaWhatsapp,
        #quickProformaProfile,
        #quickProformaInfo,
        #quickProformaMobileGuide {
            border: 1px solid rgba(224,210,182,.28);
            border-radius: 999px;
            color: var(--mr-home-ivory);
            background:
                linear-gradient(180deg, rgba(255,255,255,.09), rgba(255,255,255,.025)),
                rgba(3, 18, 15, .78);
            box-shadow: inset 0 1px 0 rgba(255,255,255,.12);
            cursor: pointer;
            text-decoration: none;
            font-family: inherit;
            transition: transform .2s ease, border-color .2s ease;
        }

        #quickProformaMobileGuide {
            display: none;
        }

        .quick-proforma-catalog-btn {
            position: relative;
            display: inline-flex;
            align-items: center;
            gap: 8px;
            min-height: 38px;
            padding: 0 14px;
            font-size: .82rem;
        }

        .quick-proforma-catalog-btn::after {
            content: "";
            width: 6px;
            height: 6px;
            border-inline-end: 1.5px solid currentColor;
            border-bottom: 1.5px solid currentColor;
            transform: translateY(-2px) rotate(45deg);
            opacity: .72;
            transition: transform .18s ease, opacity .18s ease;
        }

        .quick-proforma-catalog-rail.is-open .quick-proforma-catalog-btn::after {
            transform: translateY(2px) rotate(225deg);
            opacity: .92;
        }

        .quick-proforma-catalog-menu[hidden] {
            display: none !important;
        }

        .quick-proforma-catalog-menu {
            position: absolute;
            top: calc(100% + 8px);
            right: 0;
            z-index: 80;
            width: min(214px, 78vw);
            padding: 8px;
            display: grid;
            gap: 6px;
            border: 1px solid rgba(224,210,182,.28);
            border-radius: 20px;
            background:
                radial-gradient(circle at 18% 0%, rgba(224,210,182,.16), transparent 34%),
                linear-gradient(180deg, rgba(255,255,255,.092), rgba(255,255,255,.028)),
                rgba(2, 11, 9, .94);
            -webkit-backdrop-filter: blur(18px) saturate(1.15);
            backdrop-filter: blur(18px) saturate(1.15);
            box-shadow:
                inset 0 1px 0 rgba(255,255,255,.14),
                0 22px 54px rgba(0,0,0,.38),
                0 0 0 1px rgba(0,0,0,.18);
            direction: ltr;
        }

        .quick-proforma-catalog-menu::before {
            content: "";
            position: absolute;
            top: -6px;
            right: 28px;
            width: 12px;
            height: 12px;
            border-inline-start: 1px solid rgba(224,210,182,.22);
            border-top: 1px solid rgba(224,210,182,.22);
            background: rgba(2, 11, 9, .94);
            transform: rotate(45deg);
            pointer-events: none;
        }

        .quick-proforma-catalog-option {
            min-height: 36px;
            padding: 0 13px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border: 1px solid rgba(224,210,182,.16);
            border-radius: 999px;
            background:
                linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.020)),
                rgba(255,255,255,.045);
            color: rgba(243,237,225,.90);
            -webkit-text-fill-color: rgba(243,237,225,.90);
            text-decoration: none;
            font-size: .76rem;
            font-weight: 950;
            letter-spacing: .035em;
            white-space: nowrap;
            cursor: pointer;
            transition: transform .16s ease, border-color .16s ease, background .16s ease, color .16s ease;
        }

        .quick-proforma-catalog-option:hover,
        .quick-proforma-catalog-option:focus-visible {
            transform: translateY(-1px);
            border-color: rgba(224,210,182,.50);
            background:
                linear-gradient(180deg, rgba(245,213,144,.84), rgba(156,120,60,.82));
            color: rgba(13,18,15,.92);
            -webkit-text-fill-color: rgba(13,18,15,.92);
            outline: 0;
        }

        body:not(.rtl) .quick-proforma-catalog-menu {
            right: 0;
            left: auto;
        }

        .quick-proforma-table {
            width: 100%;
            min-width: 620px;
            border-collapse: separate;
            border-spacing: 0;
            color: var(--mr-home-ivory);
            background: rgba(1, 5, 4, .34);
            border: 1px solid rgba(255,255,255,.07);
            border-radius: 18px;
            overflow: hidden;
            backdrop-filter: blur(2px);
            direction: ltr;
        }

        .quick-proforma-table th,
        .quick-proforma-table td {
            padding: 11px 10px;
            border-bottom: 1px solid rgba(255,255,255,.07);
            text-align: center;
            vertical-align: middle;
            font-size: .86rem;
        }

        .quick-proforma-table th {
            color: rgba(31,62,55,.78);
            font-weight: 700;
            background: rgba(0, 0, 0, .35);
        }

        .quick-proforma-table tbody tr:last-child td {
            border-bottom: 0;
        }

        .quick-proforma-product-thumb {
            width: 48px;
            height: 48px;
            margin: 0 auto;
            border-radius: 14px;
            overflow: hidden;
            display: grid;
            place-items: center;
            color: rgba(243,234,223,.45);
            background: rgba(255,255,255,.055);
            border: 1px solid rgba(255,255,255,.08);
        }

        .quick-proforma-product-thumb img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }

        .quick-proforma-code-wrap {
            position: relative;
            display: flex;
            align-items: center;
            gap: 6px;
            justify-content: center;
            direction: ltr;
        }

        .quick-proforma-code-cell {
            position: relative;
            overflow: visible;
        }

        .quick-proforma-code-prefix {
            color: rgba(224,210,182,.90);
            font-weight: 700;
            letter-spacing: .08em;
        }

        .quick-proforma-code-input,
        .quick-proforma-qty-input,
        .quick-proforma-whatsapp-field input {
            width: 100%;
            min-height: 38px;
            border: 1px solid rgba(255,255,255,.12);
            border-radius: 12px;
            color: var(--mr-home-ivory);
            background: rgba(0,0,0,.36);
            outline: none;
            padding: 0 10px;
            font: inherit;
        }

        .quick-proforma-code-input {
            max-width: 150px;
            text-transform: uppercase;
            direction: ltr;
            text-align: left;
        }

        @media (max-width: 860px) {
            .quick-proforma-code-input[readonly] {
                pointer-events: none;
                caret-color: transparent;
                cursor: default;
                -webkit-user-select: none;
                user-select: none;
            }
        }

        .quick-proforma-qty-input {
            max-width: 72px;
            text-align: center;
        }


        .quick-proforma-row-remove {
            width: 30px;
            height: 30px;
            border: 1px solid rgba(255,130,130,.24);
            border-radius: 50%;
            color: rgba(255,190,190,.88);
            background: rgba(60, 0, 0, .26);
            cursor: pointer;
        }


        .quick-proforma-table-wrap {
            border-color: rgba(224,210,182,.34);
            background:
                linear-gradient(180deg, rgba(1,5,4,.22), rgba(1,5,4,.42)),
                radial-gradient(circle at 50% 34%, rgba(31,62,55,.10), rgba(0,0,0,.24) 58%, rgba(0,0,0,.54)),
                var(--mr-table-bg);
            box-shadow:
                inset 0 1px 0 rgba(255,255,255,.10),
                inset 0 0 0 1px rgba(31,62,55,.035),
                inset 0 -34px 70px rgba(0,0,0,.22),
                0 24px 58px rgba(0,0,0,.34),
                0 0 0 1px rgba(0,0,0,.22);
        }

        .quick-proforma-table-wrap::before {
            background:
                linear-gradient(90deg, rgba(2,8,7,.18), rgba(2,8,7,0), rgba(2,8,7,.18)),
                radial-gradient(circle at 50% 50%, rgba(255,255,255,.045), transparent 52%),
                linear-gradient(180deg, rgba(255,255,255,.035), rgba(0,0,0,.075));
        }

        .quick-proforma-table-wrap::after {
            content: "";
            position: absolute;
            inset: 10px;
            pointer-events: none;
            z-index: 0;
            border-radius: 17px;
            border: 1px solid rgba(224,210,182,.16);
            box-shadow:
                inset 0 0 24px rgba(31,62,55,.055),
                inset 0 0 0 1px rgba(255,255,255,.018);
        }

        .quick-proforma-table-scroll {
            z-index: 2;
        }

        .quick-proforma-table {
            background:
                linear-gradient(180deg, rgba(2,10,9,.42), rgba(1,5,4,.30));
            border-color: rgba(224,210,182,.18);
            border-radius: 20px;
            backdrop-filter: blur(5px) saturate(1.10);
            -webkit-backdrop-filter: blur(5px) saturate(1.10);
            box-shadow:
                inset 0 1px 0 rgba(255,255,255,.08),
                0 14px 32px rgba(0,0,0,.24);
        }

        .quick-proforma-table th,
        .quick-proforma-table td {
            border-bottom-color: rgba(243,234,223,.095);
            border-right: 1px solid rgba(243,234,223,.055);
        }

        .quick-proforma-table th:last-child,
        .quick-proforma-table td:last-child {
            border-right: 0;
        }

        .quick-proforma-table th {
            color: rgba(231,255,247,.92);
            letter-spacing: .045em;
            text-transform: uppercase;
            background:
                linear-gradient(180deg, rgba(9,42,35,.82), rgba(1,10,9,.78)),
                linear-gradient(90deg, rgba(224,210,182,.16), rgba(31,62,55,.10), rgba(224,210,182,.12));
            box-shadow:
                inset 0 1px 0 rgba(255,255,255,.10),
                inset 0 -1px 0 rgba(224,210,182,.16);
        }

        .quick-proforma-table tbody tr {
            background: linear-gradient(90deg, rgba(255,255,255,.018), rgba(31,62,55,.018), rgba(255,255,255,.012));
            transition: background .18s ease, box-shadow .18s ease;
        }

        .quick-proforma-table tbody tr:nth-child(even) {
            background: linear-gradient(90deg, rgba(0,0,0,.11), rgba(31,62,55,.012), rgba(0,0,0,.08));
        }

        .quick-proforma-table tbody tr:hover {
            background: linear-gradient(90deg, rgba(31,62,55,.06), rgba(224,210,182,.045), rgba(31,62,55,.035));
            box-shadow: inset 0 0 0 1px rgba(31,62,55,.08);
        }

        .quick-proforma-row-number {
            color: rgba(224,210,182,.92);
            font-weight: 800;
            font-variant-numeric: tabular-nums;
        }

        .quick-proforma-product-thumb {
            border-color: rgba(224,210,182,.18);
            background:
                radial-gradient(circle at 50% 30%, rgba(31,62,55,.08), transparent 56%),
                rgba(1,8,7,.52);
            box-shadow:
                inset 0 1px 0 rgba(255,255,255,.08),
                0 8px 18px rgba(0,0,0,.20);
        }

        .quick-proforma-code-prefix {
            color: rgba(226,201,142,.98);
            text-shadow: 0 0 10px rgba(224,210,182,.18);
        }

        .quick-proforma-code-input,
        .quick-proforma-qty-input {
            border-color: rgba(224,210,182,.20);
            background:
                linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.015)),
                rgba(0,0,0,.42);
            box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
        }

        .quick-proforma-code-input:focus,
        .quick-proforma-qty-input:focus {
            border-color: rgba(31,62,55,.52);
            box-shadow:
                inset 0 1px 0 rgba(255,255,255,.08),
                0 0 0 3px rgba(31,62,55,.08),
                0 0 18px rgba(31,62,55,.10);
        }


        .quick-proforma-row-remove {
            border-color: rgba(255,130,130,.28);
            background:
                linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.01)),
                rgba(58, 0, 0, .30);
            box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
        }

        .quick-proforma-total-box {
            background:
                linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.015)),
                rgba(1,10,9,.72);
            border-color: rgba(224,210,182,.34);
            box-shadow:
                inset 0 1px 0 rgba(255,255,255,.08),
                0 12px 28px rgba(0,0,0,.24);
        }

        .quick-proforma-foot {
            display: flex;
            gap: 16px;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
            margin-top: 16px;
        }

        .quick-proforma-actions {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
        }

        .quick-proforma-actions button {
            min-height: 39px;
            padding: 0 13px;
        }

        .quick-proforma-pdf-btn {
            border-color: rgba(224,210,182,.42) !important;
        }

        .quick-proforma-whatsapp-btn {
            border-color: rgba(31,62,55,.38) !important;
        }

        .quick-proforma-profile-btn {
            border-color: rgba(229,198,145,.46) !important;
        }

        .quick-proforma-profile-btn.is-busy {
            opacity: .72;
            cursor: wait;
            pointer-events: none;
        }

        .quick-proforma-continue-catalog-btn {
            display: none;
            align-items: center;
            justify-content: center;
            position: absolute;
            z-index: 40;
            min-height: 28px;
            padding: 0 9px;
            font-size: .68rem;
            line-height: 1;
            letter-spacing: .02em;
            white-space: nowrap;
            border-radius: 999px;
            border-color: rgba(31,62,55,.38) !important;
            background:
                linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.018)),
                rgba(2, 15, 13, .76);
            box-shadow:
                inset 0 1px 0 rgba(255,255,255,.14),
                0 6px 14px rgba(0,0,0,.20);
        }

        .quick-proforma-continue-catalog-btn.is-visible {
            display: inline-flex;
        }

        .quick-proforma-total-box {
            min-width: 180px;
            padding: 12px 16px;
            font-family: inherit;
            cursor: pointer;
            border: 1px solid rgba(224,210,182,.25);
            border-radius: 18px;
            background: rgba(0,0,0,.28);
            text-align: center;
        }

        .quick-proforma-total-box span {
            display: block;
            color: rgba(243,234,223,.60);
            font-size: .78rem;
            margin-bottom: 5px;
        }

        .quick-proforma-total-box strong {
            color: var(--mr-home-ivory);
            font-size: 1.15rem;
            font-variant-numeric: tabular-nums;
        }

        .quick-proforma-note {
            margin-top: 14px;
            color: rgba(243,234,223,.58);
            font-size: .84rem;
            line-height: 1.75;
        }

        .quick-proforma-missing {
            outline: 1px solid rgba(255,90,90,.32);
            outline-offset: -1px;
        }

        .quick-proforma-whatsapp-modal[hidden] {
            display: none !important;
        }

        body.quick-proforma-whatsapp-modal-open {
            overflow: hidden !important;
            overscroll-behavior: none;
            touch-action: none;
        }

        .quick-proforma-whatsapp-modal {
            position: fixed;
            left: 0;
            right: 0;
            top: var(--mr-quick-proforma-modal-top, 0px);
            height: var(--mr-quick-proforma-modal-vh, 100dvh);
            z-index: 40000;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: max(18px, env(safe-area-inset-top)) 18px max(18px, env(safe-area-inset-bottom));
            overflow: hidden;
            overscroll-behavior: contain;
            touch-action: none;
        }

        .quick-proforma-whatsapp-backdrop {
            position: absolute;
            inset: 0;
            background: rgba(0,0,0,.74);
            backdrop-filter: blur(7px);
            -webkit-backdrop-filter: blur(7px);
        }

        .quick-proforma-whatsapp-dialog {
            position: relative;
            z-index: 1;
            width: min(520px, 100%);
            max-height: calc(var(--mr-quick-proforma-modal-vh, 100dvh) - 36px);
            overflow-y: auto;
            overscroll-behavior: contain;
            -webkit-overflow-scrolling: touch;
            border: 1px solid rgba(224,210,182,.24);
            border-radius: 26px;
            padding: 24px;
            background:
                radial-gradient(circle at 12% 0%, rgba(31,62,55,.11), transparent 32%),
                rgba(3, 12, 10, .96);
            box-shadow: 0 28px 80px rgba(0,0,0,.56);
            transform: translateZ(0);
        }

        .quick-proforma-whatsapp-close {
            position: absolute;
            top: 12px;
            right: 12px;
            width: 34px;
            height: 34px;
            border-radius: 50%;
            border: 1px solid rgba(255,255,255,.12);
            color: var(--mr-home-ivory);
            background: rgba(255,255,255,.06);
            cursor: pointer;
        }

        body.rtl .quick-proforma-whatsapp-close {
            right: auto;
            left: 12px;
        }

        .quick-proforma-whatsapp-kicker {
            color: rgba(31,62,55,.75);
            font-size: .72rem;
            letter-spacing: .20em;
            font-weight: 700;
        }

        .quick-proforma-whatsapp-dialog h3 {
            margin: 8px 0 8px;
            font-size: 1.55rem;
        }

        .quick-proforma-whatsapp-dialog p,
        .quick-proforma-send-platform-hint,
        .quick-proforma-whatsapp-error {
            color: rgba(243,234,223,.68);
            line-height: 1.7;
            font-size: .9rem;
        }

        .quick-proforma-whatsapp-field {
            display: grid;
            gap: 7px;
            margin-top: 13px;
        }

        .quick-proforma-whatsapp-field span {
            color: rgba(243,234,223,.70);
            font-size: .84rem;
        }

        .quick-proforma-send-platforms {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 8px;
            margin: 16px 0 0;
            padding: 0;
            border: 0;
        }

        .quick-proforma-send-platforms legend {
            grid-column: 1 / -1;
            margin-bottom: 6px;
            color: rgba(243,234,223,.70);
            font-size: .84rem;
        }

        .quick-proforma-send-platform {
            position: relative;
            min-height: 40px;
            display: grid;
            place-items: center;
            border: 1px solid rgba(255,255,255,.12);
            border-radius: 14px;
            background: rgba(255,255,255,.04);
            cursor: pointer;
        }

        .quick-proforma-send-platform input {
            position: absolute;
            opacity: 0;
        }

        .quick-proforma-send-platform:has(input:checked),
        .quick-proforma-send-platform.is-selected {
            border-color: rgba(31,62,55,.42);
            background: rgba(31,62,55,.10);
        }

        .quick-proforma-whatsapp-actions {
            display: flex;
            justify-content: flex-end;
            gap: 8px;
            margin-top: 18px;
        }

        .quick-proforma-whatsapp-actions button {
            min-height: 40px;
            padding: 0 16px;
            border-radius: 999px;
            border: 1px solid rgba(224,210,182,.26);
            color: var(--mr-home-ivory);
            background: rgba(255,255,255,.06);
            cursor: pointer;
            font: inherit;
        }

        .quick-proforma-whatsapp-confirm:not(:disabled) {
            color: #f3ede1;
            background: linear-gradient(135deg, #2B5048, #1F3E37);
            box-shadow: 0 12px 28px rgba(31,62,55,.20);
            text-shadow: 0 1px 10px rgba(0,0,0,.28);
            font-weight: 700;
        }

        .quick-proforma-whatsapp-confirm:disabled {
            opacity: .42;
            cursor: not-allowed;
        }

        .quick-proforma-whatsapp-dialog {
            width: min(460px, calc(100vw - 28px));
            padding: 18px;
            border-radius: 22px;
            background:
                linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.014)),
                rgba(3, 8, 12, .985);
        }

        .quick-proforma-whatsapp-kicker,
        .quick-proforma-whatsapp-dialog > p {
            display: none !important;
        }

        .quick-proforma-send-platform-hint {
            display: none;
            margin-top: 10px;
            padding: 9px 10px;
            border: 1px solid rgba(224,210,182,.12);
            border-radius: 12px;
            background: rgba(255,255,255,.035);
            color: rgba(243,234,223,.72);
            font-size: .74rem;
            line-height: 1.48;
        }

        .quick-proforma-send-platform-hint.is-visible {
            display: block;
        }

        .quick-proforma-send-platform-hint.is-whatsapp {
            border-color: rgba(191,155,95,.20);
            background: rgba(31,62,55,.075);
            color: rgba(243,237,225,.82);
        }

        .quick-proforma-whatsapp-dialog h3 {
            margin: 0 40px 12px 0;
            font-size: 1.08rem;
            line-height: 1.35;
            letter-spacing: -.01em;
        }

        body.rtl .quick-proforma-whatsapp-dialog h3 {
            margin: 0 0 12px 40px;
        }

        .quick-proforma-whatsapp-close {
            top: 10px;
            right: 10px;
            width: 30px;
            height: 30px;
            background: rgba(255,255,255,.045);
            color: rgba(243,234,223,.82);
        }

        body.rtl .quick-proforma-whatsapp-close {
            right: auto;
            left: 10px;
        }

        .quick-proforma-whatsapp-field {
            gap: 6px;
            margin-top: 10px;
        }

        .quick-proforma-whatsapp-field span {
            font-size: .76rem;
            color: rgba(243,234,223,.66);
        }

        .quick-proforma-whatsapp-field input {
            min-height: 43px;
            border-radius: 14px;
        }

        .quick-proforma-send-platforms {
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 7px;
            margin-top: 12px;
        }

        .quick-proforma-send-platforms legend {
            position: absolute !important;
            width: 1px !important;
            height: 1px !important;
            padding: 0 !important;
            margin: -1px !important;
            overflow: hidden !important;
            clip: rect(0 0 0 0) !important;
            white-space: nowrap !important;
            border: 0 !important;
        }

        .quick-proforma-send-platform {
            min-height: 42px;
            border-radius: 13px;
            background: rgba(255,255,255,.035);
            color: rgba(243,234,223,.78);
            font-size: .76rem;
            font-weight: 600;
            white-space: nowrap;
        }

        .quick-proforma-send-platform:has(input:checked),
        .quick-proforma-send-platform.is-selected {
            color: rgba(255,255,255,.96);
            background: rgba(31,62,55,.13);
        }

        .quick-proforma-whatsapp-error {
            display: none;
        }

        .quick-proforma-whatsapp-error:not(:empty) {
            display: block;
            margin-top: 10px;
            padding: 9px 10px;
            border: 1px solid rgba(224,210,182,.13);
            border-radius: 12px;
            background: rgba(255,255,255,.04);
            color: rgba(243,234,223,.78);
            font-size: .78rem;
            line-height: 1.5;
        }

        .quick-proforma-whatsapp-error.is-status:not(:empty) {
            border-color: rgba(191,155,95,.22);
            background: rgba(31,62,55,.075);
            color: rgba(243,237,225,.86);
        }

        .quick-proforma-whatsapp-error.is-error:not(:empty) {
            border-color: rgba(255,110,110,.20);
            background: rgba(255,90,90,.08);
            color: rgba(255,218,218,.90);
        }

        .quick-proforma-whatsapp-actions {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 8px;
            margin-top: 14px;
        }

        .quick-proforma-whatsapp-actions button {
            min-height: 43px;
            padding: 0 12px;
        }

        @media (max-width: 768px) {
            body {
                overflow-y: auto;
                -webkit-overflow-scrolling: touch;
            }

            .mr-home-clean-main {
                padding: 86px 10px 38px;
            }

            .quick-proforma-body {
                padding-left: 12px;
                padding-right: 12px;
            }

            .quick-proforma-paper {
                margin: 8px;
                border-radius: 22px;
            }

            .quick-proforma-table-wrap {
                min-height: 430px;
                border-radius: 18px;
                background-position: center center;
            }

            .quick-proforma-table-scroll {
                padding: 10px;
            }

            .quick-proforma-table-wrap::after {
                inset: 7px;
                border-radius: 14px;
            }

            .quick-proforma-table th,
            .quick-proforma-table td {
                padding: 10px 8px;
            }

            .quick-proforma-table {
                border-radius: 16px;
                backdrop-filter: blur(3px) saturate(1.06);
                -webkit-backdrop-filter: blur(3px) saturate(1.06);
            }

            .quick-proforma-foot {
                align-items: stretch;
            }

            .quick-proforma-actions,
            .quick-proforma-total-box {
                width: 100%;
            }

            .quick-proforma-actions button {
                flex: 1 1 calc(50% - 8px);
            }

            .quick-proforma-continue-catalog-btn {
                min-height: 18px;
                padding: 0 5px;
                font-size: .50rem;
                line-height: 1;
                border-radius: 999px;
                letter-spacing: 0;
                box-shadow:
                    inset 0 1px 0 rgba(255,255,255,.12),
                    0 4px 8px rgba(0,0,0,.16);
            }

            .quick-proforma-whatsapp-modal {
                align-items: center;
                justify-content: center;
                padding: calc(env(safe-area-inset-top, 0px) + 44px) 12px calc(env(safe-area-inset-bottom, 0px) + 18px);
                overflow-y: auto;
                touch-action: pan-y;
            }

            .quick-proforma-whatsapp-dialog {
                width: min(100%, 430px);
                max-height: calc(var(--mr-quick-proforma-modal-vh, 100dvh) - 76px);
                border-radius: 20px;
                padding: 16px;
                margin: auto;
            }

            .quick-proforma-whatsapp-dialog h3 {
                font-size: 1.02rem;
                margin: 0 38px 10px 0;
            }

            body.rtl .quick-proforma-whatsapp-dialog h3 {
                margin: 0 0 10px 38px;
            }

            .quick-proforma-whatsapp-dialog p,
            .quick-proforma-send-platform-hint,
            .quick-proforma-whatsapp-error {
                font-size: .78rem;
                line-height: 1.5;
            }

            .quick-proforma-whatsapp-field {
                margin-top: 9px;
            }

            .quick-proforma-whatsapp-field input {
                min-height: 40px;
            }

            .quick-proforma-send-platforms {
                grid-template-columns: repeat(3, minmax(0, 1fr));
                margin-top: 10px;
            }

            .quick-proforma-send-platform {
                min-height: 40px;
                font-size: .70rem;
            }

            .quick-proforma-whatsapp-actions {
                position: static;
                margin: 12px 0 0;
                padding: 0;
                background: none;
            }
        }

        .mr-shape-slider {
            --mr-shape-brick: #7A5A4B;
            --mr-shape-green: #1F3E37;
            --mr-shape-concrete: #8D8B84;
            --mr-shape-black-gold: #B79655;
            width: 100vw;
            margin: clamp(24px, 4vw, 52px) calc(50% - 50vw) clamp(28px, 5vw, 64px);
            padding: 0 clamp(8px, .72vw, 14px);
            border: 0;
            border-radius: 0;
            background: transparent;
            box-shadow: none;
            outline: 0;
            overflow: hidden;
            box-sizing: border-box;
            direction: rtl;
        }

        .mr-shape-slider-track {
            display: grid;
            grid-template-columns: repeat(4, minmax(0, 1fr));
            gap: clamp(8px, .72vw, 14px);
            width: 100%;
            direction: rtl;
        }

        .mr-shape-card {
            position: relative;
            display: grid;
            place-items: center;
            min-width: 0;
            height: clamp(360px, 31vw, 600px);
            border: 0;
            outline: 0;
            box-shadow: none;
            background: var(--mr-shape-card-bg, #020403);
            border-radius: clamp(18px, 1.35vw, 28px);
            overflow: hidden;
            text-decoration: none;
            direction: rtl;
            text-align: center;
            transform: none;
            isolation: isolate;
            will-change: border-radius;
            backface-visibility: hidden;
            transition: border-radius .46s cubic-bezier(.24,.72,.22,1) .05s;
            -webkit-tap-highlight-color: transparent;
        }

        .mr-shape-card:hover,
        .mr-shape-card:focus-visible {
            border-radius: 50% / 38%;
            outline: 0;
            box-shadow: none;
            transform: none;
            filter: none;
        }


        .mr-shape-card,
        .mr-shape-card--brick,
        .mr-shape-card--green,
        .mr-shape-card--concrete,
        .mr-shape-card--black,
        .mr-shape-card--admin {
            --mr-shape-card-bg: #554C49;
        }


        .mr-shape-slider [data-mr-shape-card],
        .mr-shape-slider .mr-shape-card {
            --mr-shape-card-bg: #2b2c2f;
            background: #2b2c2f !important;
            background-image: none !important;
            border-color: rgba(214,217,222,.18) !important;
        }

        .mr-shape-card__image {
            --mr-shape-image-x: 0px;
            --mr-shape-image-y: 0px;
            --mr-shape-image-scale: 1;
            position: absolute;
            left: 50%;
            top: 50%;
            z-index: 1;
            width: auto;
            height: auto;
            max-width: min(74%, 420px);
            max-height: 78%;
            object-fit: contain;
            object-position: center;
            transform: translate3d(calc(-50% + var(--mr-shape-image-x, 0px)), calc(-50% + var(--mr-shape-image-y, 0px)), 0) scale(var(--mr-shape-image-scale, 1));
            translate: none;
            scale: none;
            pointer-events: none;
            user-select: none;
            -webkit-user-drag: none;
        }


        @media (min-width: 861px) {
            .mr-shape-slider [data-mr-shape-card-image="1"] {
                --mr-shape-image-x: 2px;
                --mr-shape-image-y: -4px;
                --mr-shape-image-scale: 1.45;
            }

            .mr-shape-slider [data-mr-shape-card-image="2"] {
                --mr-shape-image-x: 5px;
                --mr-shape-image-y: 15px;
                --mr-shape-image-scale: 1.51;
            }
        }

        @media (max-width: 860px) {
            /* 9.868: mobile Shape/Oval cards use one flat solid color only. */
            .mr-shape-slider [data-mr-shape-card],
            .mr-shape-slider .mr-shape-card {
                --mr-shape-card-bg: #2b2c2f;
                background: #2b2c2f !important;
                background-color: #2b2c2f !important;
                background-image: none !important;
                box-shadow: none !important;
                filter: none !important;
                -webkit-filter: none !important;
            }

            .mr-shape-slider [data-mr-shape-card-image="1"] {
                --mr-shape-image-x: 1px;
                --mr-shape-image-y: -4px;
                --mr-shape-image-scale: 1.4;
            }

            /* 9.847: card 2 now inherits the same centered mobile image frame as cards 3 and 4. */
        }

        .mr-shape-card__hover-button {
            --mr-shape-caption-glass-bg: linear-gradient(135deg, rgba(31, 62, 55, .46), rgba(94, 114, 130, .22));
            --mr-shape-caption-glass-border: rgba(236, 233, 226, .34);
            --mr-shape-caption-glass-shadow: 0 10px 24px rgba(0, 0, 0, .18), inset 0 1px 0 rgba(255, 255, 255, .15);
            position: absolute;
            left: 50%;
            top: 54%;
            z-index: 30;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            box-sizing: border-box;
            min-width: clamp(74px, 4.85vw, 96px);
            width: auto;
            height: clamp(25px, 1.48vw, 29px);
            min-height: 0;
            max-width: calc(100% - 44px);
            padding: 0 clamp(15px, 1.12vw, 21px);
            border: 1px solid rgba(255,255,255,.9);
            border-radius: 999px;
            background: transparent;
            color: #fff;
            font-size: clamp(10px, .67vw, 12px);
            font-weight: 800;
            line-height: 1;
            letter-spacing: normal;
            text-align: center;
            text-decoration: none;
            text-transform: uppercase;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            pointer-events: none;
            cursor: default;
            isolation: isolate;
            mix-blend-mode: normal;
            text-shadow: 0 1px 2px rgba(0, 0, 0, .28);
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            text-rendering: geometricPrecision;
            -webkit-backdrop-filter: none;
            backdrop-filter: none;
            box-shadow: none;
        }

        .mr-shape-card__hover-button--primary {
            opacity: .94;
            visibility: visible;
            min-width: 0;
            height: auto;
            min-height: 0;
            padding: 3px clamp(10px, .72vw, 14px);
            transform: translate(-50%, calc(-50% - clamp(12px, 1.05vw, 18px))) scale(1);
            background: var(--mr-shape-caption-glass-bg);
            border-color: var(--mr-shape-caption-glass-border);
            box-shadow: 0 7px 18px rgba(0, 0, 0, .13), inset 0 1px 0 rgba(255, 255, 255, .12);
            transition: opacity .26s cubic-bezier(.22,.74,.2,1), visibility .26s cubic-bezier(.22,.74,.2,1), transform .30s cubic-bezier(.22,.74,.2,1), padding .22s cubic-bezier(.22,.74,.2,1), min-width .22s cubic-bezier(.22,.74,.2,1), min-height .22s cubic-bezier(.22,.74,.2,1), background .14s cubic-bezier(.22,.74,.2,1), color .14s cubic-bezier(.22,.74,.2,1), border-color .14s cubic-bezier(.22,.74,.2,1), text-shadow .14s cubic-bezier(.22,.74,.2,1), box-shadow .14s cubic-bezier(.22,.74,.2,1);
        }

        .mr-shape-card__hover-button--secondary {
            opacity: 0;
            visibility: hidden;
            transform: translate(-50%, calc(-50% + 12px)) scale(.94);
            transition: opacity .24s cubic-bezier(.22,.74,.2,1), visibility .24s cubic-bezier(.22,.74,.2,1), transform .30s cubic-bezier(.22,.74,.2,1), background .14s cubic-bezier(.22,.74,.2,1), color .14s cubic-bezier(.22,.74,.2,1), border-color .14s cubic-bezier(.22,.74,.2,1), text-shadow .14s cubic-bezier(.22,.74,.2,1), box-shadow .14s cubic-bezier(.22,.74,.2,1);
        }

        a.mr-shape-card__hover-button--secondary {
            -webkit-appearance: none;
            appearance: none;
            cursor: pointer;
            text-decoration: none;
            font: inherit;
            line-height: 1;
            -webkit-tap-highlight-color: transparent;
            touch-action: manipulation;
        }

        a.mr-shape-card__hover-button--secondary:link,
        a.mr-shape-card__hover-button--secondary:visited {
            color: #fff;
            text-decoration: none;
        }

        .mr-shape-card__hover-button-text {
            display: inline-block;
            position: static;
            top: auto;
            transform: none;
            unicode-bidi: plaintext;
        }

        /* 9.618: Home Shape Slider geometry is language-locked to the Persian baseline.
           Language may change text only; it must not change card order, grid direction, or text offset. */
        .mr-shape-slider,
        .mr-shape-slider-track,
        .mr-shape-card {
            direction: rtl;
        }

        .mr-shape-card__hover-button,
        .mr-shape-card__hover-button-text {
            text-align: center;
        }

        .mr-shape-card:hover .mr-shape-card__hover-button--primary,
        .mr-shape-card:focus-visible .mr-shape-card__hover-button--primary {
            opacity: 1;
            visibility: visible;
            min-width: 0;
            height: auto;
            min-height: 0;
            padding: 3px clamp(10px, .72vw, 14px);
            transform: translate(-50%, calc(-50% - clamp(22px, 2.15vw, 34px))) scale(.98);
            background: var(--mr-shape-caption-glass-bg);
            color: #fff;
            border-color: var(--mr-shape-caption-glass-border);
            box-shadow: var(--mr-shape-caption-glass-shadow);
            transition: opacity .34s cubic-bezier(.22,.74,.2,1) .10s, visibility .34s cubic-bezier(.22,.74,.2,1) .10s, transform .42s cubic-bezier(.22,.74,.2,1) .08s, padding .22s cubic-bezier(.22,.74,.2,1), min-width .22s cubic-bezier(.22,.74,.2,1), min-height .22s cubic-bezier(.22,.74,.2,1), background .14s cubic-bezier(.22,.74,.2,1), color .14s cubic-bezier(.22,.74,.2,1), border-color .14s cubic-bezier(.22,.74,.2,1), text-shadow .14s cubic-bezier(.22,.74,.2,1), box-shadow .14s cubic-bezier(.22,.74,.2,1);
        }

        .mr-shape-card:hover .mr-shape-card__hover-button--secondary,
        .mr-shape-card:focus-visible .mr-shape-card__hover-button--secondary {
            opacity: 1;
            visibility: visible;
            transform: translate(-50%, -50%) scale(1);
            background: var(--mr-shape-caption-glass-bg);
            color: #fff;
            border-color: var(--mr-shape-caption-glass-border);
            box-shadow: var(--mr-shape-caption-glass-shadow);
            pointer-events: auto;
            transition: opacity .34s cubic-bezier(.22,.74,.2,1) .17s, visibility .34s cubic-bezier(.22,.74,.2,1) .17s, transform .42s cubic-bezier(.22,.74,.2,1) .15s, background .14s cubic-bezier(.22,.74,.2,1), color .14s cubic-bezier(.22,.74,.2,1), border-color .14s cubic-bezier(.22,.74,.2,1), text-shadow .14s cubic-bezier(.22,.74,.2,1), box-shadow .14s cubic-bezier(.22,.74,.2,1);
        }

        .mr-shape-card:hover .mr-shape-card__hover-button--secondary:hover,
        .mr-shape-card:focus-visible .mr-shape-card__hover-button--secondary:focus-visible,
        .mr-shape-card__hover-button--secondary:hover,
        .mr-shape-card__hover-button--secondary:focus-visible {
            background: #fff;
            color: #050505;
            border-color: #fff;
            text-shadow: none;
            box-shadow: 0 8px 18px rgba(0,0,0,.16);
        }

        @media (max-width: 860px) {
            .mr-shape-slider {
                margin: 24px calc(50% - 50vw) 38px;
                padding: 0;
                overflow: hidden;
            }

            .mr-shape-slider-track {
                display: flex;
                gap: 12px;
                overflow-x: auto;
                overscroll-behavior-x: contain;
                scroll-snap-type: x mandatory;
                scroll-padding-inline: 16.5vw;
                padding: 0 16.5vw 2px;
                -webkit-overflow-scrolling: touch;
                scrollbar-width: none;
                direction: rtl;
            }

            .mr-shape-slider-track::-webkit-scrollbar { display: none; }

            .mr-shape-card {
                flex: 0 0 67vw;
                height: min(87.5vw, 430px);
                min-height: 320px;
                border-radius: 28px;
                scroll-snap-align: center;
                transition: border-radius .46s cubic-bezier(.24,.72,.22,1) .05s;
            }

            .mr-shape-card.is-active {
                border-radius: 50% / 38%;
            }

            .mr-shape-card:hover,
            .mr-shape-card:focus-visible {
                border-radius: 28px;
            }

            .mr-shape-card.is-active:hover,
            .mr-shape-card.is-active:focus-visible {
                border-radius: 50% / 38%;
            }

            .mr-shape-card__image {
                max-width: 76%;
                max-height: 76%;
            }

            .mr-shape-card__hover-button {
                display: inline-flex;
                top: 54%;
                min-width: clamp(74px, 4.85vw, 96px);
                height: clamp(25px, 1.48vw, 29px);
                max-width: calc(100% - 44px);
                padding: 0 clamp(15px, 1.12vw, 21px);
                font-size: clamp(10px, .67vw, 12px);
                pointer-events: none;
            }

            .mr-shape-card__hover-button--primary {
                opacity: .94;
                visibility: visible;
                min-width: 0;
                height: auto;
                min-height: 0;
                padding: 3px clamp(10px, 2.8vw, 13px);
                transform: translate(-50%, calc(-50% - clamp(12px, 1.05vw, 18px))) scale(1);
                background: var(--mr-shape-caption-glass-bg);
                border-color: var(--mr-shape-caption-glass-border);
                box-shadow: 0 7px 18px rgba(0, 0, 0, .13), inset 0 1px 0 rgba(255, 255, 255, .12);
                pointer-events: none;
            }

            .mr-shape-card__hover-button--secondary {
                opacity: 0;
                visibility: hidden;
                transform: translate(-50%, calc(-50% + 12px)) scale(.94);
            }

            .mr-shape-card.is-active .mr-shape-card__hover-button--primary {
                opacity: 1;
                visibility: visible;
                min-width: 0;
                height: auto;
                min-height: 0;
                padding: 3px clamp(10px, 2.8vw, 13px);
                transform: translate(-50%, calc(-50% - clamp(22px, 2.15vw, 34px))) scale(.98);
                background: var(--mr-shape-caption-glass-bg);
                color: #fff;
                border-color: var(--mr-shape-caption-glass-border);
                box-shadow: var(--mr-shape-caption-glass-shadow);
                transition: opacity .34s cubic-bezier(.22,.74,.2,1) .10s, visibility .34s cubic-bezier(.22,.74,.2,1) .10s, transform .42s cubic-bezier(.22,.74,.2,1) .08s, padding .22s cubic-bezier(.22,.74,.2,1), min-width .22s cubic-bezier(.22,.74,.2,1), min-height .22s cubic-bezier(.22,.74,.2,1), background .14s cubic-bezier(.22,.74,.2,1), color .14s cubic-bezier(.22,.74,.2,1), border-color .14s cubic-bezier(.22,.74,.2,1), text-shadow .14s cubic-bezier(.22,.74,.2,1), box-shadow .14s cubic-bezier(.22,.74,.2,1);
            }

            .mr-shape-card.is-active .mr-shape-card__hover-button--secondary {
                opacity: 1;
                visibility: visible;
                transform: translate(-50%, -50%) scale(1);
                background: var(--mr-shape-caption-glass-bg);
                color: #fff;
                border-color: var(--mr-shape-caption-glass-border);
                box-shadow: var(--mr-shape-caption-glass-shadow);
                pointer-events: auto;
                transition: opacity .34s cubic-bezier(.22,.74,.2,1) .17s, visibility .34s cubic-bezier(.22,.74,.2,1) .17s, transform .42s cubic-bezier(.22,.74,.2,1) .15s, background .14s cubic-bezier(.22,.74,.2,1), color .14s cubic-bezier(.22,.74,.2,1), border-color .14s cubic-bezier(.22,.74,.2,1), text-shadow .14s cubic-bezier(.22,.74,.2,1), box-shadow .14s cubic-bezier(.22,.74,.2,1);
            }

            .mr-shape-card:not(.is-active):hover .mr-shape-card__hover-button--secondary,
            .mr-shape-card:not(.is-active):focus-visible .mr-shape-card__hover-button--secondary {
                opacity: 0;
                visibility: hidden;
                pointer-events: none;
            }

            .mr-shape-card a.mr-shape-card__hover-button--secondary,
            .mr-shape-card.is-active a.mr-shape-card__hover-button--secondary {
                display: inline-flex !important;
                align-items: center !important;
                justify-content: center !important;
                box-sizing: border-box !important;
                min-width: clamp(74px, 4.85vw, 96px) !important;
                width: auto !important;
                height: clamp(25px, 1.48vw, 29px) !important;
                min-height: 0 !important;
                max-width: calc(100% - 44px) !important;
                padding: 0 clamp(15px, 1.12vw, 21px) !important;
                border: 1px solid var(--mr-shape-caption-glass-border) !important;
                border-radius: 999px !important;
                background: var(--mr-shape-caption-glass-bg) !important;
                color: #fff !important;
                font-size: clamp(10px, .67vw, 12px) !important;
                font-weight: 800 !important;
                line-height: 1 !important;
                letter-spacing: normal !important;
                text-align: center !important;
                text-decoration: none !important;
                text-transform: uppercase !important;
                white-space: nowrap !important;
                overflow: hidden !important;
                text-overflow: ellipsis !important;
                box-shadow: none !important;
                -webkit-tap-highlight-color: transparent !important;
            }

            .mr-shape-card.is-active a.mr-shape-card__hover-button--secondary:hover,
            .mr-shape-card.is-active a.mr-shape-card__hover-button--secondary:focus-visible {
                background: #fff !important;
                color: #050505 !important;
                border-color: #fff !important;
            }

            .mr-shape-slider.is-shape-booting .mr-shape-card,
            .mr-shape-slider.is-shape-booting .mr-shape-card__hover-button {
                transition: none !important;
            }
        }

        @media (max-width: 440px) {
            .mr-shape-slider-track {
                gap: 10px;
                scroll-padding-inline: 16.5vw;
                padding-inline: 16.5vw;
            }

            .mr-shape-card {
                flex-basis: 67vw;
                height: min(87.5vw, 410px);
                min-height: 320px;
            }
        }

        @media (prefers-reduced-motion: reduce) {
            .mr-shape-card,
            .mr-shape-card__hover-button { transition: none; }
        }


        .mr-home-twelve-card-strip {
            --mr-twelve-gap: clamp(8px, .72vw, 14px);
            --mr-twelve-desktop-height: clamp(396px, 34.1vw, 660px);
            --mr-twelve-desktop-width: clamp(278px, 27vw, 560px);
            --mr-twelve-family-row-gap: clamp(8px, .72vw, 12px);
            --mr-twelve-family-row-height: clamp(30px, 2.2vw, 42px);
            --mr-twelve-family-shadow-buffer: clamp(26px, 2vw, 36px);
            width: 100vw;
            max-width: 100vw;
            margin: 0 calc(50% - 50vw) 10px;
            padding: 0 clamp(8px, .72vw, 14px);
            box-sizing: border-box;
            overflow: hidden;
            direction: ltr;
        }

        .mr-home-twelve-card-strip__rail {
            width: 100%;
            height: calc(var(--mr-twelve-desktop-height) + var(--mr-twelve-family-row-gap) + var(--mr-twelve-family-row-height) + var(--mr-twelve-family-shadow-buffer));
            display: grid;
            grid-auto-flow: column;
            grid-auto-columns: var(--mr-twelve-desktop-width);
            gap: var(--mr-twelve-gap);
            overflow-x: auto;
            overflow-y: hidden;
            overscroll-behavior-x: contain;
            scroll-snap-type: none;
            scroll-behavior: auto;
            cursor: grab;
            scrollbar-width: none;
            -webkit-overflow-scrolling: touch;
            touch-action: pan-x;
            padding: 0 0 var(--mr-twelve-family-shadow-buffer);
            box-sizing: border-box;
        }

        .mr-home-twelve-card-strip__rail.is-mr-dragging {
            cursor: grabbing;
            scroll-snap-type: none;
            user-select: none;
        }

        .mr-home-twelve-card-strip__rail::-webkit-scrollbar {
            display: none;
        }

        @media (hover: none), (pointer: coarse), (max-width: 820px) {
            .mr-home-twelve-card-strip__rail {
                scroll-snap-type: x proximity;
                touch-action: pan-x pan-y;
                overscroll-behavior-x: auto;
            }
        }

        .mr-home-twelve-card-item.is-mr-loop-clone {
            pointer-events: auto;
        }

        .mr-home-twelve-card-item {
            min-width: 0;
            height: 100%;
            overflow: visible;
            display: grid;
            grid-template-rows: var(--mr-twelve-desktop-height) var(--mr-twelve-family-row-height);
            gap: var(--mr-twelve-family-row-gap);
            align-content: start;
            scroll-snap-align: start;
        }

        .mr-home-twelve-card {
            --mr-card-accent-rgb: 31, 62, 55;
            --mr-card-warm-rgb: 122, 90, 75;
            position: relative;
            width: 100%;
            min-width: 0;
            height: 100%;
            display: grid;
            grid-template-rows: minmax(0, 1fr);
            gap: 0;
            padding: clamp(18px, 1.45vw, 28px);
            box-sizing: border-box;
            appearance: none;
            -webkit-appearance: none;
            color: #ECE9E2;
            font: inherit;
            text-align: inherit;
            text-decoration: none;
            cursor: pointer;
            -webkit-user-drag: none;
            user-select: none;
            border-radius: clamp(18px, 1.35vw, 28px);
            border: 1px solid rgba(236,233,226,.14);
            background:
                radial-gradient(circle at 50% 31%, rgba(var(--mr-card-accent-rgb), .14), transparent 42%),
                linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.012)),
                #050505;
            box-shadow:
                inset 0 1px 0 rgba(255,255,255,.10),
                inset 0 -1px 0 rgba(0,0,0,.38);
            overflow: hidden;
            scroll-snap-align: none;
            transform: translateZ(0);
            transition: transform .42s cubic-bezier(.16,.84,.22,1), box-shadow .42s cubic-bezier(.16,.84,.22,1);
        }

        .mr-home-twelve-card::before,
        .mr-home-twelve-card::after {
            content: "";
            position: absolute;
            pointer-events: none;
        }

        .mr-home-twelve-card::before {
            inset: 1px;
            border-radius: inherit;
            border: 1px solid rgba(236,233,226,.045);
            background:
                linear-gradient(90deg, rgba(255,255,255,.075), transparent 30%, rgba(0,0,0,.18) 100%),
                radial-gradient(circle at 88% 11%, rgba(var(--mr-card-warm-rgb), .14), transparent 24%);
        }

        .mr-home-twelve-card::after {
            left: 10%;
            right: 10%;
            bottom: 22%;
            height: 1px;
            background: linear-gradient(90deg, transparent, rgba(236,233,226,.14), transparent);
            opacity: .54;
        }

        .mr-home-twelve-card:hover {
            transform: translateZ(0);
            box-shadow:
                inset 0 1px 0 rgba(255,255,255,.10),
                inset 0 -1px 0 rgba(0,0,0,.38);
            outline: 0;
        }

        .mr-home-twelve-card:focus-visible {
            transform: translateZ(0);
            outline: 1px solid rgba(214,192,138,.62);
            outline-offset: 3px;
        }

        .mr-home-twelve-card.has-admin-image {
            padding: 0;
            border: 1px solid rgba(236,233,226,.14);
            background:
                radial-gradient(circle at 50% 31%, rgba(var(--mr-card-accent-rgb), .14), transparent 42%),
                linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.012)),
                #050505;
            box-shadow:
                inset 0 1px 0 rgba(255,255,255,.10),
                inset 0 -1px 0 rgba(0,0,0,.38);
        }

        .mr-home-twelve-card.has-admin-image::before,
        .mr-home-twelve-card.has-admin-image::after {
            content: none;
            display: none;
        }

        .mr-home-twelve-card__visual {
            position: relative;
            z-index: 1;
            min-height: 0;
            display: grid;
            place-items: center;
        }

        .mr-home-twelve-card.has-admin-image .mr-home-twelve-card__visual {
            position: absolute;
            inset: 0;
            width: 100%;
            height: 100%;
            display: block;
            border-radius: inherit;
            overflow: hidden;
        }

        .mr-home-twelve-card__fixture {
            position: relative;
            width: min(76%, 246px);
            aspect-ratio: 1.55 / 1;
        }

        .mr-home-twelve-card__fixture::before {
            content: "";
            position: absolute;
            left: 7%;
            right: 7%;
            top: 46%;
            height: 34%;
            border-radius: 999px 999px 42px 42px;
            background:
                linear-gradient(135deg, rgba(var(--mr-card-accent-rgb), .88), rgba(var(--mr-card-warm-rgb), .74));
            box-shadow:
                inset 0 9px 18px rgba(255,255,255,.18),
                inset 0 -12px 20px rgba(0,0,0,.20),
                0 18px 30px rgba(0,0,0,.16);
        }

        .mr-home-twelve-card__fixture::after {
            content: "";
            position: absolute;
            left: 50%;
            top: 12%;
            width: 2px;
            height: 42%;
            transform: translateX(-50%);
            border-radius: 999px;
            background: rgba(236,233,226,.30);
            box-shadow:
                -62px 44px 0 -1px rgba(var(--mr-card-accent-rgb), .34),
                62px 44px 0 -1px rgba(var(--mr-card-warm-rgb), .30),
                -34px 52px 0 -1px rgba(236,233,226,.30),
                34px 52px 0 -1px rgba(236,233,226,.30);
        }

        .mr-home-twelve-card.has-admin-image .mr-home-twelve-card__fixture {
            display: none;
        }

        .mr-home-twelve-card__admin-image {
            display: block;
            width: 100%;
            height: 100%;
            max-width: none;
            max-height: none;
            object-fit: fill;
            object-position: center;
            border-radius: inherit;
            pointer-events: none;
            user-select: none;
            -webkit-user-drag: none;
        }


        .mr-home-twelve-card__family-refine {
            width: calc(100% - 10px);
            height: var(--mr-twelve-family-row-height);
            margin-left: 5px;
            margin-right: 5px;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: clamp(8px, .72vw, 14px);
            box-sizing: border-box;
            color: #0d332b;
            background: none;
            border: 0;
            border-radius: 0;
            box-shadow: none;
            pointer-events: none;
            overflow: visible;
        }

        .mr-home-twelve-card__family-refine::before,
        .mr-home-twelve-card__family-refine::after {
            content: "";
            flex: 1 1 0;
            min-width: 10px;
            height: 1px;
            background: linear-gradient(90deg,
                rgba(183,150,85,0),
                rgba(183,150,85,.98),
                rgba(31,62,55,.82),
                rgba(183,150,85,.98),
                rgba(183,150,85,0));
            opacity: .98;
            filter: drop-shadow(0 0 8px rgba(183,150,85,.24));
        }

        .mr-home-twelve-card__family-code {
            flex: 0 1 auto;
            min-width: 0;
            max-width: 72%;
            padding: 8px 18px 18px;
            margin: -8px -18px -18px;
            overflow: visible;
            text-overflow: clip;
            color: #0d332b;
            background: linear-gradient(90deg,
                #0d332b 0%,
                #0d332b 30%,
                #754b25 43%,
                #c79f4e 50%,
                #754b25 57%,
                #0d332b 70%,
                #0d332b 100%);
            background-clip: text;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            font-size: clamp(.88rem, 1.02vw, 1.22rem);
            font-weight: 1000;
            letter-spacing: .055em;
            line-height: 1;
            text-align: center;
            white-space: nowrap;
            text-shadow:
                0 1px 0 rgba(255,255,255,.72),
                0 7px 18px rgba(31,62,55,.24),
                0 0 22px rgba(183,150,85,.28);
            filter: drop-shadow(0 9px 18px rgba(31,62,55,.18));
        }

        @media (hover: hover) and (pointer: fine) and (min-width: 861px) {
            .mr-home-twelve-card.has-admin-image:not(.is-mr-image-ready) {
                background:
                    radial-gradient(circle at 50% 32%, rgba(var(--mr-card-accent-rgb), .16), transparent 44%),
                    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.01)),
                    #050505;
                border: 1px solid rgba(236,233,226,.10);
            }

            .mr-home-twelve-card:hover,
            .mr-home-twelve-card:focus-visible {
                transform: translateZ(0) scale(.965);
            }

        }

        .mr-home-twelve-card--02 { --mr-card-accent-rgb: 122, 90, 75; --mr-card-warm-rgb: 31, 62, 55; }
        .mr-home-twelve-card--03 { --mr-card-accent-rgb: 156, 151, 140; --mr-card-warm-rgb: 122, 90, 75; }
        .mr-home-twelve-card--04 { --mr-card-accent-rgb: 183, 150, 85; --mr-card-warm-rgb: 31, 62, 55; }
        .mr-home-twelve-card--05 { --mr-card-accent-rgb: 18, 20, 24; --mr-card-warm-rgb: 183, 150, 85; }
        .mr-home-twelve-card--06 { --mr-card-accent-rgb: 43, 80, 72; --mr-card-warm-rgb: 156, 151, 140; }
        .mr-home-twelve-card--07 { --mr-card-accent-rgb: 110, 126, 124; --mr-card-warm-rgb: 183, 150, 85; }
        .mr-home-twelve-card--08 { --mr-card-accent-rgb: 95, 67, 58; --mr-card-warm-rgb: 31, 62, 55; }
        .mr-home-twelve-card--09 { --mr-card-accent-rgb: 13, 18, 17; --mr-card-warm-rgb: 122, 90, 75; }
        .mr-home-twelve-card--10 { --mr-card-accent-rgb: 183, 150, 85; --mr-card-warm-rgb: 122, 90, 75; }
        .mr-home-twelve-card--11 { --mr-card-accent-rgb: 31, 62, 55; --mr-card-warm-rgb: 183, 150, 85; }
        .mr-home-twelve-card--12 { --mr-card-accent-rgb: 122, 90, 75; --mr-card-warm-rgb: 156, 151, 140; }

        @media (max-width: 860px) {
            .mr-home-twelve-card-strip {
                --mr-twelve-desktop-height: clamp(320px, 87.5vw, 430px);
                --mr-twelve-family-row-gap: 9px;
                --mr-twelve-family-row-height: 32px;
                --mr-twelve-family-shadow-buffer: 28px;
                margin: 0 calc(50% - 50vw) 10px;
                padding: 0;
            }

            .mr-home-twelve-card-strip__rail {
                height: calc(var(--mr-twelve-desktop-height) + var(--mr-twelve-family-row-gap) + var(--mr-twelve-family-row-height) + var(--mr-twelve-family-shadow-buffer));
                min-height: calc(320px + var(--mr-twelve-family-row-gap) + var(--mr-twelve-family-row-height) + var(--mr-twelve-family-shadow-buffer));
                grid-auto-columns: 67vw;
                gap: 12px;
                scroll-snap-type: x mandatory;
                scroll-padding-inline: 16.5vw;
                padding: 0 16.5vw var(--mr-twelve-family-shadow-buffer);
            }

            .mr-home-twelve-card {
                border-radius: 28px;
                padding: 18px;
            }

            .mr-home-twelve-card:hover,
            .mr-home-twelve-card:focus-visible {
                transform: translateZ(0);
            }
        }

        @media (max-width: 440px) {
            .mr-home-twelve-card-strip {
                --mr-twelve-desktop-height: clamp(320px, 87.5vw, 410px);
            }

            .mr-home-twelve-card-strip__rail {
                height: calc(var(--mr-twelve-desktop-height) + var(--mr-twelve-family-row-gap) + var(--mr-twelve-family-row-height) + var(--mr-twelve-family-shadow-buffer));
                min-height: calc(320px + var(--mr-twelve-family-row-gap) + var(--mr-twelve-family-row-height) + var(--mr-twelve-family-shadow-buffer));
                grid-auto-columns: 67vw;
                gap: 10px;
                scroll-padding-inline: 16.5vw;
                padding-inline: 16.5vw;
            }
        }

        @media (prefers-reduced-motion: reduce) {
            .mr-home-twelve-card {
                transition: none;
            }
        }


        .mr-home-image-panels-title {
            display: none;
        }

        @media (min-width: 1180px) {
            body.mr-home-has-desktop-sidebar .mr-home-desktop-content-shell .mr-home-image-panels-title {
                width: 100%;
                display: flex;
                align-items: center;
                justify-content: center;
                margin: clamp(18px, 2vw, 32px) auto 10px;
                padding: 0 var(--mr-home-desktop-section-pad-x, clamp(18px, 1.8vw, 36px));
                box-sizing: border-box;
                pointer-events: none;
            }

            body.mr-home-has-desktop-sidebar .mr-home-desktop-content-shell .mr-home-image-panels-title__image {
                display: block;
                width: clamp(360px, 34vw, 640px);
                max-width: 100%;
                height: auto;
                object-fit: contain;
                user-select: none;
                -webkit-user-drag: none;
            }
        }

        .mr-home-image-panels {
            --mr-image-panel-gap: clamp(8px, .9vw, 14px);
            --mr-image-panel-pad: clamp(8px, .9vw, 14px);
            position: relative;
            left: auto;
            width: 100vw;
            max-width: 100vw;
            height: min(105svh, 903px);
            min-height: 588px;
            margin: 0 calc(50% - 50vw) clamp(23px, 2.86vw, 44px) calc(50% - 50vw);
            padding: 0 var(--mr-image-panel-pad);
            box-sizing: border-box;
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            grid-template-rows: minmax(0, 1fr);
            gap: var(--mr-image-panel-gap);
            overflow: clip;
            transform: none;
            direction: ltr;
            background: transparent;
            border: 0;
            outline: 0;
            box-shadow: none;
        }

        .mr-home-image-panel {
            display: block;
            position: relative;
            width: 100%;
            max-width: 100%;
            min-width: 0;
            min-height: 0;
            overflow: hidden;
            border: 0;
            outline: 0;
            box-shadow: none;
            border-radius: clamp(16px, 2.15vw, 36px);
            background: #020403;
            isolation: isolate;
        }


        .mr-home-image-panel__caption {
            position: absolute;
            z-index: 3;
            left: 7%;
            right: 7%;
            bottom: 24%;
            display: block;
            color: rgba(246, 239, 225, .96);
            font-size: clamp(18px, 2.05vw, 34px);
            line-height: 1.08;
            font-weight: 700;
            letter-spacing: .02em;
            text-align: center;
            pointer-events: none;
            opacity: 0;
            transform: translateY(14px);
            transition:
                opacity .72s cubic-bezier(.2, .72, .2, 1),
                transform .72s cubic-bezier(.2, .72, .2, 1);
            transition-delay: .12s;
        }

        .mr-home-image-panels.is-caption-visible .mr-home-image-panel__caption {
            opacity: 1;
            transform: translateY(0);
        }

        .mr-home-image-panel img {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
            transform: scale(1);
            transition: transform .52s cubic-bezier(.2, .72, .2, 1);
            will-change: transform;
        }

        @media (hover: hover) and (pointer: fine) {
            .mr-home-image-panel:hover img,
            .mr-home-image-panel:focus-visible img {
                transform: scale(1.045);
            }
        }

        /* 9.849 — Admin may contain unlimited Home Image Panels, but the
           established desktop composition remains exactly three columns.
           Additional active records are intentionally mobile-only. */
        @media (min-width: 821px) {
            .mr-home-image-panel:nth-child(n + 4) {
                display: none !important;
            }
        }

        @media (max-width: 820px) {
            .mr-home-image-panels {
                width: min(100%, calc(100vw - 24px));
                max-width: calc(100vw - 24px);
                height: min(81.9svh, 798px);
                min-height: 525px;
                margin: 0 auto clamp(23px, 6.5vw, 36px);
                padding: 0;
                display: block;
                overflow: hidden;
                cursor: pointer;
                touch-action: manipulation;
            }

            .mr-home-image-panel {
                position: absolute;
                inset: 0;
                width: 100%;
                height: 100%;
                border-radius: 18px;
                opacity: 0;
                visibility: hidden;
                pointer-events: none;
                transform: translateX(14px);
                transition:
                    opacity .58s cubic-bezier(.2, .72, .2, 1),
                    transform .58s cubic-bezier(.2, .72, .2, 1),
                    visibility 0s linear .58s;
            }

            .mr-home-image-panel.is-active {
                opacity: 1;
                visibility: visible;
                pointer-events: auto;
                transform: translateX(0);
                transition:
                    opacity .58s cubic-bezier(.2, .72, .2, 1),
                    transform .58s cubic-bezier(.2, .72, .2, 1),
                    visibility 0s linear 0s;
            }

            .mr-home-image-panel img {
                transition-duration: .46s;
            }

            .mr-home-image-panel__caption {
                left: 8%;
                right: 8%;
                bottom: 24%;
                font-size: clamp(17px, 6vw, 24px);
                line-height: 1.1;
            }

            .mr-home-image-panel:not(.is-active) .mr-home-image-panel__caption {
                opacity: 0;
                transform: translateY(14px);
                transition-delay: 0s;
            }
        }

        @supports not (overflow: clip) {
            .mr-home-image-panels {
                overflow: hidden;
            }
        }

        @media (prefers-reduced-motion: reduce) {
            .mr-home-image-panel,
            .mr-home-image-panel.is-active,
            .mr-home-image-panel img,
            .mr-home-image-panel:hover img,
            .mr-home-image-panel:focus-visible img {
                transform: none;
                transition: none;
                animation: none;
            }

            .mr-home-image-panel__caption {
                transform: none;
                transition: none;
                animation: none;
            }

            .mr-home-image-panels.is-caption-visible .mr-home-image-panel__caption {
                opacity: 1;
            }
        }


        .quick-proforma-catalog-btn,
        .quick-proforma-continue-catalog-btn,
        #quickProformaAddRow,
        #quickProformaPdf,
        #quickProformaWhatsapp,
        #quickProformaProfile,
        .quick-proforma-whatsapp-confirm:not(:disabled),
        .quick-proforma-send-platform:has(input:checked),
        .quick-proforma-send-platform.is-selected,
        .quick-proforma-send-platform-hint.is-whatsapp,
        .mr-shape-card--green {
            background: #1F3E37 !important;
            background-image: none !important;
            border-color: rgba(31,62,55,.72) !important;
            color: #f3ede1 !important;
            -webkit-text-fill-color: #f3ede1 !important;
            text-shadow: none !important;
            filter: none !important;
        }

        .quick-proforma-table th {
            background: #1F3E37 !important;
            background-image: none !important;
            color: #f3ede1 !important;
            -webkit-text-fill-color: #f3ede1 !important;
        }

        .quick-proforma-table tbody tr:hover {
            background: rgba(31,62,55,.18) !important;
            background-image: none !important;
        }

        .quick-proforma-code-input:focus,
        .quick-proforma-qty-input:focus,
        .quick-proforma-whatsapp-field input:focus {
            border-color: rgba(31,62,55,.62) !important;
            box-shadow: 0 0 0 2px rgba(31,62,55,.18) !important;
        }

        .quick-proforma-whatsapp-btn,
        .quick-proforma-profile-btn,
        .quick-proforma-continue-catalog-btn {
            border-color: rgba(31,62,55,.72) !important;
        }


        .quick-proforma-whatsapp-dialog,
        .quick-proforma-note,
        .quick-proforma-guide-panel,
        body:not(.rtl) .quick-proforma-guide-panel,
        body:not(.rtl) .quick-proforma-guide-panel h3 {
            direction: rtl !important;
            text-align: right !important;
        }

        .quick-proforma-whatsapp-close {
            right: auto !important;
            left: 10px !important;
        }

        .quick-proforma-whatsapp-dialog h3,
        body.rtl .quick-proforma-whatsapp-dialog h3 {
            margin: 0 0 12px 40px !important;
            text-align: right !important;
        }

        body:not(.rtl) .quick-proforma-guide-list li {
            justify-content: flex-start !important;
            padding: 0 31px 0 0 !important;
            text-align: right !important;
        }

        body:not(.rtl) .quick-proforma-guide-list li::before {
            right: 0 !important;
            left: auto !important;
        }


        body.mr-home-twelve-dialog-open {
            overflow: hidden;
        }

        body.mr-home-twelve-dialog-open > :not(.mr-home-twelve-dialog-layer) {
            filter: blur(8px) brightness(.70) saturate(.78);
            transition: filter .20s ease;
            pointer-events: none;
        }

        .mr-home-twelve-card[data-mr-twelve-action-card] {
            cursor: pointer;
        }

        .mr-home-twelve-dialog-layer[hidden] {
            display: none !important;
        }

        .mr-home-twelve-dialog-layer {
            position: fixed;
            inset: 0;
            z-index: 10050;
            background:
                radial-gradient(circle at 50% 18%, rgba(224, 210, 182, .10), transparent 30%),
                radial-gradient(circle at 50% 100%, rgba(31, 62, 55, .18), transparent 38%),
                rgba(0, 0, 0, .48);
            -webkit-backdrop-filter: blur(2px);
            backdrop-filter: blur(2px);
        }

        .mr-home-twelve-dialog {
            --mr-twelve-bubble-left: 50vw;
            --mr-twelve-bubble-top: 50vh;
            --mr-twelve-tail-left: 50%;
            --mr-twelve-dialog-below-y: -320px;
            position: fixed;
            left: var(--mr-twelve-bubble-left);
            top: var(--mr-twelve-bubble-top);
            transform: translate(-50%, -100%);
            width: min(344px, calc(100vw - 20px));
            max-width: calc(100vw - 20px);
            border-radius: 26px;
            border: 1px solid rgba(224, 210, 182, .34);
            background:
                linear-gradient(180deg, rgba(255,255,255,.115), rgba(255,255,255,.030) 32%, rgba(0,0,0,.18) 100%),
                radial-gradient(circle at 18% 0%, rgba(224, 210, 182, .14), transparent 34%),
                radial-gradient(circle at 92% 100%, rgba(31, 62, 55, .24), transparent 40%),
                rgba(3, 7, 6, .54);
            -webkit-backdrop-filter: blur(18px) saturate(1.18);
            backdrop-filter: blur(18px) saturate(1.18);
            box-shadow:
                inset 0 1px 0 rgba(255,255,255,.16),
                inset 0 0 0 1px rgba(255,255,255,.036),
                inset 0 -18px 42px rgba(0,0,0,.18),
                0 24px 74px rgba(0,0,0,.54),
                0 0 0 1px rgba(0,0,0,.26);
            color: rgba(243, 237, 225, .96);
            overflow: visible;
            direction: var(--mr-home-content-direction);
            isolation: isolate;
        }

        .mr-home-twelve-dialog::after {
            content: "";
            position: absolute;
            left: var(--mr-twelve-tail-left);
            bottom: -10px;
            width: 20px;
            height: 20px;
            border-inline-end: 1px solid rgba(224, 210, 182, .26);
            border-bottom: 1px solid rgba(224, 210, 182, .26);
            background:
                linear-gradient(135deg, rgba(255,255,255,.070), rgba(255,255,255,.018)),
                rgba(3, 7, 6, .54);
            -webkit-backdrop-filter: blur(18px) saturate(1.18);
            backdrop-filter: blur(18px) saturate(1.18);
            transform: translateX(-50%) rotate(45deg);
            box-shadow: 10px 10px 26px rgba(0,0,0,.18);
            pointer-events: none;
        }

        .mr-home-twelve-dialog.is-card-centered {
            transform: translate(-50%, -50%);
        }

        .mr-home-twelve-dialog.is-card-centered::after {
            display: none;
        }

        .mr-home-twelve-dialog.is-below {
            transform: translate(-50%, var(--mr-twelve-dialog-below-y, 0px));
        }

        .mr-home-twelve-dialog.is-below::after {
            top: -10px;
            bottom: auto;
            border-inline-end: 0;
            border-bottom: 0;
            border-inline-start: 1px solid rgba(224, 210, 182, .24);
            border-top: 1px solid rgba(224, 210, 182, .24);
            box-shadow: -10px -10px 26px rgba(0,0,0,.18);
        }

        .mr-home-twelve-dialog.is-zoom {
            left: 50vw;
            top: 50vh;
            transform: translate(-50%, -50%);
            width: min(760px, calc(100vw - 20px));
            max-height: calc(100vh - 20px);
        }

        .mr-home-twelve-dialog.is-zoom::after {
            display: none;
        }

        .mr-home-twelve-dialog__choice,
        .mr-home-twelve-dialog__zoom {
            position: relative;
            z-index: 1;
            padding: 14px;
            border-radius: 26px;
            overflow: hidden;
        }

        .mr-home-twelve-dialog__zoom[hidden],
        .mr-home-twelve-dialog__choice[hidden] {
            display: none !important;
        }

        .mr-home-twelve-dialog__actions {
            display: grid;
            gap: 9px;
        }

        .mr-home-twelve-dialog__button {
            appearance: none;
            border: 1px solid rgba(224, 210, 182, .24);
            min-height: 43px;
            border-radius: 16px;
            padding: 0 15px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            text-align: center;
            font-family: inherit;
            font-size: .86rem;
            line-height: 1.2;
            font-weight: 900;
            text-decoration: none !important;
            cursor: pointer;
            background:
                linear-gradient(180deg, rgba(255,255,255,.078), rgba(255,255,255,.018)),
                rgba(255,255,255,.060);
            color: rgba(243, 237, 225, .92) !important;
            -webkit-text-fill-color: rgba(243, 237, 225, .92) !important;
            -webkit-backdrop-filter: blur(8px) saturate(1.10);
            backdrop-filter: blur(8px) saturate(1.10);
            box-shadow:
                inset 0 1px 0 rgba(255,255,255,.10),
                0 10px 20px rgba(0,0,0,.14);
        }

        .mr-home-twelve-dialog__button--series {
            background:
                linear-gradient(180deg, rgba(255,255,255,.060), rgba(255,255,255,.012)),
                #1F3E37;
            border-color: rgba(224, 210, 182, .28);
            color: rgba(255,255,255,.96) !important;
            -webkit-text-fill-color: rgba(255,255,255,.96) !important;
        }

        .mr-home-twelve-dialog__button--image {
            background:
                linear-gradient(180deg, rgba(255,255,255,.070), rgba(255,255,255,.018)),
                rgba(9, 11, 11, .92);
        }

        .mr-home-twelve-dialog__button--cancel {
            min-height: 36px;
            border-color: transparent;
            background: transparent;
            color: rgba(243, 237, 225, .54) !important;
            -webkit-text-fill-color: rgba(243, 237, 225, .54) !important;
            box-shadow: none;
        }

        .mr-home-twelve-dialog__button[disabled],
        .mr-home-twelve-dialog__button.is-disabled {
            opacity: .42;
            cursor: not-allowed;
            pointer-events: none;
        }

        .mr-home-twelve-dialog__zoom-head {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 12px;
            margin-bottom: 12px;
        }

        .mr-home-twelve-dialog__zoom-title {
            margin: 0;
            color: rgba(255,255,255,.92);
            font-size: .88rem;
            font-weight: 900;
            line-height: 1.4;
        }

        .mr-home-twelve-dialog__zoom-close {
            appearance: none;
            border: 1px solid rgba(224, 210, 182, .18);
            width: 34px;
            height: 34px;
            border-radius: 999px;
            background: rgba(255,255,255,.050);
            color: rgba(255,255,255,.86);
            cursor: pointer;
        }

        .mr-home-twelve-dialog__zoom-stage {
            position: relative;
            width: 100%;
            height: min(62vh, 560px);
            min-height: 260px;
            border-radius: 20px;
            border: 1px solid rgba(224, 210, 182, .14);
            background:
                radial-gradient(circle at 50% 30%, rgba(31, 62, 55, .22), transparent 46%),
                rgba(0,0,0,.66);
            overflow: hidden;
            display: grid;
            place-items: center;
            touch-action: none;
        }

        .mr-home-twelve-dialog__zoom-image {
            display: block;
            max-width: 92%;
            max-height: 92%;
            object-fit: contain;
            transform: scale(var(--mr-twelve-zoom-scale, 1));
            transform-origin: center center;
            transition: transform .16s ease;
            user-select: none;
            -webkit-user-drag: none;
        }

        .mr-home-twelve-dialog__product-meta {
            display: none;
        }

        .mr-home-twelve-dialog__zoom-tools {
            display: flex;
            justify-content: center;
            gap: 8px;
            margin-top: 12px;
            direction: ltr;
        }

        .mr-home-twelve-dialog__zoom-tool {
            appearance: none;
            min-width: 42px;
            height: 36px;
            border-radius: 999px;
            border: 1px solid rgba(224, 210, 182, .18);
            background: rgba(255,255,255,.055);
            color: rgba(255,255,255,.88);
            font: inherit;
            font-weight: 900;
            cursor: pointer;
        }



        /* 9.603/9.606 — desktop only: match the visible Orbit Quick View size and force a 4:5 image preview frame. */
        @media (min-width: 861px) {
            .mr-home-twelve-dialog-layer.is-zoom {
                display: grid !important;
                place-items: center !important;
                padding: clamp(14px, 3vw, 42px) !important;
                background: rgba(3, 7, 6, .76) !important;
                -webkit-backdrop-filter: blur(18px) !important;
                backdrop-filter: blur(18px) !important;
            }

            .mr-home-twelve-dialog.is-zoom {
                position: relative !important;
                left: auto !important;
                top: auto !important;
                right: auto !important;
                bottom: auto !important;
                transform: none !important;
                box-sizing: border-box !important;
                translate: 0 15px !important;
                width: 442px !important;
                height: 33px !important;
                min-width: 0 !important;
                min-height: min(680px, 84vh) !important;
                max-width: 442px !important;
                max-height: none !important;
                margin: 0 !important;
                padding: 0 !important;
                overflow: hidden !important;
                border-radius: clamp(26px, 3vw, 42px) !important;
                border: 1px solid rgba(229, 198, 145, .48) !important;
                background: #030504 !important;
                box-shadow:
                    0 36px 96px rgba(0, 0, 0, .62),
                    inset 0 0 0 1px rgba(255, 255, 255, .04) !important;
            }

            .mr-home-twelve-dialog.is-zoom .mr-home-twelve-dialog__zoom {
                position: absolute !important;
                inset: 0 !important;
                z-index: 1 !important;
                display: block !important;
                box-sizing: border-box !important;
                padding: 0 !important;
                border-radius: inherit !important;
                overflow: hidden !important;
            }

            .mr-home-twelve-dialog.is-zoom .mr-home-twelve-dialog__zoom-head {
                position: absolute !important;
                inset: 0 !important;
                z-index: 8 !important;
                display: block !important;
                margin: 0 !important;
                pointer-events: none !important;
            }

            .mr-home-twelve-dialog.is-zoom .mr-home-twelve-dialog__zoom-title {
                display: none !important;
            }

            .mr-home-twelve-dialog.is-zoom .mr-home-twelve-dialog__zoom-close {
                position: absolute !important;
                top: clamp(16px, 2vw, 26px) !important;
                inset-inline-end: clamp(16px, 2vw, 26px) !important;
                z-index: 9 !important;
                width: clamp(42px, 4vw, 54px) !important;
                height: clamp(42px, 4vw, 54px) !important;
                border-radius: 999px !important;
                border: 1px solid rgba(255, 255, 255, .18) !important;
                background: rgba(0, 0, 0, .78) !important;
                color: #fff8e9 !important;
                font-size: clamp(26px, 2.8vw, 36px) !important;
                line-height: 1 !important;
                cursor: pointer !important;
                pointer-events: auto !important;
                box-shadow: 0 16px 38px rgba(0, 0, 0, .34), inset 0 1px 0 rgba(255, 255, 255, .06) !important;
            }

            .mr-home-twelve-dialog.is-zoom .mr-home-twelve-dialog__zoom-close:hover,
            .mr-home-twelve-dialog.is-zoom .mr-home-twelve-dialog__zoom-close:focus-visible {
                border-color: rgba(229, 198, 145, .58) !important;
                outline: none !important;
            }

            .mr-home-twelve-dialog.is-zoom .mr-home-twelve-dialog__zoom-stage {
                position: absolute !important;
                inset: 0 !important;
                z-index: 1 !important;
                display: grid !important;
                place-items: center !important;
                box-sizing: border-box !important;
                width: 100% !important;
                height: 100% !important;
                min-height: 0 !important;
                padding: clamp(22px, 3.6vw, 54px) clamp(18px, 3vw, 46px) clamp(150px, 20vh, 210px) !important;
                overflow: hidden !important;
                border: 0 !important;
                border-radius: inherit !important;
                background: radial-gradient(circle at 50% 42%, rgba(216, 194, 142, .06), transparent 46%), #030504 !important;
                touch-action: auto !important;
            }

            .mr-home-twelve-dialog.is-zoom .mr-home-twelve-dialog__zoom-image {
                position: relative !important;
                z-index: 2 !important;
                display: block !important;
                width: min(100%, 354px) !important;
                height: min(100%, 443px) !important;
                aspect-ratio: 4 / 5 !important;
                max-width: 100% !important;
                max-height: 100% !important;
                margin: 0 !important;
                padding: 0 !important;
                object-fit: fill !important;
                object-position: center center !important;
                border-radius: clamp(16px, 2vw, 26px) !important;
                background: #030504 !important;
                box-shadow: none !important;
                filter: none !important;
                transform: none !important;
                image-rendering: auto !important;
                backface-visibility: hidden !important;
                -webkit-backface-visibility: hidden !important;
            }

            .mr-home-twelve-dialog.is-zoom .mr-home-twelve-dialog__product-meta {
                position: absolute !important;
                z-index: 7 !important;
                inset-inline: clamp(18px, 3vw, 46px) !important;
                bottom: clamp(20px, 2.8vw, 38px) !important;
                display: grid !important;
                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
                gap: clamp(8px, .78vw, 12px) !important;
                direction: inherit !important;
                pointer-events: none !important;
            }

            .mr-home-twelve-dialog.is-zoom .mr-home-twelve-dialog__product-meta[hidden] {
                display: none !important;
            }

            .mr-home-twelve-dialog.is-zoom .mr-home-twelve-dialog__product-meta-item {
                min-width: 0 !important;
                min-height: 46px !important;
                padding: 9px 12px !important;
                border-radius: 16px !important;
                border: 1px solid rgba(229, 198, 145, .22) !important;
                background:
                    linear-gradient(180deg, rgba(255, 255, 255, .070), rgba(255, 255, 255, .028)),
                    rgba(2, 5, 4, .82) !important;
                box-shadow:
                    0 14px 34px rgba(0, 0, 0, .26),
                    inset 0 1px 0 rgba(255, 255, 255, .05) !important;
                overflow: hidden !important;
            }

            .mr-home-twelve-dialog.is-zoom .mr-home-twelve-dialog__product-meta-item:first-child {
                grid-column: 1 / -1 !important;
            }

            .mr-home-twelve-dialog.is-zoom .mr-home-twelve-dialog__product-meta-item span {
                display: block !important;
                margin: 0 0 4px !important;
                color: rgba(224, 210, 182, .68) !important;
                font-size: 10px !important;
                font-weight: 800 !important;
                line-height: 1.1 !important;
                letter-spacing: .01em !important;
                white-space: nowrap !important;
            }

            .mr-home-twelve-dialog.is-zoom .mr-home-twelve-dialog__product-meta-item strong {
                display: block !important;
                color: rgba(255, 248, 233, .94) !important;
                font-size: 12px !important;
                font-weight: 950 !important;
                line-height: 1.28 !important;
                white-space: normal !important;
                overflow-wrap: anywhere !important;
                word-break: normal !important;
                overflow: visible !important;
            }

            .mr-home-twelve-dialog.is-zoom .mr-home-twelve-dialog__zoom-tools {
                display: none !important;
            }
        }

        /* 9.616 — Home 12-card inline family Quick View: two 12-card-style frames on desktop only. */
        .mr-home-family-qv-layer[hidden] {
            display: none !important;
        }

        @media (min-width: 861px) {
            body.mr-home-family-qv-open {
                overflow: hidden !important;
            }

            body.mr-home-family-qv-open > :not(.mr-home-family-qv-layer) {
                filter: blur(8px) brightness(.66) saturate(.78) !important;
                transition: filter .34s ease !important;
                pointer-events: none !important;
            }

            .mr-home-family-qv-layer {
                position: fixed !important;
                inset: 0 !important;
                z-index: 10080 !important;
                display: grid !important;
                place-items: center !important;
                box-sizing: border-box !important;
                padding: clamp(14px, 3vw, 42px) !important;
                background: rgba(3, 7, 6, .76) !important;
                -webkit-backdrop-filter: blur(18px) !important;
                backdrop-filter: blur(18px) !important;
            }

            .mr-home-family-qv-shell {
                --mr-home-family-qv-frame-w: min(442px, calc((100vw - 78px) / 2));
                --mr-home-family-qv-frame-h: min(680px, 84vh);
                position: relative !important;
                z-index: 2 !important;
                display: grid !important;
                grid-template-columns: repeat(2, minmax(0, var(--mr-home-family-qv-frame-w))) !important;
                gap: clamp(14px, 1.8vw, 22px) !important;
                width: min(calc((var(--mr-home-family-qv-frame-w) * 2) + clamp(14px, 1.8vw, 22px)), calc(100vw - 44px)) !important;
                min-height: var(--mr-home-family-qv-frame-h) !important;
                max-height: min(680px, 84vh) !important;
                margin: 0 !important;
                padding: 0 !important;
                border: 0 !important;
                background: transparent !important;
                box-shadow: none !important;
                direction: ltr !important;
            }

            .mr-home-family-qv-frame {
                position: relative !important;
                box-sizing: border-box !important;
                width: 100% !important;
                min-width: 0 !important;
                height: var(--mr-home-family-qv-frame-h) !important;
                min-height: var(--mr-home-family-qv-frame-h) !important;
                max-height: var(--mr-home-family-qv-frame-h) !important;
                margin: 0 !important;
                padding: 0 !important;
                overflow: hidden !important;
                border-radius: clamp(26px, 3vw, 42px) !important;
                border: 1px solid rgba(229, 198, 145, .48) !important;
                background: #030504 !important;
                box-shadow:
                    0 36px 96px rgba(0, 0, 0, .62),
                    inset 0 0 0 1px rgba(255, 255, 255, .04) !important;
                isolation: isolate !important;
                direction: var(--mr-home-content-direction) !important;
            }

            .mr-home-family-qv-frame::before {
                content: "" !important;
                position: absolute !important;
                inset: 0 !important;
                z-index: 0 !important;
                border-radius: inherit !important;
                background: radial-gradient(circle at 50% 42%, rgba(216, 194, 142, .06), transparent 46%), #030504 !important;
                pointer-events: none !important;
            }

            .mr-home-family-qv-close {
                position: absolute !important;
                top: clamp(16px, 2vw, 26px) !important;
                inset-inline-end: clamp(16px, 2vw, 26px) !important;
                z-index: 20 !important;
                width: clamp(42px, 4vw, 54px) !important;
                height: clamp(42px, 4vw, 54px) !important;
                border-radius: 999px !important;
                border: 1px solid rgba(255, 255, 255, .18) !important;
                background: rgba(0, 0, 0, .78) !important;
                color: #fff8e9 !important;
                font-size: clamp(26px, 2.8vw, 36px) !important;
                line-height: 1 !important;
                cursor: pointer !important;
                box-shadow: 0 16px 38px rgba(0, 0, 0, .34), inset 0 1px 0 rgba(255, 255, 255, .06) !important;
            }

            .mr-home-family-qv-close:hover,
            .mr-home-family-qv-close:focus-visible {
                border-color: rgba(229, 198, 145, .58) !important;
                outline: none !important;
            }

            .mr-home-family-qv-stage {
                position: absolute !important;
                inset: 0 !important;
                z-index: 1 !important;
                display: grid !important;
                place-items: center !important;
                box-sizing: border-box !important;
                width: 100% !important;
                height: 100% !important;
                min-height: 0 !important;
                padding: clamp(22px, 3.6vw, 54px) clamp(18px, 3vw, 46px) clamp(150px, 20vh, 210px) !important;
                overflow: hidden !important;
                border: 0 !important;
                border-radius: inherit !important;
                background: transparent !important;
            }

            .mr-home-family-qv-image {
                position: relative !important;
                z-index: 2 !important;
                display: block !important;
                width: min(100%, 354px) !important;
                height: min(100%, 443px) !important;
                aspect-ratio: 4 / 5 !important;
                max-width: 100% !important;
                max-height: 100% !important;
                margin: 0 !important;
                padding: 0 !important;
                object-fit: cover !important;
                object-position: center center !important;
                border-radius: clamp(16px, 2vw, 26px) !important;
                background: #030504 !important;
                box-shadow: none !important;
                filter: none !important;
                transform: none !important;
                image-rendering: auto !important;
                backface-visibility: hidden !important;
                -webkit-backface-visibility: hidden !important;
            }

            .mr-home-family-qv-image[src=""] {
                visibility: hidden !important;
            }

            .mr-home-family-qv-meta {
                position: absolute !important;
                z-index: 7 !important;
                inset-inline: clamp(18px, 3vw, 46px) !important;
                bottom: clamp(20px, 2.8vw, 38px) !important;
                display: grid !important;
                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
                gap: clamp(8px, .78vw, 12px) !important;
                direction: inherit !important;
                pointer-events: none !important;
            }

            .mr-home-family-qv-meta__item,
            .mr-home-family-qv-specs__item {
                min-width: 0 !important;
                min-height: 46px !important;
                padding: 9px 12px !important;
                border-radius: 16px !important;
                border: 1px solid rgba(229, 198, 145, .22) !important;
                background:
                    linear-gradient(180deg, rgba(255, 255, 255, .070), rgba(255, 255, 255, .028)),
                    rgba(2, 5, 4, .82) !important;
                box-shadow:
                    0 14px 34px rgba(0, 0, 0, .26),
                    inset 0 1px 0 rgba(255, 255, 255, .05) !important;
                overflow: hidden !important;
            }

            .mr-home-family-qv-meta__item:first-child {
                grid-column: 1 / -1 !important;
            }

            .mr-home-family-qv-meta__item span,
            .mr-home-family-qv-specs__item span {
                display: block !important;
                margin: 0 0 4px !important;
                color: rgba(224, 210, 182, .68) !important;
                font-size: 10px !important;
                font-weight: 800 !important;
                line-height: 1.1 !important;
                letter-spacing: .01em !important;
                white-space: nowrap !important;
            }

            .mr-home-family-qv-meta__item strong,
            .mr-home-family-qv-specs__item strong {
                display: block !important;
                color: rgba(255, 248, 233, .94) !important;
                font-size: 12px !important;
                font-weight: 950 !important;
                line-height: 1.28 !important;
                white-space: normal !important;
                overflow-wrap: anywhere !important;
                word-break: normal !important;
                overflow: visible !important;
            }

            .mr-home-family-qv-side {
                position: absolute !important;
                inset: clamp(18px, 3vw, 46px) !important;
                z-index: 2 !important;
                display: grid !important;
                grid-template-rows: minmax(0, 1fr) auto !important;
                gap: clamp(10px, 1vw, 14px) !important;
                min-height: 0 !important;
                direction: inherit !important;
            }

            .mr-home-family-qv-grid {
                display: grid !important;
                grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
                align-content: start !important;
                gap: 8px !important;
                min-height: 0 !important;
                max-height: 100% !important;
                overflow-y: auto !important;
                overflow-x: hidden !important;
                padding: 0 2px 2px !important;
                scrollbar-width: thin !important;
                scrollbar-color: rgba(229, 198, 145, .36) rgba(255,255,255,.04) !important;
            }

            .mr-home-family-qv-grid::-webkit-scrollbar { width: 6px !important; }
            .mr-home-family-qv-grid::-webkit-scrollbar-track { background: rgba(255,255,255,.04) !important; border-radius: 999px !important; }
            .mr-home-family-qv-grid::-webkit-scrollbar-thumb { background: rgba(229, 198, 145, .36) !important; border-radius: 999px !important; }

            .mr-home-family-qv-card {
                position: relative !important;
                display: grid !important;
                grid-template-rows: minmax(0, 1fr) auto !important;
                gap: 5px !important;
                min-width: 0 !important;
                min-height: 0 !important;
                padding: 5px !important;
                border-radius: 14px !important;
                border: 1px solid rgba(229, 198, 145, .18) !important;
                background: linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.018)), rgba(2, 5, 4, .78) !important;
                cursor: pointer !important;
                appearance: none !important;
                -webkit-appearance: none !important;
                box-shadow: inset 0 1px 0 rgba(255,255,255,.04) !important;
                transition: border-color .22s ease, transform .22s ease, box-shadow .22s ease !important;
            }

            .mr-home-family-qv-card:hover,
            .mr-home-family-qv-card:focus-visible,
            .mr-home-family-qv-card.is-active {
                border-color: rgba(229, 198, 145, .52) !important;
                outline: none !important;
                transform: translateY(-1px) !important;
                box-shadow: 0 12px 28px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.06) !important;
            }

            .mr-home-family-qv-card__image {
                display: block !important;
                width: 100% !important;
                aspect-ratio: 4 / 5 !important;
                min-height: 0 !important;
                border-radius: 10px !important;
                object-fit: cover !important;
                object-position: center center !important;
                background: #030504 !important;
            }

            .mr-home-family-qv-card__code {
                display: block !important;
                min-width: 0 !important;
                color: rgba(255, 248, 233, .86) !important;
                font-size: 9px !important;
                font-weight: 900 !important;
                line-height: 1.05 !important;
                text-align: center !important;
                white-space: nowrap !important;
                overflow: hidden !important;
                text-overflow: ellipsis !important;
            }

            .mr-home-family-qv-specs {
                display: grid !important;
                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
                gap: 8px !important;
                min-height: 0 !important;
            }

            .mr-home-family-qv-specs__item { min-height: 40px !important; padding: 7px 10px !important; border-radius: 14px !important; }
            .mr-home-family-qv-specs__item strong {
                display: -webkit-box !important;
                -webkit-line-clamp: 2 !important;
                -webkit-box-orient: vertical !important;
                overflow: hidden !important;
                font-size: 11px !important;
                line-height: 1.2 !important;
            }

            .mr-home-family-qv-empty {
                grid-column: 1 / -1 !important;
                align-self: center !important;
                justify-self: center !important;
                color: rgba(255,248,233,.68) !important;
                font-size: 12px !important;
                font-weight: 900 !important;
                text-align: center !important;
            }
        }

        @media (max-width: 860px) {
            .mr-home-family-qv-layer { display: none !important; }
        }


        @media (max-width: 640px) {
            body.mr-home-twelve-dialog-open > :not(.mr-home-twelve-dialog-layer) {
                filter: blur(5px) brightness(.74) saturate(.82);
            }

            .mr-home-twelve-dialog {
                --mr-twelve-dialog-below-y: 0px;
                width: min(336px, calc(100vw - 16px));
                max-width: calc(100vw - 16px);
                border-radius: 24px;
            }

            .mr-home-twelve-dialog.is-mobile-centered {
                left: 50vw;
                top: 50vh;
                top: 50svh;
                transform: translate(-50%, -50%);
            }

            .mr-home-twelve-dialog.is-mobile-centered::after {
                display: none;
            }

            .mr-home-twelve-dialog__choice,
            .mr-home-twelve-dialog__zoom {
                padding: 12px;
            }

            .mr-home-twelve-dialog__zoom-stage {
                height: 52vh;
            }
        }

        @media (prefers-reduced-motion: reduce) {
            body.mr-home-twelve-dialog-open > :not(.mr-home-twelve-dialog-layer),
            .mr-home-twelve-dialog__zoom-image {
                transition: none !important;
            }
        }


.mr-home-orbit-showroom {
    --mr-home-orbit-green: #1F3E37;
    --mr-home-orbit-gold: #D8C28E;
    --mr-home-orbit-gold-rgb: 216, 194, 142;
    position: relative;
    width: min(1180px, calc(100vw - 20px));
    margin: clamp(28px, 4.8vw, 64px) auto clamp(28px, 4.8vw, 64px);
    min-height: clamp(520px, 68vh, 720px);
    display: grid;
    place-items: center;
    padding: 0;
    box-sizing: border-box;
    background: transparent;
    border: 0;
    box-shadow: none;
    isolation: isolate;
    overflow: visible;
    color: #F2EBDD;
}

.mr-home-orbit-stage {
    position: relative;
    z-index: 1;
    width: 100%;
    min-height: clamp(520px, 57vw, 680px);
    display: grid;
    place-items: center;
    perspective: 1350px;
    overflow: visible;
}

.mr-home-orbit {
    position: relative;
    width: min(760px, 100%);
    min-height: clamp(500px, 58vw, 660px);
    background: transparent;
    border: 0;
    box-shadow: none;
    overflow: visible;
    touch-action: pan-y;
    cursor: grab;
    transform-style: preserve-3d;
    user-select: none;
    --mr-orbit-published-radius-x: 1;
    --mr-orbit-published-radius-y: 1;
    --mr-orbit-published-depth-z: 1;
    --mr-orbit-radius-x: var(--mr-orbit-published-radius-x);
    --mr-orbit-radius-y: var(--mr-orbit-published-radius-y);
    --mr-orbit-depth-z: var(--mr-orbit-published-depth-z);
}

.mr-home-orbit:active {
    cursor: grabbing;
}

.mr-home-orbit-backdrop-text {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 2;
    display: block;
    width: max-content;
    max-width: none;
    pointer-events: none;
    user-select: none;
    transform:
        translate(-50%, -50%)
        translate(var(--mr-orbit-backdrop-x, 0px), var(--mr-orbit-backdrop-y, 0px))
        rotate(var(--mr-orbit-backdrop-rotate, 0deg))
        scale(var(--mr-orbit-backdrop-scale, 1));
    transform-origin: center center;

    color: rgba(31, 62, 55, var(--mr-orbit-backdrop-opacity, .20));
    -webkit-text-fill-color: rgba(31, 62, 55, var(--mr-orbit-backdrop-opacity, .20));
    -webkit-text-stroke: .42px rgba(7, 38, 31, .22);
    text-shadow:
        .9px .8px 0 rgba(255,255,255,.24),
        -.75px -.55px 0 rgba(5, 32, 26, .28),
        2.8px 2.2px 0 rgba(31,62,55,.060);
    filter: contrast(1.03) saturate(.88);
    font-size: var(--mr-orbit-backdrop-font-size, 118px);
    font-family: Georgia, "Times New Roman", "Vazirmatn", serif;
    font-style: italic;
    font-weight: 800;
    letter-spacing: calc(var(--mr-orbit-backdrop-letter-spacing, -.08em) + .035em);
    line-height: .82;
    text-transform: none;
    white-space: nowrap;
    mix-blend-mode: multiply;
}

.mr-home-orbit-backdrop-text::before {
    content: attr(data-mr-orbit-backdrop-text);
    position: absolute;
    inset: 0;
    z-index: -1;
    color: transparent;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 1.2px rgba(220, 235, 226, .095);
    transform: translate(1.4px, 1.2px);
    opacity: .70;
    pointer-events: none;
}

.mr-home-orbit-backdrop-text::after {
    content: attr(data-mr-orbit-backdrop-text);
    position: absolute;
    inset: 0;
    z-index: -2;
    color: transparent;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: .9px rgba(6, 45, 37, .135);
    transform: translate(-1px, -.9px);
    opacity: .64;
    pointer-events: none;
}

@media (min-width: 861px) {
    .mr-home-orbit-backdrop-text {
        --mr-orbit-backdrop-x: var(--mr-orbit-backdrop-desktop-x, 0px);
        --mr-orbit-backdrop-y: var(--mr-orbit-backdrop-desktop-y, 0px);
        --mr-orbit-backdrop-scale: var(--mr-orbit-backdrop-desktop-scale, 1);
        --mr-orbit-backdrop-rotate: var(--mr-orbit-backdrop-desktop-rotate, 0deg);
        --mr-orbit-backdrop-font-size: var(--mr-orbit-backdrop-desktop-font-size, 118px);
    }
}

@media (max-width: 860px) {
    .mr-home-orbit-backdrop-text {
        --mr-orbit-backdrop-x: var(--mr-orbit-backdrop-mobile-x, 0px);
        --mr-orbit-backdrop-y: var(--mr-orbit-backdrop-mobile-y, 0px);
        --mr-orbit-backdrop-scale: var(--mr-orbit-backdrop-mobile-scale, 1);
        --mr-orbit-backdrop-rotate: var(--mr-orbit-backdrop-mobile-rotate, 0deg);
        --mr-orbit-backdrop-font-size: var(--mr-orbit-backdrop-mobile-font-size, 54px);
        color: rgba(31, 62, 55, var(--mr-orbit-backdrop-opacity, .20));
        -webkit-text-fill-color: rgba(31, 62, 55, var(--mr-orbit-backdrop-opacity, .20));
        -webkit-text-stroke-width: .36px;
        text-shadow:
            .7px .62px 0 rgba(255,255,255,.22),
            -.58px -.44px 0 rgba(5,32,26,.25),
            1.8px 1.5px 0 rgba(31,62,55,.052);
    }
}


.mr-home-orbit-cuboid {
    --mr-orbit-cuboid-width: clamp(112px, 9.2vw, 150px);
    --mr-orbit-cuboid-depth: clamp(86px, 7.3vw, 116px);
    --mr-orbit-cuboid-height: clamp(404px, 56vh, 620px);
    --mr-orbit-cuboid-half-width: calc(var(--mr-orbit-cuboid-width) * 0.5);
    --mr-orbit-cuboid-half-depth: calc(var(--mr-orbit-cuboid-depth) * 0.5);
    --mr-orbit-cuboid-half-height: calc(var(--mr-orbit-cuboid-height) * 0.5);
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 26;
    width: var(--mr-orbit-cuboid-width);
    height: var(--mr-orbit-cuboid-height);
    pointer-events: none;
    user-select: none;
    overflow: visible;
    transform:
        translate(-50%, -50%)
        translate(var(--mr-orbit-axis-text-x, 0px), var(--mr-orbit-axis-text-y, 0px))
        scale(var(--mr-orbit-axis-text-scale, 1));
    transform-origin: center center;
    perspective: 1680px;
    isolation: isolate;
    --mr-orbit-cuboid-spin: 0deg;
}


.mr-home-orbit-cuboid__body {
    position: absolute;
    inset: 0;
    z-index: 2;
    transform-style: preserve-3d;
    transform: rotateX(-8deg) rotateY(calc(-28deg + var(--mr-orbit-cuboid-spin, 0deg)));
}

.mr-home-orbit-cuboid__face {
    position: absolute;
    left: 50%;
    top: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    border: 1px solid rgba(255, 255, 255, .07);
    background:
        linear-gradient(180deg, rgba(255,255,255,.06) 0%, rgba(255,255,255,.02) 9%, rgba(0,0,0,.04) 26%, rgba(0,0,0,.12) 60%, rgba(255,255,255,.02) 100%),
        linear-gradient(120deg, rgba(30,33,33,.96) 0%, rgba(4,5,5,.995) 28%, rgba(14,15,16,.985) 52%, rgba(1,2,2,.995) 78%, rgba(36,39,40,.95) 100%);
    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,.015),
        inset 12px 0 22px rgba(255,255,255,.03),
        inset -16px 0 28px rgba(0,0,0,.28),
        inset 0 12px 22px rgba(255,255,255,.018),
        inset 0 -18px 26px rgba(0,0,0,.28);
}

.mr-home-orbit-cuboid__face::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(90deg, rgba(255,255,255,.08), transparent 18%, transparent 82%, rgba(255,255,255,.04)),
        linear-gradient(180deg, rgba(255,255,255,.04), transparent 18%, transparent 82%, rgba(0,0,0,.20));
    opacity: .9;
    pointer-events: none;
}

.mr-home-orbit-cuboid__face--front,
.mr-home-orbit-cuboid__face--back {
    width: var(--mr-orbit-cuboid-width);
    height: var(--mr-orbit-cuboid-height);
}

.mr-home-orbit-cuboid__face--right,
.mr-home-orbit-cuboid__face--left {
    width: var(--mr-orbit-cuboid-depth);
    height: var(--mr-orbit-cuboid-height);
}

.mr-home-orbit-cuboid__face--top,
.mr-home-orbit-cuboid__face--bottom {
    width: var(--mr-orbit-cuboid-width);
    height: var(--mr-orbit-cuboid-depth);
}

.mr-home-orbit-cuboid__face--front {
    transform: translate(-50%, -50%) translateZ(var(--mr-orbit-cuboid-half-depth));
}

.mr-home-orbit-cuboid__face--back {
    transform: translate(-50%, -50%) rotateY(180deg) translateZ(var(--mr-orbit-cuboid-half-depth));
}

.mr-home-orbit-cuboid__face--right {
    transform: translate(-50%, -50%) rotateY(90deg) translateZ(var(--mr-orbit-cuboid-half-width));
}

.mr-home-orbit-cuboid__face--left {
    transform: translate(-50%, -50%) rotateY(-90deg) translateZ(var(--mr-orbit-cuboid-half-width));
}

.mr-home-orbit-cuboid__face--top {
    transform: translate(-50%, -50%) rotateX(90deg) translateZ(var(--mr-orbit-cuboid-half-height));
    background:
        linear-gradient(180deg, rgba(255,255,255,.08), rgba(0,0,0,.2)),
        linear-gradient(90deg, rgba(34,36,36,.98), rgba(3,4,4,.995) 48%, rgba(20,22,22,.98));
}

.mr-home-orbit-cuboid__face--bottom {
    transform: translate(-50%, -50%) rotateX(-90deg) translateZ(var(--mr-orbit-cuboid-half-height));
    background:
        linear-gradient(180deg, rgba(0,0,0,.1), rgba(0,0,0,.38)),
        linear-gradient(90deg, rgba(16,18,18,.98), rgba(1,2,2,.998));
}

.mr-home-orbit-cuboid__label {
    position: absolute;
    left: 50%;
    top: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transform: translate(-50%, -50%) rotate(180deg);
    writing-mode: vertical-rl;
    text-orientation: mixed;
    white-space: nowrap;
    color: rgba(255, 255, 255, .97);
    font-size: calc(var(--mr-orbit-axis-text-font-size, 30px) * 1.88);
    font-weight: 900;
    letter-spacing: .08em;
    line-height: .88;
    text-transform: uppercase;
    text-align: center;
    text-shadow:
        0 0 1px rgba(255,255,255,.18),
        0 2px 10px rgba(0,0,0,.38),
        0 0 18px rgba(255,255,255,.04);
}

.mr-home-orbit-cuboid__face--front .mr-home-orbit-cuboid__label,
.mr-home-orbit-cuboid__face--back .mr-home-orbit-cuboid__label {
    font-size: calc(var(--mr-orbit-axis-text-font-size, 30px) * 2.18);
}

.mr-home-orbit-cuboid__face--right .mr-home-orbit-cuboid__label,
.mr-home-orbit-cuboid__face--left .mr-home-orbit-cuboid__label {
    font-size: calc(var(--mr-orbit-axis-text-font-size, 30px) * 1.54);
    letter-spacing: .06em;
}


@media (min-width: 861px) {
    .mr-home-orbit-cuboid {
        --mr-orbit-axis-text-x: var(--mr-orbit-axis-text-desktop-x, 0px);
        --mr-orbit-axis-text-y: var(--mr-orbit-axis-text-desktop-y, 0px);
        --mr-orbit-axis-text-scale: var(--mr-orbit-axis-text-desktop-scale, 1);
        --mr-orbit-axis-text-font-size: var(--mr-orbit-axis-text-desktop-font-size, 29px);
        --mr-orbit-cuboid-width: clamp(112px, 9.2vw, 150px);
        --mr-orbit-cuboid-depth: clamp(88px, 7.3vw, 118px);
        --mr-orbit-cuboid-height: clamp(404px, 56vh, 620px);
    }
}

@media (max-width: 860px) {
    .mr-home-orbit-cuboid {
        --mr-orbit-axis-text-x: var(--mr-orbit-axis-text-mobile-x, 0px);
        --mr-orbit-axis-text-y: var(--mr-orbit-axis-text-mobile-y, 0px);
        --mr-orbit-axis-text-scale: var(--mr-orbit-axis-text-mobile-scale, 1);
        --mr-orbit-axis-text-font-size: var(--mr-orbit-axis-text-mobile-font-size, 21px);
        --mr-orbit-cuboid-width: 84px;
        --mr-orbit-cuboid-depth: 66px;
        --mr-orbit-cuboid-height: 278px;
    }

    .mr-home-orbit-cuboid__body {
        transform: rotateX(-8deg) rotateY(calc(-25deg + var(--mr-orbit-cuboid-spin, 0deg)));
    }

    .mr-home-orbit-cuboid__label {
        letter-spacing: .06em;
    }

    .mr-home-orbit-cuboid__face--right .mr-home-orbit-cuboid__label,
    .mr-home-orbit-cuboid__face--left .mr-home-orbit-cuboid__label {
        font-size: calc(var(--mr-orbit-axis-text-font-size, 21px) * 1.34);
    }
}

.mr-home-orbit-card {
    --mr-orbit-card-width: clamp(148px, 16vw, 198px);
    --mr-orbit-card-height: clamp(126px, 12vw, 158px);
    position: absolute;
    left: 50%;
    top: 51%;
    width: var(--mr-orbit-card-width);
    min-height: var(--mr-orbit-card-height);
    padding: clamp(14px, 1.65vw, 20px);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-radius: 28px;
    border: 1px solid rgba(0,0,0,.84);
    background:
        radial-gradient(circle at 16% 18%, rgba(255,255,255,.11), transparent 34%),
        linear-gradient(145deg, rgba(255,255,255,.12), rgba(255,255,255,.028));
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.18),
        inset 0 -1px 0 rgba(0,0,0,.62),
        0 20px 34px rgba(0,0,0,.30),
        0 0 0 1px rgba(255,255,255,.055);
    color: rgba(255,248,233,.90);
    text-decoration: none;
    appearance: none;
    -webkit-appearance: none;
    font: inherit;
    text-align: start;
    cursor: pointer;
    will-change: transform, opacity;
    transform-style: preserve-3d;
    transition: border-color .18s ease, background .18s ease, color .18s ease, box-shadow .18s ease;
    overflow: hidden;
}

.mr-home-orbit-card[disabled] {
    cursor: default;
}

.mr-home-orbit-card.has-image {
    padding-top: clamp(12px, 1.45vw, 18px);
    --mr-orbit-card-media-top: 0px;
    --mr-orbit-card-media-side: 0px;
    --mr-orbit-card-media-bottom: 0px;
}

.mr-home-orbit-card__media {
    position: absolute;
    inset: var(--mr-orbit-card-media-top) var(--mr-orbit-card-media-side) var(--mr-orbit-card-media-bottom);
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    z-index: 0;
    opacity: 1;
    overflow: hidden;
    border-radius: inherit;
    contain: paint;
    padding: 0;
    line-height: 0;
    background: transparent;
    box-shadow: none;
}

.mr-home-orbit-card__media picture {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 100%;
    inline-size: 100%;
    block-size: 100%;
    width: 100%;
    height: 100%;
    min-inline-size: 0;
    min-block-size: 0;
    line-height: 0;
}

.mr-home-orbit-card__media img {
    display: block;
    flex: 0 1 auto;
    inline-size: auto !important;
    block-size: auto !important;
    width: auto !important;
    height: auto !important;
    min-inline-size: 0 !important;
    min-block-size: 0 !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-inline-size: 100% !important;
    max-block-size: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    aspect-ratio: auto !important;
    object-fit: contain !important;
    object-position: center center !important;
    background: transparent !important;
    border: none !important;
    border-radius: clamp(10px, .9vw, 16px);
    image-rendering: auto;
    filter: none;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    transform: none !important;
    transition: none;
    user-select: none;
    -webkit-user-drag: none;
}


.mr-home-orbit-card.has-image {
    background: transparent;
}

.mr-home-orbit-card.has-image::before,
.mr-home-orbit-card.has-image .mr-home-orbit-card__media::before,
.mr-home-orbit-card.has-image .mr-home-orbit-card__media::after {
    content: none;
    display: none;
}

.mr-home-orbit-card.has-image::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 8;
    display: block;
    box-sizing: border-box;
    border-radius: inherit;
    border: 1px solid rgba(0,0,0,.96);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.12),
        inset 0 -1px 0 rgba(0,0,0,.98),
        inset 0 0 0 1px rgba(0,0,0,.54),
        0 0 0 1px rgba(0,0,0,.22);
    pointer-events: none;
}

.mr-home-orbit-card.has-image:hover::after,
.mr-home-orbit-card.has-image:focus-visible::after {
    border-color: rgba(0,0,0,1);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.14),
        inset 0 -1px 0 rgba(0,0,0,1),
        inset 0 0 0 1px rgba(0,0,0,.70),
        0 0 0 1px rgba(0,0,0,.30);
}

.mr-home-orbit-card.has-image .mr-home-orbit-card__media,
.mr-home-orbit-card.has-image .mr-home-orbit-card__media picture,
.mr-home-orbit-card.has-image .mr-home-orbit-card__media img {
    opacity: 1;
    mix-blend-mode: normal;
}

.mr-home-orbit-card.has-image:hover,
.mr-home-orbit-card.has-image:focus-visible {
    background: transparent;
}

.mr-home-orbit-card small,
.mr-home-orbit-card strong {
    position: relative;
    z-index: 2;
}

.mr-home-orbit-card.has-image small,
.mr-home-orbit-card.has-image > strong {
    display: none;
}


.mr-home-orbit-card__neon-box {
    display: none;
}

.mr-home-orbit-card.has-image .mr-home-orbit-card__neon-box {
    position: absolute;
    left: 50%;
    right: auto;
    bottom: clamp(10px, 1.05vw, 16px);
    z-index: 4;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    inline-size: max-content;
    min-width: 0;
    min-inline-size: 0;
    max-width: calc(100% - clamp(22px, 2.4vw, 34px));
    max-inline-size: calc(100% - clamp(22px, 2.4vw, 34px));
    min-height: clamp(24px, 2.25vw, 34px);
    padding: clamp(4px, .48vw, 7px) clamp(9px, .95vw, 15px);
    border-radius: 999px;
    border: 1px solid #000;
    background: #000;
    box-shadow: 0 10px 22px rgba(0, 0, 0, .32);
    pointer-events: none;
    overflow: hidden;
    isolation: isolate;
    white-space: nowrap;
    translate: -50% 0;
}

.mr-home-orbit-card.has-image .mr-home-orbit-card__neon-box::before {
    display: none;
}

.mr-home-orbit-card__neon-text {
    position: relative;
    z-index: 1;
    display: block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #fff;
    font-size: clamp(13px, 1.12vw, 18px);
    font-weight: 1000;
    line-height: 1.08;
    letter-spacing: .02em;
    text-align: center;
    white-space: nowrap;
    text-shadow: none;
}

.mr-home-orbit-card:hover,
.mr-home-orbit-card:focus-visible {
    border-color: rgba(0,0,0,.96);
    background:
        radial-gradient(circle at 16% 18%, rgba(255,255,255,.16), transparent 38%),
        linear-gradient(145deg, rgba(255,255,255,.14), rgba(255,255,255,.038));
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.24),
        inset 0 -1px 0 rgba(0,0,0,.78),
        0 24px 42px rgba(0,0,0,.40),
        0 0 0 1px rgba(255,255,255,.07);
    outline: none;
}

.mr-home-orbit-card small {
    color: rgba(var(--mr-home-orbit-gold-rgb), .76);
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .18em;
    text-transform: uppercase;
}

.mr-home-orbit-card strong {
    display: block;
    margin-top: auto;
    color: #fff8e9;
    font-size: clamp(15px, 1.45vw, 20px);
    line-height: 1.05;
}

.mr-home-orbit-card--insta {
    border-color: rgba(0,0,0,.84);
    background: radial-gradient(circle at 12% 20%, rgba(255, 79, 180, .23), transparent 40%), linear-gradient(145deg, rgba(85, 32, 80, .48), rgba(255,255,255,.035));
}

.mr-home-orbit-card--luxury {
    border-color: rgba(0,0,0,.84);
    background: radial-gradient(circle at 82% 12%, rgba(var(--mr-home-orbit-gold-rgb), .22), transparent 42%), linear-gradient(145deg, rgba(85, 60, 22, .34), rgba(255,255,255,.032));
}

.mr-home-orbit-card--essential {
    border-color: rgba(0,0,0,.84);
    background: radial-gradient(circle at 20% 18%, rgba(31,62,55,.42), transparent 44%), linear-gradient(145deg, rgba(31,62,55,.25), rgba(255,255,255,.028));
}

.mr-home-orbit-card--quote {
    border-color: rgba(0,0,0,.84);
    background: radial-gradient(circle at 20% 18%, rgba(255,248,233,.16), transparent 42%), linear-gradient(145deg, rgba(255,255,255,.08), rgba(255,255,255,.024));
}

.mr-home-orbit-card--catalog {
    border-color: rgba(0,0,0,.84);
    background: radial-gradient(circle at 80% 14%, rgba(160,172,166,.18), transparent 42%), linear-gradient(145deg, rgba(160,172,166,.14), rgba(255,255,255,.028));
}


.mr-home-orbit-card.has-image,
.mr-home-orbit-card.has-image:hover,
.mr-home-orbit-card.has-image:focus-visible {
    border-color: rgba(0,0,0,.96);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.20),
        inset 0 -1px 0 rgba(0,0,0,.76),
        0 20px 34px rgba(0,0,0,.34),
        0 0 0 1px rgba(255,255,255,.06);
}


.mr-home-orbit-zoom {
    position: fixed;
    inset: 0;
    z-index: 99992;
    display: grid;
    place-items: center;
    padding: clamp(14px, 3vw, 42px);
    background: rgba(3, 7, 6, .76);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}

.mr-home-orbit-zoom[hidden] {
    display: none !important;
}

.mr-home-orbit-zoom__panel {
    position: relative;
    width: min(1060px, 94vw);
    max-height: min(900px, 90vh);
    display: grid;
    place-items: center;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
}

.mr-home-orbit-zoom__product-card {
    position: relative;
    isolation: isolate;
    width: min(820px, 92vw);
    height: min(820px, 86vh);
    min-height: min(680px, 84vh);
    overflow: hidden;
    border-radius: clamp(26px, 3vw, 42px);
    border: 1px solid rgba(229, 198, 145, .48);
    background: #030504;
    box-shadow:
        0 36px 96px rgba(0, 0, 0, .62),
        inset 0 0 0 1px rgba(255, 255, 255, .04);
}

.mr-home-orbit-zoom__product-card::before,
.mr-home-orbit-zoom__product-card::after {
    content: none;
    display: none;
}


.mr-home-orbit-zoom__close {
    position: absolute;
    top: clamp(16px, 2vw, 26px);
    inset-inline-end: clamp(16px, 2vw, 26px);
    z-index: 8;
    width: clamp(42px, 4vw, 54px);
    height: clamp(42px, 4vw, 54px);
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, .18);
    background: rgba(0, 0, 0, .78);
    color: #fff8e9;
    font-size: clamp(26px, 2.8vw, 36px);
    line-height: 1;
    cursor: pointer;
    box-shadow: 0 16px 38px rgba(0, 0, 0, .34), inset 0 1px 0 rgba(255, 255, 255, .06);
}

.mr-home-orbit-zoom__close:hover,
.mr-home-orbit-zoom__close:focus-visible {
    border-color: rgba(229, 198, 145, .58);
    outline: none;
}

.mr-home-orbit-zoom__image-wrap {
    position: absolute;
    inset: 0;
    z-index: 1;
    display: grid;
    place-items: center;
    padding: clamp(22px, 3.6vw, 54px) clamp(18px, 3vw, 46px) clamp(126px, 18vh, 184px);
    overflow: hidden;
    background: radial-gradient(circle at 50% 42%, rgba(216, 194, 142, .06), transparent 46%), #030504;
}

.mr-home-orbit-zoom__image-wrap::before,
.mr-home-orbit-zoom__image-wrap::after {
    content: none;
    display: none;
}

.mr-home-orbit-zoom__image {
    position: relative;
    z-index: 2;
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    object-position: center center;
    border-radius: clamp(16px, 2vw, 26px);
    box-shadow: none;
    filter: none;
    transform: none;
    image-rendering: auto;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.mr-home-orbit-zoom__info {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 6;
    display: grid;
    gap: clamp(8px, 1vw, 12px);
    padding: clamp(72px, 8vh, 104px) clamp(20px, 3vw, 40px) clamp(20px, 2.4vw, 34px);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, .52) 34%, rgba(0, 0, 0, .96));
    pointer-events: auto;
}

.mr-home-orbit-zoom__title {
    margin: 0;
    max-width: min(580px, 100%);
    color: #fff;
    font-size: clamp(26px, 3.2vw, 46px);
    font-weight: 950;
    line-height: .98;
    letter-spacing: -.02em;
}

.mr-home-orbit-zoom__bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: clamp(10px, 1.5vw, 18px);
    flex-wrap: wrap;
}

.mr-home-orbit-zoom__code {
    min-height: clamp(34px, 3.2vw, 44px);
    padding: 0 clamp(15px, 1.6vw, 22px);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    border: 1px solid rgba(229, 198, 145, .44);
    background: linear-gradient(180deg, rgba(3, 17, 14, .66), rgba(1, 7, 6, .46));
    color: rgba(255, 239, 204, .98);
    font-size: clamp(14px, 1.4vw, 20px);
    font-weight: 950;
    letter-spacing: .04em;
    direction: ltr;
    box-shadow: 0 12px 28px rgba(0, 0, 0, .24), inset 0 1px 0 rgba(255, 255, 255, .075);
}

.mr-home-orbit-zoom__code[hidden] {
    display: none !important;
}

.mr-home-orbit-zoom__actions {
    margin-inline-start: auto;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
}

.mr-home-orbit-zoom__products-link {
    appearance: none;
    border: 1px solid rgba(216, 194, 142, .48);
    border-radius: 999px;
    padding: clamp(11px, 1.15vw, 15px) clamp(20px, 2vw, 32px);
    min-width: min(270px, 86vw);
    background:
        radial-gradient(circle at 50% -18%, rgba(255, 229, 160, .18), transparent 42%),
        linear-gradient(180deg, rgba(31, 68, 55, .88) 0%, rgba(7, 28, 23, .98) 58%, rgba(3, 12, 11, .99) 100%);
    color: #fff;
    font-size: clamp(13px, 1.15vw, 16px);
    font-weight: 950;
    letter-spacing: .02em;
    cursor: pointer;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .20),
        inset 0 -1px 0 rgba(224, 191, 125, .14),
        0 16px 36px rgba(0, 0, 0, .34);
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.mr-home-orbit-zoom__products-link:hover,
.mr-home-orbit-zoom__products-link:focus-visible {
    transform: translateY(-1px);
    border-color: rgba(255, 248, 233, .72);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .24),
        0 22px 54px rgba(0, 0, 0, .46),
        0 0 0 4px rgba(216, 194, 142, .12);
    outline: none;
}

@media (max-width: 860px) {
    .mr-home-orbit-zoom {
        padding: 10px;
    }
    .mr-home-orbit-zoom__panel {
        width: min(96vw, 470px);
        max-height: 92vh;
    }
    .mr-home-orbit-zoom__product-card {
        width: min(94vw, 440px);
        height: min(78vh, 680px);
        min-height: min(570px, 82vh);
        border-radius: 28px;
    }
    .mr-home-orbit-zoom__close {
        top: 14px;
        inset-inline-end: 14px;
        width: 44px;
        height: 44px;
        font-size: 29px;
    }
    .mr-home-orbit-zoom__image-wrap {
        padding: 62px 12px 152px;
    }
    .mr-home-orbit-zoom__info {
        padding: 74px 18px 18px;
        gap: 8px;
    }
    .mr-home-orbit-zoom__title {
        font-size: clamp(22px, 7.2vw, 34px);
    }
    .mr-home-orbit-zoom__bottom {
        align-items: stretch;
        flex-direction: column;
    }
    .mr-home-orbit-zoom__actions {
        width: 100%;
    }
    .mr-home-orbit-zoom__products-link {
        width: 100%;
        min-width: 0;
        padding: 12px 18px;
    }
}


@media (min-width: 861px) {
    .mr-home-orbit-zoom__product-card {
        translate: 0 15px;
        width: 442px;
        height: 33px;
    }
}

@media (max-width: 860px) {
    .mr-home-orbit-zoom__product-card {
        translate: 1px 6px;
        scale: .75;
    }
}

body.mr-image-viewer-open {
    overflow: hidden;
}

@media (min-width: 861px) {
    .mr-home-orbit-showroom {
        width: 100vw;
        max-width: 100vw;
        min-height: 100vh;
        margin: clamp(34px, 4.4vw, 68px) 0 clamp(34px, 4.4vw, 68px);
        margin-left: calc(50% - 50vw);
        display: flex;
        align-items: center;
        justify-content: left;
        padding: 0;
    }

    .mr-home-orbit-stage {
        width: min(1120px, 100vw);
        min-height: clamp(760px, 100vh, 980px);
        place-items: center left;
        perspective: 1700px;
    }

    .mr-home-orbit {
        width: min(1040px, 96vw);
        min-height: clamp(740px, 100vh, 960px);
        margin-left: clamp(-86px, -4.8vw, -22px);
    }

    .mr-home-orbit-card {
        --mr-orbit-card-width: clamp(210px, 18vw, 286px);
        --mr-orbit-card-height: clamp(172px, 17vh, 236px);
        padding: clamp(18px, 1.9vw, 26px);
        border-radius: 34px;
    }

    .mr-home-orbit-card.has-image {
        --mr-orbit-card-media-top: 0px;
        --mr-orbit-card-media-side: 0px;
        --mr-orbit-card-media-bottom: 0px;
    }

    .mr-home-orbit-card__media {
        border-radius: inherit;
    }

    .mr-home-orbit-card small {
        font-size: clamp(11px, .78vw, 13px);
    }

    .mr-home-orbit-card strong {
        font-size: clamp(22px, 2.05vw, 34px);
    }

    .mr-home-orbit-card__neon-text {
        font-size: clamp(16px, 1.32vw, 24px);
    }

    .mr-home-orbit-card.has-image .mr-home-orbit-card__neon-box {
        min-height: clamp(28px, 2.7vw, 42px);
        padding: clamp(5px, .55vw, 8px) clamp(11px, 1.05vw, 18px);
        bottom: clamp(14px, 1.3vw, 22px);
        max-width: calc(100% - clamp(28px, 2.8vw, 44px));
        max-inline-size: calc(100% - clamp(28px, 2.8vw, 44px));
    }
}

@media (max-width: 860px) {
    .mr-home-orbit-showroom {
        width: min(100%, calc(100vw - 10px));
        margin: 24px auto 30px;
        min-height: 500px;
    }

    .mr-home-orbit-stage {
        min-height: 500px;
    }

    .mr-home-orbit {
        width: 100%;
        min-height: 486px;
        touch-action: pan-y;
    }

    .mr-home-orbit-card {
        --mr-orbit-card-width: clamp(138px, 43vw, 168px);
        --mr-orbit-card-height: 124px;
        border-radius: 22px;
        padding: 13px;
        touch-action: pan-y;
    }

    .mr-home-orbit-card.has-image {
        --mr-orbit-card-media-top: 0px;
        --mr-orbit-card-media-side: 0px;
        --mr-orbit-card-media-bottom: 0px;
    }

    .mr-home-orbit-card__media {
        border-radius: inherit;
    }

    .mr-home-orbit-card strong {
        font-size: 15px;
    }

    .mr-home-orbit-card.has-image .mr-home-orbit-card__neon-box {
        left: 50%;
        right: auto;
        bottom: 9px;
        min-height: 24px;
        padding: 4px 9px;
        border-radius: 999px;
        max-width: calc(100% - 18px);
        max-inline-size: calc(100% - 18px);
        translate: -50% 0;
    }

    .mr-home-orbit-card__neon-text {
        font-size: 12.5px;
        letter-spacing: .01em;
    }
}

@media (prefers-reduced-motion: reduce) {
    .mr-home-orbit-card {
        transition: none;
    }
}


@media (min-width: 1180px) {
    .mr-home-orbit {
        --mr-orbit-published-radius-x: .87;
        --mr-orbit-published-depth-z: .87;
    }

    .mr-home-orbit-showroom {
        translate: -450px 0;
    }

    .mr-home-orbit-backdrop-text {
        translate: 0 -345px;
    }

    .mr-home-orbit-cuboid {
        translate: -11px 0;
    }

    /* 9.585 — Desktop-only Orbit geometry contract: every Orbit card mirrors card 2. */
    .mr-home-orbit [data-mr-home-orbit-card] {
        translate: 0 110px;
        --mr-orbit-card-width: clamp(290px, 24.84vw, 395px);
        --mr-orbit-card-height: clamp(237px, 23.46vh, 326px);
        scale: 1.2;
        rotate: 0deg;
    }
}




@media (max-width: 860px) {
    .mr-home-orbit {
        --mr-orbit-published-radius-x: .62;
        --mr-orbit-published-depth-z: .62;
    }

    .mr-home-orbit-showroom {
        translate: -10px -34px;
    }

    .mr-home-orbit-cuboid {
        translate: 3px 66px;
    }

    .mr-home-orbit-backdrop-text {
        translate: 0 -138px;
    }

    .mr-home-orbit [data-mr-home-orbit-card] {
        translate: 11px 150px;
        --mr-orbit-card-width: clamp(187px, 58.44vw, 229px);
        --mr-orbit-card-height: 187px;
        scale: 1.22;
        rotate: 6.5deg;
    }
}





@media (min-width: 1180px) {
    .mr-home-orbit-card.has-image .mr-home-orbit-card__neon-box {
        left: 50%;
        right: auto;
        translate: -50% 14px;
        scale: .74;
        width: auto;
        inline-size: max-content;
        max-width: calc(100% - 26px);
        max-inline-size: calc(100% - 26px);
    }
}

@media (max-width: 860px) {
    .mr-home-orbit-card.has-image .mr-home-orbit-card__neon-box {
        left: 50%;
        right: auto;
        translate: -50% 0;
        scale: .72;
        width: auto;
        inline-size: max-content;
        max-width: calc(100% - 18px);
        max-inline-size: calc(100% - 18px);
    }
}

/* 9.646 — Surface/compact-screen Orbit no-tune responsive reset.
   Surface landscape can report 1180px+ and was still receiving desktop Orbit geometry.
   Keep the full desktop Orbit only for wider desktop screens; compact desktop/tablet widths get safe geometry. */
@media (min-width: 600px) and (max-width: 1399px) and (min-height: 500px) {
    .mr-home-orbit-showroom {
        width: min(100%, calc(100vw - 12px)) !important;
        max-width: 100% !important;
        min-height: clamp(500px, 72svh, 680px) !important;
        margin: clamp(22px, 3.4vw, 46px) auto clamp(22px, 3.4vw, 46px) !important;
        margin-left: auto !important;
        margin-right: auto !important;
        display: grid !important;
        place-items: center !important;
        justify-content: center !important;
        padding: 0 !important;
        translate: 0 0 !important;
        transform: none !important;
        overflow-x: clip !important;
    }

    .mr-home-orbit-stage {
        width: 100% !important;
        min-height: clamp(500px, 72svh, 680px) !important;
        display: grid !important;
        place-items: center !important;
        perspective: 1450px !important;
        overflow: visible !important;
    }

    .mr-home-orbit {
        width: min(680px, calc(100vw - 24px)) !important;
        min-height: clamp(490px, 70svh, 650px) !important;
        margin-left: auto !important;
        margin-right: auto !important;
        --mr-orbit-published-radius-x: .92 !important;
        --mr-orbit-published-radius-y: 1 !important;
        --mr-orbit-published-depth-z: .90 !important;
        --mr-orbit-radius-x: var(--mr-orbit-published-radius-x) !important;
        --mr-orbit-radius-y: var(--mr-orbit-published-radius-y) !important;
        --mr-orbit-depth-z: var(--mr-orbit-published-depth-z) !important;
    }

    .mr-home-orbit-backdrop-text {
        --mr-orbit-backdrop-x: 0px !important;
        --mr-orbit-backdrop-y: 0px !important;
        --mr-orbit-backdrop-scale: .72 !important;
        --mr-orbit-backdrop-rotate: var(--mr-orbit-backdrop-desktop-rotate, 0deg) !important;
        --mr-orbit-backdrop-font-size: clamp(58px, 8.2vw, 94px) !important;
        translate: 0 -166px !important;
    }

    .mr-home-orbit-cuboid {
        --mr-orbit-axis-text-x: 0px !important;
        --mr-orbit-axis-text-y: 0px !important;
        --mr-orbit-axis-text-scale: .78 !important;
        --mr-orbit-axis-text-font-size: clamp(18px, 2.3vw, 24px) !important;
        --mr-orbit-cuboid-width: clamp(76px, 8.2vw, 100px) !important;
        --mr-orbit-cuboid-depth: clamp(60px, 6.7vw, 80px) !important;
        --mr-orbit-cuboid-height: clamp(276px, 40svh, 396px) !important;
        translate: 0 4px !important;
    }

    .mr-home-orbit [data-mr-home-orbit-card] {
        --mr-orbit-card-width: clamp(156px, 21vw, 216px) !important;
        --mr-orbit-card-height: clamp(128px, 16svh, 178px) !important;
        translate: 0 0 !important;
        scale: 1 !important;
        rotate: 0deg !important;
        padding: clamp(13px, 1.45vw, 18px) !important;
        border-radius: 26px !important;
    }

    .mr-home-orbit-card.has-image .mr-home-orbit-card__neon-box {
        bottom: clamp(10px, 1.2vw, 14px) !important;
        translate: -50% 5px !important;
        scale: .66 !important;
        max-width: calc(100% - 22px) !important;
        max-inline-size: calc(100% - 22px) !important;
    }

    .mr-home-orbit-card__neon-text {
        font-size: clamp(12.8px, 1.45vw, 16px) !important;
    }
}

/* JS data-attribute fallback for Surface/touch devices whose CSS width can be 1400px+.
   This mirrors the tablet geometry without relying on width media queries only. */
.mr-home-orbit-showroom[data-mr-orbit-mode="tablet"] {
    width: min(100%, calc(100vw - 12px)) !important;
    max-width: 100% !important;
    min-height: clamp(500px, 72svh, 680px) !important;
    margin: clamp(22px, 3.4vw, 46px) auto clamp(22px, 3.4vw, 46px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: grid !important;
    place-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    translate: 0 0 !important;
    transform: none !important;
    overflow-x: clip !important;
}

.mr-home-orbit-showroom[data-mr-orbit-mode="tablet"] .mr-home-orbit-stage {
    width: 100% !important;
    min-height: clamp(500px, 72svh, 680px) !important;
    display: grid !important;
    place-items: center !important;
    perspective: 1450px !important;
    overflow: visible !important;
}

.mr-home-orbit-showroom[data-mr-orbit-mode="tablet"] .mr-home-orbit {
    width: min(680px, calc(100vw - 24px)) !important;
    min-height: clamp(490px, 70svh, 650px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    --mr-orbit-published-radius-x: .92 !important;
    --mr-orbit-published-radius-y: 1 !important;
    --mr-orbit-published-depth-z: .90 !important;
    --mr-orbit-radius-x: var(--mr-orbit-published-radius-x) !important;
    --mr-orbit-radius-y: var(--mr-orbit-published-radius-y) !important;
    --mr-orbit-depth-z: var(--mr-orbit-published-depth-z) !important;
}

.mr-home-orbit-showroom[data-mr-orbit-mode="tablet"] .mr-home-orbit-backdrop-text {
    --mr-orbit-backdrop-x: 0px !important;
    --mr-orbit-backdrop-y: 0px !important;
    --mr-orbit-backdrop-scale: .72 !important;
    --mr-orbit-backdrop-rotate: var(--mr-orbit-backdrop-desktop-rotate, 0deg) !important;
    --mr-orbit-backdrop-font-size: clamp(58px, 8.2vw, 94px) !important;
    translate: 0 -166px !important;
}

.mr-home-orbit-showroom[data-mr-orbit-mode="tablet"] .mr-home-orbit-cuboid {
    --mr-orbit-axis-text-x: 0px !important;
    --mr-orbit-axis-text-y: 0px !important;
    --mr-orbit-axis-text-scale: .78 !important;
    --mr-orbit-axis-text-font-size: clamp(18px, 2.3vw, 24px) !important;
    --mr-orbit-cuboid-width: clamp(76px, 8.2vw, 100px) !important;
    --mr-orbit-cuboid-depth: clamp(60px, 6.7vw, 80px) !important;
    --mr-orbit-cuboid-height: clamp(276px, 40svh, 396px) !important;
    translate: 0 4px !important;
}

.mr-home-orbit-showroom[data-mr-orbit-mode="tablet"] [data-mr-home-orbit-card] {
    --mr-orbit-card-width: clamp(156px, 21vw, 216px) !important;
    --mr-orbit-card-height: clamp(128px, 16svh, 178px) !important;
    translate: 0 0 !important;
    scale: 1 !important;
    rotate: 0deg !important;
    padding: clamp(13px, 1.45vw, 18px) !important;
    border-radius: 26px !important;
}

.mr-home-orbit-showroom[data-mr-orbit-mode="tablet"] .mr-home-orbit-card.has-image .mr-home-orbit-card__neon-box {
    bottom: clamp(10px, 1.2vw, 14px) !important;
    translate: -50% 5px !important;
    scale: .66 !important;
    max-width: calc(100% - 22px) !important;
    max-inline-size: calc(100% - 22px) !important;
}

.mr-home-orbit-showroom[data-mr-orbit-mode="tablet"] .mr-home-orbit-card__neon-text {
    font-size: clamp(12.8px, 1.45vw, 16px) !important;
}

/* 9.845 — Desktop Orbit card caption compaction + clear-image treatment.
   Keep the phone layout untouched. The visible capsule height is exactly 50%
   of its previous desktop contract and the label type is exactly 20% smaller. */
@media (min-width: 861px) {
    .mr-home-orbit-card.has-image .mr-home-orbit-card__neon-box {
        box-sizing: border-box !important;
        height: calc(clamp(14px, 1.35vw, 21px) + clamp(5px, .55vw, 8px) + 1px) !important;
        min-height: calc(clamp(14px, 1.35vw, 21px) + clamp(5px, .55vw, 8px) + 1px) !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .mr-home-orbit-card__neon-text {
        font-size: clamp(12.8px, 1.056vw, 19.2px) !important;
        line-height: 1 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
    }

    .mr-home-orbit-showroom[data-mr-orbit-mode="tablet"] .mr-home-orbit-card__neon-text {
        font-size: clamp(10.24px, 1.16vw, 12.8px) !important;
    }

    /* Remove depth-fade and bright inset highlights from image cards so the
       product photographs stay fully opaque and visually clean at every orbit position. */
    .mr-home-orbit-card.has-image,
    .mr-home-orbit-card.has-image:hover,
    .mr-home-orbit-card.has-image:focus-visible {
        opacity: 1 !important;
        background: transparent !important;
        border-color: rgba(0, 0, 0, .96) !important;
        box-shadow: 0 18px 30px rgba(0, 0, 0, .22) !important;
    }

    .mr-home-orbit-card.has-image::after,
    .mr-home-orbit-card.has-image:hover::after,
    .mr-home-orbit-card.has-image:focus-visible::after {
        border-color: rgba(0, 0, 0, .96) !important;
        box-shadow: none !important;
    }

    .mr-home-orbit-card.has-image .mr-home-orbit-card__media,
    .mr-home-orbit-card.has-image .mr-home-orbit-card__media picture,
    .mr-home-orbit-card.has-image .mr-home-orbit-card__media img {
        opacity: 1 !important;
        filter: none !important;
        mix-blend-mode: normal !important;
    }
}

@media (min-width: 861px) and (max-width: 1399px) {
    .mr-home-orbit-card__neon-text {
        font-size: clamp(10.24px, 1.16vw, 12.8px) !important;
    }
}