/* Extracted from product_list.html in original cascade order. */

/* Source block: mr-product-line-select-arrow-hard-fix */
.products-page .mr-catalog-category-field::after,
    .products-page .mr-catalog-sort-field::after,
    .products-page .mr-products-control-deck .mr-catalog-category-field::after,
    .products-page .mr-products-control-deck .mr-catalog-sort-field::after{
        content: "" !important;
        width: 7px !important;
        height: 7px !important;
        border-right: 2px solid currentColor !important;
        border-bottom: 2px solid currentColor !important;
        background: none !important;
        font-size: 0 !important;
        line-height: 0 !important;
        transform: translateY(-62%) rotate(45deg) !important;
    }

/* Source block: mr-products-arrival-reveal-8718-css */
html.mr-products-arrive-prep body.product-list-body{
        overflow-x: hidden;
    }

    html.mr-products-arrive-prep body.product-list-body > .page-back-wrap,
html.mr-products-arrive-prep body.product-list-body > section.featured.products-page{
        transform: translate3d(0, 84vh, 0) !important;
        opacity: .04 !important;
        will-change: transform, opacity;
        backface-visibility: hidden;
        perspective: 1000px;
    }

    html.mr-products-arrive-prep.mr-products-arrive-run body.product-list-body > .page-back-wrap,
html.mr-products-arrive-prep.mr-products-arrive-run body.product-list-body > section.featured.products-page{
        transform: translate3d(0, 0, 0) !important;
        opacity: 1 !important;
        transition:
            transform 960ms cubic-bezier(.14, .82, .18, 1),
            opacity 520ms ease !important;
    }

    html.mr-products-arrive-prep body.product-list-body .navbar,
html.mr-products-arrive-prep body.product-list-body header.navbar,
html.mr-products-arrive-prep body.product-list-body .navbar *,
html.mr-products-arrive-prep body.product-list-body header.navbar *{
        transform: none !important;
        transition-property: color, background-color, border-color, box-shadow, opacity !important;
        will-change: auto !important;
    }

    @media (prefers-reduced-motion: reduce) {
        html.mr-products-arrive-prep body.product-list-body > .page-back-wrap,
html.mr-products-arrive-prep body.product-list-body > section.featured.products-page,
html.mr-products-arrive-prep.mr-products-arrive-run body.product-list-body > .page-back-wrap,
html.mr-products-arrive-prep.mr-products-arrive-run body.product-list-body > section.featured.products-page{
            transform: none !important;
            opacity: 1 !important;
            transition: none !important;
        }
    }

/* Source block: mr-select-for-quote-styles */
/* MR-LIGHTING Product List Clean Slate
   Scope: product_list only.
   Removed accumulated glass/green/glow/panel layers.
   Preserved: product grid,
card click,
Add to Quote,
mobile code+price,
pagination hooks.
*/


/* Catalog filter / search toolbar — 8.77 / 8.109 / 8.123 / 8.141 / 8.145 MR control deck refinement.
   8.109 aligns the existing toolbar with the Products card depth system.
   8.123 tightens the existing toolbar width/typography to match the three-card reference gallery rhythm.
   8.141 calms the existing search/select glass controls so they read closer to the reference gallery command deck.
   8.145 makes the existing toolbar rail slightly lower-density and quieter so it aligns with the reference-gallery vertical rhythm.
   Uses the existing toolbar only: no new wrapper,
no image asset,
no extra stage layer,
no behavior change. */
.mr-catalog-toolbar{
    width: 100%;
    max-width: 1224px;
    box-sizing: border-box;
    margin: 0 auto 32px;
    padding: 9px 12px;
    border: 1px solid rgba(231, 206, 154, .30);
    border-radius: 23px;
    background:
        linear-gradient(180deg, rgba(255,255,255,.056), rgba(255,255,255,0) 34%),
        radial-gradient(circle at 10% -8%, rgba(238, 208, 147, .095), transparent 35%),
        radial-gradient(circle at 89% 108%, rgba(42, 134, 103, .115), transparent 42%),
        linear-gradient(135deg, rgba(5, 24, 20, .90), rgba(1, 8, 7, .84) 58%, rgba(4, 18, 15, .86));
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.105),
        inset 0 -1px 0 rgba(231,206,154,.055),
        inset 0 0 0 1px rgba(255,255,255,.020),
        0 18px 40px rgba(0,0,0,.24);
    position: relative;
    overflow: hidden;
}

.mr-catalog-toolbar::before{
    content: "";
    position: absolute;
    left: 9%;
    right: 9%;
    top: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(255, 239, 202, .86), rgba(231,206,154,.54), transparent);
    opacity: .62;
    box-shadow: 0 0 10px rgba(231,206,154,.055);
    pointer-events: none;
}

.mr-catalog-filter-toggle-input{
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.mr-catalog-toolbar-head{
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.mr-catalog-toolbar-title{
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 168px;
    padding-inline: 4px 8px;
}

.mr-catalog-toolbar-kicker{
    color: rgba(235, 208, 146, .92);
    -webkit-text-fill-color: rgba(235, 208, 146, .92);
    font-size: 9.3px;
    font-weight: 950;
    letter-spacing: 2.55px;
    text-transform: uppercase;
    text-shadow: 0 0 14px rgba(231,206,154,.10);
}

.mr-catalog-toolbar-count{
    color: rgba(223, 247, 238, .78);
    -webkit-text-fill-color: rgba(223, 247, 238, .78);
    font-size: 11.6px;
    font-weight: 760;
    letter-spacing: .16px;
}

/* 8.95 / 8.137 — Purchase mode chip inside the existing toolbar title.
   8.137 calms the existing retail/wholesale mode badge so it reads like a quieter reference-gallery identity chip.
   CSS-only: no new markup,
no behavior change,
no extra layer. */
.mr-catalog-toolbar-title::after{
    content: "MODE";
    display: inline-flex;
    width: max-content;
    max-width: 100%;
    align-items: center;
    justify-content: center;
    min-height: 20px;
    margin-top: 3px;
    padding: 0 10px;
    border-radius: 999px;
    border: 1px solid rgba(231, 206, 154, .26);
    background:
        linear-gradient(180deg, rgba(255,255,255,.048), rgba(255,255,255,0)),
        linear-gradient(135deg, rgba(8, 36, 30, .52), rgba(0, 10, 9, .46));
    color: rgba(241, 222, 181, .88);
    -webkit-text-fill-color: rgba(241, 222, 181, .88);
    font-size: 8.2px;
    font-weight: 950;
    letter-spacing: 1.22px;
    line-height: 1;
    text-transform: uppercase;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.078),
        inset 0 -1px 0 rgba(231,206,154,.042),
        0 7px 16px rgba(0,0,0,.14);
}

html.mr-purchase-retail .mr-catalog-toolbar-title::after{
    content: "RETAIL MODE";
}

html.mr-purchase-wholesale .mr-catalog-toolbar-title::after{
    content: "WHOLESALE MODE";
    border-color: rgba(231, 206, 154, .32);
    background:
        linear-gradient(180deg, rgba(255,255,255,.052), rgba(255,255,255,0)),
        linear-gradient(135deg, rgba(91, 63, 22, .38), rgba(2, 18, 15, .50));
}

html.mr-purchase-retail body.rtl .mr-catalog-toolbar-title::after{
    content: "\062E\0631\06CC\062F \0634\062E\0635\06CC";
    letter-spacing: 0;
    font-size: 9.6px;
}

html.mr-purchase-wholesale body.rtl .mr-catalog-toolbar-title::after{
    content: "\062E\0631\06CC\062F \0639\0645\062F\0647";
    letter-spacing: 0;
    font-size: 9.6px;
}



.mr-catalog-filter-form{
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    min-width: 0;
}

.mr-catalog-field{
    position: relative;
    min-width: 0;
}

.mr-catalog-field-label{
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.mr-catalog-search-field{
    flex: 0 1 232px;
}

.mr-catalog-category-field{
    flex: 0 0 172px;
}

.mr-catalog-search-input,
.mr-catalog-select{
    width: 100%;
    height: 37px;
    padding: 0 12px;
    border-radius: 12px;
    border: 1px solid rgba(231,206,154,.20);
    outline: none;
    background:
        linear-gradient(180deg, rgba(255,255,255,.044), rgba(255,255,255,0)),
        linear-gradient(135deg, rgba(4, 22, 19, .64), rgba(1, 9, 8, .62));
    color: #f4fffc;
    -webkit-text-fill-color: #f4fffc;
    font-family: inherit;
    font-size: 11.3px;
    font-weight: 850;
    letter-spacing: .10px;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.065),
        inset 0 -1px 0 rgba(231,206,154,.032),
        0 6px 14px rgba(0,0,0,.10);
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease, background .18s ease;
}

.mr-catalog-search-input{
    padding-inline-start: 34px;
}

.mr-catalog-search-field::before{
    content: "⌕";
    position: absolute;
    inset-inline-start: 13px;
    top: 50%;
    transform: translateY(-50%);
    color: rgba(229,198,145,.74);
    font-size: 15px;
    line-height: 1;
    pointer-events: none;
}

.mr-catalog-search-input::placeholder{
    color: rgba(244,255,252,.38);
    -webkit-text-fill-color: rgba(244,255,252,.38);
}

.mr-catalog-select{
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    padding-inline-end: 33px;
}

.mr-catalog-category-field::after{
    content: "⌄";
    position: absolute;
    inset-inline-end: 13px;
    top: 50%;
    transform: translateY(-52%);
    color: rgba(229,198,145,.76);
    font-size: 14px;
    pointer-events: none;
}

.mr-catalog-select option{
    color: #10211d;
}

.mr-catalog-search-input:focus,
.mr-catalog-select:focus{
    border-color: rgba(235,208,146,.54);
    background:
        linear-gradient(180deg, rgba(255,255,255,.046), rgba(255,255,255,0)),
        rgba(4, 23, 20, .78);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.095),
        inset 0 -1px 0 rgba(231,206,154,.040),
        0 0 0 2px rgba(231,206,154,.070),
        0 10px 22px rgba(0,0,0,.16);
}

.mr-catalog-filter-submit,
.mr-catalog-filter-reset,
.mr-catalog-mobile-filter-btn{
    height: 37px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 0 13px;
    border-radius: 11px;
    border: 1px solid rgba(229,198,145,.19);
    font-family: inherit;
    font-size: 10.2px;
    font-weight: 930;
    letter-spacing: .42px;
    line-height: 1;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease, background .18s ease;
}

.mr-catalog-filter-submit{
    border-color: rgba(246, 224, 176, .34);
    background:
        linear-gradient(180deg, rgba(224, 187, 116, .90), rgba(118, 82, 39, .84));
    color: rgba(4, 16, 14, .96);
    -webkit-text-fill-color: rgba(4, 16, 14, .96);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.18),
        inset 0 -1px 0 rgba(54,32,13,.13),
        0 8px 18px rgba(0,0,0,.16);
}

.mr-catalog-filter-reset{
    background:
        linear-gradient(180deg, rgba(255,255,255,.032), rgba(255,255,255,.010)),
        rgba(2, 14, 12, .40);
    color: rgba(244,255,252,.66);
    -webkit-text-fill-color: rgba(244,255,252,.66);
}

.mr-catalog-filter-submit:hover,
.mr-catalog-filter-reset:hover,
.mr-catalog-mobile-filter-btn:hover{
    transform: translateY(-.5px);
    border-color: rgba(229,198,145,.40);
    box-shadow: 0 10px 22px rgba(0,0,0,.20);
}

.mr-catalog-mobile-filter-btn{
    display: none;
    background:
        linear-gradient(180deg, rgba(255,255,255,.036), rgba(255,255,255,.012)),
        rgba(3, 19, 16, .50);
    color: rgba(244,255,252,.82);
    -webkit-text-fill-color: rgba(244,255,252,.82);
}

.mr-catalog-mobile-filter-btn::after{
    content: "âک°";
    color: rgba(229,198,145,.74);
    font-size: 12px;
}

.mr-catalog-active-filter{
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 0 9px;
    border-radius: 999px;
    border: 1px solid rgba(231,206,154,.26);
    color: rgba(235,208,146,.86);
    -webkit-text-fill-color: rgba(235,208,146,.86);
    background:
        linear-gradient(180deg, rgba(255,255,255,.034), rgba(255,255,255,.008)),
        rgba(231,206,154,.052);
    font-size: 9.1px;
    font-weight: 920;
    letter-spacing: .66px;
    text-transform: uppercase;
}

.mr-catalog-family-filter{
    border-color: rgba(89, 193, 166, .28);
    background:
        linear-gradient(180deg, rgba(255,255,255,.032), rgba(255,255,255,.008)),
        rgba(8, 48, 41, .48);
    color: rgba(220,255,248,.84);
    -webkit-text-fill-color: rgba(220,255,248,.84);
}

.mr-catalog-context-actions{
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: 7px;
    flex: 0 0 auto;
    min-width: 0;
}

.mr-catalog-return-btn{
    min-height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 11px;
    border-radius: 999px;
    border: 1px solid rgba(216,255,246,.17);
    background: rgba(255,255,255,.032);
    color: rgba(244,255,252,.78);
    -webkit-text-fill-color: rgba(244,255,252,.78);
    font-size: 9.1px;
    font-weight: 920;
    letter-spacing: .26px;
    line-height: 1;
    text-decoration: none;
    white-space: nowrap;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.060),
        0 6px 14px rgba(0,0,0,.11);
    transition: transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease;
}

.mr-catalog-return-btn:hover{
    transform: translateY(-.5px);
    border-color: rgba(229,198,145,.36);
    box-shadow: 0 9px 18px rgba(0,0,0,.18);
}

.mr-catalog-return-family{
    border-color: rgba(91, 185, 166, .24);
    background:
        linear-gradient(135deg, rgba(16, 69, 61, .58), rgba(5, 20, 18, .70));
}

.mr-catalog-return-quote{
    border-color: rgba(229,198,145,.34);
    background:
        linear-gradient(180deg, rgba(198, 160, 96, .82), rgba(101, 70, 35, .78));
    color: rgba(4, 16, 14, .92);
    -webkit-text-fill-color: rgba(4, 16, 14, .92);
}





/* 8.86 / 8.135 / 8.146 — Empty state signature plaque refinement.
   Direct edit of the existing no-results block only: no new wrapper,
asset or overlay.
   8.135 aligns the no-results state with the quieter reference gallery surface.
   8.146 reduces the remaining glow,
watermark weight and button chrome. */
.mr-catalog-empty-state{
    width: min(100%, 1224px);
    margin: 30px auto 44px;
    padding: 34px 28px;
    min-height: 274px;
    border: 1px solid rgba(229, 198, 145, .29);
    border-radius: 30px;
    background:
        radial-gradient(circle at 12% 10%, rgba(229,198,145,.105), transparent 30%),
        radial-gradient(circle at 86% 92%, rgba(37, 136, 107, .145), transparent 36%),
        linear-gradient(180deg, rgba(255,255,255,.038), rgba(255,255,255,0) 30%),
        linear-gradient(135deg, rgba(5, 20, 18, .90), rgba(1, 7, 7, .84));
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.085),
        inset 0 -1px 0 rgba(229,198,145,.046),
        0 20px 50px rgba(0,0,0,.30);
    position: relative;
    overflow: hidden;
    text-align: center;
    box-sizing: border-box;
    display: grid;
    place-items: center;
}

.mr-catalog-empty-state::before{
    content: "MR";
    position: absolute;
    inset-inline-end: 24px;
    top: 50%;
    transform: translateY(-50%);
    font-size: clamp(78px, 11vw, 150px);
    font-weight: 950;
    letter-spacing: -7px;
    color: rgba(255,255,255,.024);
    -webkit-text-fill-color: rgba(255,255,255,.024);
    line-height: 1;
    pointer-events: none;
}

.mr-catalog-empty-state::after{
    content: "";
    position: absolute;
    left: 10%;
    right: 10%;
    top: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(255, 239, 202, .68), rgba(229,198,145,.44), transparent);
    opacity: .64;
    pointer-events: none;
}

.mr-catalog-empty-inner{
    position: relative;
    z-index: 1;
    max-width: 700px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
}

.mr-catalog-empty-kicker{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-height: 29px;
    padding: 0 12px;
    border-radius: 999px;
    border: 1px solid rgba(229,198,145,.25);
    background:
        linear-gradient(180deg, rgba(229,198,145,.084), rgba(229,198,145,.026));
    color: rgba(229,198,145,.88);
    -webkit-text-fill-color: rgba(229,198,145,.88);
    font-size: 9.5px;
    font-weight: 950;
    letter-spacing: 2px;
    text-transform: uppercase;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.085);
}

.mr-catalog-empty-kicker::before{
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 999px;
    background: rgba(229,198,145,.78);
    box-shadow: 0 0 9px rgba(229,198,145,.30);
}

.mr-catalog-empty-title{
    margin: 0;
    color: rgba(244,255,252,.94);
    -webkit-text-fill-color: rgba(244,255,252,.94);
    font-size: clamp(24px, 3.8vw, 38px);
    font-weight: 920;
    letter-spacing: -.62px;
    text-shadow: 0 14px 30px rgba(0,0,0,.30);
}

.mr-catalog-empty-text{
    margin: 0;
    color: rgba(218, 241, 234, .72);
    -webkit-text-fill-color: rgba(218, 241, 234, .72);
    font-size: 13.7px;
    font-weight: 610;
    line-height: 1.88;
    max-width: 540px;
}

.mr-catalog-empty-actions{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 10px;
}

.mr-catalog-empty-btn{
    min-height: 41px;
    padding: 0 17px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-size: 10.2px;
    font-weight: 940;
    letter-spacing: .54px;
    border: 1px solid rgba(216,255,246,.18);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.085);
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease, background .18s ease;
}

.mr-catalog-empty-btn.primary{
    background:
        linear-gradient(180deg, rgba(208, 168, 103, .90), rgba(102, 72, 38, .86));
    color: rgba(4, 16, 14, .96);
    -webkit-text-fill-color: rgba(4, 16, 14, .96);
    border-color: rgba(229,198,145,.45);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.20),
        inset 0 -1px 0 rgba(54,32,13,.18),
        0 10px 22px rgba(0,0,0,.19);
}

.mr-catalog-empty-btn.secondary{
    background: rgba(255,255,255,.038);
    color: rgba(244,255,252,.78);
    -webkit-text-fill-color: rgba(244,255,252,.78);
}

.mr-catalog-empty-btn:hover{
    transform: translateY(-1px);
    border-color: rgba(229,198,145,.46);
    box-shadow: 0 14px 30px rgba(0,0,0,.28);
}




/* 8.85 / 8.131 / 8.141 — View switch signature toggle and compact-view CSS cleanup.
   8.131 adds a compact-mode reference balance pass: calmer density,
softer shadows and lighter mobile-safe surfaces.
   8.141 quiets the existing Signature/Compact toggle chrome to match the calmer control deck. */
.mr-catalog-view-switch{
    display: inline-flex;
    align-items: center;
    gap: 3px;
    min-height: 36px;
    padding: 2px;
    border-radius: 999px;
    border: 1px solid rgba(229,198,145,.18);
    background:
        radial-gradient(circle at 20% 0%, rgba(229,198,145,.070), transparent 42%),
        linear-gradient(180deg, rgba(255,255,255,.032), rgba(255,255,255,.006)),
        rgba(1, 9, 8, .58);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.070),
        inset 0 -1px 0 rgba(0,0,0,.24),
        0 8px 18px rgba(0,0,0,.14);
    flex: 0 0 auto;
}

.mr-catalog-view-btn{
    height: 28px;
    min-width: 74px;
    padding: 0 10px;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: rgba(244,255,252,.58);
    -webkit-text-fill-color: rgba(244,255,252,.58);
    font-family: inherit;
    font-size: 8.9px;
    font-weight: 950;
    letter-spacing: .48px;
    text-transform: uppercase;
    cursor: pointer;
    position: relative;
    isolation: isolate;
    transition: background .18s ease, color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.mr-catalog-view-btn:hover{
    color: rgba(244,255,252,.84);
    -webkit-text-fill-color: rgba(244,255,252,.84);
    background: rgba(255,255,255,.026);
}

.mr-catalog-view-btn.is-active{
    background:
        linear-gradient(180deg, rgba(232, 199, 135, .86), rgba(126, 88, 43, .78));
    color: rgba(4, 16, 14, .96);
    -webkit-text-fill-color: rgba(4, 16, 14, .96);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.18),
        inset 0 -1px 0 rgba(67,39,11,.17),
        0 6px 14px rgba(0,0,0,.16);
}

.mr-catalog-view-btn:focus-visible{
    outline: 2px solid rgba(229,198,145,.52);
    outline-offset: 2px;
}

@media (min-width: 769px) {
    html.mr-catalog-view-compact .products-page .product-grid.family-product-grid{
        grid-template-columns: repeat(auto-fill, minmax(188px, 1fr)) !important;
        gap: 22px !important;
        padding-top: 18px !important;
    }

    html.mr-catalog-view-compact .products-page .product-card-quote-wrap{
        max-width: 252px !important;
        contain-intrinsic-size: 406px !important;
    }

    html.mr-catalog-view-compact .products-page .product-card,
html.mr-catalog-view-compact .products-page .luxury-product-card,
html.mr-catalog-view-compact .products-page .mr-signature-card{
        min-height: 350px !important;
        border-radius: 21px !important;
        box-shadow:
            0 12px 28px rgba(0,0,0,.34),
            inset 0 0 0 1px rgba(255,255,255,.030) !important;
    }

    html.mr-catalog-view-compact .products-page .mr-card-watermark{
        top: 11px !important;
        right: 13px !important;
        font-size: 38px !important;
        letter-spacing: -2.8px !important;
        opacity: .72 !important;
    }

    html.mr-catalog-view-compact body.rtl .products-page .mr-card-watermark{
        right: auto !important;
        left: 13px !important;
    }

    html.mr-catalog-view-compact .products-page .mr-card-topline{
        top: 12px !important;
        left: 12px !important;
        min-height: 20px !important;
        padding: 0 7px !important;
        font-size: 7.8px !important;
        letter-spacing: 1px !important;
    }

    html.mr-catalog-view-compact body.rtl .products-page .mr-card-topline{
        left: auto !important;
        right: 11px !important;
    }

    html.mr-catalog-view-compact .products-page .mr-signature-card .product-info{
        padding: 44px 13px 14px !important;
        gap: 4px !important;
        background: linear-gradient(180deg, rgba(0,0,0,0), rgba(0,0,0,.56)) !important;
    }

    html.mr-catalog-view-compact .products-page .mr-signature-card .product-category{
        margin-bottom: 3px !important;
        font-size: 8.2px !important;
        letter-spacing: .92px !important;
    }

    html.mr-catalog-view-compact .products-page .mr-signature-card .product-info h3{
        margin-bottom: 4px !important;
        font-size: 14.5px !important;
        line-height: 1.12 !important;
    }

    html.mr-catalog-view-compact .products-page .mr-signature-card strong{
        font-size: 13.6px !important;
    }

    html.mr-catalog-view-compact .products-page .add-to-quote-btn.mr-quote-action{
        min-height: 34px !important;
        margin-top: 9px !important;
        border-radius: 9px !important;
        font-size: 10.6px !important;
    }

    html.mr-catalog-view-compact .products-page .mr-quote-icon{
        width: 15px !important;
        height: 15px !important;
    }
}


@media (max-width: 920px) {
    .mr-catalog-toolbar-head{
        align-items: flex-start;
        flex-direction: column;
        gap: 12px;
    }

    .mr-catalog-filter-form{
        width: 100%;
        justify-content: stretch;
        flex-wrap: wrap;
    }

    .mr-catalog-search-field,
.mr-catalog-category-field{
        flex: 1 1 210px;
    }
}




/* 8.88 / 8.109 / 8.134 — Mobile filter panel polish.
   8.109 only retunes the existing mobile filter glass to match the card/toolbar depth.
   8.134 makes the existing mobile filter drawer quieter,
lighter and closer to the reference control deck.
   Existing toolbar/form only: no new wrapper,
no asset,
no overlay layer. */





/* 8.89 / 8.109 — Active filter and context return chips refinement.
   8.109 keeps the same badges/buttons and aligns their glass/edge with the new toolbar mood.
   Existing toolbar badges/buttons only: no new wrapper,
no asset,
no overlay layer. */
.mr-catalog-toolbar-head > .mr-catalog-active-filter{
    gap: 7px;
    min-height: 27px;
    padding: 0 11px;
    border-color: rgba(235,208,146,.40);
    background:
        linear-gradient(180deg, rgba(255,255,255,.066), rgba(255,255,255,.020)),
        rgba(231,206,154,.074);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.11),
        inset 0 -1px 0 rgba(231,206,154,.040),
        0 10px 22px rgba(0,0,0,.16);
}

.mr-catalog-toolbar-head > .mr-catalog-active-filter::before{
    content: "";
    width: 5px;
    height: 5px;
    flex: 0 0 5px;
    border-radius: 999px;
    background: rgba(229,198,145,.92);
    box-shadow: 0 0 10px rgba(229,198,145,.32);
}

.mr-catalog-toolbar-head > .mr-catalog-family-filter{
    border-color: rgba(105, 209, 184, .38);
    background:
        linear-gradient(180deg, rgba(255,255,255,.060), rgba(255,255,255,.018)),
        linear-gradient(135deg, rgba(12, 75, 64, .72), rgba(4, 22, 19, .76));
    color: rgba(224,255,249,.94);
    -webkit-text-fill-color: rgba(224,255,249,.94);
}

.mr-catalog-toolbar-head > .mr-catalog-family-filter::before{
    background: rgba(122, 228, 202, .92);
    box-shadow: 0 0 11px rgba(94, 214, 184, .34);
}

.mr-catalog-context-actions{
    gap: 8px;
    align-self: center;
}

.mr-catalog-return-btn{
    gap: 6px;
    min-height: 31px;
    padding: 0 13px;
    border-color: rgba(229,198,145,.26);
    background:
        linear-gradient(180deg, rgba(255,255,255,.060), rgba(255,255,255,.020)),
        rgba(3, 16, 14, .58);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.09),
        0 10px 21px rgba(0,0,0,.16);
}

.mr-catalog-return-btn::before{
    content: "\2039";
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    border-radius: 999px;
    border: 1px solid rgba(229,198,145,.24);
    color: rgba(229,198,145,.90);
    -webkit-text-fill-color: rgba(229,198,145,.90);
    font-size: 13px;
    line-height: 1;
    background: rgba(255,255,255,.030);
}

body.rtl .mr-catalog-return-btn::before{
    content: "\203A";
}

.mr-catalog-return-family{
    border-color: rgba(102, 205, 181, .32);
    background:
        linear-gradient(180deg, rgba(255,255,255,.060), rgba(255,255,255,.020)),
        linear-gradient(135deg, rgba(13, 72, 63, .72), rgba(3, 17, 15, .76));
}

.mr-catalog-return-family::before{
    border-color: rgba(122,228,202,.25);
    color: rgba(213,255,245,.88);
    -webkit-text-fill-color: rgba(213,255,245,.88);
}

.mr-catalog-return-quote{
    border-color: rgba(229,198,145,.46);
    background:
        linear-gradient(180deg, rgba(244,214,153,.95), rgba(143, 101, 50, .88));
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.28),
        inset 0 -1px 0 rgba(50,29,10,.16),
        0 12px 24px rgba(0,0,0,.22);
}

.mr-catalog-return-quote::before{
    border-color: rgba(6, 21, 17, .22);
    color: rgba(5, 17, 14, .88);
    -webkit-text-fill-color: rgba(5, 17, 14, .88);
    background: rgba(255,255,255,.22);
}





/* 8.87 / 8.132 / 8.146 — Context entry rail and quote-selection note reference balance.
   Existing back button and quote note only: no new wrapper,
image asset,
overlay stage or behavior change.
   8.146 softens the message rail density to match the quieter reference control system. */
.page-back-wrap{
    max-width: 1224px;
    margin: 20px auto -7px;
    padding: 0 20px;
    display: flex;
    justify-content: flex-start;
    pointer-events: none;
}

.page-back-btn{
    pointer-events: auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 0 14px;
    border: 1px solid rgba(229,198,145,.22);
    border-radius: 999px;
    background:
        linear-gradient(180deg, rgba(255,255,255,.050), rgba(255,255,255,.014)),
        rgba(4, 18, 15, .52);
    color: rgba(244, 232, 207, .84);
    font-family: inherit;
    font-size: 11.1px;
    font-weight: 800;
    letter-spacing: .085em;
    text-transform: uppercase;
    cursor: pointer;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.074),
        0 10px 21px rgba(0,0,0,.16);
    transition: transform .22s ease, border-color .22s ease, color .22s ease, background .22s ease, box-shadow .22s ease;
}

.page-back-btn:hover,
.page-back-btn:focus-visible{
    transform: translateY(-.5px);
    border-color: rgba(229,198,145,.34);
    color: rgba(255,245,220,.92);
    background:
        linear-gradient(180deg, rgba(229,198,145,.090), rgba(255,255,255,.022)),
        rgba(8, 31, 25, .60);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.105),
        0 11px 23px rgba(0,0,0,.19),
        0 0 0 1px rgba(229,198,145,.042);
}

body.rtl .page-back-wrap{
    justify-content: flex-end;
}

/* Quote selection note — 8.132 keeps it aligned to the reference control rail. */
.mr-select-for-quote-note{
    max-width: 1224px;
    margin: 1px auto 20px;
    padding: 13px 16px;
    border: 1px solid rgba(229,198,145,.20);
    border-radius: 20px;
    background:
        linear-gradient(180deg, rgba(255,255,255,.046), rgba(255,255,255,.014)),
        linear-gradient(135deg, rgba(6, 27, 22, .64), rgba(3, 10, 9, .56));
    color: rgba(244,232,207,.84);
    text-align: center;
    font-size: 12.2px;
    font-weight: 650;
    letter-spacing: .006em;
    line-height: 1.68;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.070),
        inset 0 -1px 0 rgba(229,198,145,.038),
        0 12px 28px rgba(0,0,0,.17);
}

.mr-select-for-quote-note::before{
    content: "MR QUOTE MODE";
    display: block;
    margin-bottom: 5px;
    color: rgba(229,198,145,.76);
    font-size: 9.1px;
    font-weight: 900;
    letter-spacing: .16em;
    text-transform: uppercase;
    line-height: 1.1;
}

body.rtl .mr-select-for-quote-note::before{
    content: "ط­ط§ظ„طھ ظپط§ع©طھظˆط±";
    letter-spacing: .06em;
}



/* 8.275 — Products CSS-only ambient background cleanup.
   Removes the page-level background-image dependency entirely: no image request,
no 404 risk,
no fixed pseudo-layer repaint. */
html{
    background: #020403 !important;
}

body.product-list-body{
    background: rgba(31, 62, 55, .58) !important;
        background-image: linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.014)) !important;
}

/* Mobile uses the same CSS-only mood directly on body; the old fixed background pseudo-layer is disabled. */


/* Products stage: CSS-only refinement,
no image asset and no extra wrapper.
   8.112 retunes the same stage toward the reference: darker center,
emerald depth,
antique-gold edge.
   8.122 performs a final surface cleanup: quieter glass,
softer edge glow,
lighter blur. */
section.featured.products-page,
section.featured.products-page::before,
section.featured.products-page::after{
    box-shadow: none !important;
    border: 0 !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

section.featured.products-page{
    position: relative !important;
    max-width: 1368px !important;
    margin: 30px auto 56px !important;
    padding: 50px 42px 60px !important;
    overflow: visible !important;
    isolation: auto !important;

    /* 8.105 / 8.112 — same Products frame, CSS-only, no pseudo-layer reactivation. */
    border: 1px solid rgba(229,198,145,.31) !important;
    border-radius: 39px !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.040), transparent 15%),
        linear-gradient(90deg, rgba(229,198,145,.042), transparent 17%, transparent 83%, rgba(68,157,125,.036)),
        radial-gradient(ellipse at 16% 0%, rgba(238,214,166,.098), transparent 31%),
        radial-gradient(ellipse at 84% 0%, rgba(56,145,111,.110), transparent 35%),
        radial-gradient(ellipse at 50% 105%, rgba(2,62,48,.155), transparent 48%),
        linear-gradient(145deg, rgba(3, 17, 14, .72), rgba(0, 5, 5, .44) 54%, rgba(5, 18, 15, .64)) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.060),
        inset 16px 0 30px rgba(229,198,145,.024),
        inset -16px 0 30px rgba(40,126,98,.030),
        inset 0 -1px 0 rgba(229,198,145,.048),
        0 30px 82px rgba(0,0,0,.30) !important;
}

section.featured.products-page::before,
section.featured.products-page::after{
    display: none !important;
    content: none !important;
}

/* 8.105 mobile corner balance: softer stage glints for two-column catalog. */


section.featured.products-page > *{
    position: relative !important;
    z-index: 1 !important;
}

/* 8.102 / 8.112 / 8.113 / 8.135 / 8.146 — Products signature headline reference alignment.
   Existing h2 + existing ::before/::after only: no new markup,
wrapper,
overlay or asset.
   8.112 makes the MR SIGNATURE line dominant like the reference image.
   8.113 aligns the headline stack with the gallery start edge,
closer to the reference desktop/mobile composition.
   8.135 quiets the headline glow and aligns the width with the reference control deck.
   8.146 trims the editorial headline scale/spacing so the reference gallery starts cleaner. */
section.featured.products-page > h2{
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    width: min(100%, 1224px) !important;
    max-width: min(100%, 1224px) !important;
    margin: 0 auto 28px !important;
    padding: 0 4px 16px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: rgba(188, 235, 218, .80) !important;
    -webkit-text-fill-color: rgba(188, 235, 218, .80) !important;
    font-size: clamp(11.8px, 1.04vw, 14.2px) !important;
    font-weight: 620 !important;
    line-height: 1.32 !important;
    letter-spacing: .087em !important;
    text-align: left !important;
    text-transform: uppercase !important;
    text-shadow: 0 8px 20px rgba(0,0,0,.34) !important;
    box-shadow: none !important;
}

section.featured.products-page > h2::before{
    content: "MR SIGNATURE" !important;
    position: static !important;
    transform: none !important;
    min-height: auto !important;
    padding: 0 !important;
    display: block !important;
    border-radius: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: rgba(244, 224, 186, .94) !important;
    -webkit-text-fill-color: rgba(244, 224, 186, .94) !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: clamp(38px, 4.85vw, 68px) !important;
    font-weight: 500 !important;
    letter-spacing: .248em !important;
    line-height: .99 !important;
    white-space: nowrap !important;
    margin: 0 0 8px !important;
    text-shadow:
        0 12px 28px rgba(0,0,0,.50),
        0 0 15px rgba(229,198,145,.082),
        0 0 1px rgba(255,244,220,.64) !important;
    box-shadow: none !important;
}

section.featured.products-page > h2::after{
    content: "" !important;
    position: static !important;
    transform: none !important;
    width: min(470px, 55%) !important;
    height: 1px !important;
    margin: 12px 0 0 !important;
    background: linear-gradient(90deg, transparent, rgba(255,238,198,.58), rgba(107,216,183,.16), rgba(229,198,145,.30), transparent) !important;
    box-shadow: 0 0 8px rgba(229,198,145,.046) !important;
}

body.rtl section.featured.products-page > h2{
    color: rgba(199, 242, 226, .80) !important;
    -webkit-text-fill-color: rgba(199, 242, 226, .80) !important;
    font-size: clamp(12px, 1.10vw, 14.8px) !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    align-items: flex-end !important;
    text-align: right !important;
}

/* Family title block: clean transparent */
section.featured.products-page .product-family-section{
    width: 100% !important;
    max-width: 1220px !important;
    margin: 0 auto 40px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* 8.84 / 8.110 / 8.134 / 8.145 Family rail refinement: uses the existing family header,
no extra stage/wrapper.
   8.134 aligns the family rail width/density with the reference control deck and keeps the glass lighter.
   8.145 trims the existing family rail rhythm to match the quieter toolbar and gallery footer rails. */
section.featured.products-page .product-family-head{
    width: min(100%, 1224px) !important;
    max-width: 100% !important;
    margin: 0 auto 20px !important;
    padding: 12px 15px 13px !important;
    border-radius: 21px !important;
    border: 1px solid rgba(229,198,145,.22) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.020), rgba(0,0,0,.055) 46%, rgba(0,0,0,.090) 100%),
        linear-gradient(90deg, rgba(0,0,0,.135), rgba(0,0,0,.018) 17%, rgba(0,0,0,.018) 83%, rgba(0,0,0,.135)),
        url("/static/products/images/category_concrete_texture.jpg") center 28% / cover no-repeat,
        #111514 !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.078),
        inset 0 -1px 0 rgba(229,198,145,.038),
        0 14px 30px rgba(0,0,0,.16),
        0 0 0 1px rgba(73,147,119,.042) !important;
    backdrop-filter: blur(5px) !important;
    -webkit-backdrop-filter: blur(5px) !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-areas:
        "kicker count"
        "title count" !important;
    align-items: center !important;
    column-gap: 15px !important;
    row-gap: 4px !important;
    position: relative !important;
    overflow: hidden !important;
}

section.featured.products-page .product-family-head::before{
    content: "" !important;
    position: absolute !important;
    inset-inline-start: 0 !important;
    top: 16px !important;
    bottom: 16px !important;
    width: 1.5px !important;
    border-radius: 999px !important;
    background: linear-gradient(180deg, transparent, rgba(229,198,145,.72) 34%, rgba(112,221,194,.24) 50%, rgba(229,198,145,.60) 66%, transparent) !important;
    opacity: .64 !important;
    pointer-events: none !important;
}

section.featured.products-page .product-family-kicker{
    grid-area: kicker !important;
    color: rgba(233,204,147,.88) !important;
    -webkit-text-fill-color: rgba(233,204,147,.88) !important;
    font-size: 9.2px !important;
    font-weight: 920 !important;
    letter-spacing: 2.05px !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

section.featured.products-page .product-family-title{
    grid-area: title !important;
    margin: 0 !important;
    color: rgba(248,239,221,.985) !important;
    -webkit-text-fill-color: rgba(248,239,221,.985) !important;
    font-size: clamp(19.5px, 2.05vw, 28px) !important;
    font-weight: 700 !important;
    letter-spacing: .16px !important;
    line-height: 1.05 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

section.featured.products-page .product-family-count{
    grid-area: count !important;
    min-width: 74px !important;
    height: 37px !important;
    padding: 0 12px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(229,198,145,.32) !important;
    background:
        linear-gradient(180deg, rgba(229,198,145,.165), rgba(229,198,145,.054)),
        rgba(0,0,0,.22) !important;
    color: rgba(239,255,251,.82) !important;
    -webkit-text-fill-color: rgba(239,255,251,.82) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 9.4px !important;
    font-weight: 920 !important;
    letter-spacing: .30px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.090),
        0 8px 16px rgba(0,0,0,.10) !important;
}

/* Product grid */
.products-page .product-grid.family-product-grid{
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)) !important;
    gap: 34px !important;
    width: 100% !important;
    max-width: 1240px !important;
    margin: 0 auto !important;
    padding-top: 34px !important;
    overflow: visible !important;
    justify-content: center !important;
    position: relative !important;
    background: transparent !important;
}

.products-page .product-grid.family-product-grid::before,
.products-page .product-grid.family-product-grid::after,
.products-page .product-card-quote-wrap::before,
.products-page .product-card-quote-wrap::after{
    display: none !important;
    content: none !important;
}

.products-page .product-card-quote-wrap{
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    width: 100% !important;
    max-width: 326px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    min-width: 0 !important;
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
    animation: none !important;
    transition: none !important;
    isolation: auto !important;
    content-visibility: auto;
    contain-intrinsic-size: 540px;
}

.products-page .product-card-link{
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    color: inherit !important;
    text-decoration: none !important;
    cursor: default !important;
}

/* Clean product card */
.products-page .product-card,
.products-page .luxury-product-card,
.products-page .mr-signature-card{
    position: relative !important;
    isolation: isolate !important;
    width: 100% !important;
    min-height: 455px !important;
    display: block !important;
    padding: 0 !important;
    overflow: hidden !important;
    border-radius: 26px !important;
    border: 1px solid rgba(229,198,145,.42) !important;
    background: #030504 !important;
    box-shadow:
        0 18px 42px rgba(0,0,0,.44),
        inset 0 0 0 1px rgba(255,255,255,.035) !important;
    opacity: 1 !important;
    filter: none !important;
    transform: none !important;
    animation: none !important;
    transition: transform .32s cubic-bezier(.22,.61,.36,1), border-color .32s ease, box-shadow .32s ease !important;
}

.products-page .product-card:hover,
.products-page .luxury-product-card:hover,
.products-page .mr-signature-card:hover,
.products-page .product-card-quote-wrap:hover .mr-signature-card{
    transform: translateY(-2px) !important;
    border-color: rgba(229,198,145,.66) !important;
    box-shadow:
        0 24px 52px rgba(0,0,0,.50),
        inset 0 0 0 1px rgba(255,255,255,.045) !important;
}

.products-page .product-card::before,
.products-page .product-card::after,
.products-page .luxury-product-card::before,
.products-page .luxury-product-card::after,
.products-page .mr-signature-card::before,
.products-page .mr-signature-card::after{
    display: none !important;
    content: none !important;
}

/* Card labels */
.products-page .mr-card-watermark{
    position: absolute !important;
    top: 14px !important;
    right: 16px !important;
    z-index: 5 !important;
    color: rgba(229,198,145,.18) !important;
    -webkit-text-fill-color: rgba(229,198,145,.18) !important;
    font-size: 52px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    letter-spacing: -4px !important;
    text-shadow: none !important;
    pointer-events: none !important;
}
body.rtl .products-page .mr-card-watermark{
    right: auto !important;
    left: 16px !important;
}

.products-page .mr-card-topline{
    position: absolute !important;
    top: 16px !important;
    left: 16px !important;
    z-index: 6 !important;
    min-height: 24px !important;
    padding: 0 10px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 999px !important;
    border: 1px solid rgba(229,198,145,.28) !important;
    background: rgba(0,0,0,.22) !important;
    color: rgba(243,234,223,.82) !important;
    -webkit-text-fill-color: rgba(243,234,223,.82) !important;
    font-size: 9px !important;
    font-weight: 900 !important;
    letter-spacing: 1.4px !important;
    text-transform: uppercase !important;
}
body.rtl .products-page .mr-card-topline{
    left: auto !important;
    right: 16px !important;
}

/* Product image: no glow,
no tint */
.products-page .mr-signature-card .product-img{
    position: absolute !important;
    inset: 0 !important;
    height: 100% !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
    overflow: hidden !important;
}

.products-page .mr-signature-card .product-img::before,
.products-page .mr-signature-card .product-img::after{
    display: none !important;
    content: none !important;
}

.products-page .mr-signature-card .product-img img{
    position: relative !important;
    z-index: 2 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    padding: 0 !important;
    filter: none !important;
    transform: none !important;
    transition: transform .28s ease !important;
    backface-visibility: hidden !important;
}

.products-page .mr-signature-card .product-img img.mr-catalog-product-image{
    aspect-ratio: 8 / 11 !important;
    contain: paint !important;
}

.products-page .product-card-quote-wrap:hover .mr-signature-card .product-img img{
    transform: scale(1.02) !important;
    filter: none !important;
}

.products-page .mr-image-placeholder{
    position: relative !important;
    z-index: 2 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 86px !important;
    height: 86px !important;
    border-radius: 50% !important;
    border: 1px solid rgba(229,198,145,.30) !important;
    color: rgba(229,198,145,.76) !important;
    font-size: 24px !important;
    font-weight: 900 !important;
}

/* Product info */
.products-page .mr-signature-card .product-info{
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 4 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 6px !important;
    padding: 54px 18px 20px !important;
    text-align: left !important;
    background: linear-gradient(180deg, rgba(0,0,0,0), rgba(0,0,0,.54)) !important;
}
body.rtl .products-page .mr-signature-card .product-info{
    text-align: right !important;
}

.products-page .mr-signature-card .product-category{
    display: inline-flex !important;
    width: max-content !important;
    max-width: 100% !important;
    margin: 0 0 6px !important;
    color: rgba(229,198,145,.84) !important;
    -webkit-text-fill-color: rgba(229,198,145,.84) !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    letter-spacing: 1.3px !important;
    text-transform: uppercase !important;
}

.products-page .mr-signature-card .product-info h3{
    margin: 0 0 6px !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-size: 19px !important;
    font-weight: 850 !important;
    line-height: 1.16 !important;
}

.products-page .mr-signature-card .mr-card-bottom{
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    margin-top: auto !important;
}
.products-page .mr-signature-card strong{
    color: #f3eadf !important;
    -webkit-text-fill-color: #f3eadf !important;
    font-size: 15.5px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
}

/* Add to quote: MR Signature action capsule,
function preserved */
.products-page .add-to-quote-btn.mr-quote-action{
    position: relative !important;
    z-index: 7 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 11px !important;
    width: calc(100% - 10px) !important;
    min-height: 40px !important;
    margin: 12px auto 0 !important;
    padding: 0 17px !important;
    box-sizing: border-box !important;
    border-radius: 999px !important;
    border: 1px solid rgba(224, 191, 125, .40) !important;
    background:
        radial-gradient(circle at 50% -18%, rgba(255, 229, 160, .18), transparent 42%),
        linear-gradient(180deg, rgba(31, 68, 55, .82) 0%, rgba(7, 28, 23, .97) 58%, rgba(3, 12, 11, .99) 100%) !important;
    color: rgba(247, 239, 222, .96) !important;
    -webkit-text-fill-color: rgba(247, 239, 222, .96) !important;
    font-size: 11.8px !important;
    font-weight: 870 !important;
    letter-spacing: .18px !important;
    line-height: 1 !important;
    text-decoration: none !important;
    cursor: pointer !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.20),
        inset 0 -1px 0 rgba(224, 191, 125, .14),
        inset 0 0 22px rgba(86, 154, 121, .13),
        0 10px 22px rgba(0,0,0,.34),
        0 0 0 1px rgba(255,255,255,.025) !important;
    transform: translateZ(0) !important;
    overflow: hidden !important;
    isolation: isolate !important;
    backdrop-filter: blur(12px) saturate(122%) !important;
    -webkit-backdrop-filter: blur(12px) saturate(122%) !important;
    transition:
        transform .22s ease,
        border-color .22s ease,
        box-shadow .22s ease,
        background .22s ease !important;
}
.products-page .add-to-quote-btn.mr-quote-action::before{
    content: "" !important;
    position: absolute !important;
    inset: 2px !important;
    z-index: 0 !important;
    border-radius: inherit !important;
    pointer-events: none !important;
    background:
        linear-gradient(90deg, transparent 0%, rgba(255,255,255,.13) 18%, transparent 38%, transparent 64%, rgba(224,191,125,.10) 100%) !important;
    opacity: .72 !important;
}
.products-page .add-to-quote-btn.mr-quote-action::after{
    content: "" !important;
    position: absolute !important;
    left: 18px !important;
    right: 18px !important;
    top: 5px !important;
    height: 1px !important;
    z-index: 1 !important;
    border-radius: 999px !important;
    pointer-events: none !important;
    background: linear-gradient(90deg, transparent, rgba(255, 235, 186, .62), transparent) !important;
    opacity: .66 !important;
    transition: opacity .22s ease, transform .22s ease !important;
}
.products-page .add-to-quote-btn.mr-quote-action .mr-quote-icon,
.products-page .add-to-quote-btn.mr-quote-action .mr-quote-label{
    position: relative !important;
    z-index: 2 !important;
}
.products-page .add-to-quote-btn.mr-quote-action .mr-quote-icon{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    width: 15px !important;
    height: 13px !important;
    border: 1.4px solid rgba(247, 239, 222, .78) !important;
    border-radius: 3px !important;
    box-sizing: border-box !important;
    opacity: .88 !important;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.12) !important;
}
.products-page .add-to-quote-btn.mr-quote-action .mr-quote-icon::before{
    content: "" !important;
    position: absolute !important;
    top: -5px !important;
    left: 4px !important;
    width: 6px !important;
    height: 5px !important;
    border: 1.4px solid rgba(247, 239, 222, .74) !important;
    border-bottom: 0 !important;
    border-radius: 5px 5px 0 0 !important;
    box-sizing: border-box !important;
}
.products-page .add-to-quote-btn.mr-quote-action .mr-quote-icon::after{
    content: "+" !important;
    position: absolute !important;
    right: -5px !important;
    bottom: -5px !important;
    width: 9px !important;
    height: 9px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    background: rgba(5, 23, 19, .94) !important;
    border: 1px solid rgba(224, 191, 125, .58) !important;
    color: rgba(247, 239, 222, .96) !important;
    -webkit-text-fill-color: rgba(247, 239, 222, .96) !important;
    font-size: 8px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
}
.products-page .add-to-quote-btn.mr-quote-action:hover,
.products-page .add-to-quote-btn.mr-quote-action.is-added{
    transform: translateY(-1px) !important;
    border-color: rgba(235, 208, 146, .62) !important;
    background:
        radial-gradient(circle at 50% -18%, rgba(255, 235, 176, .23), transparent 44%),
        linear-gradient(180deg, rgba(38, 82, 64, .88) 0%, rgba(8, 34, 27, .99) 58%, rgba(3, 12, 11, 1) 100%) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.25),
        inset 0 -1px 0 rgba(224, 191, 125, .20),
        inset 0 0 25px rgba(97, 174, 133, .16),
        0 12px 26px rgba(0,0,0,.38),
        0 0 20px rgba(224, 191, 125, .11) !important;
}
.products-page .add-to-quote-btn.mr-quote-action:hover::after,
.products-page .add-to-quote-btn.mr-quote-action.is-added::after{
    opacity: .92 !important;
    transform: scaleX(1.04) !important;
}
.products-page .add-to-quote-btn.mr-quote-action:focus-visible{
    outline: 2px solid rgba(235, 208, 146, .72) !important;
    outline-offset: 3px !important;
}




/* 8.17 / 8.107 / 8.108 / 8.122 / 8.124 / 8.138 Product Card Luxury Signature Polish
   8.107 merges the new MR Signature depth polish into the existing card shell.
   8.108 refines the existing interior text/price chamber and antique-gold readability.
   8.122 cleans the existing surface finish: less neon,
softer shadows,
slightly lighter blur.
   8.124 calms the existing hover/image motion so the card feels closer to a quiet reference gallery.
   8.138 softens the existing card frame and antique-gold hairlines so the gallery reads quieter and lighter.
   CSS-only: no asset,
wrapper,
new overlay layer,
markup,
JS,
or behavior change. */
@media (min-width: 769px){
    .products-page .product-grid.family-product-grid {
        padding-top: 36px !important;
        overflow: visible !important;
    }

    .products-page .product-card-quote-wrap {
        z-index: 1 !important;
        overflow: visible !important;
        padding-top: 2px !important;
        contain-intrinsic-size: 552px !important;
    }

    .products-page .product-card-quote-wrap:hover {
        z-index: 8 !important;
    }
}

.products-page .product-card,
.products-page .luxury-product-card,
.products-page .mr-signature-card{
    border-color: rgba(231,206,154,.47) !important;
    background:
        radial-gradient(circle at 50% -16%, rgba(232,207,150,.108), transparent 38%),
        radial-gradient(circle at 18% 4%, rgba(76, 143, 118, .070), transparent 30%),
        radial-gradient(circle at 86% 104%, rgba(24, 101, 79, .245), transparent 45%),
        linear-gradient(180deg, rgba(5, 16, 14, .995) 0%, rgba(1, 6, 5, .998) 66%, #010302 100%) !important;
    box-shadow:
        0 20px 46px rgba(0,0,0,.47),
        0 0 0 1px rgba(229,198,145,.052),
        0 16px 38px -30px rgba(26,126,96,.17),
        inset 0 1px 0 rgba(255,255,255,.050),
        inset 0 -22px 38px rgba(0,0,0,.25),
        inset 0 0 0 1px rgba(255,255,255,.026) !important;
}

.products-page .product-card:hover,
.products-page .luxury-product-card:hover,
.products-page .mr-signature-card:hover,
.products-page .product-card-quote-wrap:hover .mr-signature-card{
    border-color: rgba(232,207,150,.66) !important;
    box-shadow:
        0 23px 50px rgba(0,0,0,.51),
        0 0 0 1px rgba(229,198,145,.082),
        0 0 20px rgba(34, 116, 88, .092),
        0 16px 40px -33px rgba(229,198,145,.14),
        inset 0 1px 0 rgba(255,255,255,.060),
        inset 0 -18px 36px rgba(0,0,0,.22),
        inset 0 0 0 1px rgba(255,255,255,.034) !important;
}

.products-page .mr-signature-card::before{
    display: block !important;
    content: "" !important;
    position: absolute !important;
    inset: 9px !important;
    z-index: 1 !important;
    pointer-events: none !important;
    border-radius: 20px !important;
    border: 1px solid rgba(229,198,145,.126) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.038),
        inset 0 -1px 0 rgba(229,198,145,.050),
        inset 0 0 20px rgba(20, 80, 63, .034) !important;
}

.products-page .mr-signature-card::after{
    display: block !important;
    content: "" !important;
    position: absolute !important;
    left: 22px !important;
    right: 20px !important;
    top: 12px !important;
    z-index: 2 !important;
    height: 1px !important;
    pointer-events: none !important;
    border-radius: 999px !important;
    background: linear-gradient(90deg, transparent, rgba(246,227,179,.46), rgba(229,198,145,.30), transparent) !important;
    box-shadow: 0 0 11px rgba(229,198,145,.066) !important;
    opacity: .58 !important;
}

.products-page .mr-card-watermark{
    top: 12px !important;
    right: 14px !important;
    color: rgba(229,198,145,.112) !important;
    -webkit-text-fill-color: rgba(229,198,145,.112) !important;
    text-shadow: 0 0 18px rgba(229,198,145,.052) !important;
}

body.rtl .products-page .mr-card-watermark{
    right: auto !important;
    left: 14px !important;
}

.products-page .mr-card-topline{
    min-height: 25px !important;
    padding: 0 11px !important;
    border-color: rgba(232,207,150,.38) !important;
    background:
        radial-gradient(circle at 50% -35%, rgba(246,227,179,.112), transparent 46%),
        linear-gradient(180deg, rgba(17, 52, 42, .58), rgba(2, 10, 9, .46)) !important;
    color: rgba(248,241,228,.92) !important;
    -webkit-text-fill-color: rgba(248,241,228,.92) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.092),
        inset 0 -1px 0 rgba(229,198,145,.044),
        0 7px 15px rgba(0,0,0,.15),
        0 0 11px rgba(229,198,145,.026) !important;
    backdrop-filter: blur(6px) saturate(108%) !important;
    -webkit-backdrop-filter: blur(6px) saturate(108%) !important;
}

.products-page .mr-signature-card .product-img{
    background:
        radial-gradient(circle at 50% 34%, rgba(231,205,145,.072), transparent 40%),
        radial-gradient(ellipse at 50% 88%, rgba(7, 66, 52, .238), transparent 52%),
        linear-gradient(180deg, rgba(2,10,9,.20), rgba(0,0,0,.30)) !important;
}

.products-page .mr-signature-card .product-img::before{
    display: block !important;
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 3 !important;
    pointer-events: none !important;
    background:
        linear-gradient(180deg, rgba(0,0,0,.28) 0%, rgba(0,0,0,.035) 25%, rgba(0,0,0,.045) 58%, rgba(0,0,0,.32) 100%),
        radial-gradient(ellipse at 50% 44%, transparent 0%, transparent 54%, rgba(0,0,0,.095) 100%) !important;
}

.products-page .mr-signature-card .product-img::after{
    display: block !important;
    content: "" !important;
    position: absolute !important;
    inset: 11px !important;
    z-index: 3 !important;
    pointer-events: none !important;
    border-radius: 18px !important;
    border: 1px solid rgba(238,205,142,.066) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.032),
        inset 0 -1px 0 rgba(238,205,142,.032),
        inset 0 0 22px rgba(0,0,0,.064) !important;
    opacity: .76 !important;
}

.products-page .mr-signature-card .product-img img{
    transition: transform .38s cubic-bezier(.22,.61,.36,1), filter .34s ease !important;
}

.products-page .product-card-quote-wrap:hover .mr-signature-card .product-img img{
    transform: scale(1.014) !important;
}

.products-page .mr-signature-card .product-info{
    left: 10px !important;
    right: 10px !important;
    bottom: 10px !important;
    padding: 68px 15px 16px !important;
    border-radius: 0 0 19px 19px !important;
    border-top: 1px solid rgba(229,198,145,.070) !important;
    background:
        linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(2, 10, 9, .54) 32%, rgba(3, 17, 14, .76) 58%, rgba(1, 7, 6, .96) 100%),
        linear-gradient(90deg, rgba(229,198,145,.050), transparent 27%, transparent 70%, rgba(28,100,78,.070)) !important;
    box-shadow:
        inset 0 1px 0 rgba(229,198,145,.080),
        inset 0 22px 34px -34px rgba(255,255,255,.11),
        0 -18px 40px rgba(0,0,0,.16) !important;
}

.products-page .mr-signature-card .product-category{
    margin-bottom: 7px !important;
    padding: 0 10px !important;
    min-height: 22px !important;
    align-items: center !important;
    border-radius: 999px !important;
    border: 1px solid rgba(229,198,145,.28) !important;
    background:
        linear-gradient(180deg, rgba(229,198,145,.105), rgba(0,0,0,.25)) !important;
    color: rgba(236,205,151,.93) !important;
    -webkit-text-fill-color: rgba(236,205,151,.93) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.060),
        0 6px 14px rgba(0,0,0,.14) !important;
}

.products-page .mr-signature-card .product-info h3{
    color: rgba(248,242,232,.98) !important;
    -webkit-text-fill-color: rgba(248,242,232,.98) !important;
    letter-spacing: .10px !important;
    text-shadow:
        0 2px 16px rgba(0,0,0,.58),
        0 0 14px rgba(229,198,145,.070) !important;
}

.products-page .mr-signature-card .mr-card-bottom{
    min-height: 34px !important;
}

.products-page .mr-signature-card strong{
    min-height: 32px !important;
    padding: 0 13px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 999px !important;
    border: 1px solid rgba(229,198,145,.40) !important;
    background:
        radial-gradient(circle at 50% -38%, rgba(255,237,190,.18), transparent 46%),
        linear-gradient(180deg, rgba(229,198,145,.165), rgba(91, 66, 31, .12) 45%, rgba(0,0,0,.28)) !important;
    color: rgba(255,244,224,.98) !important;
    -webkit-text-fill-color: rgba(255,244,224,.98) !important;
    letter-spacing: .12px !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.095),
        inset 0 -1px 0 rgba(229,198,145,.060),
        0 8px 18px rgba(0,0,0,.22),
        0 0 16px rgba(229,198,145,.050) !important;
}

html.mr-catalog-view-compact .products-page .product-grid.family-product-grid{
    padding-top: 26px !important;
}

html.mr-catalog-view-compact .products-page .mr-signature-card::before{
    inset: 7px !important;
    border-radius: 17px !important;
}

html.mr-catalog-view-compact .products-page .mr-signature-card::after{
    left: 18px !important;
    right: 18px !important;
    top: 10px !important;
}

html.mr-catalog-view-compact .products-page .mr-signature-card .product-info{
    left: 8px !important;
    right: 8px !important;
    bottom: 8px !important;
    padding: 48px 11px 11px !important;
}

html.mr-catalog-view-compact .products-page .mr-signature-card strong{
    min-height: 27px !important;
    padding: 0 9px !important;
    font-size: 12px !important;
    border-color: rgba(229,198,145,.26) !important;
}





/* 8.30 — Real In-Quote Ring Marker
   A real HTML ring sits in the empty space between the outer card shell and inner glass/image frame.
*/
.products-page .mr-signature-card .mr-in-quote-ring{
    position: absolute !important;
    inset: 6px !important;
    z-index: 9 !important;
    display: block !important;
    border-radius: 23px !important;
    pointer-events: none !important;
    opacity: 0 !important;
    transform: scale(.985) !important;
    border: 2px solid rgba(229,198,145,.96) !important;
    background: transparent !important;
    box-shadow:
        0 0 0 1px rgba(255,255,255,.10),
        0 0 16px rgba(229,198,145,.78),
        0 0 34px rgba(229,198,145,.44),
        0 0 58px rgba(35,150,112,.36),
        inset 0 0 0 1px rgba(255,255,255,.10),
        inset 0 0 18px rgba(229,198,145,.20) !important;
    transition: opacity .22s ease, transform .22s ease !important;
}

.products-page .mr-signature-card .mr-in-quote-ring::before{
    content: "" !important;
    position: absolute !important;
    inset: 4px !important;
    border-radius: 18px !important;
    border: 1px solid rgba(216,255,246,.36) !important;
    box-shadow:
        0 0 22px rgba(35,150,112,.38),
        inset 0 0 16px rgba(35,150,112,.15) !important;
}

.products-page .mr-signature-card .mr-in-quote-ring::after{
    content: "" !important;
    position: absolute !important;
    left: 18px !important;
    right: 18px !important;
    top: 0 !important;
    height: 2px !important;
    border-radius: 999px !important;
    background: linear-gradient(90deg, transparent, rgba(216,255,246,.55), rgba(229,198,145,.98), rgba(216,255,246,.55), transparent) !important;
    box-shadow: 0 0 20px rgba(229,198,145,.52) !important;
}

.products-page .product-card-quote-wrap.is-in-quote .mr-signature-card .mr-in-quote-ring,
.products-page .mr-signature-card.is-in-quote .mr-in-quote-ring{
    opacity: 1 !important;
    transform: scale(1) !important;
    animation: mrRealQuoteRingPulse 2.4s ease-in-out infinite !important;
}

.products-page .product-card-quote-wrap.is-in-quote .mr-signature-card,
.products-page .mr-signature-card.is-in-quote{
    border-color: rgba(229,198,145,.80) !important;
    box-shadow:
        0 24px 56px rgba(0,0,0,.55),
        0 0 0 1px rgba(229,198,145,.18),
        0 0 28px rgba(35,150,112,.20),
        inset 0 1px 0 rgba(255,255,255,.09),
        inset 0 0 0 1px rgba(229,198,145,.08) !important;
}

.products-page .product-card-quote-wrap.is-in-quote .mr-signature-card .mr-card-topline::after,
.products-page .mr-signature-card.is-in-quote .mr-card-topline::after{
    content: none !important;
    display: none !important;
    color: rgba(229,198,145,.98);
    -webkit-text-fill-color: rgba(229,198,145,.98);
    font-size: 7px;
    letter-spacing: 1px;
}

body.rtl .products-page .product-card-quote-wrap.is-in-quote .mr-signature-card .mr-card-topline::after,
body.rtl .products-page .mr-signature-card.is-in-quote .mr-card-topline::after{
    content: none !important;
    display: none !important;
    letter-spacing: .1px;
}

.products-page .product-card-quote-wrap.is-in-quote .add-to-quote-btn .mr-quote-label::after{
    content: " ✓";
    color: rgba(229,198,145,.98);
    -webkit-text-fill-color: rgba(229,198,145,.98);
}

@keyframes mrRealQuoteRingPulse {
    0%, 100% {
        box-shadow:
            0 0 0 1px rgba(255,255,255,.10),
            0 0 14px rgba(229,198,145,.70),
            0 0 30px rgba(229,198,145,.38),
            0 0 54px rgba(35,150,112,.30),
            inset 0 0 0 1px rgba(255,255,255,.10),
            inset 0 0 16px rgba(229,198,145,.18);
    }
    50% {
        box-shadow:
            0 0 0 1px rgba(255,255,255,.15),
            0 0 22px rgba(229,198,145,1),
            0 0 44px rgba(229,198,145,.62),
            0 0 76px rgba(35,150,112,.50),
            inset 0 0 0 1px rgba(255,255,255,.16),
            inset 0 0 24px rgba(229,198,145,.28);
    }
}





/* 8.33 — In Quote ring motion polish */
.products-page .mr-signature-card .mr-in-quote-ring{
    overflow: hidden !important;
}

.products-page .mr-signature-card .mr-in-quote-ring::after{
    overflow: hidden !important;
}

.products-page .product-card-quote-wrap.is-in-quote .mr-signature-card .mr-in-quote-ring::before,
.products-page .mr-signature-card.is-in-quote .mr-in-quote-ring::before{
    animation: mrQuoteInnerAuraPulse 2.2s ease-in-out infinite !important;
}

.products-page .product-card-quote-wrap.is-in-quote .mr-signature-card .mr-in-quote-ring::after,
.products-page .mr-signature-card.is-in-quote .mr-in-quote-ring::after{
    top: -8px !important;
    height: 12px !important;
    left: -26% !important;
    right: auto !important;
    width: 52% !important;
    border-radius: 999px !important;
    background: linear-gradient(90deg, transparent 0%, rgba(216,255,246,.10) 14%, rgba(216,255,246,.62) 30%, rgba(229,198,145,1) 48%, rgba(216,255,246,.72) 66%, rgba(216,255,246,.10) 84%, transparent 100%) !important;
    box-shadow: 0 0 24px rgba(229,198,145,.62), 0 0 40px rgba(35,150,112,.38) !important;
    filter: blur(1.5px) !important;
    animation: mrQuoteRingSweep 2.7s linear infinite !important;
    transform-origin: center center !important;
}

@keyframes mrQuoteRingSweep {
    0% {
        transform: translateX(-12%) rotate(0deg);
        opacity: .18;
    }
    10% {
        opacity: .95;
    }
    48% {
        opacity: .92;
    }
    50% {
        transform: translateX(175%) rotate(0deg);
        opacity: .15;
    }
    50.01% {
        transform: translateX(175%) rotate(180deg);
        opacity: 0;
    }
    60% {
        opacity: .92;
    }
    100% {
        transform: translateX(-12%) rotate(180deg);
        opacity: .18;
    }
}

@keyframes mrQuoteInnerAuraPulse {
    0%, 100% {
        box-shadow:
            0 0 22px rgba(35,150,112,.30),
            inset 0 0 16px rgba(35,150,112,.14) !important;
        opacity: .85;
    }
    50% {
        box-shadow:
            0 0 34px rgba(35,150,112,.46),
            0 0 18px rgba(229,198,145,.18),
            inset 0 0 24px rgba(35,150,112,.20) !important;
        opacity: 1;
    }
}

@media (prefers-reduced-motion: reduce) {
    .products-page .product-card-quote-wrap.is-in-quote .mr-signature-card .mr-in-quote-ring::before,
.products-page .mr-signature-card.is-in-quote .mr-in-quote-ring::before,
.products-page .product-card-quote-wrap.is-in-quote .mr-signature-card .mr-in-quote-ring::after,
.products-page .mr-signature-card.is-in-quote .mr-in-quote-ring::after{
        animation: none !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .products-page .product-card-quote-wrap.is-in-quote .mr-signature-card .mr-in-quote-ring,
.products-page .mr-signature-card.is-in-quote .mr-in-quote-ring{
        animation: none !important;
    }
}



/* 8.34 / 8.79 — Motion-focused selected-card ring
   Keep the approved moving sweep,
but make the static ring quieter and more premium.
   Scope: selected Quote/Cart card only. No new layer,
image asset,
wrapper,
or behavior change.
*/
.products-page .product-card-quote-wrap.is-in-quote .mr-signature-card .mr-in-quote-ring,
.products-page .mr-signature-card.is-in-quote .mr-in-quote-ring{
    border-color: rgba(229,198,145,.46) !important;
    background: transparent !important;
    box-shadow:
        0 0 0 1px rgba(255,255,255,.030),
        0 0 6px rgba(229,198,145,.16),
        0 0 18px rgba(35,150,112,.08),
        inset 0 0 0 1px rgba(255,255,255,.050),
        inset 0 0 7px rgba(229,198,145,.075) !important;
    animation: none !important;
}

.products-page .product-card-quote-wrap.is-in-quote .mr-signature-card .mr-in-quote-ring::before,
.products-page .mr-signature-card.is-in-quote .mr-in-quote-ring::before{
    opacity: .20 !important;
    border-color: rgba(216,255,246,.12) !important;
    box-shadow:
        0 0 6px rgba(35,150,112,.09),
        inset 0 0 7px rgba(35,150,112,.055) !important;
    animation: none !important;
}

.products-page .product-card-quote-wrap.is-in-quote .mr-signature-card .mr-in-quote-ring::after,
.products-page .mr-signature-card.is-in-quote .mr-in-quote-ring::after{
    opacity: 1 !important;
    height: 12px !important;
    top: -7px !important;
    width: 54% !important;
    background:
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(216,255,246,.035) 12%,
            rgba(216,255,246,.30) 28%,
            rgba(229,198,145,.88) 45%,
            rgba(255,250,232,.90) 51%,
            rgba(229,198,145,.88) 58%,
            rgba(216,255,246,.30) 74%,
            rgba(216,255,246,.035) 88%,
            transparent 100%
        ) !important;
    box-shadow:
        0 0 14px rgba(229,198,145,.74),
        0 0 26px rgba(229,198,145,.38),
        0 0 34px rgba(35,150,112,.22) !important;
    filter: blur(.95px) !important;
    animation: mrQuoteRingSweepFocus 2.75s cubic-bezier(.45,0,.2,1) infinite !important;
}

.products-page .product-card-quote-wrap.is-in-quote .mr-signature-card,
.products-page .mr-signature-card.is-in-quote{
    border-color: rgba(229,198,145,.66) !important;
    box-shadow:
        0 22px 48px rgba(0,0,0,.50),
        0 0 0 1px rgba(229,198,145,.08),
        0 0 22px rgba(35,150,112,.08),
        inset 0 1px 0 rgba(255,255,255,.055),
        inset 0 0 0 1px rgba(229,198,145,.040) !important;
}

.products-page .product-card-quote-wrap.is-in-quote .mr-signature-card .mr-card-topline::after,
.products-page .mr-signature-card.is-in-quote .mr-card-topline::after{
    color: rgba(229,198,145,.78) !important;
    -webkit-text-fill-color: rgba(229,198,145,.78) !important;
}

@keyframes mrQuoteRingSweepFocus {
    0% {
        transform: translateX(-22%) rotate(0deg);
        opacity: 0;
    }
    8% {
        opacity: .98;
    }
    44% {
        opacity: 1;
    }
    50% {
        transform: translateX(182%) rotate(0deg);
        opacity: 0;
    }
    50.01% {
        transform: translateX(182%) rotate(180deg);
        opacity: 0;
    }
    58% {
        opacity: .98;
    }
    94% {
        opacity: 1;
    }
    100% {
        transform: translateX(-22%) rotate(180deg);
        opacity: 0;
    }
}



@media (prefers-reduced-motion: reduce) {
    .products-page .product-card-quote-wrap.is-in-quote .mr-signature-card .mr-in-quote-ring::after,
.products-page .mr-signature-card.is-in-quote .mr-in-quote-ring::after{
        animation: none !important;
    }
}

/* 8.46 — Reuse the approved 8.34 selected-card light sweep for retail Cart selections too. */
.products-page .product-card-quote-wrap.is-in-cart .mr-signature-card .mr-in-quote-ring,
.products-page .mr-signature-card.is-in-cart .mr-in-quote-ring{
    opacity: 1 !important;
    transform: scale(1) !important;
    border-color: rgba(229,198,145,.46) !important;
    background: transparent !important;
    box-shadow:
        0 0 0 1px rgba(255,255,255,.030),
        0 0 6px rgba(229,198,145,.16),
        0 0 18px rgba(35,150,112,.08),
        inset 0 0 0 1px rgba(255,255,255,.050),
        inset 0 0 7px rgba(229,198,145,.075) !important;
    animation: none !important;
}

.products-page .product-card-quote-wrap.is-in-cart .mr-signature-card .mr-in-quote-ring::before,
.products-page .mr-signature-card.is-in-cart .mr-in-quote-ring::before{
    opacity: .20 !important;
    border-color: rgba(216,255,246,.12) !important;
    box-shadow:
        0 0 6px rgba(35,150,112,.09),
        inset 0 0 7px rgba(35,150,112,.055) !important;
    animation: none !important;
}

.products-page .product-card-quote-wrap.is-in-cart .mr-signature-card .mr-in-quote-ring::after,
.products-page .mr-signature-card.is-in-cart .mr-in-quote-ring::after{
    opacity: 1 !important;
    height: 12px !important;
    top: -7px !important;
    left: -26% !important;
    right: auto !important;
    width: 54% !important;
    border-radius: 999px !important;
    background:
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(216,255,246,.035) 12%,
            rgba(216,255,246,.30) 28%,
            rgba(229,198,145,.88) 45%,
            rgba(255,250,232,.90) 51%,
            rgba(229,198,145,.88) 58%,
            rgba(216,255,246,.30) 74%,
            rgba(216,255,246,.035) 88%,
            transparent 100%
        ) !important;
    box-shadow:
        0 0 14px rgba(229,198,145,.74),
        0 0 26px rgba(229,198,145,.38),
        0 0 34px rgba(35,150,112,.22) !important;
    filter: blur(.95px) !important;
    animation: mrQuoteRingSweepFocus 2.75s cubic-bezier(.45,0,.2,1) infinite !important;
    transform-origin: center center !important;
}

.products-page .product-card-quote-wrap.is-in-cart .mr-signature-card,
.products-page .mr-signature-card.is-in-cart{
    border-color: rgba(229,198,145,.66) !important;
    box-shadow:
        0 22px 48px rgba(0,0,0,.50),
        0 0 0 1px rgba(229,198,145,.08),
        0 0 22px rgba(35,150,112,.08),
        inset 0 1px 0 rgba(255,255,255,.055),
        inset 0 0 0 1px rgba(229,198,145,.040) !important;
}

.products-page .product-card-quote-wrap.is-in-cart .mr-signature-card .mr-card-topline::after,
.products-page .mr-signature-card.is-in-cart .mr-card-topline::after{
    content: none !important;
    display: none !important;
    color: rgba(229,198,145,.78) !important;
    -webkit-text-fill-color: rgba(229,198,145,.78) !important;
    font-size: 7px;
    letter-spacing: 1px;
}

body.rtl .products-page .product-card-quote-wrap.is-in-cart .mr-signature-card .mr-card-topline::after,
body.rtl .products-page .mr-signature-card.is-in-cart .mr-card-topline::after{
    content: none !important;
    display: none !important;
    letter-spacing: .1px;
}

.products-page .product-card-quote-wrap.is-in-cart .mr-add-to-cart-btn .mr-cart-label::after{
    content: " ✓";
    color: rgba(229,198,145,.98);
    -webkit-text-fill-color: rgba(229,198,145,.98);
}



@media (prefers-reduced-motion: reduce) {
    .products-page .product-card-quote-wrap.is-in-cart .mr-signature-card .mr-in-quote-ring::after,
.products-page .mr-signature-card.is-in-cart .mr-in-quote-ring::after{
        animation: none !important;
    }
}

/* 8.82 — Image Zoom viewer signature polish.
   Scope: existing Quick View image viewer only; CSS-only{
    cursor: zoom-in !important;
}

/* Pagination — 8.83 / 8.110 / 8.132 / 8.145 MR Signature footer rail refinement.
   Existing pagination HTML is kept; 8.132 makes the rail quieter and closer to the reference gallery navigation.
   8.145 aligns the existing pagination rail density with the quieter toolbar/family rail rhythm. */
.products-page .products-pagination{
    width: min(100%, 1224px) !important;
    max-width: 1224px !important;
    margin: 32px auto 0 !important;
    padding: 11px 13px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
    border-radius: 21px !important;
    border: 1px solid rgba(229,198,145,.20) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.034), transparent 54%),
        radial-gradient(circle at 8% 0%, rgba(229,198,145,.075), transparent 32%),
        radial-gradient(circle at 100% 100%, rgba(34,117,95,.070), transparent 36%),
        linear-gradient(135deg, rgba(4, 20, 17, .66), rgba(1, 7, 6, .44) 62%, rgba(5, 22, 18, .56)) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.064),
        inset 0 -1px 0 rgba(229,198,145,.036),
        0 14px 30px rgba(0,0,0,.16),
        0 0 0 1px rgba(73,147,119,.040) !important;
    position: relative !important;
    overflow: hidden !important;
}
.products-page .products-pagination::before{
    content: "" !important;
    position: absolute !important;
    left: 24px !important;
    right: 24px !important;
    top: 0 !important;
    height: 1px !important;
    background: linear-gradient(90deg, transparent, rgba(229,198,145,.58), rgba(114,207,184,.24), transparent) !important;
    opacity: .46 !important;
    pointer-events: none !important;
}
.products-page .mr-pagination-status{
    min-height: 31px !important;
    padding: 0 12px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 999px !important;
    border: 1px solid rgba(229,198,145,.20) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.032), rgba(255,255,255,.006)),
        rgba(229,198,145,.058) !important;
    color: rgba(247,235,211,.82) !important;
    -webkit-text-fill-color: rgba(247,235,211,.82) !important;
    font-size: 10.2px !important;
    font-weight: 920 !important;
    letter-spacing: .56px !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.058) !important;
}
.products-page .page-numbers{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    flex-wrap: wrap !important;
}
.products-page .page-link{
    min-width: 34px !important;
    height: 34px !important;
    padding: 0 12px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 999px !important;
    border: 1px solid rgba(229,198,145,.20) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.040), rgba(255,255,255,.010)),
        rgba(3,10,9,.60) !important;
    color: rgba(246,237,222,.90) !important;
    -webkit-text-fill-color: rgba(246,237,222,.90) !important;
    font-size: 11.6px !important;
    font-weight: 920 !important;
    letter-spacing: .16px !important;
    text-decoration: none !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.048),
        0 7px 15px rgba(0,0,0,.145) !important;
    transition: transform .20s ease, border-color .20s ease, background .20s ease, box-shadow .20s ease !important;
}
.products-page .page-link:hover{
    transform: translateY(-.75px) !important;
    border-color: rgba(229,198,145,.42) !important;
    background:
        linear-gradient(180deg, rgba(229,198,145,.125), rgba(229,198,145,.038)),
        rgba(7,19,16,.72) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.082),
        0 10px 20px rgba(0,0,0,.20),
        0 0 14px rgba(229,198,145,.055) !important;
}
.products-page .page-link.current{
    border-color: rgba(255,225,167,.58) !important;
    background:
        linear-gradient(180deg, rgba(235,203,143,.94), rgba(143,104,54,.84)) !important;
    color: rgba(4,16,13,.96) !important;
    -webkit-text-fill-color: rgba(4,16,13,.96) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.24),
        0 9px 19px rgba(0,0,0,.22),
        0 0 18px rgba(229,198,145,.105) !important;
}
.products-page .page-prev,
.products-page .page-next{
    min-width: 78px !important;
    border-color: rgba(229,198,145,.27) !important;
}

/* Mobile */








/* 8.23 — Safe product image/frame fit
   Keep .product-img full-size as the Quick View click target.
   Only clip the visual image/overlays to the inner Signature frame.
*/
.products-page .mr-signature-card .product-img img.mr-catalog-product-image{
    clip-path: inset(9px round 20px) !important;
}

.products-page .mr-signature-card .product-img::before{
    clip-path: inset(9px round 20px) !important;
}

.products-page .mr-signature-card .product-img::after{
    inset: 9px !important;
    border-radius: 20px !important;
}




/* 8.45 / 8.78 — Retail cart action capsule. Scope: Product List + Quick View only. */
.products-page .mr-add-to-cart-btn.mr-cart-action{
    position: relative !important;
    z-index: 8 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 11px !important;
    width: calc(100% - 10px) !important;
    min-height: 40px !important;
    margin: 12px auto 0 !important;
    padding: 0 17px !important;
    box-sizing: border-box !important;
    border-radius: 999px !important;
    border: 1px solid rgba(229,198,145,.46) !important;
    background:
        radial-gradient(circle at 50% -18%, rgba(255, 225, 158, .20), transparent 42%),
        linear-gradient(180deg, rgba(67, 75, 52, .76) 0%, rgba(17, 35, 28, .96) 58%, rgba(5, 15, 13, .99) 100%) !important;
    color: rgba(247, 239, 222, .96) !important;
    -webkit-text-fill-color: rgba(247, 239, 222, .96) !important;
    font-size: 11.8px !important;
    font-weight: 870 !important;
    letter-spacing: .18px !important;
    line-height: 1 !important;
    text-decoration: none !important;
    cursor: pointer !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.20),
        inset 0 -1px 0 rgba(229,198,145,.16),
        inset 0 0 22px rgba(229,198,145,.075),
        0 10px 22px rgba(0,0,0,.34),
        0 0 0 1px rgba(255,255,255,.025) !important;
    transform: translateZ(0) !important;
    overflow: hidden !important;
    isolation: isolate !important;
    backdrop-filter: blur(12px) saturate(122%) !important;
    -webkit-backdrop-filter: blur(12px) saturate(122%) !important;
    transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease, background .22s ease !important;
}
.products-page .mr-add-to-cart-btn.mr-cart-action::before{
    content: "" !important;
    position: absolute !important;
    inset: 2px !important;
    z-index: 0 !important;
    border-radius: inherit !important;
    pointer-events: none !important;
    background:
        linear-gradient(90deg, transparent 0%, rgba(255,255,255,.12) 18%, transparent 38%, transparent 64%, rgba(229,198,145,.12) 100%) !important;
    opacity: .76 !important;
}
.products-page .mr-add-to-cart-btn.mr-cart-action::after{
    content: "" !important;
    position: absolute !important;
    left: 18px !important;
    right: 18px !important;
    top: 5px !important;
    height: 1px !important;
    z-index: 1 !important;
    border-radius: 999px !important;
    pointer-events: none !important;
    background: linear-gradient(90deg, transparent, rgba(255, 235, 186, .62), transparent) !important;
    opacity: .68 !important;
    transition: opacity .22s ease, transform .22s ease !important;
}
.products-page .mr-add-to-cart-btn .mr-cart-icon,
.products-page .mr-add-to-cart-btn .mr-cart-label{
    position: relative !important;
    z-index: 2 !important;
}
.products-page .mr-add-to-cart-btn.mr-cart-action:hover,
.products-page .mr-add-to-cart-btn.mr-cart-action.is-added{
    transform: translateY(-1px) !important;
    border-color: rgba(240, 212, 151, .68) !important;
    background:
        radial-gradient(circle at 50% -18%, rgba(255, 235, 176, .25), transparent 44%),
        linear-gradient(180deg, rgba(81, 89, 58, .82) 0%, rgba(22, 42, 32, .98) 58%, rgba(5, 15, 13, 1) 100%) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.25),
        inset 0 -1px 0 rgba(229,198,145,.22),
        inset 0 0 25px rgba(229,198,145,.10),
        0 12px 26px rgba(0,0,0,.38),
        0 0 21px rgba(229,198,145,.13) !important;
}
.products-page .mr-add-to-cart-btn.mr-cart-action:hover::after,
.products-page .mr-add-to-cart-btn.mr-cart-action.is-added::after{
    opacity: .94 !important;
    transform: scaleX(1.04) !important;
}
.products-page .mr-add-to-cart-btn .mr-cart-icon{
    position: relative !important;
    width: 17px !important;
    height: 15px !important;
    flex: 0 0 17px !important;
    border: 1.3px solid rgba(247, 239, 222, .82) !important;
    border-top: 0 !important;
    border-radius: 4px 4px 6px 6px !important;
    box-sizing: border-box !important;
}
.products-page .mr-add-to-cart-btn .mr-cart-icon::before{
    content: "" !important;
    position: absolute !important;
    left: 3px !important;
    right: 3px !important;
    top: -7px !important;
    height: 8px !important;
    border: 1.3px solid rgba(247, 239, 222, .68) !important;
    border-bottom: 0 !important;
    border-radius: 9px 9px 0 0 !important;
}
.products-page .mr-add-to-cart-btn .mr-cart-icon::after{
    content: "+" !important;
    position: absolute !important;
    right: -7px !important;
    top: -10px !important;
    width: 13px !important;
    height: 13px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    border: 1px solid rgba(229,198,145,.78) !important;
    background: rgba(5,18,16,.90) !important;
    color: rgba(247, 239, 222, .96) !important;
    -webkit-text-fill-color: rgba(247, 239, 222, .96) !important;
    font-size: 9.5px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
}
.products-page .mr-add-to-cart-btn.is-added .mr-cart-icon::after{
    content: "✓" !important;
}




/* === 8.47 Product Card Code Label Refinement ===
   Card closed state: product code appears only in the top signature label;
   bottom overlay is reserved for the active retail/wholesale price. */
.products-page .mr-card-topline{
    max-width: calc(100% - 92px) !important;
    min-height: 26px !important;
    padding: 0 12px !important;
    direction: ltr !important;
    unicode-bidi: plaintext !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    border-color: rgba(229,198,145,.38) !important;
    background: linear-gradient(180deg, rgba(3, 17, 14, .72), rgba(1, 7, 6, .48)) !important;
    color: rgba(255,232,185,.96) !important;
    -webkit-text-fill-color: rgba(255,232,185,.96) !important;
    box-shadow:
        0 10px 24px rgba(0,0,0,.22),
        inset 0 1px 0 rgba(255,255,255,.07) !important;
    font-size: 10.5px !important;
    font-weight: 950 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
}

.products-page .mr-signature-card .product-info{
    display: flex !important;
    align-items: flex-start !important;
    justify-content: flex-end !important;
    pointer-events: none !important;
}

body.rtl .products-page .mr-signature-card .product-info{
    align-items: flex-end !important;
}

.products-page .mr-signature-card .mr-card-bottom{
    width: fit-content !important;
    max-width: calc(100% - 4px) !important;
    min-height: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.products-page .mr-signature-card .mr-product-price{
    min-height: 32px !important;
    padding: 0 14px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(229,198,145,.44) !important;
    background: linear-gradient(180deg, rgba(3, 17, 14, .66), rgba(1, 7, 6, .46)) !important;
    color: rgba(255,239,204,.98) !important;
    -webkit-text-fill-color: rgba(255,239,204,.98) !important;
    box-shadow:
        0 10px 24px rgba(0,0,0,.24),
        inset 0 1px 0 rgba(255,255,255,.075) !important;
    font-size: 15px !important;
    font-weight: 950 !important;
    letter-spacing: .02em !important;
}

html.mr-catalog-view-compact .products-page .mr-card-topline{
    max-width: calc(100% - 74px) !important;
    min-height: 23px !important;
    padding: 0 9px !important;
    font-size: 9px !important;
    letter-spacing: .07em !important;
}

html.mr-catalog-view-compact .products-page .mr-signature-card .mr-product-price{
    min-height: 27px !important;
    padding: 0 10px !important;
    font-size: 13px !important;
}





/* === 8.78 Products CTA CSS-only Refinement ===
   Scope: card + Quick View Add to Cart/Add to Quote buttons only.
   No image assets,
no HTML wrapper,
no new stage layer. Existing controls only. */
.products-page .add-to-quote-btn.mr-quote-action,
.products-page .mr-add-to-cart-btn.mr-cart-action{
    position: relative !important;
    z-index: 8 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: calc(100% - 10px) !important;
    min-height: 40px !important;
    margin: 12px auto 0 !important;
    padding: 0 15px !important;
    box-sizing: border-box !important;
    border-radius: 13px !important;
    border: 1px solid rgba(226, 197, 132, .46) !important;
    color: rgba(255, 247, 232, .96) !important;
    -webkit-text-fill-color: rgba(255, 247, 232, .96) !important;
    font-size: 12px !important;
    font-weight: 920 !important;
    letter-spacing: .18px !important;
    line-height: 1 !important;
    text-decoration: none !important;
    cursor: pointer !important;
    gap: 10px !important;
    overflow: hidden !important;
    isolation: isolate !important;
    transform: translateZ(0) !important;
    backdrop-filter: blur(12px) saturate(124%) !important;
    -webkit-backdrop-filter: blur(12px) saturate(124%) !important;
    transition:
        transform .2s ease,
        border-color .2s ease,
        box-shadow .2s ease,
        background .2s ease !important;
}
.products-page .add-to-quote-btn.mr-quote-action{
    background:
        radial-gradient(circle at 50% -34%, rgba(236, 211, 151, .28), transparent 46%),
        linear-gradient(180deg, rgba(33, 77, 61, .88) 0%, rgba(8, 31, 26, .98) 56%, rgba(3, 12, 11, .99) 100%) !important;
    box-shadow: none !important;
}
.products-page .mr-add-to-cart-btn.mr-cart-action{
    background:
        radial-gradient(circle at 50% -34%, rgba(255, 224, 158, .30), transparent 46%),
        linear-gradient(180deg, rgba(68, 62, 40, .88) 0%, rgba(24, 39, 31, .97) 54%, rgba(5, 15, 13, .99) 100%) !important;
    box-shadow: none !important;
}
.products-page .add-to-quote-btn.mr-quote-action::before,
.products-page .mr-add-to-cart-btn.mr-cart-action::before{
    content: "" !important;
    position: absolute !important;
    inset: 2px !important;
    z-index: 0 !important;
    border-radius: 11px !important;
    pointer-events: none !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.12), transparent 30%, transparent 66%, rgba(226,197,132,.07)) !important;
    box-shadow: none !important;
}
.products-page .add-to-quote-btn.mr-quote-action::after,
.products-page .mr-add-to-cart-btn.mr-cart-action::after{
    content: "" !important;
    position: absolute !important;
    left: 14px !important;
    right: 14px !important;
    top: 5px !important;
    z-index: 1 !important;
    height: 1px !important;
    border-radius: 999px !important;
    pointer-events: none !important;
    opacity: .70 !important;
    background: linear-gradient(90deg, transparent, rgba(255, 234, 185, .62), transparent) !important;
    transition: opacity .2s ease, transform .2s ease !important;
}
.products-page .add-to-quote-btn.mr-quote-action .mr-quote-icon,
.products-page .add-to-quote-btn.mr-quote-action .mr-quote-label,
.products-page .mr-add-to-cart-btn.mr-cart-action .mr-cart-icon,
.products-page .mr-add-to-cart-btn.mr-cart-action .mr-cart-label{
    position: relative !important;
    z-index: 2 !important;
}
.products-page .add-to-quote-btn.mr-quote-action .mr-quote-icon,
.products-page .mr-add-to-cart-btn.mr-cart-action .mr-cart-icon{
    opacity: .92 !important;
    filter: none !important;
}
.products-page .add-to-quote-btn.mr-quote-action:hover,
.products-page .add-to-quote-btn.mr-quote-action.is-added,
.products-page .mr-add-to-cart-btn.mr-cart-action:hover,
.products-page .mr-add-to-cart-btn.mr-cart-action.is-added{
    transform: translateY(-1px) !important;
    border-color: rgba(242, 215, 154, .68) !important;
    box-shadow: none !important;
}
.products-page .add-to-quote-btn.mr-quote-action:hover::after,
.products-page .add-to-quote-btn.mr-quote-action.is-added::after,
.products-page .mr-add-to-cart-btn.mr-cart-action:hover::after,
.products-page .mr-add-to-cart-btn.mr-cart-action.is-added::after{
    opacity: .94 !important;
    transform: scaleX(1.05) !important;
}
.products-page .add-to-quote-btn.mr-quote-action:focus-visible,
.products-page .mr-add-to-cart-btn.mr-cart-action:focus-visible{
    outline: 2px solid rgba(242, 215, 154, .74) !important;
    outline-offset: 3px !important;
}




/* === 8.80 Products Card Face CSS-only Refinement ===
   Scope: product card visual surface + image chamber only.
   No image assets,
no HTML wrapper,
no new overlay layer. Existing card layers only. */
.products-page .product-card,
.products-page .luxury-product-card,
.products-page .mr-signature-card{
    background:
        radial-gradient(circle at 50% -18%, rgba(238, 205, 142, .118), transparent 37%),
        radial-gradient(circle at 50% 104%, rgba(20, 96, 74, .235), transparent 46%),
        linear-gradient(180deg, rgba(5, 16, 13, .99) 0%, rgba(1, 6, 5, .995) 67%, rgba(3, 7, 6, 1) 100%) !important;
    border-color: rgba(229,198,145,.44) !important;
    box-shadow: none !important;
}
.products-page .product-card:hover,
.products-page .luxury-product-card:hover,
.products-page .mr-signature-card:hover,
.products-page .product-card-quote-wrap:hover .mr-signature-card{
    border-color: rgba(238, 205, 142, .70) !important;
    box-shadow: none !important;
}
.products-page .mr-signature-card::before{
    inset: 8px !important;
    border-radius: 20px !important;
    border-color: rgba(238,205,142,.155) !important;
    box-shadow: none !important;
}
.products-page .mr-signature-card::after{
    left: 20px !important;
    right: 20px !important;
    top: 11px !important;
    opacity: .70 !important;
    background: linear-gradient(90deg, transparent, rgba(238,205,142,.50), transparent) !important;
}
.products-page .mr-signature-card .product-img{
    background:
        linear-gradient(180deg, rgba(255,255,255,.018), transparent 23%, transparent 72%, rgba(0,0,0,.18)),
        radial-gradient(circle at 50% 38%, rgba(238,205,142,.105), transparent 43%),
        radial-gradient(circle at 50% 86%, rgba(14, 88, 68, .235), transparent 53%),
        #020403 !important;
}
.products-page .mr-signature-card .product-img::before{
    background:
        linear-gradient(180deg, rgba(0,0,0,.24) 0%, transparent 25%, transparent 57%, rgba(0,0,0,.32) 100%) !important;
    opacity: .92 !important;
}
.products-page .mr-signature-card .product-img::after{
    inset: 12px !important;
    border-radius: 18px !important;
    border-color: rgba(238,205,142,.055) !important;
    box-shadow: none !important;
    opacity: .82 !important;
}
.products-page .mr-signature-card .product-img img{
    filter: contrast(1.035) saturate(1.025) brightness(.985) !important;
    transform-origin: center center !important;
}
.products-page .product-card-quote-wrap:hover .mr-signature-card .product-img img{
    transform: scale(1.022) translateY(-1px) !important;
    filter: contrast(1.045) saturate(1.035) brightness(1.01) !important;
}
.products-page .mr-card-watermark{
    color: rgba(238,205,142,.115) !important;
    -webkit-text-fill-color: rgba(238,205,142,.115) !important;
    text-shadow: 0 0 28px rgba(238,205,142,.075) !important;
}
.products-page .mr-card-topline{
    border-color: rgba(238,205,142,.44) !important;
    background:
        linear-gradient(180deg, rgba(18, 42, 34, .68), rgba(3, 12, 10, .56)) !important;
    color: rgba(255, 235, 194, .97) !important;
    -webkit-text-fill-color: rgba(255, 235, 194, .97) !important;
    box-shadow:
        0 10px 24px rgba(0,0,0,.24),
        0 0 18px rgba(238,205,142,.055),
        inset 0 1px 0 rgba(255,255,255,.085) !important;
}
.products-page .mr-signature-card .mr-product-price{
    border-color: rgba(238,205,142,.52) !important;
    background:
        radial-gradient(circle at 50% -32%, rgba(238,205,142,.18), transparent 48%),
        linear-gradient(180deg, rgba(10, 31, 25, .74), rgba(2, 10, 8, .60)) !important;
    color: rgba(255, 240, 206, .99) !important;
    -webkit-text-fill-color: rgba(255, 240, 206, .99) !important;
    box-shadow:
        0 10px 24px rgba(0,0,0,.25),
        0 0 18px rgba(238,205,142,.06),
        inset 0 1px 0 rgba(255,255,255,.085) !important;
}




/* 8.81 — Quick View Signature Surface Refinement.
   Scope: existing Product List Quick View modal only.
   CSS-only polish: no image asset,
no wrapper{
    background:
        radial-gradient(circle at 50% 8%, rgba(229,198,145,.135), transparent 30%),
        radial-gradient(circle at 54% 46%, rgba(16, 94, 72, .18), transparent 42%),
        radial-gradient(circle at 16% 84%, rgba(216,255,246,.075), transparent 32%),
        rgba(0,0,0,.875) !important;
    backdrop-filter: blur(20px) saturate(112%) !important;
    -webkit-backdrop-filter: blur(20px) saturate(112%) !important;
}


/* 8.90 / 8.114 / 8.138 / 8.145 — Product Grid Rhythm & Reference Gallery Proportion.
   8.114 retunes the existing Products grid/card proportions toward the preferred reference image.
   8.138 adds a quieter grid-density pass: slightly tighter,
lighter cards with the same three-card gallery logic.
   8.145 aligns the existing grid rhythm with the quieter toolbar/family/footer rails while preserving desktop three-card and mobile two-column logic.
   Scope: existing Product List grid/cards only.
   CSS-only tuning: no image asset,
no wrapper,
no overlay/layer,
no behavior change. */
.products-page .product-grid.family-product-grid{
    gap: clamp(22px, 2.25vw, 30px) !important;
    padding-top: clamp(26px, 2.75vw, 34px) !important;
}

@media (min-width: 769px) {
    .products-page .product-card-quote-wrap{
        max-width: 322px !important;
        contain-intrinsic-size: 552px !important;
    }

    .products-page .product-card,
.products-page .luxury-product-card,
.products-page .mr-signature-card{
        min-height: 462px !important;
    }

    .products-page .mr-signature-card .product-info{
        padding-bottom: 18px !important;
    }

    .products-page .mr-card-topline{
        max-width: calc(100% - 86px) !important;
        min-height: 24px !important;
        padding-inline: 11px !important;
        font-size: 9px !important;
        letter-spacing: .09em !important;
    }

    .products-page .mr-signature-card .mr-product-price{
        min-height: 33px !important;
        padding-inline: 14px !important;
        font-variant-numeric: tabular-nums !important;
        letter-spacing: .012em !important;
    }
}

@media (min-width: 1180px) {
    .products-page .product-grid.family-product-grid{
        grid-template-columns: repeat(3, minmax(278px, 322px)) !important;
        max-width: 1224px !important;
        justify-content: center !important;
        column-gap: 28px !important;
        row-gap: 32px !important;
    }
}







/* 8.91 / 8.131 — Product image Quick View affordance polish.
   8.131 adds the paired hint/performance balance: quieter glass{
    min-height: 28px !important;
    padding: 0 12px !important;
    border-color: rgba(205, 166, 91, .30) !important;
    background:
        linear-gradient(135deg, rgba(13, 42, 34, .66), rgba(4, 15, 13, .58)) !important;
    color: rgba(255, 239, 200, .88) !important;
    -webkit-text-fill-color: rgba(255, 239, 200, .88) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.095),
        inset 0 -1px 0 rgba(205,166,91,.090),
        0 9px 18px rgba(0,0,0,.24),
        0 0 0 1px rgba(255,255,255,.028) !important;
    backdrop-filter: blur(6px) saturate(112%) !important;
    -webkit-backdrop-filter: blur(6px) saturate(112%) !important;
}

/* 8.92 / 8.111 / 8.130 — Existing scroll progress rail MR Signature polish.
   8.111 aligns the floating utility controls with the 8.107–8.110 Products depth system.
   8.130 adds the second safe task in the same patch: quieter floating control glow/blur.
   Uses the already-present .scroll-progress element only. No new layer or asset. */
.scroll-progress{
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 0%;
    height: 2.5px !important;
    z-index: 9999 !important;
    pointer-events: none !important;
    border-radius: 0 999px 999px 0 !important;
    background:
        linear-gradient(90deg,
            rgba(28, 82, 66, .72) 0%,
            rgba(184, 139, 72, .92) 34%,
            rgba(255, 239, 200, .98) 50%,
            rgba(229, 198, 145, .96) 68%,
            rgba(42, 101, 82, .74) 100%) !important;
    box-shadow:
        0 0 7px rgba(229,198,145,.28),
        0 0 14px rgba(49,113,91,.14),
        0 1px 0 rgba(255,255,255,.16) inset !important;
    opacity: .86 !important;
    transform-origin: left center !important;
    transition: width .07s linear, opacity .18s ease !important;
}

body.rtl .scroll-progress{
    left: auto !important;
    right: 0 !important;
    border-radius: 999px 0 0 999px !important;
    transform-origin: right center !important;
}




/* 8.93 / 8.111 / 8.130 — Existing back-to-top control MR Signature polish.
   8.111 retunes the existing floating control to match the Products card/toolbar depth.
   Uses the already-present #backToTop button only. No new HTML layer,
image,
or asset. */
.back-to-top{
    position: fixed !important;
    right: 22px !important;
    bottom: calc(22px + env(safe-area-inset-bottom, 0px)) !important;
    width: 42px !important;
    height: 42px !important;
    z-index: 1030 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 999px !important;
    border: 1px solid rgba(231, 206, 154, .40) !important;
    background:
        radial-gradient(circle at 32% 18%, rgba(255,241,196,.24), rgba(255,241,196,0) 42%),
        radial-gradient(circle at 78% 92%, rgba(58,142,111,.16), transparent 44%),
        linear-gradient(145deg, rgba(7, 30, 25, .94), rgba(1, 9, 8, .97)) !important;
    color: rgba(255, 240, 198, .97) !important;
    font-size: 18px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    cursor: pointer !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translateY(12px) scale(.94) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.13),
        inset 0 -1px 0 rgba(231,206,154,.070),
        0 10px 22px rgba(0,0,0,.30),
        0 0 0 1px rgba(64, 126, 100, .10),
        0 0 15px rgba(209,166,91,.10) !important;
    transition:
        opacity .22s ease,
        visibility .22s ease,
        transform .22s ease,
        border-color .22s ease,
        box-shadow .22s ease,
        color .22s ease !important;
}

.back-to-top.show{
    opacity: .88 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateY(0) scale(1) !important;
}

.back-to-top:hover,
.back-to-top:focus-visible{
    color: rgba(255, 247, 216, 1) !important;
    border-color: rgba(255, 226, 170, .76) !important;
    transform: translateY(-1px) scale(1.01) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.17),
        inset 0 -1px 0 rgba(231,206,154,.10),
        0 12px 25px rgba(0,0,0,.35),
        0 0 0 1px rgba(245, 210, 142, .14),
        0 0 18px rgba(209,166,91,.18),
        0 0 12px rgba(54,138,107,.09) !important;
    outline: none !important;
}

.back-to-top:active{
    transform: translateY(0) scale(.96) !important;
}

body.rtl .back-to-top{
    right: auto !important;
    left: 22px !important;
}




/* 8.96 / 8.124 / 8.147 — Products interaction focus + quiet motion guard.
   8.124 calms hover/active motion and aligns keyboard focus with the reference gallery mood.
   8.147 trims hover/focus/active intensity again so the gallery feels quieter and more reference-like.
   CSS-only on existing controls: no new markup,
no asset,
no overlay layer. */
.products-page .mr-signature-card:focus-within{
    box-shadow:
        0 0 0 1px rgba(250, 224, 174, .24),
        0 18px 38px rgba(0, 0, 0, .24),
        inset 0 1px 0 rgba(255,255,255,.070) !important;
}

.products-page .product-card-link:focus-visible,
.products-page .mr-catalog-search-input:focus-visible,
.products-page .mr-catalog-select:focus-visible,
.products-page .mr-catalog-filter-submit:focus-visible,
.products-page .mr-catalog-filter-reset:focus-visible,
.products-page .mr-catalog-mobile-filter-btn:focus-visible,
.products-page .mr-catalog-return-btn:focus-visible,
.products-page .page-link:focus-visible,
.products-page .mr-catalog-view-btn:focus-visible,
.products-page .mr-catalog-empty-btn:focus-visible,
.products-page .mr-back-to-top:focus-visible,
.mr-image-zoom-viewer__close:focus-visible,
.mr-image-zoom-viewer__control:focus-visible{
    outline: none !important;
    border-color: rgba(255, 232, 184, .62) !important;
    box-shadow:
        0 0 0 2px rgba(5, 20, 17, .90),
        0 0 0 3px rgba(229, 198, 145, .24),
        0 10px 24px rgba(0, 0, 0, .22),
        inset 0 1px 0 rgba(255,255,255,.085) !important;
}

.products-page .product-card-quote-wrap:active .mr-signature-card,
.products-page .add-to-quote-btn.mr-quote-action:active,
.products-page .mr-add-to-cart-btn.mr-cart-action:active,
.products-page .mr-catalog-filter-submit:active,
.products-page .mr-catalog-filter-reset:active,
.products-page .mr-catalog-return-btn:active,
.products-page .page-link:active,
.products-page .mr-catalog-view-btn:active,
.products-page .mr-catalog-empty-btn:active,
.products-page .mr-back-to-top:active,
.mr-image-zoom-viewer__control:active{
    transform: translateY(.25px) scale(.998) !important;
}

@media (hover: none) {
    .products-page .product-card-quote-wrap:active .mr-signature-card{
        box-shadow:
            0 0 0 1px rgba(229,198,145,.22),
            0 14px 30px rgba(0,0,0,.24),
            inset 0 1px 0 rgba(255,255,255,.060) !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .products-page,
.products-page *,
.mr-image-zoom-viewer,
.mr-image-zoom-viewer *,
.scroll-progress,
.back-to-top *,
.mr-scroll-progress,
.mr-back-to-top *{
        animation-duration: .001ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
        transition-duration: .001ms !important;
    }

    .products-page .mr-signature-card .mr-in-quote-ring::before,
.products-page .mr-signature-card .mr-in-quote-ring::after,
.products-page .add-to-quote-btn.mr-quote-action::after,
.products-page .mr-add-to-cart-btn.mr-cart-action::after,
.mr-image-zoom-viewer__frame::before{
        animation: none !important;
    }
}


/* 8.97 / 8.123 / 8.133 / 8.140 — Products code,
price and identity typography readability polish.
   8.133 adds a safe dual metadata pass: calmer card code/price spacing plus cleaner Quick View / Image Zoom identity text.
   8.140 quiets the existing card code plaque so the product photo remains dominant in the reference-gallery frame.
   CSS-only on existing text surfaces: no markup,
no assets,
no overlay layer,
no behavior change. */
.products-page .mr-card-topline,
.products-page .mr-product-price,
.products-page .product-family-count,
.products-page .mr-catalog-toolbar-count,
.products-page .page-link,
.mr-image-zoom-viewer__zoom-level{
    font-variant-numeric: tabular-nums lining-nums !important;
    text-rendering: geometricPrecision !important;
}

body.rtl .products-page .mr-card-topline,
body.rtl .products-page .mr-product-price,
body.rtl .mr-image-zoom-viewer__zoom-level{
    direction: ltr !important;
    unicode-bidi: isolate !important;
}

body.rtl .products-page .product-family-count,
body.rtl .products-page .mr-catalog-toolbar-count,
body.rtl .products-page .page-link{
    unicode-bidi: isolate !important;
}

.products-page .mr-card-topline{
    max-width: calc(100% - 34px) !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.products-page .mr-product-price{
    min-width: 0 !important;
    letter-spacing: .12px !important;
}

body.rtl .products-page .mr-product-price{
    letter-spacing: .08px !important;
}




/* 8.98 / 8.139 — Products Emerald Textile Stage Microtexture.
   8.139 quiets the existing CSS-only surface noise and stage glow so the gallery reads closer to the dark reference frame.
   Existing Products stage only: no image asset,
no wrapper,
no pseudo-layer,
no behavior change. */
section.featured.products-page{
    --mr-mist-emerald: rgba(176, 235, 213, .720);
    --mr-mist-emerald-soft: rgba(176, 235, 213, .520);
    --mr-mist-emerald-glow: rgba(42, 124, 102, .220);
    --mr-mist-emerald-veil: rgba(215, 250, 233, .120);
    --mr-mist-emerald-line: rgba(176, 235, 213, .195);
    --mr-mist-emerald-ink: rgba(198, 242, 224, .780);
    background:
        repeating-linear-gradient(135deg, rgba(180, 238, 214, .016) 0px, rgba(180, 238, 214, .016) 1px, transparent 1.5px, transparent 12px),
        repeating-linear-gradient(45deg, rgba(229, 198, 145, .007) 0px, rgba(229, 198, 145, .007) 1px, transparent 1.5px, transparent 16px),
        linear-gradient(180deg, rgba(255,255,255,.031), transparent 18%),
        radial-gradient(circle at 12% 0%, rgba(229,198,145,.086), transparent 30%),
        radial-gradient(circle at 88% 7%, rgba(45, 128, 99, .092), transparent 34%),
        radial-gradient(circle at 50% 100%, rgba(12, 82, 64, .086), transparent 46%),
        linear-gradient(145deg, rgba(4, 20, 17, .54), rgba(1, 6, 5, .30) 52%, rgba(5, 17, 14, .44)) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.070),
        inset 0 -1px 0 rgba(229,198,145,.044),
        inset 0 0 44px rgba(0,0,0,.15),
        0 26px 68px rgba(0,0,0,.27) !important;
}




/* 8.99 / 8.139 — Products Signature Scrollbar Polish.
   8.139 quiets existing scrollbars to match the reference gallery surface and reduce visual noise.
   CSS-only refinement on existing scroll surfaces: no image asset,
no wrapper,
no overlay layer. */
body.product-list-body{
    scrollbar-width: thin !important;
    scrollbar-color: rgba(229,198,145,.48) rgba(2,8,7,.74) !important;
}

body.product-list-body::-webkit-scrollbar,
.products-page ::-webkit-scrollbar{
    width: 9px !important;
    height: 9px !important;
}

body.product-list-body::-webkit-scrollbar-track,
.products-page ::-webkit-scrollbar-track{
    background: linear-gradient(180deg, rgba(3,12,10,.80), rgba(0,0,0,.64)) !important;
    border-radius: 999px !important;
}

body.product-list-body::-webkit-scrollbar-thumb,
.products-page ::-webkit-scrollbar-thumb{
    border: 2px solid rgba(2,8,7,.84) !important;
    border-radius: 999px !important;
    background:
        linear-gradient(180deg, rgba(229,198,145,.66), rgba(126,95,45,.50)) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.18),
        0 0 14px rgba(229,198,145,.10) !important;
}

body.product-list-body::-webkit-scrollbar-thumb:hover,
.products-page ::-webkit-scrollbar-thumb:hover{
    background:
        linear-gradient(180deg, rgba(246,220,171,.74), rgba(154,118,58,.58)) !important;
}

body.product-list-body::-webkit-scrollbar-corner,
.products-page ::-webkit-scrollbar-corner{
    background: rgba(2,8,7,.78) !important;
}



/* 8.100 / 8.128 — Products Image Load Reveal / Performance Balance.
   8.128 keeps the existing reveal quiet and closer to the reference gallery: less blur,
less scale,
no persistent will-change.
   Uses existing product images only: no image asset,
wrapper,
overlay,
or layout change. */
.products-page .mr-catalog-product-image{
    opacity: .99;
    transition:
        opacity .36s cubic-bezier(.22,.75,.28,1),
        filter .36s cubic-bezier(.22,.75,.28,1),
        transform .36s cubic-bezier(.22,.75,.28,1);
    will-change: auto;
}

.products-page .mr-catalog-product-image.mr-image-loading{
    opacity: .34;
    filter: blur(3px) saturate(.84) brightness(.84);
    transform: scale(1.008);
}

.products-page .mr-catalog-product-image.mr-image-loaded{
    opacity: 1;
    filter: saturate(1.012) contrast(1.012) brightness(1.002);
}

.products-page .mr-catalog-product-image.mr-image-error{
    opacity: .68;
    filter: grayscale(.12) saturate(.82) brightness(.82);
}

.products-page .product-img:has(.mr-catalog-product-image.mr-image-loading){
    background:
        radial-gradient(circle at 50% 36%, rgba(229,198,145,.082), transparent 34%),
        linear-gradient(135deg, rgba(7,31,27,.84), rgba(1,8,8,.96));
}



@media (prefers-reduced-motion: reduce) {
    .products-page .mr-catalog-product-image{
        transition: none !important;
        will-change: auto !important;
    }
}

/* 8.101 — Products Missing Image Placeholder Signature Polish.
   CSS-only refinement of the existing .mr-image-placeholder; no asset,
wrapper,
overlay or behavior change. */
.products-page .mr-image-placeholder{
    isolation: isolate !important;
    width: 96px !important;
    height: 96px !important;
    border-radius: 32% !important;
    border: 1px solid rgba(230, 201, 145, .38) !important;
    background:
        radial-gradient(circle at 34% 22%, rgba(255, 238, 187, .20), transparent 30%),
        linear-gradient(145deg, rgba(31, 49, 39, .88), rgba(8, 20, 18, .96) 58%, rgba(80, 61, 31, .30)) !important;
    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,.045),
        inset 0 -18px 32px rgba(0,0,0,.34),
        0 16px 34px rgba(0,0,0,.32),
        0 0 0 7px rgba(229,198,145,.035) !important;
    color: rgba(248, 222, 169, .86) !important;
    font-size: 25px !important;
    letter-spacing: .12em !important;
    text-indent: .12em !important;
    text-shadow: 0 2px 10px rgba(0,0,0,.55), 0 0 18px rgba(229,198,145,.18) !important;
}

.products-page .mr-image-placeholder::before,
.products-page .mr-image-placeholder::after{
    content: "";
    position: absolute;
    inset: 9px;
    border-radius: 30% !important;
    pointer-events: none;
    z-index: -1;
}

.products-page .mr-image-placeholder::before{
    border: 1px solid rgba(229,198,145,.18);
    background: linear-gradient(135deg, rgba(255,255,255,.052), transparent 52%, rgba(229,198,145,.075));
}

.products-page .mr-image-placeholder::after{
    inset: auto 19px 18px;
    height: 1px;
    border-radius: 999px !important;
    background: linear-gradient(90deg, transparent, rgba(229,198,145,.58), transparent);
    box-shadow: 0 0 12px rgba(229,198,145,.24);
    z-index: 1;
}

.products-page .product-img:has(.mr-image-placeholder){
    background:
        radial-gradient(circle at 50% 33%, rgba(229,198,145,.11), transparent 34%),
        radial-gradient(circle at 18% 78%, rgba(30,88,73,.16), transparent 35%),
        linear-gradient(145deg, rgba(8,33,29,.94), rgba(1,8,8,.98)) !important;
}

.products-page .product-card-quote-wrap:hover .mr-image-placeholder{
    transform: translateY(-2px) scale(1.018) !important;
    border-color: rgba(235,204,148,.48) !important;
    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,.055),
        inset 0 -18px 32px rgba(0,0,0,.32),
        0 20px 42px rgba(0,0,0,.38),
        0 0 0 8px rgba(229,198,145,.045),
        0 0 34px rgba(229,198,145,.105) !important;
}





/* 8.103 / 8.113 / 8.126 — Products CSS-only Stage Edge Rails.
   8.126 tightens the existing left/top rails so the Products stage feels closer to the reference gallery side frame.
   Existing Products stage background only: no image asset,
wrapper,
HTML,
pseudo-overlay or new layer. */
section.featured.products-page{
    border-color: rgba(229,198,145,.36) !important;
    background:
        linear-gradient(90deg, rgba(229,198,145,.148) 0px, rgba(229,198,145,.044) 1px, rgba(7,45,38,.215) 3px, rgba(5,34,29,.188) 64px, rgba(3,22,19,.096) 128px, transparent 224px),
        linear-gradient(180deg, rgba(255,235,184,.088) 0px, rgba(18,72,58,.047) 50px, transparent 164px),
        repeating-linear-gradient(135deg, rgba(180, 238, 214, .011) 0px, rgba(180, 238, 214, .011) 1px, transparent 1.5px, transparent 10px),
        repeating-linear-gradient(45deg, rgba(229, 198, 145, .007) 0px, rgba(229, 198, 145, .007) 1px, transparent 1.5px, transparent 14px),
        linear-gradient(180deg, rgba(255,255,255,.035), transparent 18%),
        radial-gradient(ellipse at 4% 47%, rgba(87, 214, 174, .094), transparent 18%),
        radial-gradient(circle at 88% 7%, rgba(45, 128, 99, .094), transparent 35%),
        radial-gradient(circle at 50% 100%, rgba(12, 82, 64, .098), transparent 46%),
        linear-gradient(145deg, rgba(4, 20, 17, .64), rgba(1, 6, 5, .38) 52%, rgba(5, 17, 14, .50)) !important;
    box-shadow:
        inset 1px 0 0 rgba(255,236,190,.132),
        inset 0 1px 0 rgba(255,255,255,.070),
        inset 84px 0 78px -104px rgba(229,198,145,.265),
        inset 0 22px 50px -46px rgba(229,198,145,.205),
        inset -34px 0 66px -62px rgba(52,143,112,.115),
        inset 0 -1px 0 rgba(229,198,145,.052),
        inset 0 0 68px rgba(0,0,0,.22),
        0 30px 80px rgba(0,0,0,.30) !important;
}





/* 8.106 / 8.107 / 8.127 / 8.143 — Products image chamber depth balance.
   8.107 keeps the existing chamber/pseudo-elements and only retunes depth,
antique-gold edge and dark-emerald shade.
   8.127 softens the chamber falloff so product photos stay dominant while keeping the reference gallery depth.
   8.143 adds a quad-pack media pass: quieter chamber falloff,
calmer photo filters and lighter viewer stages.
   Scope: existing product image chamber only. No new markup,
wrapper,
asset,
overlay,
or behavior change. */
.products-page .mr-signature-card .product-img{
    border-color: rgba(238,205,142,.105) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.046),
        inset 0 -18px 30px rgba(0,0,0,.170),
        inset 0 0 0 1px rgba(238,205,142,.026) !important;
}

.products-page .mr-signature-card .product-img::before{
    background:
        linear-gradient(180deg, rgba(0,0,0,.225) 0%, rgba(0,0,0,.026) 28%, rgba(0,0,0,.030) 60%, rgba(0,0,0,.305) 100%),
        radial-gradient(ellipse at 50% 43%, transparent 0%, transparent 54%, rgba(0,0,0,.092) 100%) !important;
    opacity: .78 !important;
}

.products-page .mr-signature-card .product-img::after{
    border-color: rgba(238,205,142,.060) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.026),
        inset 0 -1px 0 rgba(238,205,142,.024) !important;
}

.products-page .product-card-quote-wrap:hover .mr-signature-card .product-img{
    border-color: rgba(238,205,142,.150) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.052),
        inset 0 -18px 32px rgba(0,0,0,.178),
        inset 0 0 0 1px rgba(238,205,142,.034),
        0 0 20px rgba(36,128,97,.052) !important;
}




/* 8.115 / 8.127 / 8.143 / 8.147 — Products Reference Card Focal / Motion Polish.
   Reference direction: make each existing product card read more like a calm luxury gallery tile.
   8.147 calms hover shell,
image motion and focus feedback without changing any click/zoom/cart behavior.
   Scope: existing card labels,
image focus,
caption gradient and price capsule only.
   CSS-only: no image asset,
no wrapper,
no HTML change,
no pseudo-element,
no overlay/layer,
no behavior change. */
@media (min-width: 769px){
    .products-page .mr-card-watermark {
        top: 15px !important;
        right: 17px !important;
        color: rgba(229,198,145,.145) !important;
        -webkit-text-fill-color: rgba(229,198,145,.145) !important;
        font-size: 49px !important;
        letter-spacing: -3.8px !important;
    }

    body.rtl .products-page .mr-card-watermark {
        right: auto !important;
        left: 17px !important;
    }

    .products-page .mr-card-topline {
        top: 17px !important;
        left: 17px !important;
        border-color: rgba(229,198,145,.30) !important;
        background:
            linear-gradient(180deg, rgba(9, 38, 31, .66), rgba(1, 9, 8, .50)) !important;
        color: rgba(255,237,199,.90) !important;
        -webkit-text-fill-color: rgba(255,237,199,.90) !important;
        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.070),
            0 7px 17px rgba(0,0,0,.20) !important;
    }

    body.rtl .products-page .mr-card-topline {
        left: auto !important;
        right: 17px !important;
    }

    .products-page .mr-signature-card .product-img img.mr-catalog-product-image {
        filter: saturate(1.008) contrast(1.012) brightness(1.002) !important;
    }

    .products-page .product-card-quote-wrap:hover .mr-signature-card .product-img img.mr-catalog-product-image {
        transform: scale(1.010) !important;
        filter: saturate(1.012) contrast(1.014) brightness(1.004) !important;
    }

    .products-page .mr-signature-card .product-info {
        padding: 70px 20px 21px !important;
        gap: 5px !important;
        background:
            linear-gradient(180deg,
                rgba(0,0,0,0) 0%,
                rgba(0,0,0,.030) 24%,
                rgba(0,0,0,.43) 63%,
                rgba(1, 9, 8, .92) 100%) !important;
    }

    .products-page .mr-signature-card .product-category {
        margin-bottom: 4px !important;
        color: rgba(229,198,145,.77) !important;
        -webkit-text-fill-color: rgba(229,198,145,.77) !important;
        font-size: 9.7px !important;
        letter-spacing: .145em !important;
    }

    body.rtl .products-page .mr-signature-card .product-category {
        letter-spacing: .020em !important;
        font-weight: 700 !important;
    }

    .products-page .mr-signature-card .product-info h3 {
        margin-bottom: 7px !important;
        color: rgba(249,255,252,.965) !important;
        -webkit-text-fill-color: rgba(249,255,252,.965) !important;
        font-size: clamp(17px, 1.42vw, 20px) !important;
        line-height: 1.12 !important;
        letter-spacing: .025em !important;
        text-shadow:
            0 10px 24px rgba(0,0,0,.54),
            0 0 18px rgba(229,198,145,.070) !important;
    }

    .products-page .mr-signature-card .mr-card-bottom {
        margin-top: 0 !important;
    }

    .products-page .mr-signature-card .mr-product-price {
        min-height: 34px !important;
        padding-inline: 15px !important;
        border-color: rgba(229,198,145,.46) !important;
        background:
            radial-gradient(circle at 28% 0%, rgba(255,238,191,.13), transparent 42%),
            linear-gradient(180deg, rgba(9, 38, 31, .72), rgba(1, 8, 7, .56)) !important;
        color: rgba(255,242,211,.98) !important;
        -webkit-text-fill-color: rgba(255,242,211,.98) !important;
        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.082),
            inset 0 -1px 0 rgba(229,198,145,.046),
            0 9px 21px rgba(0,0,0,.23) !important;
    }
}




/* 8.116 / 8.137 — Products Reference CTA Glass Bar Polish.
   8.137 adds a lighter CTA glass/performance pass so purchase actions stay refined without heavier blur or glow.
   Reference direction: make the existing Add to Quote / Add to Cart bars read closer to the preferred gallery mockup.
   Scope: existing card CTA and Quick View CTA controls only.
   CSS-only: no image asset,
no wrapper,
no HTML change,
no new pseudo-element,
no overlay/layer,
no behavior change. */
@media (min-width: 769px){
    .products-page .add-to-quote-btn.mr-quote-action,
    .products-page .mr-add-to-cart-btn.mr-cart-action {
        width: calc(100% - 16px) !important;
        min-height: 42px !important;
        margin-top: 13px !important;
        border-radius: 14px !important;
        border-color: rgba(229,198,145,.38) !important;
        font-size: 12px !important;
        font-weight: 890 !important;
        letter-spacing: .14px !important;
        gap: 10px !important;
        backdrop-filter: blur(6px) saturate(110%) !important;
        -webkit-backdrop-filter: blur(6px) saturate(110%) !important;
    }

    .products-page .add-to-quote-btn.mr-quote-action {
        background:
            radial-gradient(circle at 50% -42%, rgba(255,239,194,.145), transparent 46%),
            radial-gradient(circle at 50% 100%, rgba(44,132,101,.125), transparent 50%),
            linear-gradient(180deg, rgba(12, 54, 44, .82), rgba(3, 20, 17, .95) 62%, rgba(1, 9, 8, .98)) !important;
        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.128),
            inset 0 -1px 0 rgba(229,198,145,.090),
            inset 0 0 16px rgba(72, 150, 112, .075),
            0 11px 22px rgba(0,0,0,.28),
            0 0 0 1px rgba(71, 136, 106, .075),
            0 0 18px rgba(42, 133, 102, .070) !important;
    }

    .products-page .mr-add-to-cart-btn.mr-cart-action {
        background:
            radial-gradient(circle at 50% -42%, rgba(255,235,183,.155), transparent 46%),
            radial-gradient(circle at 50% 100%, rgba(61,125,96,.105), transparent 52%),
            linear-gradient(180deg, rgba(47, 57, 38, .80), rgba(13, 31, 25, .95) 60%, rgba(2, 10, 9, .98)) !important;
        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.128),
            inset 0 -1px 0 rgba(229,198,145,.098),
            inset 0 0 16px rgba(229,198,145,.058),
            0 11px 22px rgba(0,0,0,.28),
            0 0 0 1px rgba(229,198,145,.048),
            0 0 18px rgba(229,198,145,.055) !important;
    }

    .products-page .add-to-quote-btn.mr-quote-action::before,
    .products-page .mr-add-to-cart-btn.mr-cart-action::before {
        inset: 3px !important;
        border-radius: 11px !important;
        background:
            linear-gradient(180deg, rgba(255,255,255,.084), transparent 29%, transparent 72%, rgba(229,198,145,.040)) !important;
        box-shadow:
            inset 0 0 0 1px rgba(255,255,255,.034),
            inset 0 0 16px rgba(42, 133, 102, .040) !important;
    }

    .products-page .add-to-quote-btn.mr-quote-action::after,
    .products-page .mr-add-to-cart-btn.mr-cart-action::after {
        left: 18px !important;
        right: 18px !important;
        top: 6px !important;
        opacity: .54 !important;
        background: linear-gradient(90deg, transparent, rgba(255,235,190,.44), transparent) !important;
    }

    .products-page .add-to-quote-btn.mr-quote-action .mr-quote-icon,
    .products-page .mr-add-to-cart-btn.mr-cart-action .mr-cart-icon {
        opacity: .82 !important;
        filter: drop-shadow(0 0 4px rgba(229,198,145,.085)) !important;
    }

    .products-page .add-to-quote-btn.mr-quote-action:hover,
    .products-page .add-to-quote-btn.mr-quote-action.is-added,
    .products-page .mr-add-to-cart-btn.mr-cart-action:hover,
    .products-page .mr-add-to-cart-btn.mr-cart-action.is-added {
        transform: translateY(-1px) !important;
        border-color: rgba(255,225,164,.52) !important;
        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.158),
            inset 0 -1px 0 rgba(229,198,145,.118),
            inset 0 0 18px rgba(229,198,145,.060),
            0 13px 25px rgba(0,0,0,.30),
            0 0 19px rgba(44,132,101,.090) !important;
    }
}




/* 8.119 / 8.144 — Products Reference Mobile Gallery Rhythm / Touch Performance Balance.
   8.144 tightens the existing mobile/touch chrome so the two-column gallery stays lighter while moving toward the preferred reference mood.
   Reference direction: keep the mobile two-column catalog calm,
taller,
and closer to the preferred gallery mood.
   Scope: existing Products mobile stage,
grid,
card text/price and CTA sizing only.
   CSS-only: no image asset,
no wrapper,
no HTML change,
no pseudo-element,
no overlay/layer,
no behavior change. */






/* 8.120 / 8.142 — Products Reference Selection-State Balance.
   Reference direction: selected Cart/Quote products should feel like quiet reserved gallery pieces,
closer to the preferred dark emerald / antique-gold reference and less neon-heavy.
   8.142 adds a quad-pack pass for calmer selected rings and selected CTA chrome.
   Scope: existing selected card shell,
existing mr-in-quote-ring and selected CTA states only.
   CSS-only: no image asset,
no wrapper,
no HTML change,
no new pseudo-element,
no overlay/layer,
no behavior change. */
.products-page .product-card-quote-wrap.is-in-quote .mr-signature-card,
.products-page .product-card-quote-wrap.is-in-cart .mr-signature-card,
.products-page .mr-signature-card.is-in-quote,
.products-page .mr-signature-card.is-in-cart{
    border-color: rgba(229,198,145,.50) !important;
    box-shadow:
        0 20px 44px rgba(0,0,0,.46),
        0 0 0 1px rgba(229,198,145,.058),
        0 0 16px rgba(41,128,99,.058),
        inset 0 1px 0 rgba(255,255,255,.046),
        inset 0 0 0 1px rgba(229,198,145,.028) !important;
}

.products-page .product-card-quote-wrap.is-in-quote .mr-signature-card .mr-in-quote-ring,
.products-page .product-card-quote-wrap.is-in-cart .mr-signature-card .mr-in-quote-ring,
.products-page .mr-signature-card.is-in-quote .mr-in-quote-ring,
.products-page .mr-signature-card.is-in-cart .mr-in-quote-ring{
    inset: 8px !important;
    border-width: 1px !important;
    border-color: rgba(229,198,145,.36) !important;
    box-shadow:
        0 0 0 1px rgba(255,255,255,.018),
        0 0 7px rgba(229,198,145,.110),
        0 0 16px rgba(28,111,84,.058),
        inset 0 0 0 1px rgba(255,255,255,.030),
        inset 0 0 6px rgba(229,198,145,.045) !important;
}

.products-page .product-card-quote-wrap.is-in-quote .mr-signature-card .mr-in-quote-ring::before,
.products-page .product-card-quote-wrap.is-in-cart .mr-signature-card .mr-in-quote-ring::before,
.products-page .mr-signature-card.is-in-quote .mr-in-quote-ring::before,
.products-page .mr-signature-card.is-in-cart .mr-in-quote-ring::before{
    opacity: .12 !important;
    border-color: rgba(216,255,246,.070) !important;
    box-shadow:
        0 0 4px rgba(35,150,112,.050),
        inset 0 0 5px rgba(35,150,112,.032) !important;
}

.products-page .product-card-quote-wrap.is-in-quote .mr-signature-card .mr-in-quote-ring::after,
.products-page .product-card-quote-wrap.is-in-cart .mr-signature-card .mr-in-quote-ring::after,
.products-page .mr-signature-card.is-in-quote .mr-in-quote-ring::after,
.products-page .mr-signature-card.is-in-cart .mr-in-quote-ring::after{
    top: -5px !important;
    height: 8px !important;
    width: 44% !important;
    opacity: .72 !important;
    background:
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(216,255,246,.026) 13%,
            rgba(216,255,246,.17) 30%,
            rgba(229,198,145,.62) 47%,
            rgba(255,250,232,.70) 52%,
            rgba(229,198,145,.62) 59%,
            rgba(216,255,246,.15) 75%,
            rgba(216,255,246,.024) 88%,
            transparent 100%
        ) !important;
    box-shadow:
        0 0 8px rgba(229,198,145,.42),
        0 0 15px rgba(229,198,145,.18),
        0 0 18px rgba(35,150,112,.10) !important;
    filter: blur(.56px) !important;
    animation-duration: 3.45s !important;
}

.products-page .product-card-quote-wrap.is-in-quote .add-to-quote-btn.mr-quote-action,
.products-page .product-card-quote-wrap.is-in-cart .mr-add-to-cart-btn.mr-cart-action{
    border-color: rgba(229,198,145,.48) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.040), rgba(255,255,255,0) 36%),
        radial-gradient(circle at 28% 0%, rgba(229,198,145,.090), transparent 42%),
        linear-gradient(135deg, rgba(8, 45, 36, .76), rgba(2, 11, 10, .66)) !important;
    color: rgba(255,242,211,.92) !important;
    -webkit-text-fill-color: rgba(255,242,211,.92) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.085),
        inset 0 -1px 0 rgba(229,198,145,.046),
        0 9px 20px rgba(0,0,0,.25),
        0 0 12px rgba(229,198,145,.040) !important;
}

.products-page .product-card-quote-wrap.is-in-quote .add-to-quote-btn .mr-quote-label::after,
.products-page .product-card-quote-wrap.is-in-cart .mr-add-to-cart-btn .mr-cart-label::after{
    color: rgba(229,198,145,.84) !important;
    -webkit-text-fill-color: rgba(229,198,145,.84) !important;
    text-shadow: 0 0 7px rgba(229,198,145,.14) !important;
}




/* 8.121 / 8.146 — Products Reference Filter / Result-State Balance.
   Reference direction: active filters,
return rails and no-result state should feel like calm gallery controls,
closer to the preferred dark emerald / antique-gold reference without adding visual weight.
   Scope: existing active filter chips,
context return buttons and existing empty-state block only.
   CSS-only: no image asset,
no wrapper,
no HTML change,
no new pseudo-element,
no overlay/layer,
no behavior change. */
.products-page .mr-catalog-toolbar-head > .mr-catalog-active-filter{
    min-height: 29px !important;
    padding: 0 12px !important;
    border-color: rgba(229,198,145,.36) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.052), rgba(255,255,255,.016) 48%, rgba(0,0,0,.020)),
        linear-gradient(135deg, rgba(9, 41, 34, .68), rgba(1, 10, 9, .60)) !important;
    color: rgba(249,238,211,.91) !important;
    -webkit-text-fill-color: rgba(249,238,211,.91) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.090),
        inset 0 -1px 0 rgba(229,198,145,.044),
        0 10px 22px rgba(0,0,0,.18),
        0 0 14px rgba(229,198,145,.040) !important;
}

.products-page .mr-catalog-toolbar-head > .mr-catalog-active-filter::before{
    width: 4px !important;
    height: 4px !important;
    flex-basis: 4px !important;
    background: rgba(229,198,145,.88) !important;
    box-shadow:
        0 0 8px rgba(229,198,145,.26),
        0 0 12px rgba(45,140,108,.075) !important;
}

.products-page .mr-catalog-toolbar-head > .mr-catalog-family-filter{
    border-color: rgba(106, 213, 186, .34) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.050), rgba(255,255,255,.014) 52%, rgba(0,0,0,.018)),
        linear-gradient(135deg, rgba(11, 70, 59, .72), rgba(2, 15, 13, .66)) !important;
    color: rgba(218,255,246,.92) !important;
    -webkit-text-fill-color: rgba(218,255,246,.92) !important;
}

.products-page .mr-catalog-toolbar-head > .mr-catalog-family-filter::before{
    background: rgba(120,228,201,.82) !important;
    box-shadow:
        0 0 8px rgba(93,214,184,.24),
        0 0 12px rgba(229,198,145,.045) !important;
}

.products-page .mr-catalog-context-actions{
    gap: 9px !important;
}

.products-page .mr-catalog-return-btn{
    min-height: 32px !important;
    padding: 0 14px !important;
    border-color: rgba(229,198,145,.30) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.058), rgba(255,255,255,.016) 54%, rgba(0,0,0,.020)),
        linear-gradient(135deg, rgba(6, 30, 25, .70), rgba(1, 9, 8, .64)) !important;
    color: rgba(246,236,212,.88) !important;
    -webkit-text-fill-color: rgba(246,236,212,.88) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.085),
        inset 0 -1px 0 rgba(229,198,145,.040),
        0 10px 22px rgba(0,0,0,.18) !important;
}

.products-page .mr-catalog-return-btn::before{
    border-color: rgba(229,198,145,.25) !important;
    background: rgba(255,255,255,.030) !important;
    color: rgba(229,198,145,.86) !important;
    -webkit-text-fill-color: rgba(229,198,145,.86) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.055) !important;
}

.products-page .mr-catalog-return-family{
    border-color: rgba(105, 209, 184, .31) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.052), rgba(255,255,255,.014) 52%, rgba(0,0,0,.018)),
        linear-gradient(135deg, rgba(12, 69, 59, .69), rgba(2, 14, 13, .68)) !important;
}

.products-page .mr-catalog-return-family::before{
    border-color: rgba(122,228,202,.24) !important;
    color: rgba(213,255,245,.84) !important;
    -webkit-text-fill-color: rgba(213,255,245,.84) !important;
}

.products-page .mr-catalog-return-quote{
    border-color: rgba(229,198,145,.48) !important;
    background:
        linear-gradient(180deg, rgba(255,245,212,.18), rgba(255,255,255,0) 35%),
        linear-gradient(180deg, rgba(224, 183, 112, .92), rgba(111, 78, 39, .86)) !important;
    color: rgba(4, 16, 14, .94) !important;
    -webkit-text-fill-color: rgba(4, 16, 14, .94) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.24),
        inset 0 -1px 0 rgba(54,32,13,.16),
        0 12px 25px rgba(0,0,0,.23),
        0 0 15px rgba(229,198,145,.075) !important;
}

.products-page .mr-catalog-empty-state{
    margin-top: 36px !important;
    border-color: rgba(229,198,145,.31) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.034), rgba(255,255,255,0) 24%),
        linear-gradient(90deg, rgba(229,198,145,.046), transparent 18%, transparent 82%, rgba(58,151,116,.038)),
        radial-gradient(ellipse at 18% 0%, rgba(229,198,145,.088), transparent 33%),
        radial-gradient(ellipse at 84% 92%, rgba(35, 130, 101, .118), transparent 38%),
        linear-gradient(145deg, rgba(4, 18, 16, .92), rgba(1, 7, 7, .84) 56%, rgba(4, 17, 15, .90)) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.070),
        inset 0 -1px 0 rgba(229,198,145,.038),
        inset 0 0 44px rgba(0,0,0,.15),
        0 22px 56px rgba(0,0,0,.28) !important;
}

.products-page .mr-catalog-empty-state::before{
    color: rgba(229,198,145,.030) !important;
    -webkit-text-fill-color: rgba(229,198,145,.030) !important;
    text-shadow: 0 14px 34px rgba(0,0,0,.16) !important;
}

.products-page .mr-catalog-empty-state::after{
    left: 12% !important;
    right: 12% !important;
    background: linear-gradient(90deg, transparent, rgba(255,239,202,.58), rgba(229,198,145,.30), transparent) !important;
    opacity: .60 !important;
}

.products-page .mr-catalog-empty-inner{
    gap: 14px !important;
}

.products-page .mr-catalog-empty-kicker{
    min-height: 29px !important;
    border-color: rgba(229,198,145,.30) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.052), rgba(255,255,255,.014)),
        rgba(8, 38, 31, .50) !important;
    color: rgba(238,214,166,.90) !important;
    -webkit-text-fill-color: rgba(238,214,166,.90) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.070),
        0 7px 15px rgba(0,0,0,.13) !important;
}

.products-page .mr-catalog-empty-kicker::before{
    width: 4px !important;
    height: 4px !important;
    background: rgba(229,198,145,.86) !important;
    box-shadow: 0 0 7px rgba(229,198,145,.20) !important;
}

.products-page .mr-catalog-empty-title{
    color: rgba(250,255,252,.955) !important;
    -webkit-text-fill-color: rgba(250,255,252,.955) !important;
    text-shadow:
        0 14px 28px rgba(0,0,0,.34),
        0 0 14px rgba(229,198,145,.040) !important;
}

.products-page .mr-catalog-empty-text{
    color: rgba(216,241,233,.70) !important;
    -webkit-text-fill-color: rgba(216,241,233,.70) !important;
}

.products-page .mr-catalog-empty-btn.primary{
    border-color: rgba(229,198,145,.50) !important;
    background:
        linear-gradient(180deg, rgba(255,245,212,.18), rgba(255,255,255,0) 36%),
        linear-gradient(180deg, rgba(224, 183, 112, .92), rgba(105, 73, 36, .86)) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.18),
        inset 0 -1px 0 rgba(54,32,13,.15),
        0 11px 23px rgba(0,0,0,.20) !important;
}

.products-page .mr-catalog-empty-btn.secondary{
    border-color: rgba(216,255,246,.16) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.050), rgba(255,255,255,.014)),
        rgba(3, 18, 15, .58) !important;
    color: rgba(236,255,249,.74) !important;
    -webkit-text-fill-color: rgba(236,255,249,.74) !important;
}







/* 8.125 / 8.140 — Products Reference Caption Plate / Micro Typography Balance.
   Reference direction: the card caption should read closer to the preferred MR gallery mockup:
   quieter category subtitle,
more editorial family/code title,
and a calmer price jewel.
   8.140 adds a final quiet caption pass: less glow,
slightly tighter spacing,
and lighter mobile card chrome.
   Scope: existing card caption text surfaces only.
   CSS-only: no image asset,
no wrapper,
no HTML change,
no pseudo-element,
no overlay/layer,
no behavior change. */
@media (min-width: 769px){
    .products-page .mr-signature-card .product-info {
        padding: 68px 18px 20px !important;
        gap: 4px !important;
    }

    .products-page .mr-signature-card .product-category {
        min-height: auto !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        color: rgba(126, 210, 181, .78) !important;
        -webkit-text-fill-color: rgba(126, 210, 181, .78) !important;
        font-size: 9.7px !important;
        font-weight: 800 !important;
        letter-spacing: .150em !important;
        line-height: 1.18 !important;
        text-shadow: 0 0 12px rgba(81, 176, 139, .072) !important;
    }

    .products-page .mr-signature-card .product-info h3 {
        margin-bottom: 7px !important;
        font-family: Georgia, "Times New Roman", serif !important;
        font-size: clamp(17.6px, 1.48vw, 20.5px) !important;
        font-weight: 520 !important;
        letter-spacing: .070em !important;
        line-height: 1.08 !important;
        color: rgba(251, 239, 219, .975) !important;
        -webkit-text-fill-color: rgba(251, 239, 219, .975) !important;
        text-shadow:
            0 10px 21px rgba(0,0,0,.52),
            0 0 10px rgba(229,198,145,.058) !important;
    }

    .products-page .mr-signature-card .mr-card-bottom {
        justify-content: flex-start !important;
        min-height: 35px !important;
    }

    .products-page .mr-signature-card .mr-product-price {
        min-height: 33px !important;
        padding-inline: 13px !important;
        font-family: Georgia, "Times New Roman", serif !important;
        font-size: clamp(16.4px, 1.34vw, 19px) !important;
        font-weight: 500 !important;
        letter-spacing: .030em !important;
        border-color: rgba(229,198,145,.30) !important;
        background:
            linear-gradient(180deg, rgba(255,236,188,.076), rgba(0,0,0,.17)) !important;
        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.052),
            inset 0 -1px 0 rgba(229,198,145,.030),
            0 5px 12px rgba(0,0,0,.14) !important;
    }
}

body.rtl .products-page .mr-signature-card .product-category{
    letter-spacing: 0 !important;
    font-weight: 760 !important;
}

body.rtl .products-page .mr-signature-card .product-info h3,
body.rtl .products-page .mr-signature-card .mr-product-price{
    font-family: inherit !important;
}

body.rtl .products-page .mr-signature-card .product-info h3{
    letter-spacing: 0 !important;
    font-weight: 830 !important;
}

body.rtl .products-page .mr-signature-card .mr-product-price{
    font-weight: 880 !important;
    letter-spacing: .02em !important;
}




/* 8.158 — Products CSS Cleanup / Performance Pass.
   Removed superseded Design Sprint 1–3 override blocks (8.149–8.151). Active Design Sprint values now live in the 8.154–8.157 blocks below.
   CSS cleanup only: no selector behavior change,
no HTML/JS/asset/pseudo-element/overlay change. */
/* 8.154 / 8.155 / 8.156 / 8.158 — Products Reference Major Visual Sprint 6 / Product Card Signature / Quick View Gallery Sprint / CSS Cleanup.
   Controlled Design Sprint: 8.154 strengthened showroom architecture; 8.155 turned the card into a stronger
   MR Signature gallery object; 8.156 upgrades the existing Quick View into a more private gallery panel; 8.158 removes superseded Sprint 1–3 overrides.
   Scope: existing Products stage,
rails,
grid,
cards,
CTA,
Quick View and Image Zoom only.
   CSS-only: no image asset,
no wrapper,
no HTML change,
no JS change,
no new pseudo-element,
no new overlay/layer. */
:root{
    --mr-products-reference-width: 1500px;
}

section.featured.products-page{
    max-width: 1800px !important;
    margin: 14px auto 112px !important;
    padding: 102px 94px 126px !important;
    border-radius: 82px !important;
    border-color: rgba(229,198,145,.68) !important;
    background:
        linear-gradient(90deg, rgba(229,198,145,.345) 0px, rgba(229,198,145,.120) 1px, rgba(10,64,52,.49) 8px, rgba(5,42,35,.42) 132px, rgba(3,22,19,.215) 254px, transparent 428px),
        linear-gradient(180deg, rgba(255,239,199,.212) 0px, rgba(23,94,73,.108) 96px, transparent 314px),
        repeating-linear-gradient(135deg, rgba(180,238,214,.016) 0px, rgba(180,238,214,.016) 1px, transparent 1.5px, transparent 14px),
        repeating-linear-gradient(45deg, rgba(229,198,145,.011) 0px, rgba(229,198,145,.011) 1px, transparent 1.5px, transparent 18px),
        radial-gradient(ellipse at 5% 45%, rgba(91,222,180,.190), transparent 25%),
        radial-gradient(circle at 88% 7%, rgba(58,150,116,.176), transparent 42%),
        radial-gradient(circle at 50% 100%, rgba(15,96,74,.176), transparent 54%),
        linear-gradient(145deg, rgba(3,18,15,.92), rgba(1,6,5,.57) 52%, rgba(5,18,15,.76)) !important;
    box-shadow:
        inset 1px 0 0 rgba(255,236,190,.288),
        inset 0 1px 0 rgba(255,255,255,.126),
        inset 260px 0 220px -178px rgba(229,198,145,.54),
        inset 0 68px 150px -76px rgba(229,198,145,.42),
        inset -92px 0 140px -84px rgba(52,143,112,.26),
        inset 0 -1px 0 rgba(229,198,145,.104),
        inset 0 0 146px rgba(0,0,0,.37),
        0 90px 238px rgba(0,0,0,.61) !important;
}

section.featured.products-page > h2{
    width: min(100%, var(--mr-products-reference-width)) !important;
    max-width: var(--mr-products-reference-width) !important;
    margin-bottom: 66px !important;
}

.products-page .mr-catalog-toolbar,
.products-page .product-family-head,
.products-page .mr-select-for-quote-note,
.products-page .products-pagination,
.products-page .mr-catalog-empty-state{
    width: min(100%, var(--mr-products-reference-width)) !important;
    max-width: var(--mr-products-reference-width) !important;
}

.products-page .mr-catalog-toolbar{
    margin-bottom: 58px !important;
    padding: 20px 24px !important;
    border-radius: 40px !important;
    border-color: rgba(229,198,145,.50) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.078),
        inset 0 -1px 0 rgba(229,198,145,.044),
        0 42px 104px rgba(0,0,0,.39) !important;
}

.products-page .product-family-head{
    margin-top: 50px !important;
    margin-bottom: 48px !important;
    padding: 24px 28px !important;
    border-radius: 40px !important;
    border-color: rgba(229,198,145,.44) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.076),
        0 36px 88px rgba(0,0,0,.34) !important;
}

.products-page .product-family-title{
    font-size: clamp(32px, 3.3vw, 48px) !important;
    letter-spacing: .205em !important;
}

.products-page .product-family-kicker,
.products-page .product-family-count{
    letter-spacing: .188em !important;
}

.products-page .product-grid.family-product-grid{
    max-width: var(--mr-products-reference-width) !important;
    gap: clamp(54px, 4.8vw, 96px) !important;
    padding-top: clamp(66px, 6.2vw, 106px) !important;
}

@media (min-width: 769px) {
    .products-page .product-card-quote-wrap{
        max-width: 454px !important;
        contain-intrinsic-size: 930px !important;
    }

    .products-page .product-card,
.products-page .luxury-product-card,
.products-page .mr-signature-card{
        min-height: 748px !important;
        border-radius: 60px !important;
        border-color: rgba(229,198,145,.80) !important;
        box-shadow:
            0 72px 174px rgba(0,0,0,.73),
            inset 0 0 0 1px rgba(255,255,255,.078) !important;
    }

    .products-page .product-card:hover,
.products-page .luxury-product-card:hover,
.products-page .mr-signature-card:hover,
.products-page .product-card-quote-wrap:hover .mr-signature-card{
        border-color: rgba(255,239,204,.96) !important;
        box-shadow:
            0 86px 198px rgba(0,0,0,.77),
            inset 0 0 0 1px rgba(255,255,255,.082) !important;
    }

    .products-page .mr-card-watermark{
        font-size: 88px !important;
        opacity: .92 !important;
    }

    .products-page .mr-card-topline{
        min-height: 39px !important;
        padding-inline: 23px !important;
        font-size: 12.4px !important;
        letter-spacing: 2.32px !important;
    }

    .products-page .mr-signature-card .product-img img.mr-catalog-product-image{
        object-position: 50% 43% !important;
        filter: saturate(1.034) contrast(1.036) brightness(1.020) !important;
    }

    .products-page .product-card-quote-wrap:hover .mr-signature-card .product-img img.mr-catalog-product-image{
        transform: scale(1.024) !important;
        filter: saturate(1.042) contrast(1.038) brightness(1.022) !important;
    }

    .products-page .mr-signature-card .product-info{
        padding: 184px 46px 60px !important;
        background:
            linear-gradient(180deg,
                rgba(0,0,0,0) 0%,
                rgba(0,0,0,.016) 23%,
                rgba(0,0,0,.40) 54%,
                rgba(1,8,7,.985) 100%) !important;
    }

    .products-page .mr-signature-card .product-category{
        font-size: 12.4px !important;
        letter-spacing: .250em !important;
    }

    .products-page .mr-signature-card .product-info h3{
        font-size: clamp(27px, 2.72vw, 38px) !important;
        line-height: 1.06 !important;
    }

    .products-page .mr-signature-card .mr-product-price{
        min-height: 60px !important;
        padding-inline: 31px !important;
        font-size: 22.9px !important;
        border-color: rgba(229,198,145,.66) !important;
    }

    .products-page .add-to-quote-btn.mr-quote-action,
.products-page .mr-add-to-cart-btn.mr-cart-action{
        width: 100% !important;
        min-height: 70px !important;
        margin-top: 34px !important;
        border-radius: 30px !important;
        font-size: 16px !important;
        letter-spacing: .136em !important;
    }
}

@media (min-width: 1180px) {
    .products-page .product-grid.family-product-grid{
        grid-template-columns: repeat(3, minmax(344px, 454px)) !important;
        max-width: var(--mr-products-reference-width) !important;
        column-gap: clamp(58px, 4.6vw, 69px) !important;
        row-gap: 98px !important;
    }
}





/* 8.157 — Products Reference Mobile Luxury Sprint.
   Controlled mobile sprint after the Quick View gallery sprint: tighten the phone showroom rhythm,
keep the two-column catalogue,
make touch CTAs cleaner,
and give Quick View / Image Zoom a more premium mobile balance.
   Scope: existing Products mobile surfaces only.
   CSS-only: no image asset,
no wrapper,
no HTML change,
no JS change,
no new pseudo-element,
no overlay/layer,
no behavior change. */






/* 8.169 — Products Reference Black Luxury / Smoky Emerald Course Correction.
   Direction correction after 8.159–8.168: the preferred reference is not a brighter or endlessly larger showroom.
   It is an obsidian/black luxury gallery with subtle smoky emerald veins and antique-gold hairlines.
   This block replaces the oversize sprint chain with controlled,
usable proportions and darker reference mood.
   CSS-only: no image asset,
no wrapper,
no HTML change,
no JS change,
no new pseudo-element,
no overlay/layer,
no behavior change. */
:root{
    --mr-products-reference-width: 1320px;
}

section.featured.products-page{
    max-width: min(100%, 1500px) !important;
    margin: 14px auto 104px !important;
    padding: 88px clamp(32px, 5vw, 72px) 112px !important;
    border-radius: 68px !important;
    border-color: rgba(229,198,145,.40) !important;
    background:
        linear-gradient(90deg, rgba(229,198,145,.145) 0px, rgba(229,198,145,.060) 1px, rgba(0,0,0,0) 2px),
        linear-gradient(180deg, rgba(255,236,190,.050) 0px, rgba(0,0,0,0) 142px),
        radial-gradient(ellipse at 7% 38%, rgba(28,118,91,.205), transparent 29%),
        radial-gradient(ellipse at 88% 8%, rgba(22,83,66,.135), transparent 42%),
        radial-gradient(ellipse at 50% 105%, rgba(9,82,64,.155), transparent 56%),
        repeating-linear-gradient(132deg, rgba(72,176,135,.019) 0px, rgba(72,176,135,.019) 1px, transparent 1.7px, transparent 39px),
        repeating-linear-gradient(42deg, rgba(229,198,145,.006) 0px, rgba(229,198,145,.006) 1px, transparent 1.7px, transparent 46px),
        linear-gradient(145deg, rgba(0,2,2,.992), rgba(2,10,9,.975) 48%, rgba(0,0,0,.995)) !important;
    box-shadow:
        inset 1px 0 0 rgba(255,236,190,.160),
        inset 0 1px 0 rgba(255,255,255,.055),
        inset 84px 0 130px -92px rgba(229,198,145,.180),
        inset 0 58px 130px -96px rgba(229,198,145,.120),
        inset -80px 0 130px -98px rgba(39,128,96,.170),
        inset 0 0 170px rgba(0,0,0,.56),
        0 70px 180px rgba(0,0,0,.70) !important;
}

section.featured.products-page > h2{
    width: min(100%, var(--mr-products-reference-width)) !important;
    max-width: var(--mr-products-reference-width) !important;
    margin-bottom: 64px !important;
    font-size: clamp(38px, 4.25vw, 66px) !important;
    letter-spacing: .225em !important;
    text-shadow:
        0 30px 72px rgba(0,0,0,.72),
        0 0 24px rgba(36,128,96,.085),
        0 0 18px rgba(229,198,145,.050) !important;
}

body.rtl section.featured.products-page > h2{
    letter-spacing: 0 !important;
    font-size: clamp(34px, 4vw, 58px) !important;
}

.products-page .mr-catalog-toolbar,
.products-page .product-family-head,
.products-page .mr-select-for-quote-note,
.products-page .products-pagination,
.products-page .mr-catalog-empty-state{
    width: min(100%, var(--mr-products-reference-width)) !important;
    max-width: var(--mr-products-reference-width) !important;
}

.products-page .mr-catalog-toolbar,
.products-page .product-family-head,
.products-page .mr-select-for-quote-note,
.products-page .products-pagination,
.products-page .mr-catalog-empty-state{
    background:
        radial-gradient(ellipse at 8% 0%, rgba(29,118,90,.105), transparent 46%),
        linear-gradient(145deg, rgba(1,7,6,.925), rgba(3,16,14,.850) 48%, rgba(0,1,1,.955)) !important;
    border-color: rgba(229,198,145,.265) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.050),
        inset 0 -1px 0 rgba(229,198,145,.030),
        0 34px 92px rgba(0,0,0,.48) !important;
}

.products-page .mr-catalog-toolbar{
    margin-bottom: 50px !important;
    padding: 16px 20px !important;
    border-radius: 34px !important;
}

.products-page .product-family-head{
    margin-top: 46px !important;
    margin-bottom: 48px !important;
    padding: 20px 24px !important;
    border-radius: 34px !important;
}

.products-page .product-family-title{
    font-size: clamp(30px, 3.05vw, 44px) !important;
    letter-spacing: .190em !important;
    text-shadow: 0 18px 44px rgba(0,0,0,.54) !important;
}

body.rtl .products-page .product-family-title{
    letter-spacing: 0 !important;
}

.products-page .product-family-kicker,
.products-page .product-family-count,
.products-page .mr-catalog-toolbar-kicker,
.products-page .mr-catalog-toolbar-count{
    color: rgba(220,246,235,.68) !important;
    -webkit-text-fill-color: rgba(220,246,235,.68) !important;
}

.products-page .product-grid.family-product-grid{
    max-width: var(--mr-products-reference-width) !important;
    gap: clamp(36px, 3.5vw, 62px) !important;
    padding-top: clamp(52px, 5.2vw, 76px) !important;
}

@media (min-width: 769px) {
    .products-page .product-card-quote-wrap{
        max-width: 386px !important;
        contain-intrinsic-size: 730px !important;
    }

    .products-page .product-card,
.products-page .luxury-product-card,
.products-page .mr-signature-card{
        min-height: 650px !important;
        border-radius: 48px !important;
        border-color: rgba(229,198,145,.48) !important;
        background:
            radial-gradient(ellipse at 18% 0%, rgba(39,126,97,.105), transparent 42%),
            linear-gradient(145deg, rgba(2,9,8,.96), rgba(0,2,2,.985)) !important;
        box-shadow:
            0 52px 128px rgba(0,0,0,.68),
            inset 0 0 0 1px rgba(255,255,255,.055) !important;
    }

    .products-page .product-card:hover,
.products-page .luxury-product-card:hover,
.products-page .mr-signature-card:hover,
.products-page .product-card-quote-wrap:hover .mr-signature-card{
        border-color: rgba(229,198,145,.62) !important;
        box-shadow:
            0 60px 146px rgba(0,0,0,.72),
            0 0 38px rgba(31,118,88,.095),
            inset 0 0 0 1px rgba(255,255,255,.062) !important;
    }

    .products-page .mr-card-watermark{
        font-size: 82px !important;
        opacity: .56 !important;
        color: rgba(229,198,145,.18) !important;
    }

    .products-page .mr-card-topline{
        min-height: 36px !important;
        padding-inline: 20px !important;
        font-size: 11.4px !important;
        letter-spacing: 2.05px !important;
        border-color: rgba(229,198,145,.34) !important;
        background: rgba(1,8,7,.68) !important;
        box-shadow:
            0 12px 28px rgba(0,0,0,.36),
            inset 0 1px 0 rgba(255,255,255,.065) !important;
    }

    .products-page .mr-signature-card .product-img{
        border-radius: 46px !important;
        background: #010302 !important;
    }

    .products-page .mr-signature-card .product-img img.mr-catalog-product-image{
        object-position: 50% 42% !important;
        filter: saturate(.98) contrast(1.035) brightness(.96) !important;
    }

    .products-page .product-card-quote-wrap:hover .mr-signature-card .product-img img.mr-catalog-product-image{
        transform: scale(1.012) !important;
        filter: saturate(1.0) contrast(1.04) brightness(.98) !important;
    }

    .products-page .mr-signature-card .product-info{
        padding: 152px 34px 44px !important;
        background:
            linear-gradient(180deg,
                rgba(0,0,0,0) 0%,
                rgba(0,0,0,.05) 30%,
                rgba(0,0,0,.54) 62%,
                rgba(0,2,2,.99) 100%) !important;
    }

    .products-page .mr-signature-card .product-category{
        font-size: 11px !important;
        letter-spacing: .210em !important;
        color: rgba(179,218,201,.66) !important;
        -webkit-text-fill-color: rgba(179,218,201,.66) !important;
    }

    body.rtl .products-page .mr-signature-card .product-category{
        letter-spacing: 0 !important;
    }

    .products-page .mr-signature-card .product-info h3{
        font-size: clamp(25px, 2.35vw, 35px) !important;
        line-height: 1.03 !important;
        text-shadow: 0 18px 42px rgba(0,0,0,.62) !important;
    }

    .products-page .mr-signature-card .mr-product-price{
        min-height: 54px !important;
        padding-inline: 28px !important;
        font-size: 20.5px !important;
        border-color: rgba(229,198,145,.44) !important;
        background: rgba(1,8,7,.68) !important;
        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.070),
            0 18px 42px rgba(0,0,0,.38) !important;
    }

    .products-page .add-to-quote-btn.mr-quote-action,
.products-page .mr-add-to-cart-btn.mr-cart-action{
        min-height: 54px !important;
        margin-top: 26px !important;
        border-radius: 24px !important;
        font-size: 13.4px !important;
        letter-spacing: .115em !important;
        border-color: rgba(229,198,145,.38) !important;
        background:
            linear-gradient(180deg, rgba(9,30,25,.88), rgba(1,8,7,.94)) !important;
        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.070),
            0 18px 42px rgba(0,0,0,.40) !important;
    }
}

@media (min-width: 1180px) {
    .products-page .product-grid.family-product-grid{
        grid-template-columns: repeat(3, minmax(300px, 386px)) !important;
        max-width: var(--mr-products-reference-width) !important;
        column-gap: clamp(42px, 3.8vw, 68px) !important;
        row-gap: 76px !important;
        justify-content: center !important;
    }
}

@media (min-width: 769px) and (max-width: 1650px) {
    :root{
        --mr-products-reference-width: 1180px;
    }

    section.featured.products-page{
        max-width: min(100%, 1380px) !important;
        padding: 78px clamp(24px, 4vw, 54px) 102px !important;
        border-radius: 58px !important;
    }

    section.featured.products-page > h2{
        margin-bottom: 54px !important;
        font-size: clamp(34px, 4.2vw, 54px) !important;
        letter-spacing: .185em !important;
    }

    body.rtl section.featured.products-page > h2{
        letter-spacing: 0 !important;
    }

    .products-page .mr-catalog-toolbar{
        margin-bottom: 44px !important;
        padding: 14px 18px !important;
        border-radius: 30px !important;
    }

    .products-page .product-family-head{
        margin-top: 44px !important;
        margin-bottom: 44px !important;
        padding: 18px 22px !important;
        border-radius: 30px !important;
    }

    .products-page .product-card-quote-wrap{
        max-width: 340px !important;
        contain-intrinsic-size: 690px !important;
    }

    .products-page .product-card,
.products-page .luxury-product-card,
.products-page .mr-signature-card{
        min-height: 620px !important;
        border-radius: 42px !important;
    }

    .products-page .mr-signature-card .product-info{
        padding: 138px 28px 38px !important;
    }

    .products-page .mr-signature-card .product-info h3{
        font-size: clamp(24px, 3vw, 34px) !important;
    }

    .products-page .mr-signature-card .mr-product-price{
        min-height: 50px !important;
        font-size: 19px !important;
    }

    .products-page .add-to-quote-btn.mr-quote-action,
.products-page .mr-add-to-cart-btn.mr-cart-action{
        min-height: 50px !important;
        margin-top: 22px !important;
        font-size: 12.8px !important;
    }
}

@media (min-width: 1180px) and (max-width: 1650px) {
    .products-page .product-grid.family-product-grid{
        grid-template-columns: repeat(3, minmax(280px, 340px)) !important;
        column-gap: clamp(26px, 3vw, 44px) !important;
        row-gap: 66px !important;
        justify-content: center !important;
    }
}

@media (min-width: 769px) and (max-width: 1179px) {
    :root{
        --mr-products-reference-width: 760px;
    }

    .products-page .product-grid.family-product-grid{
        grid-template-columns: repeat(2, minmax(270px, 340px)) !important;
        gap: 46px 28px !important;
        justify-content: center !important;
    }

    .products-page .product-card-quote-wrap{
        max-width: 340px !important;
    }

    .products-page .product-card,
.products-page .luxury-product-card,
.products-page .mr-signature-card{
        min-height: 610px !important;
    }
}








/* 8.182 — Products Reference Obsidian Smoke Gallery Chamber Refinement.
   Direction lock: black/obsidian stays dominant; emerald stays as a low smoky vein and category accent,
not a bright green surface.
   The reference target is a darker private-gallery mood: matte black base,
subtle emerald smoke threads,
antique-gold only as restrained hairline metal.
   No scale sprint: Quick View and Image Zoom keep the controlled boutique size from the 8.169 course correction; this pass refines surface depth,
image chamber mood,
and gallery contrast only.
   CSS-only: no image asset,
no wrapper,
no HTML change,
no JS change,
no new pseudo-element,
no overlay/layer,
no behavior change. */
section.featured.products-page{
    --mr-mist-emerald: rgba(204, 255, 236, .905);
    --mr-mist-emerald-soft: rgba(194, 248, 228, .735);
    --mr-mist-emerald-glow: rgba(44, 124, 102, .235);
    --mr-mist-emerald-veil: rgba(224, 255, 242, .235);
    --mr-mist-emerald-line: rgba(198, 250, 231, .430);
    --mr-mist-emerald-ink: rgba(226, 255, 243, .985);
    --mr-mist-emerald-deep: rgba(3, 42, 35, .455);
    --mr-mist-emerald-thread: rgba(126, 214, 180, .096);
    background:
        linear-gradient(90deg, rgba(229,198,145,.016) 0px, rgba(229,198,145,.003) 1px, rgba(0,0,0,0) 2px),
        linear-gradient(180deg, rgba(255,236,190,.002) 0px, rgba(0,0,0,0) 122px),
        radial-gradient(ellipse at 7% 28%, rgba(2,16,15,.016), transparent 46%),
        radial-gradient(ellipse at 91% 10%, rgba(2,12,11,.011), transparent 56%),
        radial-gradient(ellipse at 50% 108%, rgba(0,8,8,.024), transparent 70%),
        repeating-linear-gradient(127deg, rgba(126,214,180,.0048) 0px, rgba(126,214,180,.0048) 1px, transparent 2px, transparent 170px),
        repeating-linear-gradient(158deg, rgba(84,170,142,.0038) 0px, rgba(84,170,142,.0038) 1px, transparent 2px, transparent 238px),
        linear-gradient(145deg, rgba(0,0,0,1), rgba(1,1,1,.999) 50%, rgba(0,0,0,1)) !important;
    border-color: rgba(229,198,145,.138) !important;
    box-shadow:
        inset 1px 0 0 rgba(255,236,190,.015),
        inset 0 1px 0 rgba(255,255,255,.009),
        inset 34px 0 92px -86px rgba(229,198,145,.014),
        inset 0 38px 104px -100px rgba(229,198,145,.006),
        inset -84px 0 136px -122px rgba(2,20,18,.016),
        inset 0 0 238px rgba(0,0,0,.935),
        0 74px 188px rgba(0,0,0,.93) !important;
}

section.featured.products-page > h2{
    color: rgba(246,241,230,.835) !important;
    text-shadow:
        0 34px 90px rgba(0,0,0,.94),
        0 0 8px rgba(10,42,36,.007),
        0 0 5px rgba(229,198,145,.007) !important;
}

.products-page .mr-catalog-toolbar,
.products-page .product-family-head,
.products-page .mr-select-for-quote-note,
.products-page .products-pagination,
.products-page .mr-catalog-empty-state{
    background:
        radial-gradient(ellipse at 12% 0%, rgba(4,24,22,.014), transparent 56%),
        repeating-linear-gradient(130deg, rgba(126,214,180,.0034) 0px, rgba(126,214,180,.0034) 1px, transparent 2px, transparent 148px),
        linear-gradient(145deg, rgba(0,0,0,.996), rgba(0,4,4,.940) 50%, rgba(0,0,0,.998)) !important;
    border-color: rgba(229,198,145,.084) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.016),
        inset 0 -1px 0 rgba(229,198,145,.0035),
        0 24px 70px rgba(0,0,0,.74) !important;
}

.products-page .mr-catalog-search-input,
.products-page .mr-catalog-select,
.products-page .mr-catalog-filter-submit,
.products-page .mr-catalog-filter-reset,
.products-page .mr-catalog-mobile-filter-btn,
.products-page .mr-catalog-view-switch{
    border-color: rgba(229,198,145,.084) !important;
    background-color: rgba(0,0,0,.920) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.013),
        0 9px 25px rgba(0,0,0,.56) !important;
}

.products-page .mr-catalog-search-input:focus,
.products-page .mr-catalog-select:focus{
    border-color: rgba(229,198,145,.092) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.016),
        0 0 0 1px rgba(229,198,145,.018),
        0 11px 28px rgba(0,0,0,.54) !important;
}

.products-page .product-family-title,
.products-page .mr-catalog-toolbar-kicker{
    text-shadow:
        0 20px 58px rgba(0,0,0,.91),
        0 0 7px rgba(14,54,44,.010) !important;
}

.products-page .product-family-kicker,
.products-page .product-family-count,
.products-page .mr-catalog-toolbar-kicker,
.products-page .mr-catalog-toolbar-count,
.products-page .mr-catalog-field-label,
.products-page .mr-catalog-active-filter{
    color: rgba(176,214,202,.380) !important;
    -webkit-text-fill-color: rgba(176,214,202,.380) !important;
}

.products-page .product-family-kicker,
.products-page .mr-catalog-toolbar-kicker,
.products-page .mr-catalog-active-filter{
    color: rgba(204,255,236,.650) !important;
    -webkit-text-fill-color: rgba(204,255,236,.650) !important;
    text-shadow:
        0 1px 0 rgba(218,252,237,.070),
        0 10px 26px rgba(0,0,0,.92),
        0 0 10px rgba(48,132,108,.135) !important;
}

.products-page .mr-catalog-family-filter,
.products-page .mr-catalog-return-family{
    color: var(--mr-mist-emerald-soft) !important;
    -webkit-text-fill-color: var(--mr-mist-emerald-soft) !important;
    border-color: rgba(198,250,231,.205) !important;
    box-shadow:
        inset 0 1px 0 rgba(222,255,240,.032),
        0 8px 22px rgba(0,0,0,.48),
        0 0 0 1px rgba(198,250,231,.030) !important;
}

@media (min-width: 769px) {
    .products-page .product-card,
.products-page .luxury-product-card,
.products-page .mr-signature-card{
        border-color: rgba(229,198,145,.158) !important;
        background:
            radial-gradient(ellipse at 18% 0%, rgba(2,16,15,.012), transparent 52%),
            repeating-linear-gradient(134deg, rgba(126,214,180,.0028) 0px, rgba(126,214,180,.0028) 1px, transparent 2px, transparent 174px),
            linear-gradient(145deg, rgba(0,1,1,1), rgba(0,0,0,1)) !important;
        box-shadow:
            0 48px 126px rgba(0,0,0,.92),
            inset 0 0 0 1px rgba(255,255,255,.013) !important;
    }

    .products-page .product-card:hover,
.products-page .luxury-product-card:hover,
.products-page .mr-signature-card:hover,
.products-page .product-card-quote-wrap:hover .mr-signature-card{
        border-color: rgba(229,198,145,.198) !important;
        box-shadow:
            0 50px 130px rgba(0,0,0,.94),
            0 0 10px rgba(6,30,27,.008),
            inset 0 0 0 1px rgba(255,255,255,.016) !important;
    }

    .products-page .product-card-quote-wrap.is-in-quote .mr-signature-card,
.products-page .product-card-quote-wrap.is-in-cart .mr-signature-card,
.products-page .mr-signature-card.is-in-quote,
.products-page .mr-signature-card.is-in-cart{
        border-color: rgba(229,198,145,.214) !important;
        box-shadow:
            0 48px 124px rgba(0,0,0,.94),
            0 0 10px rgba(6,34,30,.009),
            inset 0 0 0 1px rgba(255,255,255,.017) !important;
    }

    .products-page .mr-signature-card .mr-in-quote-ring{
        inset: 10px !important;
        border-color: rgba(229,198,145,.140) !important;
        box-shadow: inset 0 0 0 1px rgba(255,255,255,.008) !important;
    }

    .products-page .mr-card-watermark{
        color: rgba(229,198,145,.050) !important;
        opacity: .22 !important;
        text-shadow: 0 20px 54px rgba(0,0,0,.84) !important;
    }

    .products-page .mr-card-topline{
        border-color: rgba(229,198,145,.108) !important;
        color: rgba(238,219,176,.520) !important;
        background: rgba(0,0,0,.920) !important;
        box-shadow:
            0 9px 25px rgba(0,0,0,.64),
            inset 0 1px 0 rgba(255,255,255,.024) !important;
    }

    .products-page .mr-signature-card .product-img{
        background:
            radial-gradient(ellipse at 50% 8%, rgba(5,24,22,.012), transparent 46%),
            #000000 !important;
        box-shadow:
            inset 0 0 0 1px rgba(229,198,145,.007),
            inset 0 -96px 150px rgba(0,0,0,.62) !important;
    }

    .products-page .mr-signature-card .product-img img.mr-catalog-product-image{
        filter: saturate(.87) contrast(1.082) brightness(.968) !important;
    }

    .products-page .product-card-quote-wrap:hover .mr-signature-card .product-img img.mr-catalog-product-image{
        filter: saturate(.89) contrast(1.080) brightness(.982) !important;
    }

    .products-page .mr-signature-card .product-info{
        background:
            linear-gradient(180deg,
                rgba(0,0,0,0) 0%,
                rgba(0,0,0,.12) 30%,
                rgba(0,0,0,.81) 65%,
                rgba(0,0,0,1) 100%) !important;
    }

    .products-page .mr-signature-card .product-category{
        display: inline-flex !important;
        align-items: center !important;
        width: fit-content !important;
        max-width: 100% !important;
        padding: .22em .78em .25em !important;
        border: 1px solid var(--mr-mist-emerald-line) !important;
        border-radius: 999px !important;
        color: var(--mr-mist-emerald-ink) !important;
        -webkit-text-fill-color: var(--mr-mist-emerald-ink) !important;
        background:
            linear-gradient(90deg, rgba(2,24,20,.580), rgba(5,46,38,.275)) !important;
        font-weight: 860 !important;
        opacity: 1 !important;
        text-shadow:
            0 1px 0 var(--mr-mist-emerald-veil),
            0 15px 36px rgba(0,0,0,.98),
            0 0 13px var(--mr-mist-emerald-glow),
            0 0 1px rgba(226,255,243,.540) !important;
        box-shadow:
            inset 0 1px 0 rgba(226,255,243,.104),
            inset 0 -1px 0 rgba(48,132,108,.052),
            0 10px 28px rgba(0,0,0,.52),
            0 0 0 1px rgba(198,250,231,.072) !important;
        letter-spacing: .128em !important;
    }

    body.rtl .products-page .mr-signature-card .product-category{
        letter-spacing: .006em !important;
        font-weight: 820 !important;
        padding-inline: .62em !important;
    }

    .products-page .mr-signature-card .product-info h3{
        color: rgba(248,244,233,.870) !important;
        text-shadow: 0 20px 54px rgba(0,0,0,.91) !important;
    }

    .products-page .mr-signature-card .mr-product-price{
        border-color: rgba(229,198,145,.112) !important;
        color: rgba(236,211,161,.640) !important;
        background: rgba(0,0,0,.905) !important;
        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.016),
            0 13px 34px rgba(0,0,0,.66) !important;
    }

    .products-page .add-to-quote-btn.mr-quote-action,
.products-page .mr-add-to-cart-btn.mr-cart-action{
        border-color: rgba(229,198,145,.132) !important;
        color: rgba(245,233,207,.715) !important;
        background:
            linear-gradient(180deg, rgba(0,0,0,.955), rgba(0,0,0,.996)) !important;
        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.016),
            0 15px 36px rgba(0,0,0,.66) !important;
    }

    .products-page .add-to-quote-btn.mr-quote-action:hover,
.products-page .mr-add-to-cart-btn.mr-cart-action:hover,
.products-page .product-card-quote-wrap:hover .add-to-quote-btn.mr-quote-action,
.products-page .product-card-quote-wrap:hover .mr-add-to-cart-btn.mr-cart-action{
        border-color: rgba(229,198,145,.172) !important;
        background:
            linear-gradient(180deg, rgba(0,2,2,.940), rgba(0,0,0,.998)) !important;
        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.030),
            0 16px 40px rgba(0,0,0,.70) !important;
    }
}




/* 8.190 — Unified Primary Action Buttons: Obsidian with Hidden Emerald Depth.
   Scope lock: visual/button material only. No layout,
no motion,
no JS,
no asset,
no behavior change.
   Direction lock: from distance every primary action button must read as luxury black glass; up close it reveals a deep emerald tint inside the black,
with an emerald rim and restrained antique-gold/ivory typography.
   Applied everywhere for the two main commerce actions in Products: Add to Cart and Add to Quote,
on card,
Quick View,
desktop,
and mobile. */
.products-page .mr-add-to-cart-btn.mr-cart-action,
.products-page .add-to-quote-btn.mr-quote-action{
    border-color: rgba(38, 128, 103, .335) !important;
    color: rgba(244, 232, 205, .875) !important;
    -webkit-text-fill-color: rgba(244, 232, 205, .875) !important;
    background:
        linear-gradient(180deg, rgba(255, 241, 202, .035) 0%, rgba(255, 241, 202, .006) 30%, transparent 64%),
        radial-gradient(ellipse at 50% -22%, rgba(244, 214, 158, .055), transparent 42%),
        radial-gradient(ellipse at 18% 118%, rgba(5, 76, 61, .235), transparent 48%),
        radial-gradient(ellipse at 82% 110%, rgba(18, 119, 95, .115), transparent 48%),
        linear-gradient(180deg, rgba(5, 8, 7, .985) 0%, rgba(1, 4, 4, .998) 48%, rgba(0, 0, 0, 1) 100%) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 244, 214, .050),
        inset 0 -1px 0 rgba(74, 186, 147, .095),
        inset 0 0 0 1px rgba(255, 255, 255, .008),
        inset 0 -16px 28px rgba(0, 45, 35, .145),
        0 13px 32px rgba(0, 0, 0, .675),
        0 0 0 1px rgba(38, 128, 103, .045) !important;
    text-shadow:
        0 1px 0 rgba(255, 244, 214, .045),
        0 10px 24px rgba(0, 0, 0, .900) !important;
}

.products-page .mr-add-to-cart-btn.mr-cart-action::before,
.products-page .add-to-quote-btn.mr-quote-action::before{
    background:
        linear-gradient(90deg,
            transparent 0%,
            rgba(255, 236, 190, .000) 18%,
            rgba(255, 236, 190, .062) 46%,
            rgba(62, 177, 139, .110) 68%,
            transparent 100%) !important;
    opacity: .48 !important;
}

.products-page .mr-add-to-cart-btn.mr-cart-action::after,
.products-page .add-to-quote-btn.mr-quote-action::after{
    background:
        linear-gradient(90deg,
            transparent,
            rgba(42, 142, 113, .260),
            rgba(121, 216, 177, .145),
            rgba(226, 198, 145, .082),
            transparent) !important;
    box-shadow:
        0 0 11px rgba(42, 142, 113, .065),
        0 0 4px rgba(226, 198, 145, .026) !important;
    opacity: .60 !important;
}

.products-page .mr-add-to-cart-btn.mr-cart-action .mr-cart-icon,
.products-page .mr-add-to-cart-btn.mr-cart-action .mr-cart-label,
.products-page .add-to-quote-btn.mr-quote-action .mr-quote-icon,
.products-page .add-to-quote-btn.mr-quote-action .mr-quote-label{
    color: rgba(244, 232, 205, .890) !important;
    -webkit-text-fill-color: rgba(244, 232, 205, .890) !important;
    text-shadow:
        0 1px 0 rgba(255, 244, 214, .045),
        0 10px 24px rgba(0, 0, 0, .900),
        0 0 10px rgba(26, 112, 91, .070) !important;
}

.products-page .mr-add-to-cart-btn.mr-cart-action .mr-cart-icon::before{
    border-color: rgba(220, 191, 137, .485) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 244, 214, .046),
        0 0 8px rgba(34, 143, 113, .078) !important;
}

.products-page .mr-add-to-cart-btn.mr-cart-action .mr-cart-icon::after{
    background: rgba(220, 191, 137, .500) !important;
    box-shadow:
        11px 0 0 rgba(220, 191, 137, .500),
        0 0 8px rgba(34, 143, 113, .080) !important;
}

.products-page .add-to-quote-btn.mr-quote-action .mr-quote-icon::before{
    border-color: rgba(220, 191, 137, .485) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 244, 214, .046),
        0 0 8px rgba(34, 143, 113, .078) !important;
}

.products-page .add-to-quote-btn.mr-quote-action .mr-quote-icon::after{
    background: rgba(220, 191, 137, .500) !important;
    box-shadow:
        0 0 8px rgba(34, 143, 113, .080) !important;
}

.products-page .mr-add-to-cart-btn.mr-cart-action:hover,
.products-page .mr-add-to-cart-btn.mr-cart-action.is-added,
.products-page .product-card-quote-wrap:hover .mr-add-to-cart-btn.mr-cart-action,
.products-page .add-to-quote-btn.mr-quote-action:hover,
.products-page .add-to-quote-btn.mr-quote-action.is-added,
.products-page .product-card-quote-wrap:hover .add-to-quote-btn.mr-quote-action{
    border-color: rgba(72, 174, 139, .470) !important;
    color: rgba(255, 241, 210, .930) !important;
    -webkit-text-fill-color: rgba(255, 241, 210, .930) !important;
    background:
        linear-gradient(180deg, rgba(255, 241, 202, .046) 0%, rgba(255, 241, 202, .008) 30%, transparent 64%),
        radial-gradient(ellipse at 50% -20%, rgba(244, 214, 158, .072), transparent 43%),
        radial-gradient(ellipse at 18% 118%, rgba(7, 91, 73, .290), transparent 49%),
        radial-gradient(ellipse at 84% 108%, rgba(26, 136, 108, .155), transparent 47%),
        linear-gradient(180deg, rgba(6, 10, 9, .990) 0%, rgba(1, 6, 5, 1) 50%, rgba(0, 0, 0, 1) 100%) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 244, 214, .065),
        inset 0 -1px 0 rgba(95, 204, 164, .145),
        inset 0 0 0 1px rgba(255, 255, 255, .010),
        inset 0 -18px 32px rgba(0, 58, 45, .185),
        0 15px 36px rgba(0, 0, 0, .710),
        0 0 0 1px rgba(72, 174, 139, .060),
        0 0 18px rgba(42, 142, 113, .070) !important;
}

.products-page .product-card-quote-wrap.is-in-cart .mr-add-to-cart-btn.mr-cart-action,
.products-page .product-card-quote-wrap.is-in-quote .add-to-quote-btn.mr-quote-action{
    border-color: rgba(80, 188, 150, .535) !important;
    color: rgba(255, 242, 214, .950) !important;
    -webkit-text-fill-color: rgba(255, 242, 214, .950) !important;
    background:
        linear-gradient(180deg, rgba(255, 241, 202, .050) 0%, rgba(255, 241, 202, .008) 30%, transparent 64%),
        radial-gradient(ellipse at 50% -18%, rgba(244, 214, 158, .078), transparent 44%),
        radial-gradient(ellipse at 18% 116%, rgba(7, 97, 78, .320), transparent 50%),
        radial-gradient(ellipse at 84% 108%, rgba(35, 150, 119, .178), transparent 47%),
        linear-gradient(180deg, rgba(6, 11, 10, .995) 0%, rgba(1, 7, 6, 1) 55%, rgba(0, 0, 0, 1) 100%) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 244, 214, .076),
        inset 0 -1px 0 rgba(95, 204, 164, .158),
        inset 0 -18px 32px rgba(0, 58, 45, .210),
        0 15px 38px rgba(0, 0, 0, .715),
        0 0 0 1px rgba(80, 188, 150, .072),
        0 0 22px rgba(42, 142, 113, .082) !important;
}






/* 8.192 — Quick View Corner Eye Control: Obsidian Whisper Emerald.
   Scope lock: existing Quick View hint only. CSS-only,
no HTML,
no JS,
no layout behavior{
    top: 56px !important;
    right: 14px !important;
    bottom: auto !important;
    left: auto !important;
    width: 34px !important;
    min-width: 34px !important;
    max-width: 34px !important;
    height: 34px !important;
    min-height: 34px !important;
    padding: 0 !important;
    overflow: hidden !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 999px !important;
    border: 1px solid rgba(42, 142, 113, .255) !important;
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
    font-size: 0 !important;
    line-height: 0 !important;
    letter-spacing: 0 !important;
    text-indent: -999px !important;
    background:
        linear-gradient(180deg, rgba(255, 241, 202, .020) 0%, rgba(255, 241, 202, .004) 34%, transparent 66%),
        radial-gradient(ellipse at 50% -18%, rgba(244, 214, 158, .035), transparent 45%),
        radial-gradient(ellipse at 18% 118%, rgba(5, 76, 61, .145), transparent 50%),
        radial-gradient(ellipse at 82% 110%, rgba(18, 119, 95, .060), transparent 48%),
        linear-gradient(180deg, rgba(4, 8, 7, .940) 0%, rgba(0, 2, 2, .988) 100%) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 244, 214, .034),
        inset 0 -1px 0 rgba(74, 186, 147, .064),
        inset 0 0 0 1px rgba(255, 255, 255, .006),
        0 9px 22px rgba(0, 0, 0, .620),
        0 0 0 1px rgba(38, 128, 103, .030) !important;
    opacity: .62 !important;
    transform: translateY(0) !important;
    pointer-events: none !important;
    text-shadow: none !important;
    backdrop-filter: blur(7px) saturate(108%) !important;
    -webkit-backdrop-filter: blur(7px) saturate(108%) !important;
}




/* 8.193 — Product Lower Plaque / Showcase Nameplate Foundation.
   Scope lock: card lower information surface only. CSS-only,
no HTML,
no JS,
no asset,
no behavior change.
   Direction lock: move the lower product information toward a luxury showcase/jewelry nameplate: obsidian black first,
hidden emerald depth on close view,
antique-gold/ivory text and restrained rim detail. */
@media (min-width: 769px){
    .products-page .mr-signature-card .product-info {
        left: 11px !important;
        right: 11px !important;
        bottom: 11px !important;
        padding: 76px 16px 16px !important;
        gap: 7px !important;
        border-radius: 0 0 18px 18px !important;
        border-top: 1px solid rgba(44, 142, 113, .145) !important;
        background:
            linear-gradient(180deg,
                rgba(0, 0, 0, 0) 0%,
                rgba(0, 4, 4, .300) 31%,
                rgba(0, 11, 10, .720) 61%,
                rgba(0, 3, 3, .985) 100%),
            radial-gradient(ellipse at 18% 106%, rgba(7, 90, 72, .180), transparent 50%),
            radial-gradient(ellipse at 86% 92%, rgba(39, 145, 116, .090), transparent 48%),
            linear-gradient(90deg,
                rgba(229, 198, 145, .040),
                transparent 28%,
                transparent 69%,
                rgba(42, 142, 113, .060)) !important;
        box-shadow:
            inset 0 1px 0 rgba(255, 241, 202, .034),
            inset 0 -1px 0 rgba(42, 142, 113, .046),
            inset 0 20px 36px -38px rgba(255, 255, 255, .105),
            0 -18px 42px rgba(0, 0, 0, .205) !important;
    }

    .products-page .mr-signature-card .product-category {
        margin-bottom: 6px !important;
        min-height: 22px !important;
        padding: .18em .76em .20em !important;
        align-items: center !important;
        border-radius: 999px !important;
        border: 1px solid rgba(42, 142, 113, .360) !important;
        background:
            linear-gradient(180deg, rgba(255, 241, 202, .026), transparent 56%),
            linear-gradient(90deg, rgba(0, 12, 10, .760), rgba(2, 35, 29, .440)) !important;
        color: rgba(218, 251, 237, .900) !important;
        -webkit-text-fill-color: rgba(218, 251, 237, .900) !important;
        box-shadow:
            inset 0 1px 0 rgba(255, 244, 214, .034),
            inset 0 -1px 0 rgba(74, 186, 147, .050),
            0 8px 22px rgba(0, 0, 0, .420),
            0 0 0 1px rgba(38, 128, 103, .034) !important;
        text-shadow:
            0 1px 0 rgba(255, 244, 214, .035),
            0 9px 24px rgba(0, 0, 0, .900),
            0 0 9px rgba(26, 112, 91, .090) !important;
    }

    body.rtl .products-page .mr-signature-card .product-category {
        letter-spacing: .004em !important;
        padding-inline: .62em !important;
    }

    .products-page .mr-signature-card .product-info h3 {
        margin-bottom: 7px !important;
        color: rgba(248, 242, 229, .930) !important;
        -webkit-text-fill-color: rgba(248, 242, 229, .930) !important;
        text-shadow:
            0 16px 38px rgba(0, 0, 0, .920),
            0 0 12px rgba(42, 142, 113, .045),
            0 0 7px rgba(229, 198, 145, .036) !important;
    }

    .products-page .mr-signature-card .mr-card-bottom {
        width: fit-content !important;
        max-width: 100% !important;
        min-height: 34px !important;
        margin-top: 1px !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    .products-page .mr-signature-card .mr-product-price {
        min-height: 34px !important;
        padding: 0 15px !important;
        border-radius: 999px !important;
        border: 1px solid rgba(49, 154, 122, .330) !important;
        background:
            linear-gradient(180deg, rgba(255, 241, 202, .034), rgba(255, 241, 202, .004) 34%, transparent 68%),
            radial-gradient(ellipse at 18% 118%, rgba(5, 76, 61, .225), transparent 50%),
            radial-gradient(ellipse at 82% 106%, rgba(18, 119, 95, .104), transparent 48%),
            linear-gradient(180deg, rgba(5, 8, 7, .972), rgba(0, 0, 0, .995)) !important;
        color: rgba(244, 232, 205, .900) !important;
        -webkit-text-fill-color: rgba(244, 232, 205, .900) !important;
        box-shadow:
            inset 0 1px 0 rgba(255, 244, 214, .050),
            inset 0 -1px 0 rgba(74, 186, 147, .082),
            0 11px 28px rgba(0, 0, 0, .610),
            0 0 0 1px rgba(38, 128, 103, .035) !important;
        text-shadow:
            0 1px 0 rgba(255, 244, 214, .035),
            0 10px 24px rgba(0, 0, 0, .900),
            0 0 8px rgba(26, 112, 91, .065) !important;
    }

    .products-page .product-card-quote-wrap:hover .mr-signature-card .product-info,
    .products-page .product-card-quote-wrap:focus-within .mr-signature-card .product-info {
        border-top-color: rgba(72, 174, 139, .185) !important;
        box-shadow:
            inset 0 1px 0 rgba(255, 241, 202, .040),
            inset 0 -1px 0 rgba(42, 142, 113, .056),
            inset 0 20px 36px -38px rgba(255, 255, 255, .115),
            0 -18px 42px rgba(0, 0, 0, .220) !important;
    }
}




/* 8.194 — Primary Action Buttons / Polished Obsidian Stone Material.
   Direction: move the main commerce buttons closer to the reference by giving them a polished stone / mineral feel.
   Read rule: still black first from distance,
but less glassy and more like refined obsidian stone with hidden emerald mineral depth.
   Scope: Add to Cart + Add to Quote on card and Quick View,
desktop and mobile. No HTML,
no JS,
no behavior change. */
.products-page .mr-add-to-cart-btn.mr-cart-action,
.products-page .add-to-quote-btn.mr-quote-action{
    border-color: rgba(58, 154, 127, .315) !important;
    color: rgba(246, 236, 214, .910) !important;
    -webkit-text-fill-color: rgba(246, 236, 214, .910) !important;
    background:
        linear-gradient(180deg, rgba(255, 246, 220, .050) 0%, rgba(255, 246, 220, .010) 24%, transparent 56%),
        radial-gradient(ellipse at 14% 112%, rgba(3, 45, 38, .285), transparent 48%),
        radial-gradient(ellipse at 86% 104%, rgba(7, 88, 73, .170), transparent 44%),
        radial-gradient(ellipse at 28% 22%, rgba(255, 246, 220, .018), transparent 34%),
        repeating-linear-gradient(128deg,
            rgba(125, 213, 180, .016) 0px,
            rgba(125, 213, 180, .016) 1px,
            rgba(0, 0, 0, 0) 2px,
            rgba(0, 0, 0, 0) 22px),
        repeating-linear-gradient(162deg,
            rgba(255, 246, 220, .010) 0px,
            rgba(255, 246, 220, .010) 1px,
            rgba(0, 0, 0, 0) 2px,
            rgba(0, 0, 0, 0) 28px),
        linear-gradient(180deg, rgba(9, 12, 12, .992) 0%, rgba(4, 6, 6, .998) 50%, rgba(0, 0, 0, 1) 100%) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 246, 220, .060),
        inset 0 -1px 0 rgba(64, 170, 138, .110),
        inset 0 0 0 1px rgba(255, 255, 255, .010),
        inset 0 -18px 34px rgba(0, 34, 28, .170),
        inset 0 0 22px rgba(0, 0, 0, .120),
        0 14px 34px rgba(0, 0, 0, .690),
        0 0 0 1px rgba(58, 154, 127, .040) !important;
    text-shadow:
        0 1px 0 rgba(255, 246, 220, .050),
        0 10px 24px rgba(0, 0, 0, .920) !important;
}

.products-page .mr-add-to-cart-btn.mr-cart-action::before,
.products-page .add-to-quote-btn.mr-quote-action::before{
    background:
        linear-gradient(115deg,
            transparent 0%,
            rgba(255, 238, 194, .000) 20%,
            rgba(255, 238, 194, .055) 42%,
            rgba(120, 214, 179, .090) 64%,
            transparent 100%) !important;
    opacity: .42 !important;
}

.products-page .mr-add-to-cart-btn.mr-cart-action::after,
.products-page .add-to-quote-btn.mr-quote-action::after{
    background:
        linear-gradient(90deg,
            transparent,
            rgba(34, 129, 104, .190),
            rgba(118, 210, 177, .120),
            rgba(221, 194, 145, .062),
            transparent) !important;
    box-shadow:
        0 0 10px rgba(34, 129, 104, .050),
        0 0 4px rgba(221, 194, 145, .020) !important;
    opacity: .54 !important;
}

.products-page .mr-add-to-cart-btn.mr-cart-action .mr-cart-icon,
.products-page .mr-add-to-cart-btn.mr-cart-action .mr-cart-label,
.products-page .add-to-quote-btn.mr-quote-action .mr-quote-icon,
.products-page .add-to-quote-btn.mr-quote-action .mr-quote-label{
    color: rgba(246, 236, 214, .930) !important;
    -webkit-text-fill-color: rgba(246, 236, 214, .930) !important;
    text-shadow:
        0 1px 0 rgba(255, 246, 220, .050),
        0 10px 24px rgba(0, 0, 0, .920),
        0 0 8px rgba(31, 111, 90, .055) !important;
}

.products-page .mr-add-to-cart-btn.mr-cart-action .mr-cart-icon::before,
.products-page .add-to-quote-btn.mr-quote-action .mr-quote-icon::before{
    border-color: rgba(223, 195, 146, .470) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 246, 220, .040),
        0 0 7px rgba(31, 111, 90, .055) !important;
}

.products-page .mr-add-to-cart-btn.mr-cart-action .mr-cart-icon::after,
.products-page .add-to-quote-btn.mr-quote-action .mr-quote-icon::after{
    background: rgba(223, 195, 146, .485) !important;
    box-shadow: 0 0 7px rgba(31, 111, 90, .050) !important;
}

.products-page .mr-add-to-cart-btn.mr-cart-action:hover,
.products-page .mr-add-to-cart-btn.mr-cart-action.is-added,
.products-page .product-card-quote-wrap:hover .mr-add-to-cart-btn.mr-cart-action,
.products-page .add-to-quote-btn.mr-quote-action:hover,
.products-page .add-to-quote-btn.mr-quote-action.is-added,
.products-page .product-card-quote-wrap:hover .add-to-quote-btn.mr-quote-action{
    border-color: rgba(84, 184, 150, .430) !important;
    color: rgba(252, 242, 220, .950) !important;
    -webkit-text-fill-color: rgba(252, 242, 220, .950) !important;
    background:
        linear-gradient(180deg, rgba(255, 246, 220, .060) 0%, rgba(255, 246, 220, .012) 24%, transparent 56%),
        radial-gradient(ellipse at 14% 112%, rgba(4, 58, 48, .330), transparent 49%),
        radial-gradient(ellipse at 86% 104%, rgba(11, 104, 86, .195), transparent 44%),
        radial-gradient(ellipse at 28% 22%, rgba(255, 246, 220, .022), transparent 34%),
        repeating-linear-gradient(128deg,
            rgba(125, 213, 180, .020) 0px,
            rgba(125, 213, 180, .020) 1px,
            rgba(0, 0, 0, 0) 2px,
            rgba(0, 0, 0, 0) 22px),
        repeating-linear-gradient(162deg,
            rgba(255, 246, 220, .012) 0px,
            rgba(255, 246, 220, .012) 1px,
            rgba(0, 0, 0, 0) 2px,
            rgba(0, 0, 0, 0) 28px),
        linear-gradient(180deg, rgba(10, 13, 13, .994) 0%, rgba(4, 7, 7, 1) 52%, rgba(0, 0, 0, 1) 100%) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 246, 220, .072),
        inset 0 -1px 0 rgba(84, 184, 150, .138),
        inset 0 0 0 1px rgba(255, 255, 255, .012),
        inset 0 -20px 36px rgba(0, 43, 35, .195),
        inset 0 0 22px rgba(0, 0, 0, .130),
        0 16px 38px rgba(0, 0, 0, .720),
        0 0 0 1px rgba(84, 184, 150, .055),
        0 0 16px rgba(34, 129, 104, .052) !important;
}

.products-page .product-card-quote-wrap.is-in-cart .mr-add-to-cart-btn.mr-cart-action,
.products-page .product-card-quote-wrap.is-in-quote .add-to-quote-btn.mr-quote-action{
    border-color: rgba(92, 196, 160, .485) !important;
    color: rgba(255, 245, 224, .955) !important;
    -webkit-text-fill-color: rgba(255, 245, 224, .955) !important;
    background:
        linear-gradient(180deg, rgba(255, 246, 220, .066) 0%, rgba(255, 246, 220, .014) 24%, transparent 56%),
        radial-gradient(ellipse at 14% 112%, rgba(5, 62, 51, .350), transparent 49%),
        radial-gradient(ellipse at 86% 104%, rgba(12, 109, 90, .210), transparent 45%),
        radial-gradient(ellipse at 28% 22%, rgba(255, 246, 220, .024), transparent 34%),
        repeating-linear-gradient(128deg,
            rgba(125, 213, 180, .022) 0px,
            rgba(125, 213, 180, .022) 1px,
            rgba(0, 0, 0, 0) 2px,
            rgba(0, 0, 0, 0) 22px),
        linear-gradient(180deg, rgba(10, 14, 14, .996) 0%, rgba(4, 8, 8, 1) 56%, rgba(0, 0, 0, 1) 100%) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 246, 220, .078),
        inset 0 -1px 0 rgba(92, 196, 160, .155),
        inset 0 -20px 36px rgba(0, 45, 37, .220),
        inset 0 0 22px rgba(0, 0, 0, .132),
        0 16px 40px rgba(0, 0, 0, .730),
        0 0 0 1px rgba(92, 196, 160, .062),
        0 0 18px rgba(34, 129, 104, .058) !important;
}




/* 8.195 — Lower Product Plaque / Polished Obsidian Stone Sync.
   Direction: sync the lower product nameplate with the new stone/mineral action-button material.
   Scope: lower card plaque,
category chip and price chip only. No layout structure,
no HTML,
no JS,
no asset,
no behavior change.
   Read rule: black/obsidian first,
hidden emerald mineral depth second,
antique-gold/ivory typography restrained. */
@media (min-width: 769px){
    .products-page .mr-signature-card .product-info {
        border-top-color: rgba(62, 158, 130, .150) !important;
        background:
            linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(1, 8, 7, .345) 24%, rgba(2, 9, 8, .850) 62%, rgba(0, 0, 0, .992) 100%),
            radial-gradient(ellipse at 14% 112%, rgba(3, 45, 38, .200), transparent 52%),
            radial-gradient(ellipse at 86% 105%, rgba(7, 88, 73, .105), transparent 48%),
            repeating-linear-gradient(128deg,
                rgba(125, 213, 180, .010) 0px,
                rgba(125, 213, 180, .010) 1px,
                rgba(0, 0, 0, 0) 2px,
                rgba(0, 0, 0, 0) 28px),
            repeating-linear-gradient(163deg,
                rgba(255, 246, 220, .006) 0px,
                rgba(255, 246, 220, .006) 1px,
                rgba(0, 0, 0, 0) 2px,
                rgba(0, 0, 0, 0) 36px) !important;
        box-shadow:
            inset 0 1px 0 rgba(255, 246, 220, .038),
            inset 0 -1px 0 rgba(64, 170, 138, .050),
            inset 0 26px 42px -46px rgba(255, 255, 255, .100),
            0 -18px 42px rgba(0, 0, 0, .205) !important;
    }

    .products-page .mr-signature-card .product-info h3 {
        color: rgba(248, 242, 229, .945) !important;
        -webkit-text-fill-color: rgba(248, 242, 229, .945) !important;
        text-shadow:
            0 17px 40px rgba(0, 0, 0, .925),
            0 0 10px rgba(31, 111, 90, .050),
            0 0 7px rgba(221, 194, 145, .038) !important;
    }

    .products-page .mr-signature-card .product-category {
        border-color: rgba(70, 166, 137, .310) !important;
        background:
            linear-gradient(180deg, rgba(255, 246, 220, .034), rgba(255, 246, 220, .004) 35%, transparent 68%),
            radial-gradient(ellipse at 18% 118%, rgba(4, 58, 48, .245), transparent 50%),
            repeating-linear-gradient(128deg,
                rgba(125, 213, 180, .012) 0px,
                rgba(125, 213, 180, .012) 1px,
                rgba(0, 0, 0, 0) 2px,
                rgba(0, 0, 0, 0) 24px),
            linear-gradient(90deg, rgba(1, 9, 8, .890), rgba(2, 24, 20, .720)) !important;
        color: rgba(218, 251, 237, .910) !important;
        -webkit-text-fill-color: rgba(218, 251, 237, .910) !important;
        box-shadow:
            inset 0 1px 0 rgba(255, 246, 220, .040),
            inset 0 -1px 0 rgba(64, 170, 138, .070),
            0 8px 22px rgba(0, 0, 0, .440),
            0 0 0 1px rgba(58, 154, 127, .034) !important;
        text-shadow:
            0 1px 0 rgba(255, 246, 220, .032),
            0 9px 24px rgba(0, 0, 0, .910),
            0 0 8px rgba(31, 111, 90, .070) !important;
    }

    .products-page .mr-signature-card .mr-product-price {
        border-color: rgba(70, 166, 137, .340) !important;
        background:
            linear-gradient(180deg, rgba(255, 246, 220, .042), rgba(255, 246, 220, .006) 30%, transparent 64%),
            radial-gradient(ellipse at 16% 118%, rgba(4, 58, 48, .270), transparent 50%),
            radial-gradient(ellipse at 86% 106%, rgba(8, 92, 76, .125), transparent 48%),
            radial-gradient(ellipse at 30% 20%, rgba(255, 246, 220, .015), transparent 34%),
            repeating-linear-gradient(128deg,
                rgba(125, 213, 180, .014) 0px,
                rgba(125, 213, 180, .014) 1px,
                rgba(0, 0, 0, 0) 2px,
                rgba(0, 0, 0, 0) 24px),
            linear-gradient(180deg, rgba(8, 11, 11, .988), rgba(0, 0, 0, .998)) !important;
        color: rgba(246, 236, 214, .920) !important;
        -webkit-text-fill-color: rgba(246, 236, 214, .920) !important;
        box-shadow:
            inset 0 1px 0 rgba(255, 246, 220, .052),
            inset 0 -1px 0 rgba(64, 170, 138, .095),
            inset 0 0 18px rgba(0, 0, 0, .105),
            0 12px 29px rgba(0, 0, 0, .630),
            0 0 0 1px rgba(58, 154, 127, .038) !important;
        text-shadow:
            0 1px 0 rgba(255, 246, 220, .038),
            0 10px 24px rgba(0, 0, 0, .915),
            0 0 8px rgba(31, 111, 90, .058) !important;
    }

    .products-page .product-card-quote-wrap:hover .mr-signature-card .product-info,
    .products-page .product-card-quote-wrap:focus-within .mr-signature-card .product-info {
        border-top-color: rgba(82, 184, 150, .200) !important;
        box-shadow:
            inset 0 1px 0 rgba(255, 246, 220, .046),
            inset 0 -1px 0 rgba(82, 184, 150, .066),
            inset 0 26px 42px -46px rgba(255, 255, 255, .118),
            0 -18px 44px rgba(0, 0, 0, .230) !important;
    }

    .products-page .product-card-quote-wrap:hover .mr-signature-card .product-category,
    .products-page .product-card-quote-wrap:focus-within .mr-signature-card .product-category,
    .products-page .product-card-quote-wrap:hover .mr-signature-card .mr-product-price,
    .products-page .product-card-quote-wrap:focus-within .mr-signature-card .mr-product-price {
        border-color: rgba(82, 184, 150, .405) !important;
        box-shadow:
            inset 0 1px 0 rgba(255, 246, 220, .060),
            inset 0 -1px 0 rgba(82, 184, 150, .110),
            inset 0 0 18px rgba(0, 0, 0, .110),
            0 13px 30px rgba(0, 0, 0, .655),
            0 0 0 1px rgba(82, 184, 150, .045),
            0 0 14px rgba(34, 129, 104, .036) !important;
    }
}




/* 8.196 — Product Image Chamber / Polished Showcase Vitrine Depth.
   Direction: move the product photo area closer to the reference showcase chamber: obsidian display case,
hidden emerald depth,
restrained antique-gold hairline.
   Scope: CSS-only retune of the existing image chamber and its existing pseudo-elements. No new HTML,
no JS,
no asset,
no behavior change. */
@media (min-width: 769px){
    .products-page .mr-signature-card .product-img {
        border-radius: 23px 23px 18px 18px !important;
        background:
            radial-gradient(ellipse at 50% 12%, rgba(255, 246, 220, .030), transparent 38%),
            radial-gradient(ellipse at 18% 86%, rgba(4, 55, 46, .220), transparent 50%),
            radial-gradient(ellipse at 86% 72%, rgba(7, 77, 64, .112), transparent 46%),
            linear-gradient(180deg, rgba(4, 7, 7, .990) 0%, rgba(0, 0, 0, .998) 64%, rgba(0, 0, 0, 1) 100%) !important;
        box-shadow:
            inset 0 0 0 1px rgba(58, 154, 127, .036),
            inset 0 1px 0 rgba(255, 246, 220, .040),
            inset 0 -1px 0 rgba(64, 170, 138, .052),
            inset 0 -72px 132px rgba(0, 0, 0, .640),
            inset 0 0 46px rgba(0, 35, 29, .165) !important;
    }

    .products-page .mr-signature-card .product-img::before {
        display: block !important;
        content: "" !important;
        position: absolute !important;
        inset: 0 !important;
        z-index: 3 !important;
        pointer-events: none !important;
        opacity: .92 !important;
        border: 0 !important;
        background:
            linear-gradient(180deg,
                rgba(0, 0, 0, .300) 0%,
                rgba(0, 0, 0, .032) 26%,
                rgba(0, 0, 0, .052) 58%,
                rgba(0, 0, 0, .420) 100%),
            radial-gradient(ellipse at 50% 48%, transparent 0%, transparent 48%, rgba(0, 0, 0, .160) 100%),
            linear-gradient(103deg,
                transparent 0%,
                rgba(255, 246, 220, .020) 37%,
                rgba(112, 208, 174, .022) 55%,
                transparent 76%) !important;
        filter: none !important;
        mix-blend-mode: normal !important;
    }

    .products-page .mr-signature-card .product-img::after {
        display: block !important;
        content: "" !important;
        position: absolute !important;
        inset: 10px !important;
        z-index: 3 !important;
        pointer-events: none !important;
        border-radius: 18px !important;
        border: 1px solid rgba(223, 195, 146, .070) !important;
        opacity: .78 !important;
        background:
            linear-gradient(90deg,
                rgba(58, 154, 127, .060),
                transparent 22%,
                transparent 78%,
                rgba(223, 195, 146, .040)) !important;
        box-shadow:
            inset 0 1px 0 rgba(255, 246, 220, .030),
            inset 0 -1px 0 rgba(64, 170, 138, .036),
            inset 0 0 24px rgba(0, 0, 0, .095),
            0 0 0 1px rgba(58, 154, 127, .016) !important;
    }

    .products-page .mr-signature-card .product-img img.mr-catalog-product-image {
        filter: saturate(.875) contrast(1.095) brightness(.968) !important;
        transform-origin: 50% 48% !important;
    }

    .products-page .product-card-quote-wrap:hover .mr-signature-card .product-img,
    .products-page .product-card-quote-wrap:focus-within .mr-signature-card .product-img {
        box-shadow:
            inset 0 0 0 1px rgba(84, 184, 150, .052),
            inset 0 1px 0 rgba(255, 246, 220, .048),
            inset 0 -1px 0 rgba(84, 184, 150, .066),
            inset 0 -76px 136px rgba(0, 0, 0, .650),
            inset 0 0 48px rgba(0, 44, 36, .185) !important;
    }

    .products-page .product-card-quote-wrap:hover .mr-signature-card .product-img img.mr-catalog-product-image,
    .products-page .product-card-quote-wrap:focus-within .mr-signature-card .product-img img.mr-catalog-product-image {
        filter: saturate(.890) contrast(1.098) brightness(.982) !important;
    }
}




/* 8.197 — Product Card Outer Showcase Frame / Obsidian Vitrine Shell.
   Direction: continue the reference path by making the entire product card read more like a luxury showcase case,
not just the button/plaque/image chamber.
   Scope: card shell,
outer frame,
inner metal/glass rim,
MR watermark/top capsule tuning. CSS-only; no HTML,
no JS,
no asset,
no behavior change. */
@media (min-width: 769px){
    .products-page .product-card,
    .products-page .luxury-product-card,
    .products-page .mr-signature-card {
        border-color: rgba(70, 174, 142, .150) !important;
        background:
            radial-gradient(ellipse at 50% -6%, rgba(255, 242, 205, .018), transparent 42%),
            radial-gradient(ellipse at 16% 104%, rgba(5, 55, 47, .170), transparent 48%),
            radial-gradient(ellipse at 86% 106%, rgba(4, 38, 33, .115), transparent 48%),
            repeating-linear-gradient(130deg,
                rgba(125, 213, 180, .008) 0px,
                rgba(125, 213, 180, .008) 1px,
                transparent 2px,
                transparent 112px),
            linear-gradient(145deg, rgba(4, 6, 6, 1), rgba(0, 0, 0, 1) 58%, rgba(2, 4, 4, 1)) !important;
        box-shadow:
            0 54px 138px rgba(0, 0, 0, .940),
            0 0 0 1px rgba(50, 154, 124, .028),
            inset 0 1px 0 rgba(255, 246, 220, .022),
            inset 0 -1px 0 rgba(65, 172, 140, .035),
            inset 0 0 0 1px rgba(255, 255, 255, .010),
            inset 0 0 58px rgba(0, 0, 0, .560) !important;
    }

    .products-page .mr-signature-card::before {
        inset: 8px !important;
        border-radius: 22px !important;
        border-color: rgba(92, 196, 160, .145) !important;
        background:
            linear-gradient(180deg, rgba(255, 246, 220, .018), transparent 30%, transparent 70%, rgba(65, 172, 140, .014)) !important;
        box-shadow:
            inset 0 1px 0 rgba(255, 246, 220, .035),
            inset 0 -1px 0 rgba(65, 172, 140, .055),
            inset 0 0 0 1px rgba(255, 255, 255, .006),
            inset 0 0 26px rgba(0, 0, 0, .285),
            0 0 18px rgba(34, 129, 104, .025) !important;
        opacity: .90 !important;
    }

    .products-page .mr-signature-card::after {
        left: 24px !important;
        right: 24px !important;
        top: 13px !important;
        height: 1px !important;
        background:
            linear-gradient(90deg,
                transparent 0%,
                rgba(92, 196, 160, .000) 12%,
                rgba(255, 236, 190, .155) 34%,
                rgba(92, 196, 160, .170) 52%,
                rgba(255, 236, 190, .090) 68%,
                transparent 100%) !important;
        box-shadow:
            0 0 9px rgba(65, 172, 140, .045),
            0 0 4px rgba(229, 198, 145, .026) !important;
        opacity: .64 !important;
    }

    .products-page .product-card-quote-wrap:hover .mr-signature-card,
    .products-page .product-card-quote-wrap:focus-within .mr-signature-card,
    .products-page .product-card:hover,
    .products-page .luxury-product-card:hover,
    .products-page .mr-signature-card:hover {
        border-color: rgba(92, 196, 160, .205) !important;
        box-shadow:
            0 58px 146px rgba(0, 0, 0, .955),
            0 0 0 1px rgba(92, 196, 160, .038),
            0 0 18px rgba(34, 129, 104, .040),
            inset 0 1px 0 rgba(255, 246, 220, .026),
            inset 0 -1px 0 rgba(65, 172, 140, .044),
            inset 0 0 0 1px rgba(255, 255, 255, .012),
            inset 0 0 60px rgba(0, 0, 0, .570) !important;
    }

    .products-page .product-card-quote-wrap:hover .mr-signature-card::before,
    .products-page .product-card-quote-wrap:focus-within .mr-signature-card::before {
        border-color: rgba(92, 196, 160, .185) !important;
        box-shadow:
            inset 0 1px 0 rgba(255, 246, 220, .045),
            inset 0 -1px 0 rgba(92, 196, 160, .075),
            inset 0 0 0 1px rgba(255, 255, 255, .008),
            inset 0 0 28px rgba(0, 0, 0, .300),
            0 0 22px rgba(34, 129, 104, .034) !important;
    }

    .products-page .mr-card-watermark {
        color: rgba(229, 198, 145, .045) !important;
        -webkit-text-fill-color: rgba(229, 198, 145, .045) !important;
        opacity: .24 !important;
        text-shadow:
            0 18px 52px rgba(0, 0, 0, .900),
            0 0 8px rgba(34, 129, 104, .030) !important;
    }

    .products-page .mr-card-topline {
        border-color: rgba(92, 196, 160, .175) !important;
        background:
            linear-gradient(180deg, rgba(8, 13, 12, .955), rgba(0, 0, 0, .880)) !important;
        color: rgba(246, 236, 214, .660) !important;
        -webkit-text-fill-color: rgba(246, 236, 214, .660) !important;
        box-shadow:
            inset 0 1px 0 rgba(255, 246, 220, .035),
            inset 0 -1px 0 rgba(65, 172, 140, .050),
            0 8px 20px rgba(0, 0, 0, .560),
            0 0 0 1px rgba(92, 196, 160, .020) !important;
    }
}




/* 8.198 — Products Gallery Stage / Toolbar Obsidian Mineral Sync.
   Purpose: bring the surrounding Products controls closer to the approved card language so the page reads as one luxury showroom,
not only separate polished cards.
   Scope: page stage,
toolbar/filter/search/select/pagination/context surfaces only. No layout,
no HTML,
no JS,
no behavior change. */
section.featured.products-page{
    background:
        radial-gradient(ellipse at 9% 7%, rgba(5, 47, 40, .030), transparent 42%),
        radial-gradient(ellipse at 90% 2%, rgba(7, 58, 47, .022), transparent 48%),
        radial-gradient(ellipse at 50% 106%, rgba(0, 18, 15, .070), transparent 68%),
        repeating-linear-gradient(128deg,
            rgba(118, 210, 177, .0055) 0px,
            rgba(118, 210, 177, .0055) 1px,
            transparent 2px,
            transparent 168px),
        repeating-linear-gradient(162deg,
            rgba(229, 198, 145, .0038) 0px,
            rgba(229, 198, 145, .0038) 1px,
            transparent 2px,
            transparent 220px),
        linear-gradient(145deg, rgba(0, 0, 0, 1), rgba(1, 3, 3, .998) 48%, rgba(0, 0, 0, 1)) !important;
    border-color: rgba(66, 158, 130, .092) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 246, 220, .014),
        inset 0 0 0 1px rgba(229, 198, 145, .018),
        inset 0 0 170px rgba(0, 0, 0, .880),
        0 74px 188px rgba(0, 0, 0, .925) !important;
}

section.featured.products-page > h2{
    color: rgba(248, 242, 229, .890) !important;
    -webkit-text-fill-color: rgba(248, 242, 229, .890) !important;
    text-shadow:
        0 30px 78px rgba(0, 0, 0, .940),
        0 0 13px rgba(35, 129, 104, .055),
        0 0 7px rgba(229, 198, 145, .038) !important;
}

.products-page .mr-catalog-toolbar,
.products-page .product-family-head,
.products-page .mr-select-for-quote-note,
.products-page .products-pagination,
.products-page .mr-catalog-empty-state{
    border-color: rgba(58, 154, 127, .138) !important;
    background:
        linear-gradient(180deg, rgba(255, 246, 220, .026) 0%, rgba(255, 246, 220, .004) 28%, transparent 68%),
        radial-gradient(ellipse at 10% 0%, rgba(5, 50, 42, .118), transparent 48%),
        radial-gradient(ellipse at 92% 100%, rgba(8, 70, 57, .070), transparent 50%),
        repeating-linear-gradient(128deg,
            rgba(125, 213, 180, .0065) 0px,
            rgba(125, 213, 180, .0065) 1px,
            transparent 2px,
            transparent 52px),
        linear-gradient(145deg, rgba(4, 6, 6, .990), rgba(0, 0, 0, .998)) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 246, 220, .030),
        inset 0 -1px 0 rgba(64, 170, 138, .040),
        0 24px 70px rgba(0, 0, 0, .745),
        0 0 0 1px rgba(58, 154, 127, .025) !important;
}

.products-page .mr-catalog-toolbar-kicker,
.products-page .product-family-kicker,
.products-page .mr-catalog-active-filter,
.products-page .product-family-count{
    color: rgba(205, 247, 229, .565) !important;
    -webkit-text-fill-color: rgba(205, 247, 229, .565) !important;
    text-shadow:
        0 1px 0 rgba(255, 246, 220, .040),
        0 10px 26px rgba(0, 0, 0, .900),
        0 0 10px rgba(35, 129, 104, .105) !important;
}

.products-page .product-family-title,
.products-page .mr-catalog-toolbar-title,
.products-page .mr-catalog-toolbar-count{
    color: rgba(247, 238, 217, .855) !important;
    -webkit-text-fill-color: rgba(247, 238, 217, .855) !important;
    text-shadow:
        0 18px 46px rgba(0, 0, 0, .900),
        0 0 7px rgba(229, 198, 145, .030) !important;
}

.products-page .mr-catalog-search-input,
.products-page .mr-catalog-select,
.products-page .mr-catalog-filter-submit,
.products-page .mr-catalog-filter-reset,
.products-page .mr-catalog-mobile-filter-btn,
.products-page .mr-catalog-view-switch,
.products-page .mr-catalog-return-btn{
    border-color: rgba(58, 154, 127, .185) !important;
    color: rgba(246, 236, 214, .830) !important;
    -webkit-text-fill-color: rgba(246, 236, 214, .830) !important;
    background:
        linear-gradient(180deg, rgba(255, 246, 220, .032), rgba(255, 246, 220, .004) 32%, transparent 68%),
        radial-gradient(ellipse at 15% 115%, rgba(5, 64, 53, .175), transparent 48%),
        repeating-linear-gradient(128deg,
            rgba(125, 213, 180, .006) 0px,
            rgba(125, 213, 180, .006) 1px,
            transparent 2px,
            transparent 42px),
        linear-gradient(180deg, rgba(7, 10, 10, .984), rgba(0, 0, 0, .996)) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 246, 220, .034),
        inset 0 -1px 0 rgba(64, 170, 138, .055),
        0 10px 26px rgba(0, 0, 0, .560),
        0 0 0 1px rgba(58, 154, 127, .026) !important;
}

.products-page .mr-catalog-search-input::placeholder{
    color: rgba(207, 231, 222, .320) !important;
    -webkit-text-fill-color: rgba(207, 231, 222, .320) !important;
}

.products-page .mr-catalog-search-input:focus,
.products-page .mr-catalog-select:focus,
.products-page .mr-catalog-filter-submit:hover,
.products-page .mr-catalog-filter-reset:hover,
.products-page .mr-catalog-mobile-filter-btn:hover,
.products-page .mr-catalog-view-switch:hover,
.products-page .mr-catalog-return-btn:hover{
    border-color: rgba(89, 190, 155, .335) !important;
    color: rgba(255, 244, 222, .915) !important;
    -webkit-text-fill-color: rgba(255, 244, 222, .915) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 246, 220, .046),
        inset 0 -1px 0 rgba(89, 190, 155, .090),
        0 12px 30px rgba(0, 0, 0, .600),
        0 0 0 1px rgba(89, 190, 155, .038),
        0 0 14px rgba(34, 129, 104, .050) !important;
}

.products-page .mr-catalog-family-filter,
.products-page .mr-catalog-return-family,
.products-page .mr-catalog-return-quote{
    border-color: rgba(76, 176, 143, .260) !important;
    background:
        linear-gradient(180deg, rgba(255, 246, 220, .036), rgba(255, 246, 220, .004) 30%, transparent 66%),
        radial-gradient(ellipse at 15% 115%, rgba(5, 72, 59, .205), transparent 50%),
        linear-gradient(180deg, rgba(7, 11, 11, .988), rgba(0, 0, 0, .998)) !important;
}




/* 8.199 — Quick View Obsidian Showcase Panel Sync.
   Direction: bring Quick View closer to the same luxury showcase / jewelry-display language as the Products cards.
   Scope: visual sync only for modal panel,
image stage,
side/specs,
controls and price/code surfaces. No HTML,
no JS{
    background:
        radial-gradient(ellipse at 50% 12%, rgba(7, 55, 45, .105), transparent 48%),
        radial-gradient(ellipse at 84% 88%, rgba(0, 0, 0, .720), transparent 58%),
        rgba(0, 0, 0, .850) !important;
    backdrop-filter: blur(15px) saturate(108%) !important;
    -webkit-backdrop-filter: blur(15px) saturate(108%) !important;
}



/* 8.209 cleanup note: removed superseded 8.200–8.203 silver/corner rivet experiments; final rivet styling is preserved by 8.208. */

/* 8.204 — Product Lower Plaque / Reference Divider + Embossed MR Seal.
   Direction: bring the lower product plaque closer to the reference plaque language without changing markup.
   Adds a very subtle vertical divider and an embossed MR seal zone on desktop only.
   Safety: CSS-only,
no HTML,
no JS,
no behavior change. Mobile stays clean. */
@media (min-width: 769px){
    .products-page .mr-signature-card .product-info {
        overflow: hidden !important;
    }

    .products-page .mr-signature-card .product-info > * {
        position: relative !important;
        z-index: 2 !important;
    }

    .products-page .mr-signature-card .product-info::after {
        content: "" !important;
        position: absolute !important;
        z-index: 1 !important;
        top: 55px !important;
        bottom: 18px !important;
        left: 64% !important;
        width: 1px !important;
        pointer-events: none !important;
        opacity: .58 !important;
        background:
            linear-gradient(180deg,
                transparent 0%,
                rgba(58, 154, 127, .000) 6%,
                rgba(210, 216, 219, .105) 26%,
                rgba(223, 195, 146, .155) 50%,
                rgba(58, 154, 127, .080) 73%,
                transparent 100%) !important;
        box-shadow:
            1px 0 0 rgba(0, 0, 0, .520),
            -1px 0 0 rgba(255, 255, 255, .010) !important;
    }

    body.rtl .products-page .mr-signature-card .product-info::after {
        left: auto !important;
        right: 64% !important;
    }

    .products-page .mr-signature-card .product-info::before {
        content: "MR" !important;
        position: absolute !important;
        z-index: 1 !important;
        right: 21px !important;
        bottom: 22px !important;
        width: 37px !important;
        height: 37px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        pointer-events: none !important;
        border-radius: 50% !important;
        border: 1px solid rgba(208, 216, 220, .110) !important;
        color: rgba(223, 195, 146, .150) !important;
        -webkit-text-fill-color: rgba(223, 195, 146, .150) !important;
        font-family: Georgia, "Times New Roman", serif !important;
        font-size: 10px !important;
        font-weight: 700 !important;
        letter-spacing: .060em !important;
        line-height: 1 !important;
        background:
            radial-gradient(circle at 38% 30%, rgba(255, 255, 255, .042), transparent 34%),
            radial-gradient(circle at 50% 50%, rgba(0, 0, 0, .420), rgba(0, 0, 0, .120) 54%, transparent 58%),
            linear-gradient(145deg, rgba(255, 255, 255, .014), rgba(0, 0, 0, .160)) !important;
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, .022),
            inset 0 -1px 0 rgba(58, 154, 127, .032),
            0 9px 22px rgba(0, 0, 0, .440),
            0 0 0 1px rgba(0, 0, 0, .360) !important;
        text-shadow:
            0 1px 0 rgba(255, 246, 220, .040),
            0 10px 20px rgba(0, 0, 0, .900) !important;
    }

    body.rtl .products-page .mr-signature-card .product-info::before {
        right: auto !important;
        left: 21px !important;
    }

    .products-page .product-card-quote-wrap:hover .mr-signature-card .product-info::before,
    .products-page .product-card-quote-wrap:focus-within .mr-signature-card .product-info::before {
        border-color: rgba(208, 216, 220, .130) !important;
        color: rgba(223, 195, 146, .180) !important;
        -webkit-text-fill-color: rgba(223, 195, 146, .180) !important;
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, .026),
            inset 0 -1px 0 rgba(84, 184, 150, .040),
            0 10px 24px rgba(0, 0, 0, .470),
            0 0 0 1px rgba(0, 0, 0, .380) !important;
    }

    html.mr-catalog-view-compact .products-page .mr-signature-card .product-info::after,
    html.mr-catalog-view-compact .products-page .mr-signature-card .product-info::before {
        opacity: .30 !important;
        transform: scale(.82) !important;
        transform-origin: center !important;
    }
}



/* 8.209 cleanup note: removed superseded 8.205 antique-gold interim rivet block; final antique-gold rivets are preserved by 8.208. */

/* 8.206 — Selected Product Card / Obsidian Gallery Selection Ring.
   Direction: synchronize the selected/in-cart/in-quote card state with the new antique-gold rivets and obsidian vitrine language.
   Scope: visual active state only. No JS,
no HTML,
no behavior change. */
.products-page .product-card-quote-wrap.is-in-cart .mr-signature-card,
.products-page .product-card-quote-wrap.is-in-quote .mr-signature-card,
.products-page .mr-signature-card.is-in-cart,
.products-page .mr-signature-card.is-in-quote{
    border-color: rgba(211, 177, 112, .335) !important;
    background:
        linear-gradient(180deg, rgba(255, 246, 220, .030), rgba(255, 246, 220, .006) 28%, transparent 58%),
        radial-gradient(ellipse at 50% -8%, rgba(221, 190, 124, .090), transparent 44%),
        radial-gradient(ellipse at 50% 106%, rgba(7, 78, 63, .195), transparent 54%),
        linear-gradient(180deg, rgba(6, 9, 9, .972), rgba(0, 0, 0, .992)) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 244, 214, .048),
        inset 0 -1px 0 rgba(70, 168, 137, .080),
        0 20px 58px rgba(0, 0, 0, .720),
        0 0 0 1px rgba(211, 177, 112, .105),
        0 0 0 2px rgba(35, 130, 106, .038),
        0 0 28px rgba(23, 106, 86, .090),
        0 0 36px rgba(190, 151, 83, .055) !important;
}

.products-page .product-card-quote-wrap.is-in-cart .mr-signature-card::before,
.products-page .product-card-quote-wrap.is-in-quote .mr-signature-card::before,
.products-page .mr-signature-card.is-in-cart::before,
.products-page .mr-signature-card.is-in-quote::before{
    opacity: .70 !important;
    background:
        linear-gradient(90deg, transparent, rgba(219, 184, 114, .165), rgba(75, 174, 139, .060), transparent) !important;
}

.products-page .product-card-quote-wrap.is-in-cart .mr-signature-card::after,
.products-page .product-card-quote-wrap.is-in-quote .mr-signature-card::after,
.products-page .mr-signature-card.is-in-cart::after,
.products-page .mr-signature-card.is-in-quote::after{
    opacity: .54 !important;
    background:
        radial-gradient(ellipse at 50% 0%, rgba(230, 198, 132, .078), transparent 46%),
        radial-gradient(ellipse at 50% 100%, rgba(26, 132, 105, .090), transparent 58%) !important;
}

.products-page .product-card-quote-wrap.is-in-cart .mr-signature-card .product-img,
.products-page .product-card-quote-wrap.is-in-quote .mr-signature-card .product-img,
.products-page .mr-signature-card.is-in-cart .product-img,
.products-page .mr-signature-card.is-in-quote .product-img{
    border-color: rgba(216, 182, 115, .205) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 244, 214, .045),
        inset 0 -1px 0 rgba(62, 168, 135, .072),
        0 16px 42px rgba(0, 0, 0, .490),
        0 0 0 1px rgba(216, 182, 115, .040) !important;
}

.products-page .product-card-quote-wrap.is-in-cart .mr-signature-card .product-info,
.products-page .product-card-quote-wrap.is-in-quote .mr-signature-card .product-info,
.products-page .mr-signature-card.is-in-cart .product-info,
.products-page .mr-signature-card.is-in-quote .product-info{
    border-top-color: rgba(215, 179, 109, .195) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 244, 214, .045),
        inset 0 -1px 0 rgba(57, 161, 130, .065),
        inset 0 20px 40px -38px rgba(255, 244, 214, .125),
        0 -18px 42px rgba(0, 0, 0, .275) !important;
}

.products-page .product-card-quote-wrap.is-in-cart .mr-signature-card .mr-product-price,
.products-page .product-card-quote-wrap.is-in-quote .mr-signature-card .mr-product-price,
.products-page .mr-signature-card.is-in-cart .mr-product-price,
.products-page .mr-signature-card.is-in-quote .mr-product-price{
    border-color: rgba(222, 188, 121, .390) !important;
    color: rgba(255, 240, 211, .940) !important;
    -webkit-text-fill-color: rgba(255, 240, 211, .940) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 244, 214, .066),
        inset 0 -1px 0 rgba(77, 177, 144, .088),
        0 12px 30px rgba(0, 0, 0, .650),
        0 0 0 1px rgba(222, 188, 121, .046),
        0 0 14px rgba(197, 155, 83, .048) !important;
}




/* 8.207 — Product Card Gallery Focus Hover Polish.
   Direction: make hover/focus feel like a luxury vitrine spotlight,
without smoke,
canvas,
assets,
or new behavior.
   Scope: Product card shell + image chamber + quick-view eye on desktop hover/focus; mobile stays calm and lightweight. */
@media (hover: hover) and (pointer: fine){
    .products-page .product-card-quote-wrap:hover .mr-signature-card,
    .products-page .product-card-quote-wrap:focus-within .mr-signature-card {
        transform: translateY(-3px) scale(1.004) !important;
        border-color: rgba(80, 176, 143, .330) !important;
        background:
            linear-gradient(180deg, rgba(255, 244, 214, .030), transparent 22%),
            radial-gradient(ellipse at 50% -18%, rgba(99, 202, 163, .115), transparent 45%),
            radial-gradient(ellipse at 16% 104%, rgba(5, 73, 59, .180), transparent 46%),
            linear-gradient(180deg, rgba(5, 8, 8, .985), rgba(0, 0, 0, .998)) !important;
        box-shadow:
            inset 0 1px 0 rgba(255, 244, 214, .045),
            inset 0 -1px 0 rgba(84, 184, 150, .080),
            0 22px 56px rgba(0, 0, 0, .760),
            0 0 0 1px rgba(77, 178, 145, .045),
            0 0 34px rgba(29, 117, 94, .052) !important;
    }

    .products-page .product-card-quote-wrap:hover .mr-signature-card::before,
    .products-page .product-card-quote-wrap:focus-within .mr-signature-card::before {
        opacity: .68 !important;
        background:
            linear-gradient(135deg, rgba(255, 244, 214, .040), transparent 26%),
            radial-gradient(ellipse at 50% 0%, rgba(116, 214, 174, .105), transparent 45%),
            linear-gradient(90deg, transparent, rgba(61, 161, 130, .050), transparent) !important;
    }

    .products-page .product-card-quote-wrap:hover .mr-signature-card::after,
    .products-page .product-card-quote-wrap:focus-within .mr-signature-card::after {
        opacity: .50 !important;
        background:
            radial-gradient(ellipse at 18% 18%, rgba(255, 244, 214, .030), transparent 34%),
            radial-gradient(ellipse at 82% 12%, rgba(62, 163, 132, .050), transparent 36%),
            linear-gradient(180deg, transparent, rgba(0, 0, 0, .120)) !important;
    }

    .products-page .product-card-quote-wrap:hover .mr-signature-card .product-img,
    .products-page .product-card-quote-wrap:focus-within .mr-signature-card .product-img {
        border-color: rgba(83, 183, 148, .270) !important;
        background:
            radial-gradient(ellipse at 50% 0%, rgba(87, 188, 151, .090), transparent 44%),
            linear-gradient(180deg, rgba(255, 244, 214, .020), transparent 28%),
            linear-gradient(180deg, rgba(2, 10, 9, .990), rgba(0, 0, 0, 1)) !important;
        box-shadow:
            inset 0 1px 0 rgba(255, 244, 214, .040),
            inset 0 -1px 0 rgba(74, 170, 137, .070),
            0 14px 34px rgba(0, 0, 0, .500),
            0 0 0 1px rgba(74, 170, 137, .032) !important;
    }

    .products-page .product-card-quote-wrap:hover .mr-signature-card .product-img img,
    .products-page .product-card-quote-wrap:focus-within .mr-signature-card .product-img img {
        transform: scale(1.018) !important;
        filter: saturate(1.025) contrast(1.030) brightness(.988) !important;
    }

    .products-page .product-card-quote-wrap:hover .mr-signature-card .product-info,
    .products-page .product-card-quote-wrap:focus-within .mr-signature-card .product-info {
        border-top-color: rgba(88, 180, 146, .190) !important;
        box-shadow:
            inset 0 1px 0 rgba(255, 244, 214, .042),
            inset 0 -1px 0 rgba(80, 176, 143, .058),
            0 -18px 42px rgba(0, 0, 0, .230) !important;
    }
}



@media (prefers-reduced-motion: reduce) {
    .products-page .product-card-quote-wrap:hover .mr-signature-card,
.products-page .product-card-quote-wrap:focus-within .mr-signature-card,
.products-page .product-card-quote-wrap:hover .mr-signature-card .product-img img,
.products-page .product-card-quote-wrap:focus-within .mr-signature-card .product-img img{
        transform: none !important;
    }
}

/* 8.208 — Products Final Balance / Luxury Cohesion Pass.
   Direction: final balance after the 8.207 focus polish. Keep Products black/obsidian first,
antique-gold second,
and hidden emerald only as deep mineral undertone.
   Scope: CSS-only cohesion for card hover,
selected state,
action rivets,
lower plaque,
Quick View eye and toolbar controls.
   No HTML,
no JS,
no assets,
no behavior change. */
@media (hover: hover) and (pointer: fine){
    .products-page .product-card-quote-wrap:hover .mr-signature-card,
    .products-page .product-card-quote-wrap:focus-within .mr-signature-card {
        transform: translateY(-2px) scale(1.002) !important;
        border-color: rgba(197, 160, 96, .230) !important;
        background:
            linear-gradient(180deg, rgba(255, 244, 214, .026), transparent 24%),
            radial-gradient(ellipse at 50% -18%, rgba(219, 184, 114, .070), transparent 44%),
            radial-gradient(ellipse at 18% 106%, rgba(5, 61, 51, .128), transparent 47%),
            linear-gradient(180deg, rgba(5, 7, 7, .990), rgba(0, 0, 0, .999)) !important;
        box-shadow:
            inset 0 1px 0 rgba(255, 244, 214, .040),
            inset 0 -1px 0 rgba(60, 150, 122, .055),
            0 21px 54px rgba(0, 0, 0, .780),
            0 0 0 1px rgba(197, 160, 96, .040),
            0 0 24px rgba(24, 105, 86, .038) !important;
    }

    .products-page .product-card-quote-wrap:hover .mr-signature-card::before,
    .products-page .product-card-quote-wrap:focus-within .mr-signature-card::before {
        opacity: .58 !important;
        background:
            linear-gradient(135deg, rgba(255, 244, 214, .035), transparent 28%),
            radial-gradient(ellipse at 50% 0%, rgba(221, 184, 114, .074), transparent 44%),
            linear-gradient(90deg, transparent, rgba(49, 138, 112, .032), transparent) !important;
    }

    .products-page .product-card-quote-wrap:hover .mr-signature-card::after,
    .products-page .product-card-quote-wrap:focus-within .mr-signature-card::after {
        opacity: .42 !important;
        background:
            radial-gradient(ellipse at 18% 18%, rgba(255, 244, 214, .024), transparent 34%),
            radial-gradient(ellipse at 82% 12%, rgba(194, 153, 83, .030), transparent 36%),
            linear-gradient(180deg, transparent, rgba(0, 0, 0, .135)) !important;
    }

    .products-page .product-card-quote-wrap:hover .mr-signature-card .product-img,
    .products-page .product-card-quote-wrap:focus-within .mr-signature-card .product-img {
        border-color: rgba(187, 151, 90, .205) !important;
        background:
            radial-gradient(ellipse at 50% 0%, rgba(213, 178, 111, .052), transparent 44%),
            radial-gradient(ellipse at 50% 108%, rgba(4, 53, 44, .122), transparent 52%),
            linear-gradient(180deg, rgba(255, 244, 214, .017), transparent 30%),
            linear-gradient(180deg, rgba(2, 8, 8, .992), rgba(0, 0, 0, 1)) !important;
        box-shadow:
            inset 0 1px 0 rgba(255, 244, 214, .036),
            inset 0 -1px 0 rgba(64, 150, 122, .052),
            0 14px 34px rgba(0, 0, 0, .520),
            0 0 0 1px rgba(187, 151, 90, .030) !important;
    }

    .products-page .product-card-quote-wrap:hover .mr-signature-card .product-img img,
    .products-page .product-card-quote-wrap:focus-within .mr-signature-card .product-img img {
        transform: scale(1.012) !important;
        filter: saturate(1.005) contrast(1.028) brightness(.985) !important;
    }

    .products-page .product-card-quote-wrap:hover .mr-signature-card .product-info,
    .products-page .product-card-quote-wrap:focus-within .mr-signature-card .product-info {
        border-top-color: rgba(197, 160, 96, .160) !important;
        box-shadow:
            inset 0 1px 0 rgba(255, 244, 214, .038),
            inset 0 -1px 0 rgba(57, 147, 119, .046),
            0 -18px 42px rgba(0, 0, 0, .245) !important;
    }
}

.products-page .mr-add-to-cart-btn.mr-cart-action,
.products-page .add-to-quote-btn.mr-quote-action{
    border-color: rgba(178, 143, 84, .285) !important;
    color: rgba(246, 236, 214, .925) !important;
    -webkit-text-fill-color: rgba(246, 236, 214, .925) !important;
    background:
        radial-gradient(circle at left 12px top 8px, rgba(244,237,217,.86) 0 .92px, rgba(214,190,141,.82) 1.25px, rgba(153,119,66,.78) 2.05px, rgba(70,49,23,.38) 3px, transparent 3.45px) no-repeat,
        radial-gradient(circle at right 12px top 8px, rgba(244,237,217,.86) 0 .92px, rgba(214,190,141,.82) 1.25px, rgba(153,119,66,.78) 2.05px, rgba(70,49,23,.38) 3px, transparent 3.45px) no-repeat,
        radial-gradient(circle at left 12px bottom 8px, rgba(244,237,217,.86) 0 .92px, rgba(214,190,141,.82) 1.25px, rgba(153,119,66,.78) 2.05px, rgba(70,49,23,.38) 3px, transparent 3.45px) no-repeat,
        radial-gradient(circle at right 12px bottom 8px, rgba(244,237,217,.86) 0 .92px, rgba(214,190,141,.82) 1.25px, rgba(153,119,66,.78) 2.05px, rgba(70,49,23,.38) 3px, transparent 3.45px) no-repeat,
        radial-gradient(circle at left 12px top 8px, rgba(255,251,241,.105) 0 .30px, transparent .40px) no-repeat,
        radial-gradient(circle at right 12px top 8px, rgba(255,251,241,.105) 0 .30px, transparent .40px) no-repeat,
        radial-gradient(circle at left 12px bottom 8px, rgba(255,251,241,.105) 0 .30px, transparent .40px) no-repeat,
        radial-gradient(circle at right 12px bottom 8px, rgba(255,251,241,.105) 0 .30px, transparent .40px) no-repeat,
        linear-gradient(180deg, rgba(255, 246, 220, .046) 0%, rgba(255, 246, 220, .008) 26%, transparent 58%),
        radial-gradient(ellipse at 14% 112%, rgba(3, 43, 36, .230), transparent 48%),
        radial-gradient(ellipse at 86% 104%, rgba(6, 70, 59, .125), transparent 44%),
        radial-gradient(ellipse at 28% 22%, rgba(255, 246, 220, .015), transparent 34%),
        repeating-linear-gradient(128deg,
            rgba(125, 213, 180, .010) 0px,
            rgba(125, 213, 180, .010) 1px,
            transparent 2px,
            transparent 24px),
        repeating-linear-gradient(162deg,
            rgba(255, 246, 220, .008) 0px,
            rgba(255, 246, 220, .008) 1px,
            transparent 2px,
            transparent 30px),
        linear-gradient(180deg, rgba(8, 11, 11, .994) 0%, rgba(3, 5, 5, .999) 52%, rgba(0, 0, 0, 1) 100%) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 246, 220, .056),
        inset 0 -1px 0 rgba(57, 148, 121, .070),
        inset 0 -18px 34px rgba(0, 31, 26, .145),
        0 14px 34px rgba(0, 0, 0, .700),
        0 0 0 1px rgba(178, 143, 84, .034) !important;
}

.products-page .mr-add-to-cart-btn.mr-cart-action:hover,
.products-page .mr-add-to-cart-btn.mr-cart-action.is-added,
.products-page .product-card-quote-wrap:hover .mr-add-to-cart-btn.mr-cart-action,
.products-page .add-to-quote-btn.mr-quote-action:hover,
.products-page .add-to-quote-btn.mr-quote-action.is-added,
.products-page .product-card-quote-wrap:hover .add-to-quote-btn.mr-quote-action{
    border-color: rgba(203, 165, 99, .365) !important;
    background:
        radial-gradient(circle at left 12px top 8px, rgba(249,242,224,.92) 0 .98px, rgba(224,200,151,.88) 1.32px, rgba(164,128,73,.82) 2.12px, rgba(76,53,25,.42) 3.07px, transparent 3.52px) no-repeat,
        radial-gradient(circle at right 12px top 8px, rgba(249,242,224,.92) 0 .98px, rgba(224,200,151,.88) 1.32px, rgba(164,128,73,.82) 2.12px, rgba(76,53,25,.42) 3.07px, transparent 3.52px) no-repeat,
        radial-gradient(circle at left 12px bottom 8px, rgba(249,242,224,.92) 0 .98px, rgba(224,200,151,.88) 1.32px, rgba(164,128,73,.82) 2.12px, rgba(76,53,25,.42) 3.07px, transparent 3.52px) no-repeat,
        radial-gradient(circle at right 12px bottom 8px, rgba(249,242,224,.92) 0 .98px, rgba(224,200,151,.88) 1.32px, rgba(164,128,73,.82) 2.12px, rgba(76,53,25,.42) 3.07px, transparent 3.52px) no-repeat,
        radial-gradient(circle at left 12px top 8px, rgba(255,252,245,.120) 0 .33px, transparent .43px) no-repeat,
        radial-gradient(circle at right 12px top 8px, rgba(255,252,245,.120) 0 .33px, transparent .43px) no-repeat,
        radial-gradient(circle at left 12px bottom 8px, rgba(255,252,245,.120) 0 .33px, transparent .43px) no-repeat,
        radial-gradient(circle at right 12px bottom 8px, rgba(255,252,245,.120) 0 .33px, transparent .43px) no-repeat,
        linear-gradient(180deg, rgba(255, 246, 220, .054) 0%, rgba(255, 246, 220, .010) 26%, transparent 58%),
        radial-gradient(ellipse at 14% 112%, rgba(4, 50, 42, .260), transparent 49%),
        radial-gradient(ellipse at 86% 104%, rgba(8, 78, 65, .140), transparent 45%),
        radial-gradient(ellipse at 28% 22%, rgba(255, 246, 220, .019), transparent 34%),
        repeating-linear-gradient(128deg,
            rgba(125, 213, 180, .012) 0px,
            rgba(125, 213, 180, .012) 1px,
            transparent 2px,
            transparent 24px),
        repeating-linear-gradient(162deg,
            rgba(255, 246, 220, .010) 0px,
            rgba(255, 246, 220, .010) 1px,
            transparent 2px,
            transparent 30px),
        linear-gradient(180deg, rgba(9, 12, 12, .995) 0%, rgba(3, 6, 6, 1) 52%, rgba(0, 0, 0, 1) 100%) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 246, 220, .064),
        inset 0 -1px 0 rgba(63, 154, 126, .082),
        inset 0 -18px 34px rgba(0, 36, 30, .155),
        0 15px 36px rgba(0, 0, 0, .720),
        0 0 0 1px rgba(203, 165, 99, .042),
        0 0 13px rgba(27, 104, 85, .034) !important;
}

.products-page .product-card-quote-wrap.is-in-cart .mr-add-to-cart-btn.mr-cart-action,
.products-page .product-card-quote-wrap.is-in-quote .add-to-quote-btn.mr-quote-action{
    border-color: rgba(211, 175, 109, .405) !important;
    background:
        radial-gradient(circle at left 12px top 8px, rgba(251,244,228,.96) 0 1.02px, rgba(228,205,158,.91) 1.36px, rgba(171,135,80,.85) 2.18px, rgba(80,56,28,.43) 3.12px, transparent 3.58px) no-repeat,
        radial-gradient(circle at right 12px top 8px, rgba(251,244,228,.96) 0 1.02px, rgba(228,205,158,.91) 1.36px, rgba(171,135,80,.85) 2.18px, rgba(80,56,28,.43) 3.12px, transparent 3.58px) no-repeat,
        radial-gradient(circle at left 12px bottom 8px, rgba(251,244,228,.96) 0 1.02px, rgba(228,205,158,.91) 1.36px, rgba(171,135,80,.85) 2.18px, rgba(80,56,28,.43) 3.12px, transparent 3.58px) no-repeat,
        radial-gradient(circle at right 12px bottom 8px, rgba(251,244,228,.96) 0 1.02px, rgba(228,205,158,.91) 1.36px, rgba(171,135,80,.85) 2.18px, rgba(80,56,28,.43) 3.12px, transparent 3.58px) no-repeat,
        radial-gradient(circle at left 12px top 8px, rgba(255,252,246,.13) 0 .34px, transparent .44px) no-repeat,
        radial-gradient(circle at right 12px top 8px, rgba(255,252,246,.13) 0 .34px, transparent .44px) no-repeat,
        radial-gradient(circle at left 12px bottom 8px, rgba(255,252,246,.13) 0 .34px, transparent .44px) no-repeat,
        radial-gradient(circle at right 12px bottom 8px, rgba(255,252,246,.13) 0 .34px, transparent .44px) no-repeat,
        linear-gradient(180deg, rgba(255, 246, 220, .060) 0%, rgba(255, 246, 220, .012) 26%, transparent 58%),
        radial-gradient(ellipse at 14% 112%, rgba(4, 54, 45, .275), transparent 49%),
        radial-gradient(ellipse at 86% 104%, rgba(9, 84, 70, .145), transparent 45%),
        radial-gradient(ellipse at 28% 22%, rgba(255, 246, 220, .020), transparent 34%),
        repeating-linear-gradient(128deg,
            rgba(125, 213, 180, .012) 0px,
            rgba(125, 213, 180, .012) 1px,
            transparent 2px,
            transparent 24px),
        linear-gradient(180deg, rgba(9, 13, 13, .996) 0%, rgba(3, 7, 7, 1) 56%, rgba(0, 0, 0, 1) 100%) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 246, 220, .070),
        inset 0 -1px 0 rgba(64, 154, 126, .088),
        inset 0 -18px 34px rgba(0, 38, 32, .165),
        0 15px 38px rgba(0, 0, 0, .730),
        0 0 0 1px rgba(211, 175, 109, .050),
        0 0 15px rgba(27, 104, 85, .038) !important;
}

.products-page .product-card-quote-wrap.is-in-cart .mr-signature-card,
.products-page .product-card-quote-wrap.is-in-quote .mr-signature-card,
.products-page .mr-signature-card.is-in-cart,
.products-page .mr-signature-card.is-in-quote{
    border-color: rgba(207, 171, 106, .305) !important;
    background:
        linear-gradient(180deg, rgba(255, 246, 220, .028), rgba(255, 246, 220, .005) 30%, transparent 60%),
        radial-gradient(ellipse at 50% -8%, rgba(215, 181, 113, .072), transparent 44%),
        radial-gradient(ellipse at 50% 106%, rgba(6, 66, 55, .150), transparent 54%),
        linear-gradient(180deg, rgba(6, 8, 8, .980), rgba(0, 0, 0, .995)) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 244, 214, .044),
        inset 0 -1px 0 rgba(58, 148, 121, .060),
        0 20px 56px rgba(0, 0, 0, .735),
        0 0 0 1px rgba(207, 171, 106, .090),
        0 0 0 2px rgba(33, 121, 99, .026),
        0 0 24px rgba(23, 106, 86, .060),
        0 0 30px rgba(188, 149, 82, .038) !important;
}

.products-page .product-card-quote-wrap.is-in-cart .mr-signature-card .product-img,
.products-page .product-card-quote-wrap.is-in-quote .mr-signature-card .product-img,
.products-page .mr-signature-card.is-in-cart .product-img,
.products-page .mr-signature-card.is-in-quote .product-img{
    border-color: rgba(207, 171, 106, .190) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 244, 214, .040),
        inset 0 -1px 0 rgba(58, 148, 121, .055),
        0 16px 42px rgba(0, 0, 0, .505),
        0 0 0 1px rgba(207, 171, 106, .034) !important;
}

.products-page .product-card-quote-wrap.is-in-cart .mr-signature-card .product-info,
.products-page .product-card-quote-wrap.is-in-quote .mr-signature-card .product-info,
.products-page .mr-signature-card.is-in-cart .product-info,
.products-page .mr-signature-card.is-in-quote .product-info{
    border-top-color: rgba(207, 171, 106, .185) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 244, 214, .040),
        inset 0 -1px 0 rgba(54, 140, 114, .052),
        inset 0 20px 40px -38px rgba(255, 244, 214, .110),
        0 -18px 42px rgba(0, 0, 0, .285) !important;
}

.products-page .product-card-quote-wrap.is-in-cart .mr-signature-card .mr-product-price,
.products-page .product-card-quote-wrap.is-in-quote .mr-signature-card .mr-product-price,
.products-page .mr-signature-card.is-in-cart .mr-product-price,
.products-page .mr-signature-card.is-in-quote .mr-product-price{
    border-color: rgba(214, 179, 111, .355) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 244, 214, .060),
        inset 0 -1px 0 rgba(66, 156, 128, .066),
        0 12px 30px rgba(0, 0, 0, .655),
        0 0 0 1px rgba(214, 179, 111, .040),
        0 0 12px rgba(190, 151, 83, .035) !important;
}

.products-page .mr-catalog-toolbar,
.products-page .product-family-head,
.products-page .mr-select-for-quote-note,
.products-page .products-pagination,
.products-page .mr-catalog-empty-state{
    border-color: rgba(180, 145, 89, .118) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 246, 220, .032),
        inset 0 -1px 0 rgba(54, 145, 118, .034),
        0 22px 70px rgba(0, 0, 0, .660),
        0 0 0 1px rgba(180, 145, 89, .020) !important;
}

.products-page .mr-catalog-search-input,
.products-page .mr-catalog-select,
.products-page .mr-catalog-filter-submit,
.products-page .mr-catalog-filter-reset,
.products-page .mr-catalog-mobile-filter-btn,
.products-page .mr-catalog-view-switch,
.products-page .mr-catalog-return-btn{
    border-color: rgba(176, 141, 84, .175) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 246, 220, .032),
        inset 0 -1px 0 rgba(55, 145, 118, .044),
        0 10px 26px rgba(0, 0, 0, .575),
        0 0 0 1px rgba(176, 141, 84, .020) !important;
}

.products-page .mr-catalog-search-input:focus,
.products-page .mr-catalog-select:focus,
.products-page .mr-catalog-filter-submit:hover,
.products-page .mr-catalog-filter-reset:hover,
.products-page .mr-catalog-mobile-filter-btn:hover,
.products-page .mr-catalog-view-switch:hover,
.products-page .mr-catalog-return-btn:hover{
    border-color: rgba(205, 166, 100, .285) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 246, 220, .044),
        inset 0 -1px 0 rgba(62, 152, 124, .058),
        0 12px 30px rgba(0, 0, 0, .610),
        0 0 0 1px rgba(205, 166, 100, .030),
        0 0 12px rgba(27, 104, 85, .030) !important;
}





/* 8.209 — Products CSS Cleanup / Consolidation Pass.
   Direction: safe cleanup only. Removed superseded interim rivet experiments from 8.200–8.203 and the transitional 8.205 rivet block.
   The active/final button,
selected-state,
hover,
toolbar and Quick View balance remains controlled by 8.208.
   No HTML,
no JS,
no assets,
no behavior change. */




/* 8.210 — Mobile Topline Teal Category Sync
   Goal: make the mobile top code capsule read closer to the desktop category text color.
   Scope: mobile-only .mr-card-topline; CSS-only,
no behavior or markup change. */



/* 8.211 — Purchase Button Velvet Emerald Depth
   Goal: make the main purchase actions feel like real velvet emerald over obsidian,
so they separate slightly from the black card while staying dark,
luxury and non-neon.
   Scope: Add to Cart / Add to Quote on cards and Quick View; CSS-only,
no behavior or markup change. */
.products-page .mr-add-to-cart-btn.mr-cart-action,
.products-page .add-to-quote-btn.mr-quote-action{
    border-color: rgba(190, 154, 94, .330) !important;
    color: rgba(248, 239, 218, .940) !important;
    -webkit-text-fill-color: rgba(248, 239, 218, .940) !important;
    background:
        radial-gradient(circle at left 12px top 8px, rgba(247,240,222,.92) 0 .94px, rgba(219,196,150,.88) 1.26px, rgba(158,123,70,.82) 2.04px, rgba(70,49,24,.40) 3px, transparent 3.46px) no-repeat,
        radial-gradient(circle at right 12px top 8px, rgba(247,240,222,.92) 0 .94px, rgba(219,196,150,.88) 1.26px, rgba(158,123,70,.82) 2.04px, rgba(70,49,24,.40) 3px, transparent 3.46px) no-repeat,
        radial-gradient(circle at left 12px bottom 8px, rgba(247,240,222,.92) 0 .94px, rgba(219,196,150,.88) 1.26px, rgba(158,123,70,.82) 2.04px, rgba(70,49,24,.40) 3px, transparent 3.46px) no-repeat,
        radial-gradient(circle at right 12px bottom 8px, rgba(247,240,222,.92) 0 .94px, rgba(219,196,150,.88) 1.26px, rgba(158,123,70,.82) 2.04px, rgba(70,49,24,.40) 3px, transparent 3.46px) no-repeat,
        radial-gradient(circle at left 12px top 8px, rgba(255,252,244,.120) 0 .32px, transparent .42px) no-repeat,
        radial-gradient(circle at right 12px top 8px, rgba(255,252,244,.120) 0 .32px, transparent .42px) no-repeat,
        radial-gradient(circle at left 12px bottom 8px, rgba(255,252,244,.120) 0 .32px, transparent .42px) no-repeat,
        radial-gradient(circle at right 12px bottom 8px, rgba(255,252,244,.120) 0 .32px, transparent .42px) no-repeat,
        linear-gradient(180deg, rgba(255, 247, 224, .062) 0%, rgba(255, 247, 224, .012) 28%, transparent 62%),
        radial-gradient(ellipse at 50% -18%, rgba(82, 155, 131, .145), transparent 45%),
        radial-gradient(ellipse at 22% 112%, rgba(4, 78, 66, .390), transparent 52%),
        radial-gradient(ellipse at 82% 108%, rgba(13, 104, 86, .235), transparent 48%),
        radial-gradient(ellipse at 48% 48%, rgba(7, 55, 48, .420), transparent 68%),
        repeating-linear-gradient(104deg,
            rgba(138, 232, 195, .016) 0px,
            rgba(138, 232, 195, .016) 1px,
            transparent 2px,
            transparent 15px),
        repeating-linear-gradient(162deg,
            rgba(255, 247, 224, .009) 0px,
            rgba(255, 247, 224, .009) 1px,
            transparent 2px,
            transparent 26px),
        linear-gradient(180deg, rgba(4, 16, 15, .998) 0%, rgba(2, 28, 24, 1) 48%, rgba(0, 4, 4, 1) 100%) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 247, 224, .074),
        inset 0 -1px 0 rgba(83, 173, 143, .106),
        inset 0 18px 30px rgba(255, 247, 224, .012),
        inset 0 -20px 38px rgba(0, 34, 29, .250),
        inset 0 0 30px rgba(19, 96, 81, .120),
        0 14px 34px rgba(0, 0, 0, .700),
        0 0 0 1px rgba(190, 154, 94, .046),
        0 0 17px rgba(28, 115, 94, .048) !important;
}

.products-page .mr-add-to-cart-btn.mr-cart-action:hover,
.products-page .mr-add-to-cart-btn.mr-cart-action.is-added,
.products-page .product-card-quote-wrap:hover .mr-add-to-cart-btn.mr-cart-action,
.products-page .add-to-quote-btn.mr-quote-action:hover,
.products-page .add-to-quote-btn.mr-quote-action.is-added,
.products-page .product-card-quote-wrap:hover .add-to-quote-btn.mr-quote-action{
    border-color: rgba(213, 176, 108, .420) !important;
    background:
        radial-gradient(circle at left 12px top 8px, rgba(251,244,228,.96) 0 1px, rgba(229,205,157,.92) 1.34px, rgba(171,134,78,.86) 2.14px, rgba(78,55,27,.45) 3.10px, transparent 3.58px) no-repeat,
        radial-gradient(circle at right 12px top 8px, rgba(251,244,228,.96) 0 1px, rgba(229,205,157,.92) 1.34px, rgba(171,134,78,.86) 2.14px, rgba(78,55,27,.45) 3.10px, transparent 3.58px) no-repeat,
        radial-gradient(circle at left 12px bottom 8px, rgba(251,244,228,.96) 0 1px, rgba(229,205,157,.92) 1.34px, rgba(171,134,78,.86) 2.14px, rgba(78,55,27,.45) 3.10px, transparent 3.58px) no-repeat,
        radial-gradient(circle at right 12px bottom 8px, rgba(251,244,228,.96) 0 1px, rgba(229,205,157,.92) 1.34px, rgba(171,134,78,.86) 2.14px, rgba(78,55,27,.45) 3.10px, transparent 3.58px) no-repeat,
        radial-gradient(circle at left 12px top 8px, rgba(255,253,247,.135) 0 .34px, transparent .44px) no-repeat,
        radial-gradient(circle at right 12px top 8px, rgba(255,253,247,.135) 0 .34px, transparent .44px) no-repeat,
        radial-gradient(circle at left 12px bottom 8px, rgba(255,253,247,.135) 0 .34px, transparent .44px) no-repeat,
        radial-gradient(circle at right 12px bottom 8px, rgba(255,253,247,.135) 0 .34px, transparent .44px) no-repeat,
        linear-gradient(180deg, rgba(255, 247, 224, .074) 0%, rgba(255, 247, 224, .016) 28%, transparent 62%),
        radial-gradient(ellipse at 50% -18%, rgba(98, 178, 149, .175), transparent 45%),
        radial-gradient(ellipse at 20% 112%, rgba(5, 88, 74, .455), transparent 53%),
        radial-gradient(ellipse at 84% 108%, rgba(16, 118, 98, .270), transparent 48%),
        radial-gradient(ellipse at 48% 48%, rgba(10, 65, 56, .455), transparent 68%),
        repeating-linear-gradient(104deg,
            rgba(145, 238, 201, .019) 0px,
            rgba(145, 238, 201, .019) 1px,
            transparent 2px,
            transparent 15px),
        repeating-linear-gradient(162deg,
            rgba(255, 247, 224, .011) 0px,
            rgba(255, 247, 224, .011) 1px,
            transparent 2px,
            transparent 26px),
        linear-gradient(180deg, rgba(5, 20, 18, .998) 0%, rgba(3, 33, 28, 1) 50%, rgba(0, 5, 5, 1) 100%) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 247, 224, .088),
        inset 0 -1px 0 rgba(91, 184, 152, .128),
        inset 0 18px 30px rgba(255, 247, 224, .016),
        inset 0 -20px 38px rgba(0, 41, 35, .280),
        inset 0 0 34px rgba(24, 112, 94, .145),
        0 15px 38px rgba(0, 0, 0, .730),
        0 0 0 1px rgba(213, 176, 108, .058),
        0 0 19px rgba(32, 128, 105, .062) !important;
}

.products-page .product-card-quote-wrap.is-in-cart .mr-add-to-cart-btn.mr-cart-action,
.products-page .product-card-quote-wrap.is-in-quote .add-to-quote-btn.mr-quote-action{
    border-color: rgba(220, 184, 116, .455) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 247, 224, .092),
        inset 0 -1px 0 rgba(95, 190, 157, .140),
        inset 0 -20px 40px rgba(0, 45, 38, .295),
        inset 0 0 36px rgba(24, 116, 96, .160),
        0 15px 40px rgba(0, 0, 0, .735),
        0 0 0 1px rgba(220, 184, 116, .068),
        0 0 20px rgba(35, 135, 111, .070) !important;
}




/* 8.212 — Retail Mode Chip Velvet Purchase Sync
   Goal: make the existing Products "ط®ط±غŒط¯ ط´ط®طµغŒ / Retail Mode" chip use the same muted velvet-emerald purchase-button language from 8.211.
   Scope: toolbar purchase-mode chip only; CSS-only,
no markup,
no JS,
no behavior change. */
html.mr-purchase-retail .products-page .mr-catalog-toolbar-title::after{
    min-height: 25px !important;
    padding: 0 18px !important;
    border-radius: 12px !important;
    border-color: rgba(190, 154, 94, .335) !important;
    color: rgba(248, 239, 218, .940) !important;
    -webkit-text-fill-color: rgba(248, 239, 218, .940) !important;
    font-size: 8.55px !important;
    font-weight: 930 !important;
    letter-spacing: .72px !important;
    text-shadow: 0 1px 8px rgba(0,0,0,.42), 0 0 10px rgba(31, 128, 105, .055) !important;
    background:
        radial-gradient(circle at left 9px top 6px, rgba(247,240,222,.92) 0 .74px, rgba(219,196,150,.88) 1px, rgba(158,123,70,.82) 1.72px, rgba(70,49,24,.40) 2.55px, transparent 2.98px) no-repeat,
        radial-gradient(circle at right 9px top 6px, rgba(247,240,222,.92) 0 .74px, rgba(219,196,150,.88) 1px, rgba(158,123,70,.82) 1.72px, rgba(70,49,24,.40) 2.55px, transparent 2.98px) no-repeat,
        radial-gradient(circle at left 9px bottom 6px, rgba(247,240,222,.92) 0 .74px, rgba(219,196,150,.88) 1px, rgba(158,123,70,.82) 1.72px, rgba(70,49,24,.40) 2.55px, transparent 2.98px) no-repeat,
        radial-gradient(circle at right 9px bottom 6px, rgba(247,240,222,.92) 0 .74px, rgba(219,196,150,.88) 1px, rgba(158,123,70,.82) 1.72px, rgba(70,49,24,.40) 2.55px, transparent 2.98px) no-repeat,
        linear-gradient(180deg, rgba(255, 247, 224, .060) 0%, rgba(255, 247, 224, .012) 30%, transparent 64%),
        radial-gradient(ellipse at 50% -20%, rgba(82, 155, 131, .135), transparent 45%),
        radial-gradient(ellipse at 20% 112%, rgba(4, 78, 66, .360), transparent 52%),
        radial-gradient(ellipse at 84% 108%, rgba(13, 104, 86, .225), transparent 48%),
        repeating-linear-gradient(104deg,
            rgba(138, 232, 195, .014) 0px,
            rgba(138, 232, 195, .014) 1px,
            transparent 2px,
            transparent 15px),
        linear-gradient(180deg, rgba(4, 16, 15, .998) 0%, rgba(2, 28, 24, 1) 48%, rgba(0, 4, 4, 1) 100%) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 247, 224, .070),
        inset 0 -1px 0 rgba(83, 173, 143, .104),
        inset 0 -14px 25px rgba(0, 34, 29, .225),
        inset 0 0 24px rgba(19, 96, 81, .104),
        0 9px 22px rgba(0, 0, 0, .445),
        0 0 0 1px rgba(190, 154, 94, .044),
        0 0 13px rgba(28, 115, 94, .044) !important;
}

html.mr-purchase-retail body.rtl .products-page .mr-catalog-toolbar-title::after{
    font-size: 9.7px !important;
    letter-spacing: 0 !important;
}




/* 8.213 — Retail Purchase Button Full Shape Sync
   Goal: make the Retail/Add to Cart action use the same physical capsule shape as the Wholesale/Add to Quote action.
   Fixes the compact desktop mismatch where Add to Quote already had a slimmer gallery bar but Add to Cart kept the taller rounded capsule.
   Scope: card actions + mobile-safe cart icon balance only; CSS-only,
no markup,
no JS,
no behavior change. */
@media (min-width: 769px){
    html.mr-catalog-view-compact .products-page .mr-add-to-cart-btn.mr-cart-action {
        min-height: 34px !important;
        margin-top: 9px !important;
        border-radius: 9px !important;
        font-size: 10.6px !important;
        font-weight: 850 !important;
        letter-spacing: .05px !important;
        gap: 7px !important;
        padding-inline: 10px !important;
    }

    html.mr-catalog-view-compact .products-page .mr-add-to-cart-btn.mr-cart-action::before {
        inset: 2px !important;
        border-radius: 7px !important;
    }

    html.mr-catalog-view-compact .products-page .mr-add-to-cart-btn.mr-cart-action::after {
        left: 10px !important;
        right: 10px !important;
        top: 4px !important;
    }

    html.mr-catalog-view-compact .products-page .mr-add-to-cart-btn.mr-cart-action .mr-cart-icon {
        width: 15px !important;
        height: 13px !important;
        flex: 0 0 15px !important;
        transform: scale(.88) translateY(1px) !important;
        transform-origin: center !important;
    }
}





/* 8.214 — Quick View Opposite-Corner Alignment Sync
   Goal: place the Quick View eye capsule on the opposite top corner of the card so it shares the same top row / inset logic as the category capsule.
   Scope: Product List card Quick View hint only. CSS-only,
no markup,
no JS{
    top: 16px !important;
    right: 16px !important;
    bottom: auto !important;
    min-height: 24px !important;
    padding: 0 10px !important;
    font-size: 9px !important;
    letter-spacing: 1.0px !important;
    transform: translateY(-4px) !important;
    transform-origin: center !important;
}



/* 8.215 — Family Capsule Velvet Purchase Color Sync
   Goal: align the family/category header capsules with the purchase-button material language.
   Scope: existing Products family headers only; preserve structure/layout and keep the page calm. */
.products-page .product-family-head{
    border-color: rgba(188, 153, 92, .235) !important;
    background:
        radial-gradient(circle at left 14px top 12px, rgba(243,235,214,.86) 0 .76px, rgba(212,188,140,.82) 1.12px, rgba(150,116,64,.76) 1.94px, rgba(68,46,22,.34) 2.72px, transparent 3.08px) no-repeat,
        radial-gradient(circle at right 14px top 12px, rgba(243,235,214,.86) 0 .76px, rgba(212,188,140,.82) 1.12px, rgba(150,116,64,.76) 1.94px, rgba(68,46,22,.34) 2.72px, transparent 3.08px) no-repeat,
        radial-gradient(circle at left 14px bottom 12px, rgba(243,235,214,.86) 0 .76px, rgba(212,188,140,.82) 1.12px, rgba(150,116,64,.76) 1.94px, rgba(68,46,22,.34) 2.72px, transparent 3.08px) no-repeat,
        radial-gradient(circle at right 14px bottom 12px, rgba(243,235,214,.86) 0 .76px, rgba(212,188,140,.82) 1.12px, rgba(150,116,64,.76) 1.94px, rgba(68,46,22,.34) 2.72px, transparent 3.08px) no-repeat,
        linear-gradient(180deg, rgba(255, 246, 220, .044) 0%, rgba(255, 246, 220, .010) 30%, transparent 64%),
        radial-gradient(ellipse at 50% -28%, rgba(236, 211, 151, .11), transparent 43%),
        radial-gradient(ellipse at 18% 112%, rgba(8, 76, 64, .245), transparent 52%),
        radial-gradient(ellipse at 86% 118%, rgba(4, 52, 44, .185), transparent 46%),
        repeating-linear-gradient(106deg,
            rgba(138, 232, 195, .010) 0px,
            rgba(138, 232, 195, .010) 1px,
            transparent 2px,
            transparent 30px),
        linear-gradient(180deg, rgba(15, 33, 29, .988) 0%, rgba(5, 20, 18, .995) 56%, rgba(1, 6, 6, .998) 100%) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 247, 224, .060),
        inset 0 -1px 0 rgba(82, 172, 142, .082),
        inset 0 -14px 28px rgba(0, 34, 29, .215),
        inset 0 0 24px rgba(18, 92, 78, .082),
        0 18px 42px rgba(0, 0, 0, .355),
        0 0 0 1px rgba(190, 154, 94, .030) !important;
    backdrop-filter: blur(8px) saturate(116%) !important;
    -webkit-backdrop-filter: blur(8px) saturate(116%) !important;
}

.products-page .product-family-head::before{
    background: linear-gradient(180deg, transparent, rgba(229,198,145,.54) 32%, rgba(102, 205, 176, .20) 50%, rgba(229,198,145,.46) 68%, transparent) !important;
    opacity: .42 !important;
}

.products-page .product-family-kicker{
    color: rgba(196, 240, 224, .74) !important;
    -webkit-text-fill-color: rgba(196, 240, 224, .74) !important;
    text-shadow:
        0 1px 0 rgba(247, 238, 216, .055),
        0 10px 24px rgba(0, 0, 0, .84),
        0 0 10px rgba(58, 154, 127, .12) !important;
}

.products-page .product-family-title{
    color: rgba(248, 239, 221, .955) !important;
    -webkit-text-fill-color: rgba(248, 239, 221, .955) !important;
    text-shadow:
        0 18px 44px rgba(0, 0, 0, .82),
        0 0 7px rgba(229, 198, 145, .030) !important;
}

.products-page .product-family-count{
    border-color: rgba(188, 153, 92, .305) !important;
    background:
        radial-gradient(circle at left 9px top 7px, rgba(239,232,212,.72) 0 .72px, rgba(204,181,134,.70) 1.02px, rgba(145,112,62,.66) 1.74px, rgba(68,47,22,.30) 2.48px, transparent 2.82px) no-repeat,
        radial-gradient(circle at right 9px top 7px, rgba(239,232,212,.72) 0 .72px, rgba(204,181,134,.70) 1.02px, rgba(145,112,62,.66) 1.74px, rgba(68,47,22,.30) 2.48px, transparent 2.82px) no-repeat,
        radial-gradient(circle at left 9px bottom 7px, rgba(239,232,212,.72) 0 .72px, rgba(204,181,134,.70) 1.02px, rgba(145,112,62,.66) 1.74px, rgba(68,47,22,.30) 2.48px, transparent 2.82px) no-repeat,
        radial-gradient(circle at right 9px bottom 7px, rgba(239,232,212,.72) 0 .72px, rgba(204,181,134,.70) 1.02px, rgba(145,112,62,.66) 1.74px, rgba(68,47,22,.30) 2.48px, transparent 2.82px) no-repeat,
        linear-gradient(180deg, rgba(255, 246, 220, .050), rgba(255, 246, 220, .010) 30%, transparent 60%),
        radial-gradient(ellipse at 16% 110%, rgba(5, 67, 56, .205), transparent 48%),
        radial-gradient(ellipse at 50% -28%, rgba(236, 211, 151, .12), transparent 42%),
        linear-gradient(180deg, rgba(17, 34, 30, .986), rgba(4, 16, 14, .996)) !important;
    color: rgba(248, 242, 229, .90) !important;
    -webkit-text-fill-color: rgba(248, 242, 229, .90) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 246, 220, .058),
        inset 0 -1px 0 rgba(82, 172, 142, .070),
        inset 0 0 14px rgba(18, 92, 78, .066),
        0 10px 20px rgba(0, 0, 0, .28),
        0 0 0 1px rgba(188, 153, 92, .024) !important;
}





/* 8.216 — Family Brightness + Quick View Cohesion Pass
   Goal: slightly brighten the family/category capsules and make Quick View feel more native to the current Products surface language.
   Scope: existing Products family headers + existing Quick View modal only. CSS-only,
no HTML,
no JS,
no behavior change. */
.products-page .product-family-head{
    border-color: rgba(198, 163, 101, .275) !important;
    background:
        radial-gradient(circle at left 14px top 12px, rgba(247,239,218,.90) 0 .82px, rgba(216,192,143,.86) 1.16px, rgba(154,119,67,.80) 1.98px, rgba(72,49,24,.36) 2.78px, transparent 3.14px) no-repeat,
        radial-gradient(circle at right 14px top 12px, rgba(247,239,218,.90) 0 .82px, rgba(216,192,143,.86) 1.16px, rgba(154,119,67,.80) 1.98px, rgba(72,49,24,.36) 2.78px, transparent 3.14px) no-repeat,
        radial-gradient(circle at left 14px bottom 12px, rgba(247,239,218,.90) 0 .82px, rgba(216,192,143,.86) 1.16px, rgba(154,119,67,.80) 1.98px, rgba(72,49,24,.36) 2.78px, transparent 3.14px) no-repeat,
        radial-gradient(circle at right 14px bottom 12px, rgba(247,239,218,.90) 0 .82px, rgba(216,192,143,.86) 1.16px, rgba(154,119,67,.80) 1.98px, rgba(72,49,24,.36) 2.78px, transparent 3.14px) no-repeat,
        linear-gradient(180deg, rgba(255, 248, 228, .056) 0%, rgba(255, 248, 228, .012) 31%, transparent 64%),
        radial-gradient(ellipse at 50% -26%, rgba(239, 213, 154, .14), transparent 43%),
        radial-gradient(ellipse at 18% 112%, rgba(10, 88, 74, .29), transparent 52%),
        radial-gradient(ellipse at 84% 118%, rgba(5, 60, 49, .20), transparent 46%),
        repeating-linear-gradient(106deg,
            rgba(138, 232, 195, .012) 0px,
            rgba(138, 232, 195, .012) 1px,
            transparent 2px,
            transparent 30px),
        linear-gradient(180deg, rgba(18, 38, 33, .988) 0%, rgba(6, 22, 20, .996) 56%, rgba(1, 6, 6, .998) 100%) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 249, 232, .072),
        inset 0 -1px 0 rgba(92, 186, 154, .092),
        inset 0 -14px 28px rgba(0, 34, 29, .205),
        inset 0 0 24px rgba(22, 104, 88, .092),
        0 20px 46px rgba(0, 0, 0, .37),
        0 0 0 1px rgba(198, 163, 101, .034) !important;
}

.products-page .product-family-kicker{
    color: rgba(213, 249, 236, .80) !important;
    -webkit-text-fill-color: rgba(213, 249, 236, .80) !important;
    text-shadow:
        0 1px 0 rgba(247, 238, 216, .06),
        0 10px 24px rgba(0, 0, 0, .84),
        0 0 10px rgba(72, 176, 145, .14) !important;
}

.products-page .product-family-title{
    color: rgba(250, 243, 229, .978) !important;
    -webkit-text-fill-color: rgba(250, 243, 229, .978) !important;
    text-shadow:
        0 18px 44px rgba(0, 0, 0, .80),
        0 0 9px rgba(229, 198, 145, .040) !important;
}

.products-page .product-family-count{
    border-color: rgba(198, 163, 101, .35) !important;
    color: rgba(251, 245, 232, .93) !important;
    -webkit-text-fill-color: rgba(251, 245, 232, .93) !important;
    background:
        radial-gradient(circle at left 9px top 7px, rgba(241,235,217,.76) 0 .74px, rgba(208,184,136,.74) 1.06px, rgba(147,114,63,.68) 1.80px, rgba(68,47,22,.32) 2.56px, transparent 2.92px) no-repeat,
        radial-gradient(circle at right 9px top 7px, rgba(241,235,217,.76) 0 .74px, rgba(208,184,136,.74) 1.06px, rgba(147,114,63,.68) 1.80px, rgba(68,47,22,.32) 2.56px, transparent 2.92px) no-repeat,
        radial-gradient(circle at left 9px bottom 7px, rgba(241,235,217,.76) 0 .74px, rgba(208,184,136,.74) 1.06px, rgba(147,114,63,.68) 1.80px, rgba(68,47,22,.32) 2.56px, transparent 2.92px) no-repeat,
        radial-gradient(circle at right 9px bottom 7px, rgba(241,235,217,.76) 0 .74px, rgba(208,184,136,.74) 1.06px, rgba(147,114,63,.68) 1.80px, rgba(68,47,22,.32) 2.56px, transparent 2.92px) no-repeat,
        linear-gradient(180deg, rgba(255, 248, 228, .056), rgba(255, 248, 228, .012) 30%, transparent 60%),
        radial-gradient(ellipse at 16% 110%, rgba(7, 74, 61, .235), transparent 48%),
        radial-gradient(ellipse at 50% -28%, rgba(239, 213, 154, .15), transparent 42%),
        linear-gradient(180deg, rgba(20, 39, 34, .988), rgba(5, 18, 16, .996)) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 248, 228, .064),
        inset 0 -1px 0 rgba(92, 186, 154, .078),
        inset 0 0 16px rgba(22, 104, 88, .074),
        0 10px 20px rgba(0, 0, 0, .30),
        0 0 0 1px rgba(198, 163, 101, .028) !important;
}





/* 8.217 — Family Capsule Edge Separation Pass
   Goal: make the green side presence of the large family/category capsule read more clearly against the black Products background.
   Scope: existing Products family/category header capsule only; CSS-only,
no layout/behavior change. */
.products-page .product-family-head{
    border-color: rgba(198, 163, 101, .285) !important;
    background:
        radial-gradient(circle at left 14px top 12px, rgba(247,239,218,.90) 0 .82px, rgba(216,192,143,.86) 1.16px, rgba(154,119,67,.80) 1.98px, rgba(72,49,24,.36) 2.78px, transparent 3.14px) no-repeat,
        radial-gradient(circle at right 14px top 12px, rgba(247,239,218,.90) 0 .82px, rgba(216,192,143,.86) 1.16px, rgba(154,119,67,.80) 1.98px, rgba(72,49,24,.36) 2.78px, transparent 3.14px) no-repeat,
        radial-gradient(circle at left 14px bottom 12px, rgba(247,239,218,.90) 0 .82px, rgba(216,192,143,.86) 1.16px, rgba(154,119,67,.80) 1.98px, rgba(72,49,24,.36) 2.78px, transparent 3.14px) no-repeat,
        radial-gradient(circle at right 14px bottom 12px, rgba(247,239,218,.90) 0 .82px, rgba(216,192,143,.86) 1.16px, rgba(154,119,67,.80) 1.98px, rgba(72,49,24,.36) 2.78px, transparent 3.14px) no-repeat,
        linear-gradient(180deg, rgba(255, 248, 228, .058) 0%, rgba(255, 248, 228, .013) 31%, transparent 64%),
        radial-gradient(ellipse at 0% 52%, rgba(14, 106, 87, .255), transparent 18%),
        radial-gradient(ellipse at 100% 52%, rgba(14, 106, 87, .235), transparent 18%),
        radial-gradient(ellipse at 50% -26%, rgba(239, 213, 154, .14), transparent 43%),
        radial-gradient(ellipse at 18% 112%, rgba(10, 88, 74, .30), transparent 52%),
        radial-gradient(ellipse at 84% 118%, rgba(5, 60, 49, .21), transparent 46%),
        repeating-linear-gradient(106deg,
            rgba(138, 232, 195, .012) 0px,
            rgba(138, 232, 195, .012) 1px,
            transparent 2px,
            transparent 30px),
        linear-gradient(180deg, rgba(18, 38, 33, .988) 0%, rgba(6, 22, 20, .996) 56%, rgba(1, 6, 6, .998) 100%) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 249, 232, .072),
        inset 0 -1px 0 rgba(92, 186, 154, .096),
        inset 18px 0 28px rgba(15, 102, 83, .080),
        inset -18px 0 28px rgba(15, 102, 83, .080),
        inset 0 -14px 28px rgba(0, 34, 29, .205),
        inset 0 0 24px rgba(22, 104, 88, .094),
        0 20px 46px rgba(0, 0, 0, .37),
        0 0 0 1px rgba(198, 163, 101, .034),
        0 0 22px rgba(10, 88, 74, .048) !important;
}

.products-page .product-family-head::before{
    background: linear-gradient(180deg, transparent, rgba(229,198,145,.56) 32%, rgba(112,221,194,.28) 50%, rgba(229,198,145,.48) 68%, transparent) !important;
    opacity: .48 !important;
}





/* 8.218 — Family Capsule Emerald Accent Lift
   Goal: make the large family/category capsule greener and more pronounced,
closer to the purchase-button emerald language.
   Scope: existing Products family/category header capsule only; CSS-only,
no layout/behavior change. */
.products-page .product-family-head{
    border-color: rgba(191, 157, 96, .295) !important;
    background:
        radial-gradient(circle at left 14px top 12px, rgba(247,239,218,.90) 0 .82px, rgba(216,192,143,.86) 1.16px, rgba(154,119,67,.80) 1.98px, rgba(72,49,24,.36) 2.78px, transparent 3.14px) no-repeat,
        radial-gradient(circle at right 14px top 12px, rgba(247,239,218,.90) 0 .82px, rgba(216,192,143,.86) 1.16px, rgba(154,119,67,.80) 1.98px, rgba(72,49,24,.36) 2.78px, transparent 3.14px) no-repeat,
        radial-gradient(circle at left 14px bottom 12px, rgba(247,239,218,.90) 0 .82px, rgba(216,192,143,.86) 1.16px, rgba(154,119,67,.80) 1.98px, rgba(72,49,24,.36) 2.78px, transparent 3.14px) no-repeat,
        radial-gradient(circle at right 14px bottom 12px, rgba(247,239,218,.90) 0 .82px, rgba(216,192,143,.86) 1.16px, rgba(154,119,67,.80) 1.98px, rgba(72,49,24,.36) 2.78px, transparent 3.14px) no-repeat,
        linear-gradient(180deg, rgba(255, 248, 228, .060) 0%, rgba(255, 248, 228, .014) 31%, transparent 64%),
        radial-gradient(ellipse at 0% 52%, rgba(22, 136, 111, .375), transparent 20%),
        radial-gradient(ellipse at 100% 52%, rgba(22, 136, 111, .345), transparent 20%),
        radial-gradient(ellipse at 16% 108%, rgba(18, 118, 97, .255), transparent 38%),
        radial-gradient(ellipse at 84% 108%, rgba(18, 118, 97, .230), transparent 38%),
        radial-gradient(ellipse at 50% -26%, rgba(239, 213, 154, .15), transparent 43%),
        radial-gradient(ellipse at 18% 112%, rgba(12, 98, 82, .34), transparent 52%),
        radial-gradient(ellipse at 84% 118%, rgba(8, 70, 58, .24), transparent 46%),
        repeating-linear-gradient(106deg,
            rgba(138, 232, 195, .014) 0px,
            rgba(138, 232, 195, .014) 1px,
            transparent 2px,
            transparent 30px),
        linear-gradient(180deg, rgba(19, 41, 35, .988) 0%, rgba(7, 25, 22, .996) 56%, rgba(1, 6, 6, .998) 100%) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 249, 232, .074),
        inset 0 -1px 0 rgba(100, 196, 162, .104),
        inset 22px 0 34px rgba(18, 126, 103, .122),
        inset -22px 0 34px rgba(18, 126, 103, .118),
        inset 0 -14px 28px rgba(0, 34, 29, .205),
        inset 0 0 26px rgba(24, 118, 98, .102),
        0 20px 46px rgba(0, 0, 0, .37),
        0 0 0 1px rgba(191, 157, 96, .036),
        0 0 28px rgba(16, 118, 97, .072) !important;
}

.products-page .product-family-head::before{
    background: linear-gradient(180deg, transparent, rgba(229,198,145,.54) 28%, rgba(118,232,201,.36) 50%, rgba(229,198,145,.46) 72%, transparent) !important;
    opacity: .56 !important;
}





/* 8.219 — Family Capsule Emerald Micro Pass
   Goal: give the large family/category capsule one final 5–10% emerald lift,
closer to the purchase-button green while staying controlled.
   Scope: existing Products family/category header capsule only; CSS-only,
no layout/behavior change. */
.products-page .product-family-head{
    border-color: rgba(193, 159, 97, .302) !important;
    background:
        radial-gradient(circle at left 14px top 12px, rgba(247,239,218,.90) 0 .82px, rgba(216,192,143,.86) 1.16px, rgba(154,119,67,.80) 1.98px, rgba(72,49,24,.36) 2.78px, transparent 3.14px) no-repeat,
        radial-gradient(circle at right 14px top 12px, rgba(247,239,218,.90) 0 .82px, rgba(216,192,143,.86) 1.16px, rgba(154,119,67,.80) 1.98px, rgba(72,49,24,.36) 2.78px, transparent 3.14px) no-repeat,
        radial-gradient(circle at left 14px bottom 12px, rgba(247,239,218,.90) 0 .82px, rgba(216,192,143,.86) 1.16px, rgba(154,119,67,.80) 1.98px, rgba(72,49,24,.36) 2.78px, transparent 3.14px) no-repeat,
        radial-gradient(circle at right 14px bottom 12px, rgba(247,239,218,.90) 0 .82px, rgba(216,192,143,.86) 1.16px, rgba(154,119,67,.80) 1.98px, rgba(72,49,24,.36) 2.78px, transparent 3.14px) no-repeat,
        linear-gradient(180deg, rgba(255, 248, 228, .061) 0%, rgba(255, 248, 228, .014) 31%, transparent 64%),
        radial-gradient(ellipse at 0% 52%, rgba(24, 144, 118, .415), transparent 21%),
        radial-gradient(ellipse at 100% 52%, rgba(24, 144, 118, .385), transparent 21%),
        radial-gradient(ellipse at 16% 108%, rgba(19, 126, 103, .285), transparent 39%),
        radial-gradient(ellipse at 84% 108%, rgba(19, 126, 103, .260), transparent 39%),
        radial-gradient(ellipse at 50% -26%, rgba(239, 213, 154, .15), transparent 43%),
        radial-gradient(ellipse at 18% 112%, rgba(14, 104, 87, .365), transparent 52%),
        radial-gradient(ellipse at 84% 118%, rgba(9, 76, 63, .255), transparent 46%),
        repeating-linear-gradient(106deg,
            rgba(138, 232, 195, .0145) 0px,
            rgba(138, 232, 195, .0145) 1px,
            transparent 2px,
            transparent 30px),
        linear-gradient(180deg, rgba(20, 42, 36, .988) 0%, rgba(7, 25, 22, .996) 56%, rgba(1, 6, 6, .998) 100%) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 249, 232, .074),
        inset 0 -1px 0 rgba(104, 201, 166, .108),
        inset 24px 0 36px rgba(19, 130, 106, .136),
        inset -24px 0 36px rgba(19, 130, 106, .132),
        inset 0 -14px 28px rgba(0, 34, 29, .205),
        inset 0 0 28px rgba(26, 122, 101, .110),
        0 20px 46px rgba(0, 0, 0, .37),
        0 0 0 1px rgba(193, 159, 97, .038),
        0 0 32px rgba(18, 124, 101, .082) !important;
}

.products-page .product-family-head::before{
    background: linear-gradient(180deg, transparent, rgba(229,198,145,.53) 28%, rgba(126, 238, 207, .40) 50%, rgba(229,198,145,.45) 72%, transparent) !important;
    opacity: .59 !important;
}

.products-page .product-family-kicker,
.products-page .product-family-count{
    text-shadow:
        0 1px 0 rgba(247,238,216,.060),
        0 10px 24px rgba(0,0,0,.84),
        0 0 11px rgba(78, 186, 152, .16) !important;
}





/* 8.220 — Quick View Full Harmony Pass
   Goal: fully harmonize the opened Quick View with the current Products page language.
   Scope: existing Product List Quick View only; CSS-only,
no markup,
no JS{
    background:
        radial-gradient(circle at 50% 6%, rgba(239, 213, 154, .18), transparent 28%),
        radial-gradient(circle at 52% 44%, rgba(20, 116, 92, .24), transparent 40%),
        radial-gradient(circle at 14% 84%, rgba(221, 255, 247, .075), transparent 30%),
        rgba(0, 0, 0, .90) !important;
    backdrop-filter: blur(24px) saturate(116%) !important;
    -webkit-backdrop-filter: blur(24px) saturate(116%) !important;
}



/* 8.221 — Rivet Scope Cleanup
   Goal: the four antique-gold rivets must exist ONLY on purchase buttons.
   Removed rivet-dot backgrounds from non-purchase capsules while preserving their color/material language.
   Purchase buttons on cards + Quick View keep their rivets. CSS-only,
no HTML/JS/behavior change. */
.products-page .product-family-head{
    border-color: rgba(193, 159, 97, .302) !important;
    background:
        linear-gradient(180deg, rgba(255, 248, 228, .061) 0%, rgba(255, 248, 228, .014) 31%, transparent 64%),
        radial-gradient(ellipse at 0% 52%, rgba(24, 144, 118, .415), transparent 21%),
        radial-gradient(ellipse at 100% 52%, rgba(24, 144, 118, .385), transparent 21%),
        radial-gradient(ellipse at 16% 108%, rgba(19, 126, 103, .285), transparent 39%),
        radial-gradient(ellipse at 84% 108%, rgba(19, 126, 103, .260), transparent 39%),
        radial-gradient(ellipse at 50% -26%, rgba(239, 213, 154, .15), transparent 43%),
        radial-gradient(ellipse at 18% 112%, rgba(14, 104, 87, .365), transparent 52%),
        radial-gradient(ellipse at 84% 118%, rgba(9, 76, 63, .255), transparent 46%),
        repeating-linear-gradient(106deg,
            rgba(138, 232, 195, .0145) 0px,
            rgba(138, 232, 195, .0145) 1px,
            transparent 2px,
            transparent 30px),
        linear-gradient(180deg, rgba(20, 42, 36, .988) 0%, rgba(7, 25, 22, .996) 56%, rgba(1, 6, 6, .998) 100%) !important;
}

.products-page .product-family-count{
    background:
        linear-gradient(180deg, rgba(255, 248, 228, .056), rgba(255, 248, 228, .012) 30%, transparent 60%),
        radial-gradient(ellipse at 16% 110%, rgba(7, 74, 61, .235), transparent 48%),
        radial-gradient(ellipse at 50% -28%, rgba(239, 213, 154, .15), transparent 42%),
        linear-gradient(180deg, rgba(20, 39, 34, .988), rgba(5, 18, 16, .996)) !important;
}

html.mr-purchase-retail .products-page .mr-catalog-toolbar-title::after{
    background:
        linear-gradient(180deg, rgba(255, 247, 224, .060) 0%, rgba(255, 247, 224, .012) 30%, transparent 64%),
        radial-gradient(ellipse at 50% -20%, rgba(82, 155, 131, .135), transparent 45%),
        radial-gradient(ellipse at 20% 112%, rgba(4, 78, 66, .360), transparent 52%),
        radial-gradient(ellipse at 84% 108%, rgba(13, 104, 86, .225), transparent 48%),
        repeating-linear-gradient(104deg,
            rgba(138, 232, 195, .014) 0px,
            rgba(138, 232, 195, .014) 1px,
            transparent 2px,
            transparent 15px),
        linear-gradient(180deg, rgba(4, 16, 15, .998) 0%, rgba(2, 28, 24, 1) 48%, rgba(0, 4, 4, 1) 100%) !important;
}





/* 8.222 / 9.634 — Product Image Optimization Pipeline Prep
   9.634 keeps the same visual layout but changes line-product card priority to use product.image first.
   Older generated card_image files remain as fallback only, so refreshed main product images are not hidden by stale card thumbnails.
   Quick View still keeps the full/quick-view image path. */
.products-page .mr-catalog-product-image[data-card-src]{
    background-color: #000 !important;
}



/* 8.226 — Desktop Scroll Performance Pass
   Goal: improve desktop Product List scroll smoothness without changing the approved visual language.
   Scope: desktop Product List grid/card paint containment only. Mobile,
Quick View behavior,
Cart/Quote,
filters,
and visuals remain unchanged. */
@media (min-width: 769px){
    .products-page .product-grid.family-product-grid {
        contain: layout style !important;
    }

    .products-page .product-card-quote-wrap {
        contain: layout paint style !important;
        isolation: isolate !important;
    }

    .products-page .product-card,
    .products-page .luxury-product-card,
    .products-page .mr-signature-card {
        contain: layout paint style !important;
        backface-visibility: hidden !important;
        -webkit-font-smoothing: antialiased !important;
    }

    .products-page .product-card-quote-wrap:not(:hover):not(:focus-within) .mr-signature-card,
    .products-page .product-card-quote-wrap:not(:hover):not(:focus-within) .product-img,
    .products-page .product-card-quote-wrap:not(:hover):not(:focus-within) .product-info,
    .products-page .product-card-quote-wrap:not(:hover):not(:focus-within) .mr-card-topline,
    .products-page .product-card-quote-wrap:not(:hover):not(:focus-within) .mr-product-price,
    .products-page .product-card-quote-wrap:not(:hover):not(:focus-within) .add-to-quote-btn.mr-quote-action,
    .products-page .product-card-quote-wrap:not(:hover):not(:focus-within) .mr-add-to-cart-btn.mr-cart-action {
        will-change: auto !important;
    }

    .products-page .product-card-quote-wrap:hover .mr-signature-card,
    .products-page .product-card-quote-wrap:focus-within .mr-signature-card,
    .products-page .product-card-quote-wrap:hover .product-img,
    .products-page .product-card-quote-wrap:focus-within .product-img {
        will-change: transform, box-shadow !important;
    }
}

@supports (content-visibility: auto) {
    @media (min-width: 769px) {
        .products-page .product-card-quote-wrap{
            content-visibility: auto !important;
            contain-intrinsic-size: 322px 552px !important;
        }

        html.mr-catalog-view-compact .products-page .product-card-quote-wrap{
            contain-intrinsic-size: 322px 506px !important;
        }
    }
}

@media (min-width: 769px) and (prefers-reduced-motion: reduce) {
    .products-page .product-card-quote-wrap,
.products-page .product-card-quote-wrap *{
        transition-duration: .001ms !important;
        animation-duration: .001ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
    }
}



/* 8.227 — Family Batch View / Lightweight Default
   Default Products now loads a small family batch per page and only a capped preview per family.
   Visual intent: keep the current showroom look while reducing the number of active cards in the DOM. */
@media (min-width: 769px){
    section.featured.products-page .product-family-head {
        grid-template-columns: auto minmax(0, 1fr) auto !important;
        grid-template-areas:
            "kicker count action"
            "title count action" !important;
    }

    .products-page .product-family-section {
        content-visibility: auto !important;
        contain: layout paint style !important;
        contain-intrinsic-size: 1px 980px !important;
    }
}

.products-page .mr-family-view-all{
    grid-area: action !important;
    min-height: 37px !important;
    padding: 0 14px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(190, 155, 96, .28) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.052), rgba(255,255,255,0) 48%),
        radial-gradient(ellipse at 18% 112%, rgba(14, 96, 78, .22), transparent 50%),
        rgba(3, 15, 13, .64) !important;
    color: rgba(248, 239, 221, .90) !important;
    -webkit-text-fill-color: rgba(248, 239, 221, .90) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
    font-size: 9.2px !important;
    font-weight: 920 !important;
    letter-spacing: .62px !important;
    white-space: nowrap !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.074),
        inset 0 -1px 0 rgba(92, 186, 154, .052),
        0 10px 18px rgba(0,0,0,.18) !important;
    transition: border-color .18s ease, background .18s ease, transform .18s ease !important;
}

.products-page .mr-family-view-all:hover,
.products-page .mr-family-view-all:focus-visible{
    border-color: rgba(229, 198, 145, .45) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.070), rgba(255,255,255,0) 48%),
        radial-gradient(ellipse at 18% 112%, rgba(18, 126, 103, .30), transparent 50%),
        rgba(5, 22, 19, .76) !important;
    transform: translateY(-1px) !important;
}




/* 8.231 — Products Control Surface Cleanup / Safety Consolidation
   Consolidates the 8.229 top pagination,
Family batch controls,
and 8.230 command deck styling into one stable cleanup block.
   The obsolete 8.228 top-pagination margin override is removed because these finalized rules already supersede it.
   CSS-only: no HTML,
JS,
URL,
Retail/Wholesale,
Quick View,
Cart/Quote,
Search,
Filter,
or Pagination behavior change. */
.products-page .products-pagination.products-pagination-top{
    margin: -18px auto 30px !important;
    padding: 10px 12px !important;
    gap: 7px !important;
    border-radius: 19px !important;
    border-color: rgba(190, 155, 96, .18) !important;
    background:
        linear-gradient(180deg, rgba(255, 246, 220, .030), rgba(255, 246, 220, .006) 46%, transparent 76%),
        radial-gradient(ellipse at 12% -8%, rgba(179, 139, 76, .075), transparent 42%),
        radial-gradient(ellipse at 90% 110%, rgba(26, 112, 91, .105), transparent 46%),
        linear-gradient(135deg, rgba(5, 16, 14, .84), rgba(0, 3, 3, .72) 58%, rgba(4, 19, 16, .78)) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 246, 220, .042),
        inset 0 -1px 0 rgba(63, 153, 124, .034),
        0 16px 46px rgba(0, 0, 0, .420),
        0 0 0 1px rgba(180, 145, 89, .018) !important;
}

.products-page .products-pagination.products-pagination-top::before{
    left: 34px !important;
    right: 34px !important;
    background: linear-gradient(90deg, transparent, rgba(218, 183, 115, .48), rgba(55, 150, 121, .20), rgba(218, 183, 115, .30), transparent) !important;
    opacity: .50 !important;
}

.products-page .products-pagination.products-pagination-top .mr-pagination-status{
    min-height: 30px !important;
    padding: 0 13px !important;
    border-color: rgba(190, 155, 96, .22) !important;
    background:
        linear-gradient(180deg, rgba(255, 246, 220, .034), rgba(255, 246, 220, .006)),
        radial-gradient(ellipse at 15% 115%, rgba(22, 116, 94, .135), transparent 52%),
        rgba(2, 12, 11, .66) !important;
    color: rgba(239, 222, 184, .86) !important;
    -webkit-text-fill-color: rgba(239, 222, 184, .86) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 246, 220, .052),
        0 7px 16px rgba(0, 0, 0, .180) !important;
}

.products-page .products-pagination.products-pagination-top .page-link{
    min-width: 32px !important;
    height: 32px !important;
    padding: 0 11px !important;
    border-color: rgba(190, 155, 96, .18) !important;
    background:
        linear-gradient(180deg, rgba(255, 246, 220, .032), rgba(255, 246, 220, .004)),
        rgba(1, 8, 7, .68) !important;
    color: rgba(246, 237, 222, .86) !important;
    -webkit-text-fill-color: rgba(246, 237, 222, .86) !important;
}

.products-page .products-pagination.products-pagination-top .page-link:hover,
.products-page .products-pagination.products-pagination-top .page-link:focus-visible{
    border-color: rgba(215, 181, 112, .36) !important;
    background:
        linear-gradient(180deg, rgba(255, 246, 220, .050), rgba(255, 246, 220, .008)),
        radial-gradient(ellipse at 50% 115%, rgba(22, 116, 94, .155), transparent 58%),
        rgba(3, 14, 12, .78) !important;
}

.products-page .products-pagination.products-pagination-top .page-link.current{
    border-color: rgba(234, 200, 132, .52) !important;
    background:
        linear-gradient(180deg, rgba(229, 196, 132, .92), rgba(138, 101, 52, .84)) !important;
    color: rgba(2, 13, 11, .98) !important;
    -webkit-text-fill-color: rgba(2, 13, 11, .98) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 246, 220, .24),
        0 8px 18px rgba(0, 0, 0, .230),
        0 0 14px rgba(190, 155, 96, .080) !important;
}

.products-page .products-pagination.products-pagination-top .page-prev,
.products-page .products-pagination.products-pagination-top .page-next{
    min-width: 72px !important;
}

.products-page .product-family-head{
    border-color: rgba(190, 155, 96, .16) !important;
    background:
        linear-gradient(180deg, rgba(255, 246, 220, .026), rgba(255, 246, 220, .004) 48%, transparent 76%),
        radial-gradient(ellipse at 9% 0%, rgba(169, 126, 61, .070), transparent 44%),
        radial-gradient(ellipse at 92% 110%, rgba(29, 118, 95, .090), transparent 48%),
        linear-gradient(135deg, rgba(5, 16, 14, .78), rgba(0, 4, 4, .72) 62%, rgba(4, 19, 16, .76)) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 246, 220, .036),
        inset 0 -1px 0 rgba(61, 150, 122, .030),
        0 15px 40px rgba(0, 0, 0, .390),
        0 0 0 1px rgba(180, 145, 89, .014) !important;
}

.products-page .product-family-count{
    min-height: 27px !important;
    padding: 0 10px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 999px !important;
    border: 1px solid rgba(190, 155, 96, .20) !important;
    background:
        linear-gradient(180deg, rgba(255, 246, 220, .030), rgba(255, 246, 220, .004)),
        rgba(2, 12, 11, .58) !important;
    color: rgba(233, 218, 184, .76) !important;
    -webkit-text-fill-color: rgba(233, 218, 184, .76) !important;
    box-shadow: inset 0 1px 0 rgba(255, 246, 220, .040) !important;
}

.products-page .mr-family-view-all{
    border-color: rgba(205, 166, 100, .30) !important;
    background:
        linear-gradient(180deg, rgba(255, 246, 220, .052), rgba(255, 246, 220, .004) 48%),
        radial-gradient(ellipse at 20% 116%, rgba(18, 116, 94, .240), transparent 52%),
        rgba(3, 14, 12, .70) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 246, 220, .064),
        inset 0 -1px 0 rgba(70, 160, 131, .044),
        0 10px 22px rgba(0, 0, 0, .260) !important;
}

.products-page .mr-family-view-all::after{
    content: "â€؛";
    margin-inline-start: 7px;
    font-size: 13px;
    line-height: 1;
    opacity: .82;
}

body.rtl .products-page .mr-family-view-all::after{
    content: "‹";
    margin-inline-start: 0;
    margin-inline-end: 7px;
}




/* Command Deck rules retained from 8.230 inside the 8.231 consolidated cleanup block. */
.products-page .mr-catalog-toolbar{
    margin: 0 auto 30px !important;
    padding: 10px 12px !important;
    border-radius: 22px !important;
    border-color: rgba(194, 158, 94, .18) !important;
    background:
        linear-gradient(180deg, rgba(255, 246, 220, .034), rgba(255, 246, 220, .006) 42%, transparent 76%),
        radial-gradient(ellipse at 9% -10%, rgba(190, 143, 70, .072), transparent 43%),
        radial-gradient(ellipse at 92% 116%, rgba(25, 119, 95, .102), transparent 47%),
        linear-gradient(135deg, rgba(5, 16, 14, .86), rgba(0, 4, 4, .78) 58%, rgba(4, 19, 16, .80)) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 246, 220, .050),
        inset 0 -1px 0 rgba(66, 154, 126, .030),
        0 18px 48px rgba(0, 0, 0, .420),
        0 0 0 1px rgba(180, 145, 89, .016) !important;
}

.products-page .mr-catalog-toolbar::before{
    left: 32px !important;
    right: 32px !important;
    background: linear-gradient(90deg, transparent, rgba(220, 184, 116, .50), rgba(62, 156, 126, .18), rgba(220, 184, 116, .28), transparent) !important;
    opacity: .48 !important;
    box-shadow: none !important;
}

.products-page .mr-catalog-toolbar-head{
    gap: 10px !important;
}

.products-page .mr-catalog-toolbar-title{
    min-width: 176px !important;
    gap: 4px !important;
}

.products-page .mr-catalog-toolbar-kicker{
    color: rgba(232, 200, 137, .86) !important;
    -webkit-text-fill-color: rgba(232, 200, 137, .86) !important;
    letter-spacing: 2.32px !important;
    text-shadow: none !important;
}

.products-page .mr-catalog-toolbar-count{
    width: max-content !important;
    max-width: 100% !important;
    min-height: 20px !important;
    padding: 0 9px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 999px !important;
    border: 1px solid rgba(83, 167, 139, .18) !important;
    background:
        linear-gradient(180deg, rgba(255, 246, 220, .026), rgba(255, 246, 220, .004)),
        rgba(3, 17, 15, .50) !important;
    color: rgba(218, 245, 236, .74) !important;
    -webkit-text-fill-color: rgba(218, 245, 236, .74) !important;
    font-size: 10px !important;
    font-weight: 880 !important;
    letter-spacing: .18px !important;
    line-height: 1 !important;
    box-shadow: inset 0 1px 0 rgba(255, 246, 220, .034) !important;
}

.products-page .mr-catalog-toolbar-title::after{
    margin-top: 2px !important;
    border-color: rgba(194, 158, 94, .20) !important;
    background:
        linear-gradient(180deg, rgba(255, 246, 220, .034), rgba(255, 246, 220, .004)),
        radial-gradient(ellipse at 18% 110%, rgba(28, 118, 96, .120), transparent 52%),
        rgba(2, 12, 10, .62) !important;
    color: rgba(238, 220, 181, .82) !important;
    -webkit-text-fill-color: rgba(238, 220, 181, .82) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 246, 220, .046),
        0 7px 16px rgba(0, 0, 0, .170) !important;
}

html.mr-purchase-wholesale .products-page .mr-catalog-toolbar-title::after{
    border-color: rgba(214, 176, 107, .26) !important;
    background:
        linear-gradient(180deg, rgba(255, 246, 220, .044), rgba(255, 246, 220, .006)),
        radial-gradient(ellipse at 18% 110%, rgba(160, 108, 45, .150), transparent 52%),
        rgba(3, 13, 11, .66) !important;
}

.products-page .mr-catalog-search-input,
.products-page .mr-catalog-select{
    height: 36px !important;
    border-radius: 999px !important;
    border-color: rgba(194, 158, 94, .17) !important;
    background:
        linear-gradient(180deg, rgba(255, 246, 220, .032), rgba(255, 246, 220, .004)),
        radial-gradient(ellipse at 12% 110%, rgba(26, 112, 91, .110), transparent 55%),
        rgba(1, 8, 7, .66) !important;
    color: rgba(246, 237, 222, .86) !important;
    -webkit-text-fill-color: rgba(246, 237, 222, .86) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 246, 220, .044),
        0 7px 16px rgba(0, 0, 0, .150) !important;
}

.products-page .mr-catalog-search-input::placeholder{
    color: rgba(246, 237, 222, .36) !important;
    -webkit-text-fill-color: rgba(246, 237, 222, .36) !important;
}

.products-page .mr-catalog-search-input:focus,
.products-page .mr-catalog-select:focus{
    border-color: rgba(220, 184, 116, .40) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 246, 220, .060),
        0 0 0 2px rgba(220, 184, 116, .060),
        0 10px 22px rgba(0, 0, 0, .200) !important;
}

.products-page .mr-catalog-search-field::before,
.products-page .mr-catalog-category-field::after{
    color: rgba(212, 177, 109, .66) !important;
}

.products-page .mr-catalog-filter-submit,
.products-page .mr-catalog-filter-reset,
.products-page .mr-catalog-mobile-filter-btn,
.products-page .mr-catalog-view-switch,
.products-page .mr-catalog-return-btn,
.products-page .mr-catalog-toolbar-head > .mr-catalog-active-filter{
    border-radius: 999px !important;
}

.products-page .mr-catalog-filter-submit{
    height: 36px !important;
    border-color: rgba(228, 190, 121, .40) !important;
    background:
        linear-gradient(180deg, rgba(228, 195, 131, .90), rgba(134, 96, 47, .84)) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 246, 220, .230),
        0 8px 18px rgba(0, 0, 0, .190) !important;
}

.products-page .mr-catalog-filter-reset,
.products-page .mr-catalog-mobile-filter-btn{
    height: 36px !important;
    border-color: rgba(194, 158, 94, .17) !important;
    background:
        linear-gradient(180deg, rgba(255, 246, 220, .030), rgba(255, 246, 220, .004)),
        rgba(1, 8, 7, .60) !important;
    color: rgba(238, 229, 210, .68) !important;
    -webkit-text-fill-color: rgba(238, 229, 210, .68) !important;
}

.products-page .mr-catalog-view-switch{
    min-height: 36px !important;
    padding: 3px !important;
    border-color: rgba(194, 158, 94, .17) !important;
    background:
        linear-gradient(180deg, rgba(255, 246, 220, .028), rgba(255, 246, 220, .004)),
        rgba(1, 8, 7, .64) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 246, 220, .042),
        0 7px 16px rgba(0, 0, 0, .160) !important;
}

.products-page .mr-catalog-view-btn{
    height: 28px !important;
    color: rgba(238, 229, 210, .56) !important;
    -webkit-text-fill-color: rgba(238, 229, 210, .56) !important;
}

.products-page .mr-catalog-view-btn.is-active{
    background:
        linear-gradient(180deg, rgba(228, 195, 131, .86), rgba(126, 89, 43, .80)) !important;
    color: rgba(2, 13, 11, .96) !important;
    -webkit-text-fill-color: rgba(2, 13, 11, .96) !important;
}

.products-page .mr-catalog-toolbar-head > .mr-catalog-active-filter{
    min-height: 28px !important;
    padding: 0 10px !important;
    border-color: rgba(194, 158, 94, .20) !important;
    background:
        linear-gradient(180deg, rgba(255, 246, 220, .030), rgba(255, 246, 220, .004)),
        rgba(2, 12, 10, .58) !important;
    color: rgba(238, 220, 181, .78) !important;
    -webkit-text-fill-color: rgba(238, 220, 181, .78) !important;
    box-shadow: inset 0 1px 0 rgba(255, 246, 220, .040) !important;
}

.products-page .mr-catalog-toolbar-head > .mr-catalog-family-filter{
    border-color: rgba(74, 160, 133, .22) !important;
    background:
        linear-gradient(180deg, rgba(255, 246, 220, .024), rgba(255, 246, 220, .004)),
        rgba(4, 28, 24, .62) !important;
    color: rgba(214, 248, 237, .78) !important;
    -webkit-text-fill-color: rgba(214, 248, 237, .78) !important;
}

.products-page .mr-catalog-return-btn{
    min-height: 31px !important;
    padding: 0 12px !important;
    border-color: rgba(194, 158, 94, .18) !important;
    background:
        linear-gradient(180deg, rgba(255, 246, 220, .030), rgba(255, 246, 220, .004)),
        rgba(1, 8, 7, .64) !important;
    color: rgba(238, 229, 210, .72) !important;
    -webkit-text-fill-color: rgba(238, 229, 210, .72) !important;
}

.products-page .mr-catalog-return-family{
    border-color: rgba(74, 160, 133, .22) !important;
    background:
        linear-gradient(180deg, rgba(255, 246, 220, .024), rgba(255, 246, 220, .004)),
        radial-gradient(ellipse at 18% 115%, rgba(25, 119, 95, .145), transparent 55%),
        rgba(3, 17, 15, .62) !important;
}

.products-page .mr-catalog-return-quote{
    border-color: rgba(224, 187, 116, .36) !important;
    background:
        linear-gradient(180deg, rgba(221, 188, 122, .84), rgba(126, 89, 43, .80)) !important;
    color: rgba(2, 13, 11, .96) !important;
    -webkit-text-fill-color: rgba(2, 13, 11, .96) !important;
}

.products-page .mr-catalog-filter-submit:hover,
.products-page .mr-catalog-filter-reset:hover,
.products-page .mr-catalog-mobile-filter-btn:hover,
.products-page .mr-catalog-view-switch:hover,
.products-page .mr-catalog-return-btn:hover{
    border-color: rgba(220, 184, 116, .36) !important;
    transform: translateY(-.5px) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 246, 220, .052),
        0 10px 22px rgba(0, 0, 0, .220) !important;
}





/* 8.232 — Purchase Button Signature/Compact Shape Lock
   Goal: the purchase buttons must use the same physical language in Signature and Compact view.
   Signature may stay slightly larger,
but Add to Cart and Add to Quote must keep one shared compact-reference shape across Retail,
Wholesale,
card view,
Quick View,
hover,
selected,
desktop,
and mobile.
   CSS-only. No HTML,
JS,
model,
view,
URL,
migration,
or behavior change. Rivets remain scoped only to purchase buttons. */
.products-page .product-card-quote-wrap .add-to-quote-btn.mr-quote-action,
.products-page .product-card-quote-wrap .mr-add-to-cart-btn.mr-cart-action{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    width: calc(100% - 10px) !important;
    max-width: calc(100% - 10px) !important;
    min-height: 36px !important;
    margin: 9px auto 0 !important;
    padding: 0 12px !important;
    border-radius: 10px !important;
    border: 1px solid rgba(42, 142, 113, .335) !important;
    box-sizing: border-box !important;
    color: rgba(246, 236, 214, .930) !important;
    -webkit-text-fill-color: rgba(246, 236, 214, .930) !important;
    font-size: 10.8px !important;
    font-weight: 860 !important;
    letter-spacing: .045px !important;
    line-height: 1 !important;
    text-align: center !important;
    white-space: nowrap !important;
    background:
        radial-gradient(circle at left 10px top 7px, rgba(247,240,222,.90) 0 .82px, rgba(219,196,150,.86) 1.12px, rgba(158,123,70,.80) 1.86px, rgba(70,49,24,.38) 2.70px, transparent 3.08px) no-repeat,
        radial-gradient(circle at right 10px top 7px, rgba(247,240,222,.90) 0 .82px, rgba(219,196,150,.86) 1.12px, rgba(158,123,70,.80) 1.86px, rgba(70,49,24,.38) 2.70px, transparent 3.08px) no-repeat,
        radial-gradient(circle at left 10px bottom 7px, rgba(247,240,222,.90) 0 .82px, rgba(219,196,150,.86) 1.12px, rgba(158,123,70,.80) 1.86px, rgba(70,49,24,.38) 2.70px, transparent 3.08px) no-repeat,
        radial-gradient(circle at right 10px bottom 7px, rgba(247,240,222,.90) 0 .82px, rgba(219,196,150,.86) 1.12px, rgba(158,123,70,.80) 1.86px, rgba(70,49,24,.38) 2.70px, transparent 3.08px) no-repeat,
        linear-gradient(180deg, rgba(255, 246, 220, .048) 0%, rgba(255, 246, 220, .010) 28%, transparent 62%),
        radial-gradient(ellipse at 50% -22%, rgba(239, 213, 154, .115), transparent 44%),
        radial-gradient(ellipse at 18% 116%, rgba(5, 78, 64, .270), transparent 50%),
        radial-gradient(ellipse at 84% 112%, rgba(17, 116, 92, .135), transparent 47%),
        repeating-linear-gradient(126deg, rgba(138, 232, 195, .013) 0px, rgba(138, 232, 195, .013) 1px, transparent 2px, transparent 24px),
        linear-gradient(180deg, rgba(7, 12, 11, .994) 0%, rgba(2, 8, 7, 1) 54%, rgba(0, 0, 0, 1) 100%) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 246, 220, .060),
        inset 0 -1px 0 rgba(82, 184, 148, .106),
        inset 0 -16px 28px rgba(0, 43, 35, .185),
        inset 0 0 0 1px rgba(255, 255, 255, .010),
        0 12px 28px rgba(0, 0, 0, .610),
        0 0 0 1px rgba(42, 142, 113, .040) !important;
    text-shadow:
        0 1px 0 rgba(255, 246, 220, .050),
        0 10px 24px rgba(0, 0, 0, .920) !important;
}

html:not(.mr-catalog-view-compact) .products-page .product-card-quote-wrap .add-to-quote-btn.mr-quote-action,
html:not(.mr-catalog-view-compact) .products-page .product-card-quote-wrap .mr-add-to-cart-btn.mr-cart-action{
    min-height: 38px !important;
    border-radius: 10px !important;
    font-size: 11.05px !important;
    gap: 8px !important;
    padding-inline: 13px !important;
}

html.mr-catalog-view-compact .products-page .product-card-quote-wrap .add-to-quote-btn.mr-quote-action,
html.mr-catalog-view-compact .products-page .product-card-quote-wrap .mr-add-to-cart-btn.mr-cart-action{
    min-height: 34px !important;
    border-radius: 9px !important;
    font-size: 10.6px !important;
    gap: 7px !important;
    padding-inline: 10px !important;
}

.products-page .product-card-quote-wrap .add-to-quote-btn.mr-quote-action::before,
.products-page .product-card-quote-wrap .mr-add-to-cart-btn.mr-cart-action::before{
    inset: 2px !important;
    border-radius: 8px !important;
    background:
        linear-gradient(115deg, transparent 0%, rgba(255, 238, 194, .000) 20%, rgba(255, 238, 194, .055) 43%, rgba(120, 214, 179, .086) 66%, transparent 100%) !important;
    opacity: .42 !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.026) !important;
}

.products-page .product-card-quote-wrap .add-to-quote-btn.mr-quote-action::after,
.products-page .product-card-quote-wrap .mr-add-to-cart-btn.mr-cart-action::after{
    left: 12px !important;
    right: 12px !important;
    top: 5px !important;
    height: 1px !important;
    border-radius: 999px !important;
    background: linear-gradient(90deg, transparent, rgba(225,198,145,.185), rgba(86,190,151,.115), transparent) !important;
    box-shadow: 0 0 8px rgba(42,142,113,.045) !important;
    opacity: .54 !important;
}

.products-page .product-card-quote-wrap .add-to-quote-btn.mr-quote-action .mr-quote-icon,
.products-page .product-card-quote-wrap .mr-add-to-cart-btn.mr-cart-action .mr-cart-icon{
    width: 15px !important;
    height: 13px !important;
    flex: 0 0 15px !important;
    transform: scale(.90) translateY(1px) !important;
    transform-origin: center !important;
    opacity: .86 !important;
}

.products-page .product-card-quote-wrap .add-to-quote-btn.mr-quote-action .mr-quote-label,
.products-page .product-card-quote-wrap .mr-add-to-cart-btn.mr-cart-action .mr-cart-label{
    position: relative !important;
    z-index: 2 !important;
    color: rgba(246, 236, 214, .940) !important;
    -webkit-text-fill-color: rgba(246, 236, 214, .940) !important;
}

.products-page .product-card-quote-wrap .add-to-quote-btn.mr-quote-action:hover,
.products-page .product-card-quote-wrap .mr-add-to-cart-btn.mr-cart-action:hover,
.products-page .product-card-quote-wrap:hover .add-to-quote-btn.mr-quote-action,
.products-page .product-card-quote-wrap:hover .mr-add-to-cart-btn.mr-cart-action,
.products-page .product-card-quote-wrap .add-to-quote-btn.mr-quote-action.is-added,
.products-page .product-card-quote-wrap .mr-add-to-cart-btn.mr-cart-action.is-added{
    transform: translateY(-1px) !important;
    border-color: rgba(78, 184, 148, .470) !important;
    color: rgba(255, 245, 224, .960) !important;
    -webkit-text-fill-color: rgba(255, 245, 224, .960) !important;
    background:
        radial-gradient(circle at left 10px top 7px, rgba(251,244,228,.96) 0 .88px, rgba(229,205,157,.92) 1.20px, rgba(171,134,78,.86) 1.96px, rgba(78,55,27,.43) 2.82px, transparent 3.22px) no-repeat,
        radial-gradient(circle at right 10px top 7px, rgba(251,244,228,.96) 0 .88px, rgba(229,205,157,.92) 1.20px, rgba(171,134,78,.86) 1.96px, rgba(78,55,27,.43) 2.82px, transparent 3.22px) no-repeat,
        radial-gradient(circle at left 10px bottom 7px, rgba(251,244,228,.96) 0 .88px, rgba(229,205,157,.92) 1.20px, rgba(171,134,78,.86) 1.96px, rgba(78,55,27,.43) 2.82px, transparent 3.22px) no-repeat,
        radial-gradient(circle at right 10px bottom 7px, rgba(251,244,228,.96) 0 .88px, rgba(229,205,157,.92) 1.20px, rgba(171,134,78,.86) 1.96px, rgba(78,55,27,.43) 2.82px, transparent 3.22px) no-repeat,
        linear-gradient(180deg, rgba(255, 246, 220, .060) 0%, rgba(255, 246, 220, .012) 28%, transparent 62%),
        radial-gradient(ellipse at 50% -22%, rgba(239, 213, 154, .145), transparent 44%),
        radial-gradient(ellipse at 18% 116%, rgba(7, 93, 75, .325), transparent 50%),
        radial-gradient(ellipse at 84% 112%, rgba(25, 138, 110, .165), transparent 47%),
        repeating-linear-gradient(126deg, rgba(138, 232, 195, .017) 0px, rgba(138, 232, 195, .017) 1px, transparent 2px, transparent 24px),
        linear-gradient(180deg, rgba(8, 13, 12, .996) 0%, rgba(2, 9, 8, 1) 56%, rgba(0, 0, 0, 1) 100%) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 246, 220, .074),
        inset 0 -1px 0 rgba(92, 196, 160, .150),
        inset 0 -18px 32px rgba(0, 47, 38, .210),
        inset 0 0 0 1px rgba(255, 255, 255, .012),
        0 14px 32px rgba(0, 0, 0, .660),
        0 0 0 1px rgba(78, 184, 148, .055),
        0 0 16px rgba(34, 129, 104, .060) !important;
}

.products-page .product-card-quote-wrap.is-in-quote .add-to-quote-btn.mr-quote-action,
.products-page .product-card-quote-wrap.is-in-cart .mr-add-to-cart-btn.mr-cart-action{
    border-color: rgba(92, 196, 160, .520) !important;
    color: rgba(255, 247, 230, .970) !important;
    -webkit-text-fill-color: rgba(255, 247, 230, .970) !important;
    background:
        radial-gradient(circle at left 10px top 7px, rgba(254,247,232,.98) 0 .90px, rgba(232,209,164,.94) 1.24px, rgba(174,138,82,.88) 2px, rgba(80,56,28,.45) 2.88px, transparent 3.28px) no-repeat,
        radial-gradient(circle at right 10px top 7px, rgba(254,247,232,.98) 0 .90px, rgba(232,209,164,.94) 1.24px, rgba(174,138,82,.88) 2px, rgba(80,56,28,.45) 2.88px, transparent 3.28px) no-repeat,
        radial-gradient(circle at left 10px bottom 7px, rgba(254,247,232,.98) 0 .90px, rgba(232,209,164,.94) 1.24px, rgba(174,138,82,.88) 2px, rgba(80,56,28,.45) 2.88px, transparent 3.28px) no-repeat,
        radial-gradient(circle at right 10px bottom 7px, rgba(254,247,232,.98) 0 .90px, rgba(232,209,164,.94) 1.24px, rgba(174,138,82,.88) 2px, rgba(80,56,28,.45) 2.88px, transparent 3.28px) no-repeat,
        linear-gradient(180deg, rgba(255, 246, 220, .068) 0%, rgba(255, 246, 220, .014) 28%, transparent 62%),
        radial-gradient(ellipse at 50% -20%, rgba(239, 213, 154, .160), transparent 44%),
        radial-gradient(ellipse at 18% 116%, rgba(7, 101, 81, .350), transparent 50%),
        radial-gradient(ellipse at 84% 112%, rgba(34, 150, 119, .188), transparent 47%),
        repeating-linear-gradient(126deg, rgba(138, 232, 195, .018) 0px, rgba(138, 232, 195, .018) 1px, transparent 2px, transparent 24px),
        linear-gradient(180deg, rgba(8, 14, 13, .998) 0%, rgba(2, 10, 9, 1) 58%, rgba(0, 0, 0, 1) 100%) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 246, 220, .082),
        inset 0 -1px 0 rgba(92, 196, 160, .165),
        inset 0 -18px 32px rgba(0, 52, 42, .235),
        0 15px 34px rgba(0, 0, 0, .690),
        0 0 0 1px rgba(92, 196, 160, .065),
        0 0 18px rgba(34, 129, 104, .070) !important;
}

.products-page .product-card-quote-wrap .add-to-quote-btn.mr-quote-action:focus-visible,
.products-page .product-card-quote-wrap .mr-add-to-cart-btn.mr-cart-action:focus-visible{
    outline: 2px solid rgba(229, 198, 145, .42) !important;
    outline-offset: 2px !important;
}

.products-page .product-card-quote-wrap .add-to-quote-btn.mr-quote-action:active,
.products-page .product-card-quote-wrap .mr-add-to-cart-btn.mr-cart-action:active{
    transform: translateY(0) scale(.995) !important;
}




/* 8.233 — Family View All Focus Polish.
   Scope: Products active-family page only,
after clicking View all.
   Adds a light focus state to the existing toolbar/family rail without changing logic,
pagination,
Quick View,
Cart/Quote,
Retail/Wholesale,
or card behavior. */
.products-page.mr-products-family-focus{
    --mr-family-focus-brass: rgba(218, 181, 112, .34);
    --mr-family-focus-emerald: rgba(42, 145, 116, .18);
}

.products-page.mr-products-family-focus > h2{
    margin-bottom: 21px !important;
    text-shadow:
        0 16px 42px rgba(0, 0, 0, .58),
        0 0 24px rgba(42, 145, 116, .055) !important;
}

.products-page.mr-products-family-focus .mr-catalog-toolbar{
    max-width: 1188px !important;
    margin-bottom: 22px !important;
    border-color: rgba(218, 181, 112, .24) !important;
    background:
        linear-gradient(180deg, rgba(255, 246, 220, .040), rgba(255, 246, 220, .006) 43%, transparent 78%),
        radial-gradient(ellipse at 12% -14%, rgba(218, 181, 112, .090), transparent 44%),
        radial-gradient(ellipse at 88% 118%, rgba(42, 145, 116, .145), transparent 48%),
        linear-gradient(135deg, rgba(5, 17, 15, .90), rgba(0, 5, 5, .82) 58%, rgba(4, 19, 16, .84)) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 246, 220, .058),
        inset 0 -1px 0 rgba(82, 184, 148, .038),
        0 20px 52px rgba(0, 0, 0, .44),
        0 0 0 1px rgba(218, 181, 112, .020) !important;
}

.products-page.mr-products-family-focus .mr-catalog-toolbar::before{
    left: 44px !important;
    right: 44px !important;
    opacity: .56 !important;
    background: linear-gradient(90deg, transparent, rgba(230, 195, 128, .58), rgba(58, 158, 128, .20), rgba(230, 195, 128, .34), transparent) !important;
}

.products-page.mr-products-family-focus .mr-catalog-family-filter,
.products-page.mr-products-family-focus .mr-catalog-toolbar-head > .mr-catalog-active-filter.mr-catalog-family-filter{
    min-height: 34px !important;
    padding: 0 14px !important;
    border-color: rgba(218, 181, 112, .32) !important;
    background:
        linear-gradient(180deg, rgba(255, 246, 220, .050), rgba(255, 246, 220, .006)),
        radial-gradient(ellipse at 16% 116%, rgba(42, 145, 116, .190), transparent 54%),
        rgba(2, 12, 10, .70) !important;
    color: rgba(242, 224, 186, .90) !important;
    -webkit-text-fill-color: rgba(242, 224, 186, .90) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 246, 220, .060),
        0 10px 22px rgba(0, 0, 0, .22) !important;
}

.products-page.mr-products-family-focus .mr-catalog-context-actions{
    gap: 7px !important;
}

.products-page.mr-products-family-focus .mr-catalog-return-btn{
    min-height: 34px !important;
    padding-inline: 14px !important;
    border-color: rgba(194, 158, 94, .22) !important;
    background:
        linear-gradient(180deg, rgba(255, 246, 220, .036), rgba(255, 246, 220, .004)),
        rgba(1, 8, 7, .66) !important;
    color: rgba(238, 229, 210, .74) !important;
    -webkit-text-fill-color: rgba(238, 229, 210, .74) !important;
}

.products-page.mr-products-family-focus .products-pagination.products-pagination-top{
    max-width: 1050px !important;
    margin: -4px auto 24px !important;
}

.products-page.mr-products-family-focus .product-family-section{
    margin-top: 0 !important;
}

.products-page.mr-products-family-focus .product-family-head{
    max-width: 1188px !important;
    margin-bottom: 22px !important;
    padding: 17px 20px !important;
    border-color: rgba(218, 181, 112, .24) !important;
    background:
        linear-gradient(180deg, rgba(255, 246, 220, .040), rgba(255, 246, 220, .005) 48%, transparent 78%),
        radial-gradient(ellipse at 12% 0%, rgba(218, 181, 112, .090), transparent 44%),
        radial-gradient(ellipse at 91% 112%, rgba(42, 145, 116, .135), transparent 48%),
        linear-gradient(135deg, rgba(5, 16, 14, .86), rgba(0, 4, 4, .78) 62%, rgba(4, 19, 16, .82)) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 246, 220, .052),
        inset 0 -1px 0 rgba(82, 184, 148, .034),
        0 20px 54px rgba(0, 0, 0, .43),
        0 0 0 1px rgba(218, 181, 112, .018) !important;
}

.products-page.mr-products-family-focus .product-family-kicker{
    color: rgba(230, 198, 136, .86) !important;
    -webkit-text-fill-color: rgba(230, 198, 136, .86) !important;
    letter-spacing: 2.6px !important;
}

.products-page.mr-products-family-focus .product-family-title{
    color: rgba(249, 238, 216, .96) !important;
    -webkit-text-fill-color: rgba(249, 238, 216, .96) !important;
    font-size: clamp(24px, 3.15vw, 44px) !important;
    letter-spacing: .12em !important;
    text-shadow:
        0 16px 38px rgba(0, 0, 0, .62),
        0 0 20px rgba(42, 145, 116, .070) !important;
}

.products-page.mr-products-family-focus .product-family-count{
    border-color: rgba(218, 181, 112, .26) !important;
    background:
        linear-gradient(180deg, rgba(255, 246, 220, .040), rgba(255, 246, 220, .005)),
        radial-gradient(ellipse at 18% 116%, rgba(42, 145, 116, .150), transparent 54%),
        rgba(2, 12, 10, .66) !important;
    color: rgba(236, 219, 184, .84) !important;
    -webkit-text-fill-color: rgba(236, 219, 184, .84) !important;
}

.products-page.mr-products-family-focus .product-grid.family-product-grid{
    margin-top: 0 !important;
}





/* 8.234 — Family View All CTA Visibility Polish.
   Makes the existing `View all` action read as a clear standalone Family CTA in the main batch view.
   CSS-only: no URL,
HTML structure,
pagination,
filtering,
Quick View,
Cart/Quote,
or Retail/Wholesale behavior change. */
@media (min-width: 769px){
    section.featured.products-page .product-family-head {
        grid-template-columns: minmax(0, 1fr) auto minmax(126px, auto) !important;
        column-gap: 12px !important;
    }

    .products-page .mr-family-view-all {
        justify-self: end !important;
        align-self: center !important;
    }

    body.rtl .products-page .mr-family-view-all {
        justify-self: start !important;
    }
}

.products-page .mr-family-view-all{
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;
    min-width: 118px !important;
    min-height: 38px !important;
    padding: 0 18px !important;
    border-radius: 13px !important;
    border-color: rgba(232, 195, 124, .42) !important;
    background:
        linear-gradient(180deg, rgba(255, 246, 220, .074), rgba(255, 246, 220, .008) 48%, rgba(0,0,0,0) 78%),
        radial-gradient(ellipse at 18% 118%, rgba(30, 139, 111, .310), transparent 54%),
        radial-gradient(ellipse at 92% -18%, rgba(218, 181, 112, .100), transparent 45%),
        linear-gradient(135deg, rgba(7, 24, 20, .92), rgba(0, 7, 6, .90) 62%, rgba(4, 22, 18, .92)) !important;
    color: rgba(250, 239, 214, .96) !important;
    -webkit-text-fill-color: rgba(250, 239, 214, .96) !important;
    font-size: 9.8px !important;
    font-weight: 940 !important;
    letter-spacing: .82px !important;
    text-transform: uppercase !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 246, 220, .090),
        inset 0 -1px 0 rgba(82, 184, 148, .060),
        0 13px 26px rgba(0, 0, 0, .330),
        0 0 0 3px rgba(218, 181, 112, .030),
        0 0 18px rgba(32, 136, 109, .050) !important;
}

.products-page .mr-family-view-all::before{
    content: "";
    position: absolute;
    inset: 1px 1px auto 1px;
    height: 44%;
    border-radius: 12px 12px 8px 8px;
    background: linear-gradient(180deg, rgba(255, 246, 220, .120), rgba(255, 246, 220, 0)) !important;
    opacity: .54;
    pointer-events: none;
}

.products-page .mr-family-view-all::after{
    font-size: 15px !important;
    opacity: .92 !important;
    transform: translateY(-1px) !important;
}

.products-page .mr-family-view-all:hover,
.products-page .mr-family-view-all:focus-visible{
    border-color: rgba(246, 211, 145, .62) !important;
    background:
        linear-gradient(180deg, rgba(255, 246, 220, .094), rgba(255, 246, 220, .010) 48%, rgba(0,0,0,0) 78%),
        radial-gradient(ellipse at 18% 118%, rgba(39, 162, 130, .380), transparent 55%),
        radial-gradient(ellipse at 92% -18%, rgba(238, 199, 128, .135), transparent 45%),
        linear-gradient(135deg, rgba(8, 30, 25, .96), rgba(0, 9, 8, .94) 62%, rgba(5, 26, 21, .95)) !important;
    transform: translateY(-1px) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 246, 220, .115),
        inset 0 -1px 0 rgba(82, 184, 148, .072),
        0 15px 30px rgba(0, 0, 0, .360),
        0 0 0 3px rgba(218, 181, 112, .044),
        0 0 22px rgba(32, 136, 109, .070) !important;
}




/* =========================
   8.562 — Products action buttons brand-green discipline polish
   Scope locked: Products card action buttons only.
   User rule: every green used here must be the MR brand green #1F3E37.
   Continue from 8.561 approved card baseline: full-bleed image,
one outer frame,
no inner glow/ring,
whole-card hover only.
   Goal: make Add to Quote / Add to Cart feel aligned with the cleaned Products cards without reintroducing inner frames or green mismatches.
   ========================= */
.products-page .product-card-quote-wrap > .add-to-quote-btn.mr-quote-action,
.products-page .product-card-quote-wrap > .mr-add-to-cart-btn.mr-cart-action,
.products-page .product-card-quote-wrap > .add-to-cart-btn.mr-retail-action{
    --mr-products-brand-green: #1F3E37;
    position: relative !important;
    z-index: 8 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    min-height: 42px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(234, 225, 212, .26) !important;
    outline: 0 !important;
    background: #1F3E37 !important;
    background-image: none !important;
    color: rgba(248, 241, 225, .95) !important;
    -webkit-text-fill-color: rgba(248, 241, 225, .95) !important;
    box-shadow: none !important;
    text-shadow: none !important;
    filter: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    transform: none !important;
    transition:
        transform .18s ease,
        border-color .18s ease,
        box-shadow .18s ease,
        background-color .18s ease !important;
    overflow: hidden !important;
}

.products-page .product-card-quote-wrap > .add-to-quote-btn.mr-quote-action::before,
.products-page .product-card-quote-wrap > .add-to-quote-btn.mr-quote-action::after,
.products-page .product-card-quote-wrap > .mr-add-to-cart-btn.mr-cart-action::before,
.products-page .product-card-quote-wrap > .mr-add-to-cart-btn.mr-cart-action::after,
.products-page .product-card-quote-wrap > .add-to-cart-btn.mr-retail-action::before,
.products-page .product-card-quote-wrap > .add-to-cart-btn.mr-retail-action::after{
    content: none !important;
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    background: none !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
    filter: none !important;
    transform: none !important;
    transition: none !important;
    animation: none !important;
}

.products-page .product-card-quote-wrap > .add-to-quote-btn.mr-quote-action .mr-quote-icon,
.products-page .product-card-quote-wrap > .mr-add-to-cart-btn.mr-cart-action .mr-cart-icon,
.products-page .product-card-quote-wrap > .add-to-cart-btn.mr-retail-action .mr-cart-icon{
    width: 8px !important;
    height: 8px !important;
    flex: 0 0 8px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(248, 241, 225, .50) !important;
    background: rgba(248, 241, 225, .16) !important;
    box-shadow: none !important;
    filter: none !important;
    transform: none !important;
    transition: none !important;
}

.products-page .product-card-quote-wrap > .add-to-quote-btn.mr-quote-action .mr-quote-icon::before,
.products-page .product-card-quote-wrap > .add-to-quote-btn.mr-quote-action .mr-quote-icon::after,
.products-page .product-card-quote-wrap > .mr-add-to-cart-btn.mr-cart-action .mr-cart-icon::before,
.products-page .product-card-quote-wrap > .mr-add-to-cart-btn.mr-cart-action .mr-cart-icon::after,
.products-page .product-card-quote-wrap > .add-to-cart-btn.mr-retail-action .mr-cart-icon::before,
.products-page .product-card-quote-wrap > .add-to-cart-btn.mr-retail-action .mr-cart-icon::after{
    content: none !important;
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    background: none !important;
    border: 0 !important;
    box-shadow: none !important;
    transform: none !important;
    transition: none !important;
    animation: none !important;
}

.products-page .product-card-quote-wrap > .add-to-quote-btn.mr-quote-action .mr-quote-label,
.products-page .product-card-quote-wrap > .mr-add-to-cart-btn.mr-cart-action .mr-cart-label,
.products-page .product-card-quote-wrap > .add-to-cart-btn.mr-retail-action .mr-cart-label{
    color: inherit !important;
    -webkit-text-fill-color: inherit !important;
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
    text-shadow: none !important;
    filter: none !important;
    transform: none !important;
    transition: none !important;
    animation: none !important;
}

.products-page .product-card-quote-wrap > .add-to-quote-btn.mr-quote-action:hover,
.products-page .product-card-quote-wrap > .add-to-quote-btn.mr-quote-action:focus-visible,
.products-page .product-card-quote-wrap > .mr-add-to-cart-btn.mr-cart-action:hover,
.products-page .product-card-quote-wrap > .mr-add-to-cart-btn.mr-cart-action:focus-visible,
.products-page .product-card-quote-wrap > .add-to-cart-btn.mr-retail-action:hover,
.products-page .product-card-quote-wrap > .add-to-cart-btn.mr-retail-action:focus-visible{
    background: #1F3E37 !important;
    background-image: none !important;
    border-color: rgba(234, 225, 212, .42) !important;
    color: rgba(255, 248, 232, .98) !important;
    -webkit-text-fill-color: rgba(255, 248, 232, .98) !important;
    box-shadow: none !important;
    filter: none !important;
    transform: translateY(-1px) !important;
}

.products-page .product-card-quote-wrap > .add-to-quote-btn.mr-quote-action.is-added,
.products-page .product-card-quote-wrap.is-in-quote > .add-to-quote-btn.mr-quote-action,
.products-page .product-card-quote-wrap > .mr-add-to-cart-btn.mr-cart-action.is-added,
.products-page .product-card-quote-wrap.is-in-cart > .mr-add-to-cart-btn.mr-cart-action,
.products-page .product-card-quote-wrap > .add-to-cart-btn.mr-retail-action.is-added{
    background: #1F3E37 !important;
    background-image: none !important;
    border-color: rgba(218, 190, 132, .46) !important;
    color: rgba(255, 248, 232, .98) !important;
    -webkit-text-fill-color: rgba(255, 248, 232, .98) !important;
    box-shadow: none !important;
    filter: none !important;
}




html.mr-static-warm-bg-root,
html.mr-static-warm-bg-root body.product-list-body{
    background: #ECE9E2 !important;
    background-color: #ECE9E2 !important;
    background-image: none !important;
}

html.mr-static-warm-bg-root section.featured.products-page{
    background: #ECE9E2 !important;
    background-color: #ECE9E2 !important;
    background-image: none !important;
    border-color: rgba(31, 62, 55, .18) !important;
    box-shadow: none !important;
}

html.mr-static-warm-bg-root section.featured.products-page::before,
html.mr-static-warm-bg-root section.featured.products-page::after,
html.mr-static-warm-bg-root body.product-list-body::before{
    content: none !important;
    display: none !important;
    opacity: 0 !important;
    background: none !important;
    background-image: none !important;
    box-shadow: none !important;
}




/* 9.485 — MR Luxury page background sync with Home.
   Scoped to /products/luxury/ only: desktop and mobile now use the same warm Home page background (#ECE9E2).
   Product cards,
grid tray,
compare UI and line-control colors are untouched. */
html.mr-static-warm-bg-root.mr-luxury-products-root,
html.mr-static-warm-bg-root.mr-luxury-products-root body.product-list-body,
html.mr-static-warm-bg-root.mr-luxury-products-root section.featured.products-page{
    background: #ECE9E2 !important;
    background-color: #ECE9E2 !important;
    background-image: none !important;
}





<style id="mr-8-749-products-mobile-grid-tray-clean-disable">
/* 8.749 — Mobile Products Grid Tray clean fallback
   Scope: mobile Products grid tray only.
   Desktop keeps the approved 8.746 tray. On mobile,
the large tray surface is disabled because the desktop tray language does not scale cleanly to the narrow layout. */


/* Source block: mr-absolute-last-black-pagination-controls-20260722 */
html body.product-list-body .products-page .products-pagination,
html body.product-list-body .products-page .products-pagination.products-pagination-top,
html body.product-list-body .products-page .products-pagination .page-numbers,
html body.product-list-body .products-page .products-pagination .mr-index-pagination__rail {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border-color: transparent !important;
    box-shadow: none !important;
}
html body.product-list-body .products-page .products-pagination .page-link,
html body.product-list-body .products-page .products-pagination .page-link.page-link,
html body.product-list-body .products-page .products-pagination .mr-index-page-link,
html body.product-list-body .products-page .products-pagination .mr-index-page-link.mr-index-page-link,
html body.product-list-body .products-page .mr-products-control-deck .mr-catalog-select,
html body.product-list-body .products-page .mr-products-control-deck button,
html body.product-list-body .products-page .mr-products-control-deck a {
    background: #050505 !important;
    background-color: #050505 !important;
    background-image: none !important;
    border-color: #050505 !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    box-shadow: 0 10px 24px rgba(0, 0, 0, .32) !important;
}
html body.product-list-body .products-page .products-pagination .page-link.current,
html body.product-list-body .products-page .products-pagination .page-link.is-current,
html body.product-list-body .products-page .products-pagination .mr-index-page-link.is-current,
html body.product-list-body .products-page .products-pagination .page-link:hover,
html body.product-list-body .products-page .products-pagination .page-link:focus-visible,
html body.product-list-body .products-page .products-pagination .mr-index-page-link:hover,
html body.product-list-body .products-page .products-pagination .mr-index-page-link:focus-visible {
    background: #050505 !important;
    background-color: #050505 !important;
    background-image: none !important;
    border-color: #050505 !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}

/* Source block: mr-final-force-black-pagination-controls-20260722 */
html body.product-list-body .products-page .products-pagination,
html body.product-list-body .products-page .products-pagination.products-pagination-top,
html body.product-list-body .products-page .products-pagination .page-numbers,
html body.product-list-body .products-page .products-pagination .mr-index-pagination__rail {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

html body.product-list-body .products-page .products-pagination .page-link,
html body.product-list-body .products-page .products-pagination .page-link.page-link,
html body.product-list-body .products-page .products-pagination .mr-index-page-link,
html body.product-list-body .products-page .products-pagination .mr-index-page-link.mr-index-page-link,
html body.product-list-body .products-page .mr-products-control-deck .mr-catalog-select,
html body.product-list-body .products-page .mr-products-control-deck .mr-catalog-view-btn,
html body.product-list-body .products-page .mr-products-control-deck button,
html body.product-list-body .products-page .mr-products-control-deck a {
    background: #050505 !important;
    background-color: #050505 !important;
    background-image: none !important;
    border-color: #050505 !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    box-shadow: 0 10px 24px rgba(0, 0, 0, .32) !important;
}

html body.product-list-body .products-page .products-pagination .page-link.current,
html body.product-list-body .products-page .products-pagination .page-link.is-current,
html body.product-list-body .products-page .products-pagination .mr-index-page-link.is-current,
html body.product-list-body .products-page .products-pagination .page-link:hover,
html body.product-list-body .products-page .products-pagination .page-link:focus-visible,
html body.product-list-body .products-page .products-pagination .mr-index-page-link:hover,
html body.product-list-body .products-page .products-pagination .mr-index-page-link:focus-visible {
    background: #050505 !important;
    background-color: #050505 !important;
    background-image: none !important;
    border-color: #050505 !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}

/* Source block: mr-mobile-product-line-quick-view-css */
/* Phone-only Quick View for the four shared product-line pages. */


/* Source block: mr-products-side-label-decor-css */
body.product-list-body.mr-products-side-label-body{
    position: relative;
    isolation: isolate;
}

body.product-list-body.mr-products-side-label-body > .mr-products-side-label-decor{
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: 1;
}

body.product-list-body.mr-products-side-label-body > .mr-products-side-label-decor > span{
    position: absolute;
    top: clamp(52px, 6.5vh, 78px);
    bottom: clamp(56px, 4.7vh, 98px);
    width: clamp(126px, calc((100vw - 1380px) / 2 + 96px), 220px);
    display: block;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%22-38%200%20258%201200%22%20fill%3D%22none%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3ClinearGradient%20id%3D%22mrProductsWord%22%20x1%3D%22136%22%20y1%3D%221032%22%20x2%3D%221148%22%20y2%3D%221032%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%220%22%20stop-color%3D%22%231F3E37%22%20stop-opacity%3D%221%22/%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%220.38%22%20stop-color%3D%22%231F3E37%22%20stop-opacity%3D%221%22/%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%220.64%22%20stop-color%3D%22%231F3E37%22%20stop-opacity%3D%220.78%22/%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%220.84%22%20stop-color%3D%22%231F3E37%22%20stop-opacity%3D%220.34%22/%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%231F3E37%22%20stop-opacity%3D%220%22/%3E%0A%20%20%20%20%3C/linearGradient%3E%0A%20%20%3C/defs%3E%0A%20%20%3Ctext%20x%3D%22136%22%20y%3D%221032%22%0A%20%20%20%20%20%20%20%20transform%3D%22rotate%28-90%20136%201032%29%20skewX%28-8%29%22%0A%20%20%20%20%20%20%20%20text-anchor%3D%22start%22%0A%20%20%20%20%20%20%20%20textLength%3D%221012%22%0A%20%20%20%20%20%20%20%20lengthAdjust%3D%22spacingAndGlyphs%22%0A%20%20%20%20%20%20%20%20fill%3D%22url%28%23mrProductsWord%29%22%0A%20%20%20%20%20%20%20%20font-family%3D%22Arial%2C%20Helvetica%2C%20sans-serif%22%0A%20%20%20%20%20%20%20%20font-size%3D%22182%22%0A%20%20%20%20%20%20%20%20font-style%3D%22italic%22%0A%20%20%20%20%20%20%20%20font-weight%3D%22900%22%0A%20%20%20%20%20%20%20%20letter-spacing%3D%223%22%3EESSENTIAL%3C/text%3E%0A%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    opacity: 1;
    user-select: none;
    transform: translateX(30px);
}

body.product-list-body.mr-products-side-label-body > .mr-products-side-label-decor .mr-products-side-label-decor__left{
    left: clamp(-128px, calc((100vw - 1440px) / 2 - 220px), 20px);
    right: auto;
}

body.product-list-body.mr-products-side-label-body > .mr-products-side-label-decor .mr-products-side-label-decor__right{
    display: none !important;
}

body.product-list-body.mr-products-side-label-body > .scroll-progress,
body.product-list-body.mr-products-side-label-body > .navbar,
body.product-list-body.mr-products-side-label-body > header.navbar,
body.product-list-body.mr-products-side-label-body > main,
body.product-list-body.mr-products-side-label-body > footer,
body.product-list-body.mr-products-side-label-body > .side-panel,
body.product-list-body.mr-products-side-label-body > section.featured.products-page,
body.product-list-body.mr-products-side-label-body > .page-back-wrap{
    position: relative;
    z-index: 2;
}

@media (min-width: 1201px) {
    body.product-list-body.mr-products-side-label-body section.featured.products-page{
        position: relative !important;
        left: auto !important;
        right: auto !important;
        transform: none !important;
        margin-left: auto !important;
        margin-right: 18px !important;
    }
}

@media (max-width: 1200px) {
    body.product-list-body.mr-products-side-label-body > .mr-products-side-label-decor{
        display: none !important;
    }
}

/* Source block: mr-9-002-luxury-side-label-gold-clean-css */
/* 9.002 — Luxury Products vertical side label: clean gold text only,
no blade line. */
body.product-list-body.mr-luxury-products-body.mr-products-side-label-body > .mr-products-side-label-decor > span{
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%22-38%200%20258%201200%22%20fill=%22none%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3ClinearGradient%20id=%22mrProductsWordLuxuryGold%22%20x1=%22136%22%20y1=%221032%22%20x2=%221148%22%20y2=%221032%22%20gradientUnits=%22userSpaceOnUse%22%3E%0A%20%20%20%20%20%20%3Cstop%20offset=%220%22%20stop-color=%22%23F7E6B4%22%20stop-opacity=%221%22/%3E%0A%20%20%20%20%20%20%3Cstop%20offset=%220.34%22%20stop-color=%22%23D8C28E%22%20stop-opacity=%221%22/%3E%0A%20%20%20%20%20%20%3Cstop%20offset=%220.64%22%20stop-color=%22%23B88A4B%22%20stop-opacity=%220.78%22/%3E%0A%20%20%20%20%20%20%3Cstop%20offset=%220.84%22%20stop-color=%22%23D8C28E%22%20stop-opacity=%220.34%22/%3E%0A%20%20%20%20%20%20%3Cstop%20offset=%221%22%20stop-color=%22%23D8C28E%22%20stop-opacity=%220%22/%3E%0A%20%20%20%20%3C/linearGradient%3E%0A%20%20%3C/defs%3E%0A%20%20%3Ctext%20x=%22136%22%20y=%221032%22%0A%20%20%20%20%20%20%20%20transform=%22rotate(-90%20136%201032)%20skewX(-8)%22%0A%20%20%20%20%20%20%20%20text-anchor=%22start%22%0A%20%20%20%20%20%20%20%20textLength=%221012%22%0A%20%20%20%20%20%20%20%20lengthAdjust=%22spacingAndGlyphs%22%0A%20%20%20%20%20%20%20%20fill=%22url(%23mrProductsWordLuxuryGold)%22%0A%20%20%20%20%20%20%20%20font-family=%22Arial,%20Helvetica,%20sans-serif%22%0A%20%20%20%20%20%20%20%20font-size=%22182%22%0A%20%20%20%20%20%20%20%20font-style=%22italic%22%0A%20%20%20%20%20%20%20%20font-weight=%22900%22%0A%20%20%20%20%20%20%20%20letter-spacing=%223%22%3EMR%20LUXURY%3C/text%3E%0A%3C/svg%3E") !important;
}

/* Source block: mr-9-119-product-line-side-label-name-sync-css */
/* 9.119 / 9.124 — Product line side-label name/color sync.
   Mirrors the approved MR Luxury vertical label typography/size,
while each
   non-luxury line keeps its own theme color: Essential uses green/silver,
MR ART keeps purple/silver. */
body.product-list-body.mr-products-side-label-body:not(.mr-luxury-products-body):not(.mr-accessory-products-body)
> .mr-products-side-label-decor > span{
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%22-38%200%20258%201200%22%20fill%3D%22none%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3ClinearGradient%20id%3D%22mrProductsWordEssentialGreenSilver%22%20x1%3D%22136%22%20y1%3D%221032%22%20x2%3D%221148%22%20y2%3D%221032%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23FFFFFF%22%20stop-opacity%3D%221%22%2F%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%220.24%22%20stop-color%3D%22%23E7ECEA%22%20stop-opacity%3D%221%22%2F%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%220.46%22%20stop-color%3D%22%23B7C4C0%22%20stop-opacity%3D%220.94%22%2F%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%220.66%22%20stop-color%3D%22%231F3E37%22%20stop-opacity%3D%220.82%22%2F%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%220.86%22%20stop-color%3D%22%231F3E37%22%20stop-opacity%3D%220.36%22%2F%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%231F3E37%22%20stop-opacity%3D%220%22%2F%3E%0A%20%20%20%20%3C%2FlinearGradient%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Ctext%20x%3D%22136%22%20y%3D%221032%22%0A%20%20%20%20%20%20%20%20transform%3D%22rotate%28-90%20136%201032%29%20skewX%28-8%29%22%0A%20%20%20%20%20%20%20%20text-anchor%3D%22start%22%0A%20%20%20%20%20%20%20%20textLength%3D%221012%22%0A%20%20%20%20%20%20%20%20lengthAdjust%3D%22spacingAndGlyphs%22%0A%20%20%20%20%20%20%20%20fill%3D%22url%28%23mrProductsWordEssentialGreenSilver%29%22%0A%20%20%20%20%20%20%20%20font-family%3D%22Arial%2C%20Helvetica%2C%20sans-serif%22%0A%20%20%20%20%20%20%20%20font-size%3D%22182%22%0A%20%20%20%20%20%20%20%20font-style%3D%22italic%22%0A%20%20%20%20%20%20%20%20font-weight%3D%22900%22%0A%20%20%20%20%20%20%20%20letter-spacing%3D%223%22%3EMR%20ESSENTIAL%3C%2Ftext%3E%0A%3C%2Fsvg%3E") !important;
}

body.product-list-body.mr-accessory-products-body.mr-products-side-label-body
> .mr-products-side-label-decor > span{
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%22-38%200%20258%201200%22%20fill%3D%22none%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3ClinearGradient%20id%3D%22mrProductsWordLuxuryGold%22%20x1%3D%22136%22%20y1%3D%221032%22%20x2%3D%221148%22%20y2%3D%221032%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23F7E6B4%22%20stop-opacity%3D%221%22%2F%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%220.34%22%20stop-color%3D%22%23D8C28E%22%20stop-opacity%3D%221%22%2F%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%220.64%22%20stop-color%3D%22%23B88A4B%22%20stop-opacity%3D%220.78%22%2F%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%220.84%22%20stop-color%3D%22%23D8C28E%22%20stop-opacity%3D%220.34%22%2F%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23D8C28E%22%20stop-opacity%3D%220%22%2F%3E%0A%20%20%20%20%3C%2FlinearGradient%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Ctext%20x%3D%22136%22%20y%3D%221032%22%0A%20%20%20%20%20%20%20%20transform%3D%22rotate%28-90%20136%201032%29%20skewX%28-8%29%22%0A%20%20%20%20%20%20%20%20text-anchor%3D%22start%22%0A%20%20%20%20%20%20%20%20textLength%3D%221012%22%0A%20%20%20%20%20%20%20%20lengthAdjust%3D%22spacingAndGlyphs%22%0A%20%20%20%20%20%20%20%20fill%3D%22url%28%23mrProductsWordLuxuryGold%29%22%0A%20%20%20%20%20%20%20%20font-family%3D%22Arial%2C%20Helvetica%2C%20sans-serif%22%0A%20%20%20%20%20%20%20%20font-size%3D%22182%22%0A%20%20%20%20%20%20%20%20font-style%3D%22italic%22%0A%20%20%20%20%20%20%20%20font-weight%3D%22900%22%0A%20%20%20%20%20%20%20%20letter-spacing%3D%223%22%3EMR%20ART%3C%2Ftext%3E%0A%3C%2Fsvg%3E") !important;
}

/* Source block: mr-9-004-luxury-side-label-grid-line-refine-css */
/* 9.006 — Luxury Products side-label line refinement:
   same mother-grid gold line mood,
shorter to match the vertical text,
sharp pointed ends,
faded tips. */
html.mr-luxury-products-root
body.product-list-body.mr-luxury-products-body.mr-products-side-label-body
> .mr-products-side-label-decor .mr-products-side-label-decor__left::after{
    content: "" !important;
    display: block !important;
    position: absolute !important;
    z-index: 1 !important;
    pointer-events: none !important;
    top: clamp(98px, 8.1vh, 132px) !important;
    bottom: clamp(80px, 7.0vh, 120px) !important;
    inset-inline-start: clamp(24px, 1.8vw, 32px) !important;
    inset-inline-end: auto !important;
    width: 3px !important;
    border-radius: 0 !important;
    clip-path: polygon(50% 0%, 100% 4.5%, 100% 95.5%, 50% 100%, 0% 95.5%, 0% 4.5%) !important;
    background:
        linear-gradient(
            180deg,
            rgba(255,247,214,0) 0%,
            rgba(255,247,214,.70) 7%,
            rgba(247,213,128,1) 20%,
            rgba(214,168,62,1) 56%,
            rgba(156,111,24,.82) 82%,
            rgba(247,213,128,.34) 93%,
            rgba(247,213,128,0) 100%
        ) !important;
    box-shadow:
        0 0 0 1px rgba(255,235,170,.28),
        0 0 10px rgba(247,213,128,.24),
        0 0 18px rgba(214,168,62,.16) !important;
    opacity: .98 !important;
    transform: translateY(18px) !important;
    filter: none !important;
}

/* Source block: mr-9-005-essential-side-label-grid-line-refine-css */
/* 9.006 — Essential Products side-label line:
   copied from the Essential/default mother product-grid line,
shortened,
pointed and faded like the Luxury refinement. */
html:not(.mr-luxury-products-root)
body.product-list-body.mr-products-side-label-body:not(.mr-luxury-products-body)
> .mr-products-side-label-decor .mr-products-side-label-decor__left::after{
    content: "" !important;
    display: block !important;
    position: absolute !important;
    z-index: 1 !important;
    pointer-events: none !important;
    top: clamp(98px, 8.1vh, 132px) !important;
    bottom: clamp(80px, 7.0vh, 120px) !important;
    inset-inline-start: clamp(24px, 1.8vw, 32px) !important;
    inset-inline-end: auto !important;
    width: 3px !important;
    border-radius: 0 !important;
    clip-path: polygon(50% 0%, 100% 4.5%, 100% 95.5%, 50% 100%, 0% 95.5%, 0% 4.5%) !important;
    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,0) 0%,
            rgba(255,255,255,.50) 7%,
            rgba(255,255,255,.62) 16%,
            #1F3E37 42%,
            rgba(31,62,55,.72) 72%,
            rgba(31,62,55,.28) 92%,
            rgba(31,62,55,0) 100%
        ) !important;
    box-shadow:
        0 0 14px rgba(31, 62, 55, .40),
        0 0 27px rgba(31, 62, 55, .24) !important;
    opacity: .69 !important;
    transform: translateY(18px) !important;
    filter: none !important;
}

/* Source block: mr-8-900-luxury-grid-tray-gold-gradient-css */
/* 8.900 — MR Luxury: controlled gold gradient for the mother product-grid tray only.
   Scope: /products/luxury/ via mr-luxury-products-root. Essential keeps the approved Products tray. */
html.mr-luxury-products-root .products-page .product-grid.family-product-grid::before{
    border-color: rgba(229, 198, 145, .24) !important;
    background:
        radial-gradient(circle at 4px 0, rgba(255,232,176,.30), rgba(255,232,176,0) 46%),
        radial-gradient(circle at 86% 92%, rgba(183,150,85,.18), rgba(183,150,85,0) 34%),
        linear-gradient(135deg, rgba(183,150,85,.18) 0%, rgba(37,29,13,.28) 44%, rgba(0,0,0,.58) 100%) !important;
    background-image:
        radial-gradient(circle at 4px 0, rgba(255,232,176,.30), rgba(255,232,176,0) 46%),
        radial-gradient(circle at 86% 92%, rgba(183,150,85,.18), rgba(183,150,85,0) 34%),
        linear-gradient(135deg, rgba(183,150,85,.18) 0%, rgba(37,29,13,.28) 44%, rgba(0,0,0,.58) 100%) !important;
    box-shadow:
        0 10px 20px rgba(0,0,0,.16),
        0 0 0 1px rgba(255,232,176,.045),
        0 0 12px rgba(183,150,85,.10),
        inset 0 1px 0 rgba(255,232,176,.14),
        inset 0 -10px 18px rgba(183,150,85,.08) !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    opacity: .78 !important;
}

html.mr-luxury-products-root .products-page .product-grid.family-product-grid::after{
    background: linear-gradient(180deg, rgba(255,247,214,1) 0%, rgba(247,213,128,1) 24%, rgba(214,168,62,1) 60%, rgba(156,111,24,1) 100%) !important;
    box-shadow:
        0 0 0 1px rgba(255,235,170,.40),
        0 0 12px rgba(247,213,128,.30),
        0 0 20px rgba(214,168,62,.22) !important;
    opacity: 1 !important;
}



@media (min-width: 821px) {
    html.mr-luxury-products-root .products-page .product-grid.family-product-grid .mr-luxury-grid-mobile-line{
        display: none !important;
    }
}

/* Source block: mr-8-901-luxury-grid-badge-css */
/* 8.901 — MR Luxury centered badge inside the gold tray.
   The badge sits at the visual center of the tray and stays below product cards if overlap occurs. */
html.mr-luxury-products-root .products-page .product-grid.family-product-grid{
    position: relative !important;
    isolation: isolate !important;
}

html.mr-luxury-products-root .products-page .product-grid.family-product-grid .mr-luxury-grid-badge{
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    transform: translate(-50%, -50%) !important;
    width: clamp(46px, 4.8vw, 62px) !important;
    height: auto !important;
    display: block !important;
    object-fit: contain !important;
    opacity: .98 !important;
    pointer-events: none !important;
    user-select: none !important;
    z-index: 1 !important;
    filter:
        drop-shadow(0 5px 10px rgba(0,0,0,.18))
        drop-shadow(0 1px 0 rgba(255,245,214,.18));
}

html.mr-luxury-products-root .products-page .product-grid.family-product-grid .product-card-quote-wrap{
    position: relative !important;
    z-index: 2 !important;
}