/* Approved V4/refined styles, namespaced for the local desktop integration. */

/* base.css */


#mrc-desktop-header{color-scheme: dark; --bg: #0f172a; --panel: #142132; --surface: #1a2a3c; --line: #31445a; --subtle: #223247; --text: #f1f5fb; --muted: #a1b0c4; --quiet: #7d91a9; --accent: #b6f182; --green: #76f229; --header-main: 88px; --header-full: 138px;}
#mrc-desktop-header *{box-sizing: border-box;}
#mrc-desktop-header{margin: 0px; background: var(--bg); color: var(--text); font: 400 14px / 1.5 Cabin, Arial, sans-serif;}
#mrc-desktop-header button,#mrc-desktop-header input{font: inherit;}
#mrc-desktop-header button,#mrc-desktop-header a{-webkit-tap-highlight-color: transparent;}
#mrc-desktop-header button{cursor: pointer; color: inherit; background: none; border: 0px;}
#mrc-desktop-header button:disabled{cursor: not-allowed; opacity: 0.4;}
#mrc-desktop-header a{color: inherit; text-decoration: none;}
#mrc-desktop-header button,#mrc-desktop-header input,#mrc-desktop-header a{outline-offset: 4px;}
#mrc-desktop-header button:focus-visible,#mrc-desktop-header a:focus-visible{outline: 2px solid var(--accent);}
#mrc-desktop-header input:focus-visible{outline: none;}
#mrc-desktop-header button{transition: background 0.15s, color 0.15s, border-color 0.15s;}
#mrc-desktop-header h1,#mrc-desktop-header h2,#mrc-desktop-header h3,#mrc-desktop-header p{margin: 0px;}
#mrc-desktop-header h1,#mrc-desktop-header h2,#mrc-desktop-header h3{font-family: "Readex Pro", Arial, sans-serif; font-weight: 500;}
#mrc-desktop-header img{display: block; max-width: 100%;}
#mrc-desktop-header [hidden]{display: none !important;}
#mrc-desktop-header .icon-library{position: absolute; width: 0px; height: 0px; overflow: hidden;}
#mrc-desktop-header .icon{width: 22px; height: 22px; fill: none; stroke: currentcolor; stroke-width: 1.65; stroke-linecap: round; stroke-linejoin: round; flex: 0 0 auto;}
#mrc-desktop-header .shell{width: calc(100% - 80px); max-width: 1360px; margin-inline: auto;}
#mrc-desktop-header .sr-only{width: 1px; height: 1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; position: absolute !important;}
#mrc-desktop-header .skip-link{position: fixed; top: -70px; left: 20px; z-index: 200; background: var(--accent); color: rgb(19, 32, 28); padding: 10px 18px; border-radius: 8px;}
#mrc-desktop-header .skip-link:focus{top: 10px;}
#mrc-desktop-header .eyebrow{display: block; font: 500 10px / 1.4 "Readex Pro", sans-serif; letter-spacing: 1.5px; color: var(--quiet);}
#mrc-desktop-header .muted{color: var(--muted);}
#mrc-desktop-header .text-link{display: inline-flex; align-items: center; gap: 10px; padding: 0px; color: var(--accent); font-weight: 600; font-size: 13px;}
#mrc-desktop-header .text-link .icon{width: 16px; height: 16px;}
#mrc-desktop-header .text-link:hover{color: rgb(212, 255, 179);}
#mrc-desktop-header .icon-button{display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; padding: 0px; border-radius: 9px; flex: 0 0 auto;}
#mrc-desktop-header .icon-button:hover{background: rgba(255, 255, 255, 0.03); color: var(--accent);}
#mrc-desktop-header .primary-button,#mrc-desktop-header .secondary-button{display: inline-flex; align-items: center; justify-content: center; gap: 18px; min-height: 46px; padding: 12px 20px; border-radius: 9px; font-weight: 600; font-size: 14px;}
#mrc-desktop-header .primary-button{background: var(--accent); color: rgb(20, 36, 22); border: 1px solid transparent;}
#mrc-desktop-header .primary-button:hover{background: rgb(198, 250, 156);}
#mrc-desktop-header .primary-button .icon{width: 18px; height: 18px;}
#mrc-desktop-header .secondary-button{border: 1px solid var(--line); background: rgb(23, 36, 55); color: rgb(216, 226, 239);}
#mrc-desktop-header .secondary-button:hover{background: rgb(32, 50, 72); border-color: rgb(83, 107, 128);}
#mrc-desktop-header .site-header{position: sticky; top: 0px; z-index: 40; background: rgb(15, 25, 42); box-shadow: rgba(3, 9, 22, 0.04) 0px 8px 24px;}
#mrc-desktop-header .header-main{height: var(--header-main); display: flex; align-items: center; gap: 36px;}
#mrc-desktop-header .brand{display: block; flex: 0 0 auto; padding: 7px 0px;}
#mrc-desktop-header .brand img{width: 182px; height: auto;}
#mrc-desktop-header .search-anchor{flex: 1 1 0%; min-width: 200px; margin-left: 6px;}
#mrc-desktop-header .search-field{height: 46px; display: flex; align-items: center; gap: 13px; padding: 0px 14px; border: 1px solid rgb(42, 59, 81); background: rgb(23, 37, 55); border-radius: 10px; transition: border-color 0.15s, box-shadow 0.15s;}
#mrc-desktop-header .search-field > .icon{width: 20px; height: 20px; color: var(--muted);}
#mrc-desktop-header .search-field:focus-within,#mrc-desktop-header .search-field.is-open{border-color: rgba(165, 214, 122, 0.565); box-shadow: rgba(182, 241, 130, 0.03) 0px 0px 0px 3px;}
#mrc-desktop-header .search-field input{width: 100%; min-width: 0px; background: none; border: 0px; color: var(--text); padding: 0px; height: 44px; font-size: 14px;}
#mrc-desktop-header .search-field input::placeholder{color: rgb(147, 165, 187); opacity: 1;}
#mrc-desktop-header .search-field input::-webkit-search-cancel-button{display: none;}
#mrc-desktop-header .search-shortcut,#mrc-desktop-header kbd{display: inline-flex; align-items: center; justify-content: center; white-space: nowrap; font: 400 11px / 1 Cabin, sans-serif; color: rgb(142, 161, 184); padding: 4px 5px; background: rgb(15, 27, 43); border: 1px solid rgb(52, 69, 90); border-radius: 4px;}
#mrc-desktop-header .clear-search{width: 25px; height: 28px;}
#mrc-desktop-header .clear-search .icon{width: 16px;}
#mrc-desktop-header .header-actions{display: flex; align-items: center; gap: 17px;}
#mrc-desktop-header .header-action{display: flex; align-items: center; text-align: left; gap: 11px; min-height: 46px; padding: 6px 9px; border: 1px solid transparent; border-radius: 10px;}
#mrc-desktop-header .header-action:hover,#mrc-desktop-header .header-action[aria-expanded="true"]{background: rgb(24, 39, 57); border-color: rgb(45, 64, 84);}
#mrc-desktop-header .header-action > span:not(.bag-icon){display: flex; flex-direction: column; line-height: 1.35; white-space: nowrap;}
#mrc-desktop-header .header-action small{font-size: 11px; color: rgb(146, 164, 188); margin-bottom: 3px;}
#mrc-desktop-header .header-action strong{font-size: 14px; font-weight: 600;}
#mrc-desktop-header .header-action > .icon{width: 23px;}
#mrc-desktop-header .header-action .chevron,#mrc-desktop-header .chevron{width: 13px; height: 13px; color: var(--quiet); margin-left: 4px; transition: transform 0.15s;}
#mrc-desktop-header .header-action[aria-expanded="true"] .chevron,#mrc-desktop-header .catalog-trigger[aria-expanded="true"] .chevron{transform: rotate(180deg);}
#mrc-desktop-header .wishlist-trigger{position: relative; width: 35px;}
#mrc-desktop-header .wishlist-trigger .icon{width: 22px;}
#mrc-desktop-header .wishlist-dot{position: absolute; top: 4px; right: 3px; width: 6px; height: 6px; border-radius: 50%; background: var(--accent);}
#mrc-desktop-header .action-divider{height: 29px; width: 1px; background: var(--subtle);}
#mrc-desktop-header .bag-icon{position: relative; display: flex; align-items: center; justify-content: center; margin-right: 2px;}
#mrc-desktop-header .bag-icon .icon{width: 23px; height: 23px;}
#mrc-desktop-header .bag-icon .cart-count{position: absolute; right: -9px; top: -9px; min-width: 16px; height: 16px; border-radius: 5px; background: var(--accent); color: rgb(18, 32, 22); border: 2px solid rgb(15, 25, 42); display: grid; place-items: center; font-size: 9px; line-height: 1; font-weight: 700; padding: 0px 2px;}
#mrc-desktop-header .cart-trigger{padding-right: 0px;}
#mrc-desktop-header .cart-trigger .cart-total{min-width: 49px;}
#mrc-desktop-header .navigation-border{border-top: 1px solid rgba(255, 255, 255, 0.027); border-bottom: 1px solid rgba(43, 60, 80, 0.37);}
#mrc-desktop-header .header-nav{display: flex; align-items: center; height: 49px; gap: 25px;}
#mrc-desktop-header .catalog-trigger{display: flex; align-items: center; gap: 10px; font-size: 13px; font-weight: 600; height: 36px; padding: 0px 13px; background: rgba(182, 241, 130, 0.047); border: 1px solid rgba(182, 241, 130, 0.157); color: rgb(200, 239, 179); border-radius: 7px;}
#mrc-desktop-header .catalog-trigger:hover,#mrc-desktop-header .catalog-trigger[aria-expanded="true"]{background: rgba(182, 241, 130, 0.09); border-color: rgba(182, 241, 130, 0.44);}
#mrc-desktop-header .catalog-trigger > .icon:first-child{width: 15px; height: 15px;}
#mrc-desktop-header .catalog-trigger .chevron{color: rgb(182, 212, 166); width: 12px; margin-left: 8px;}
#mrc-desktop-header .nav-divider{height: 16px; width: 1px; background: var(--subtle); margin-left: -8px; margin-right: -7px;}
#mrc-desktop-header .header-nav > a{display: flex; align-items: center; gap: 7px; white-space: nowrap; color: rgb(184, 197, 215); font-size: 13px; height: 48px;}
#mrc-desktop-header .header-nav > a:hover{color: var(--accent);}
#mrc-desktop-header .header-nav .nav-bolt{width: 13px; height: 13px; color: var(--accent);}
#mrc-desktop-header .nav-secondary{display: flex; align-items: center; gap: 22px; margin-left: auto;}
#mrc-desktop-header .nav-secondary button{padding: 0px; font-size: 12px; color: rgb(146, 164, 185); white-space: nowrap;}
#mrc-desktop-header .nav-secondary button:hover{color: rgb(229, 238, 223);}
#mrc-desktop-header .nav-secondary .support-nav{display: flex; align-items: center; gap: 7px; color: rgb(182, 196, 213);}
#mrc-desktop-header .support-nav .icon{width: 16px; height: 16px;}
#mrc-desktop-header .page-veil{position: fixed; inset: var(--header-full) 0 0; z-index: 30; background: rgba(3, 10, 23, 0.66); backdrop-filter: blur(3px);}
#mrc-desktop-header .popover{position: fixed; z-index: 50; border: 1px solid rgb(58, 78, 100); box-shadow: rgba(2, 8, 22, 0.5) 0px 24px 65px, rgba(2, 7, 19, 0.19) 0px 2px 8px; background: var(--panel); border-radius: 14px; max-height: calc(100dvh - 165px); overflow: auto; scrollbar-width: thin; scrollbar-color: rgb(64, 81, 106) transparent; animation: 0.14s ease-out 0s 1 normal none running panel-in;}
#mrc-desktop-header .popover h2{font-size: 21px; letter-spacing: -0.6px; line-height: 1.35;}
#mrc-desktop-header .popover h3{font-size: 17px;}
#mrc-desktop-header .popover-heading{display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px;}
#mrc-desktop-header .popover-heading .close-panel{width: 28px; height: 28px; margin-right: -7px; color: rgb(153, 171, 192);}
#mrc-desktop-header .close-panel .icon{width: 18px; height: 18px;}
#mrc-desktop-header .panel-description{color: var(--muted); font-size: 13px; margin-top: 7px;}
#mrc-desktop-header .panel-kicker{display: flex; justify-content: space-between; align-items: center; font-size: 12px; font-weight: 600; color: rgb(216, 227, 240);}
#mrc-desktop-header .panel-kicker .muted{font-size: 11px; font-weight: 400; color: rgb(142, 161, 184);}
#mrc-desktop-header .panel-footer{display: flex; align-items: center; justify-content: space-between; border-top: 1px solid var(--subtle); padding: 15px 24px; background: rgb(16, 32, 49); border-radius: 0px 0px 14px 14px;}
#mrc-desktop-header .panel-footer > span{font-size: 11px; color: var(--quiet);}
#mrc-desktop-header .panel-footer kbd{font-size: 10px; padding: 3px 4px; margin-right: 4px;}
#mrc-desktop-header .footer-separator{margin: 0px 8px;}
#mrc-desktop-header .soft-count{display: inline-grid; place-items: center; min-width: 23px; height: 23px; padding: 0px 6px; border-radius: 5px; background: rgba(182, 241, 130, 0.055); color: var(--accent); font: 500 12px / 1 Cabin, sans-serif;}
#mrc-desktop-header .search-panel{width: 800px; top: 78px; left: 280px;}
#mrc-desktop-header .search-layout{display: grid; grid-template-columns: minmax(0px, 1fr) 240px;}
#mrc-desktop-header .search-main{padding: 23px 24px 14px;}
#mrc-desktop-header .search-filters{display: flex; gap: 7px; margin: 17px 0px 13px;}
#mrc-desktop-header .search-filters button{font-size: 12px; min-height: 29px; border-radius: 6px; padding: 4px 12px; color: rgb(157, 176, 198); border: 1px solid transparent;}
#mrc-desktop-header .search-filters button:hover{background: rgb(28, 48, 66); color: rgb(222, 238, 211);}
#mrc-desktop-header .search-filters button.active{background: rgba(182, 241, 130, 0.063); border-color: rgba(182, 241, 130, 0.208); color: rgb(197, 239, 170);}
#mrc-desktop-header .search-results{min-height: 250px;}
#mrc-desktop-header .result-row{display: flex; align-items: center; gap: 13px; width: 100%; padding: 10px 8px; border-radius: 8px; text-align: left; border: 1px solid transparent;}
#mrc-desktop-header .result-row:hover,#mrc-desktop-header .result-row:focus-visible{background: rgb(28, 48, 66); border-color: rgb(51, 76, 91); outline-offset: 0px;}
#mrc-desktop-header .result-row img{width: 47px; height: 47px; object-fit: cover; border-radius: 8px; border: 1px solid rgba(255, 255, 255, 0.047); flex: 0 0 auto;}
#mrc-desktop-header .result-copy{flex: 1 1 0%; min-width: 0px;}
#mrc-desktop-header .result-copy strong{display: block; font-size: 13px; font-weight: 600;}
#mrc-desktop-header .result-copy small{display: flex; align-items: center; gap: 6px; color: rgb(148, 167, 190); font-size: 11px; margin-top: 3px;}
#mrc-desktop-header .region-dot{width: 4px; height: 4px; background: rgb(87, 113, 135); border-radius: 50%;}
#mrc-desktop-header .result-price{text-align: right; white-space: nowrap; margin-left: 8px;}
#mrc-desktop-header .result-price small{display: block; font-size: 10px; color: var(--quiet); margin-bottom: 2px;}
#mrc-desktop-header .result-price strong{display: block; font-size: 13px; font-weight: 600; color: rgb(195, 207, 223);}
#mrc-desktop-header .result-row > .icon{width: 14px; height: 14px; color: rgb(100, 128, 153); margin-left: 3px;}
#mrc-desktop-header .search-aside{background: rgb(15, 28, 46); border-left: 1px solid var(--subtle); padding: 24px 22px; border-radius: 0px 14px 0px 0px;}
#mrc-desktop-header .search-aside .panel-kicker{color: rgb(142, 162, 189); font-size: 11px;}
#mrc-desktop-header .quick-searches{display: grid; gap: 1px; margin-top: 13px;}
#mrc-desktop-header .quick-searches button{display: flex; align-items: center; justify-content: space-between; font-size: 13px; text-align: left; padding: 9px 0px; color: rgb(190, 203, 219);}
#mrc-desktop-header .quick-searches button .icon{width: 13px; height: 13px; color: rgb(106, 133, 156);}
#mrc-desktop-header .quick-searches button:hover{color: var(--accent);}
#mrc-desktop-header .search-advice{border-top: 1px solid var(--subtle); margin-top: 28px; padding-top: 25px;}
#mrc-desktop-header .search-advice > .icon{color: rgba(182, 241, 130, 0.69); width: 24px; margin-bottom: 16px;}
#mrc-desktop-header .search-advice strong{font: 500 16px / 1.45 "Readex Pro", sans-serif; letter-spacing: -0.3px; display: block;}
#mrc-desktop-header .search-advice p{font-size: 12px; line-height: 1.7; color: rgb(144, 164, 188); margin: 10px 0px 18px;}
#mrc-desktop-header .search-advice .text-link{font-size: 11px; gap: 8px;}
#mrc-desktop-header .search-advice .text-link .icon{width: 13px;}
#mrc-desktop-header .no-results{padding: 36px 10px 45px; text-align: center;}
#mrc-desktop-header .no-results > .icon{color: var(--quiet); width: 32px; height: 32px; margin-bottom: 14px;}
#mrc-desktop-header .no-results h3{font-size: 16px; margin-bottom: 7px;}
#mrc-desktop-header .no-results p{font-size: 12px; color: var(--muted); margin-bottom: 18px;}
#mrc-desktop-header .account-panel{width: 366px; right: 170px; top: 78px; padding: 21px 25px 0px;}
#mrc-desktop-header .account-tabs{display: flex; border-bottom: 1px solid var(--line); margin: 23px 0px 21px; gap: 25px;}
#mrc-desktop-header .account-tabs button{padding: 0px 0px 12px; color: rgb(144, 163, 186); font-size: 13px; border-bottom: 2px solid transparent; margin-bottom: -1px;}
#mrc-desktop-header .account-tabs button[aria-selected="true"]{color: var(--accent); border-bottom-color: var(--accent); font-weight: 600;}
#mrc-desktop-header .auth-form > label,#mrc-desktop-header .password-label label{display: block; font-size: 12px; color: rgb(194, 207, 224); margin-bottom: 7px;}
#mrc-desktop-header .auth-form input:not([type="checkbox"]){height: 43px; width: 100%; background: rgb(15, 27, 43); border: 1px solid rgb(50, 71, 93); border-radius: 7px; padding: 0px 12px; color: rgb(236, 244, 255); font-size: 13px;}
#mrc-desktop-header .auth-form input::placeholder{color: rgb(111, 134, 161);}
#mrc-desktop-header .auth-form input:focus{border-color: rgb(166, 207, 131); box-shadow: rgba(182, 241, 130, 0.03) 0px 0px 0px 2px;}
#mrc-desktop-header .password-label{display: flex; align-items: center; justify-content: space-between; margin: 17px 0px 7px;}
#mrc-desktop-header .password-label label{margin: 0px;}
#mrc-desktop-header .subtle-link{color: rgb(156, 175, 197); font-size: 11px; padding: 0px;}
#mrc-desktop-header .subtle-link:hover{color: var(--accent);}
#mrc-desktop-header .password-input{position: relative;}
#mrc-desktop-header .password-input input{padding-right: 42px !important;}
#mrc-desktop-header .password-input .icon-button{position: absolute; right: 3px; top: 3px; color: rgb(131, 154, 180);}
#mrc-desktop-header .password-input .icon{width: 18px; height: 18px;}
#mrc-desktop-header .auth-form .remember{display: flex; align-items: center; gap: 8px; margin: 14px 0px 19px; font-size: 11px; color: var(--muted); cursor: pointer;}
#mrc-desktop-header .remember input{margin: 0px; accent-color: var(--accent); width: 13px; height: 13px;}
#mrc-desktop-header .auth-submit{width: 100%; justify-content: space-between; min-height: 43px; font-size: 13px;}
#mrc-desktop-header .prototype-form-note{font-size: 10px; display: flex; align-items: center; justify-content: center; gap: 6px; color: rgb(126, 148, 173); margin: 12px 0px 21px;}
#mrc-desktop-header .prototype-form-note .icon{width: 11px; height: 11px;}
#mrc-desktop-header .account-benefits{display: flex; align-items: center; gap: 12px; background: rgb(16, 32, 49); border-top: 1px solid var(--subtle); margin: 0px -25px; padding: 18px 25px; border-radius: 0px 0px 14px 14px; color: rgb(142, 164, 188); font-size: 11px; line-height: 1.8;}
#mrc-desktop-header .account-benefits > .icon{color: rgb(140, 181, 114); width: 22px; height: 22px;}
#mrc-desktop-header .account-benefits strong{font-weight: 400; color: rgb(187, 204, 221);}
#mrc-desktop-header .member-identity{display: flex; align-items: center; gap: 13px; margin: 0px 0px 24px;}
#mrc-desktop-header .avatar{width: 46px; height: 46px; background: rgb(34, 61, 50); color: var(--accent); display: grid; place-items: center; border-radius: 50%; font: 500 20px "Readex Pro", sans-serif; border: 1px solid rgba(182, 241, 130, 0.2);}
#mrc-desktop-header .member-identity h2{font-size: 18px; letter-spacing: -0.3px;}
#mrc-desktop-header .member-identity small{font-size: 11px; color: var(--muted); display: block; margin-top: 4px;}
#mrc-desktop-header .member-status{margin-left: auto; display: grid; place-items: center; width: 22px; height: 22px; border-radius: 50%; background: rgba(182, 241, 130, 0.086); color: var(--accent);}
#mrc-desktop-header .member-status .icon{width: 13px; height: 13px;}
#mrc-desktop-header .wallet-card{display: flex; align-items: center; justify-content: space-between; text-align: left; width: 100%; background: linear-gradient(110deg, rgb(32, 57, 47), rgb(23, 42, 48)); border: 1px solid rgba(182, 241, 130, 0.18); padding: 17px 18px; border-radius: 10px; color: rgb(181, 205, 182);}
#mrc-desktop-header .wallet-card > span{display: block; font-size: 11px;}
#mrc-desktop-header .wallet-card > span > .icon{width: 15px; height: 15px; vertical-align: middle; margin-right: 7px;}
#mrc-desktop-header .wallet-card strong{display: block; font-size: 25px; font-weight: 600; color: rgb(226, 243, 216); margin-top: 10px; line-height: 1;}
#mrc-desktop-header .wallet-card strong small{font-size: 10px; color: rgb(146, 177, 155); margin-left: 5px; font-weight: 400;}
#mrc-desktop-header .wallet-card > .icon{width: 18px; height: 18px; color: var(--accent);}
#mrc-desktop-header .member-links{margin: 17px 0px 14px; display: grid;}
#mrc-desktop-header .member-links button{display: flex; align-items: center; text-align: left; gap: 12px; padding: 12px 7px; border-radius: 7px; font-size: 13px; color: rgb(196, 209, 225);}
#mrc-desktop-header .member-links button:hover{background: rgb(28, 48, 65);}
#mrc-desktop-header .member-links .icon{width: 18px; height: 18px; color: rgb(141, 165, 189);}
#mrc-desktop-header .member-links .end-arrow{width: 14px; height: 14px; margin-left: auto; opacity: 0.7;}
#mrc-desktop-header .member-links .soft-count{margin-left: auto; min-width: 21px; height: 21px; font-size: 10px;}
#mrc-desktop-header .signout{display: flex; align-items: center; gap: 12px; border-top: 1px solid var(--subtle); width: calc(100% + 50px); margin: 0px -25px; padding: 17px 32px; color: rgb(153, 172, 194); text-align: left; font-size: 12px; border-radius: 0px 0px 14px 14px;}
#mrc-desktop-header .signout:hover{background: rgb(16, 32, 49); color: rgb(216, 229, 244);}
#mrc-desktop-header .signout .icon{width: 17px; height: 17px;}
#mrc-desktop-header .cart-panel,#mrc-desktop-header .wishlist-panel{width: 418px; right: 40px; top: 78px;}
#mrc-desktop-header .cart-heading{display: flex; align-items: center; justify-content: space-between; padding: 24px 24px 20px; border-bottom: 1px solid var(--subtle);}
#mrc-desktop-header .cart-heading .eyebrow{font-size: 9px; margin-bottom: 8px;}
#mrc-desktop-header .cart-heading h2{display: flex; align-items: center; gap: 10px; font-size: 22px;}
#mrc-desktop-header .cart-heading .close-panel{color: rgb(143, 162, 187); margin-right: -9px; margin-top: -20px;}
#mrc-desktop-header .cart-items{padding: 0px 24px; max-height: 310px; overflow: auto; scrollbar-width: thin; scrollbar-color: rgb(64, 81, 106) transparent;}
#mrc-desktop-header .cart-item{display: grid; grid-template-columns: 67px minmax(0px, 1fr); gap: 14px; padding: 23px 0px; border-bottom: 1px solid var(--subtle);}
#mrc-desktop-header .cart-item:last-child{border-bottom: 0px;}
#mrc-desktop-header .cart-item > img{width: 67px; height: 78px; object-fit: cover; border: 1px solid rgba(255, 255, 255, 0.063); border-radius: 8px;}
#mrc-desktop-header .cart-item-title{display: flex; gap: 8px; justify-content: space-between; align-items: flex-start;}
#mrc-desktop-header .cart-item h3{font: 600 13px / 1.45 Cabin, sans-serif; max-width: 208px;}
#mrc-desktop-header .remove-item{width: 20px; height: 20px; color: rgb(114, 137, 162); flex: 0 0 auto; margin-top: 1px;}
#mrc-desktop-header .remove-item .icon{width: 14px; height: 14px;}
#mrc-desktop-header .remove-item:hover{color: rgb(228, 165, 153);}
#mrc-desktop-header .cart-item-meta{font-size: 11px; color: rgb(151, 171, 195); margin-top: 5px; display: flex; align-items: center; gap: 6px;}
#mrc-desktop-header .cart-item-bottom{display: flex; align-items: center; justify-content: space-between; margin-top: 13px;}
#mrc-desktop-header .quantity{display: inline-flex; border: 1px solid rgb(53, 74, 97); border-radius: 6px; align-items: center; height: 29px; background: rgb(16, 30, 48);}
#mrc-desktop-header .quantity button{display: grid; place-items: center; width: 28px; height: 27px; padding: 0px; border-radius: 5px; color: rgb(163, 184, 208);}
#mrc-desktop-header .quantity button:hover:not(:disabled){background: rgb(35, 55, 72); color: var(--accent);}
#mrc-desktop-header .quantity button .icon{width: 13px; height: 13px;}
#mrc-desktop-header .quantity output{width: 22px; text-align: center; font-size: 12px; line-height: 1;}
#mrc-desktop-header .item-total{font-size: 14px; font-weight: 600; font-variant-numeric: tabular-nums;}
#mrc-desktop-header .cart-summary{border-top: 1px solid var(--line); background: rgb(17, 32, 49); padding: 22px 24px 0px; border-radius: 0px 0px 14px 14px;}
#mrc-desktop-header .subtotal{display: flex; align-items: center; justify-content: space-between; font-size: 14px;}
#mrc-desktop-header .subtotal strong{font-size: 23px; letter-spacing: -0.5px; font-weight: 600; font-variant-numeric: tabular-nums;}
#mrc-desktop-header .cart-note{font-size: 11px; color: rgb(133, 154, 179); margin: 3px 0px 20px;}
#mrc-desktop-header .cart-summary .primary-button{width: 100%; justify-content: space-between; font-size: 13px; min-height: 45px;}
#mrc-desktop-header .view-cart{display: block; width: 100%; text-align: center; font-size: 12px; color: rgb(181, 197, 216); margin: 12px 0px 15px; padding: 5px;}
#mrc-desktop-header .view-cart:hover{color: var(--accent);}
#mrc-desktop-header .cart-assurance{display: flex; align-items: center; justify-content: center; gap: 7px; font-size: 10px; color: rgb(131, 156, 177); border-top: 1px solid var(--subtle); margin: 0px -24px; padding: 14px 20px;}
#mrc-desktop-header .cart-assurance > .icon{width: 12px; height: 12px; color: rgb(157, 183, 148);}
#mrc-desktop-header .cart-assurance > span{margin-inline: 6px; color: rgb(69, 96, 117);}
#mrc-desktop-header .empty-cart{padding: 36px 27px 29px; text-align: center;}
#mrc-desktop-header .empty-icon{display: grid; place-items: center; width: 72px; height: 72px; margin: 0px auto 22px; border: 1px solid rgba(182, 241, 130, 0.145); border-radius: 50%; background: rgba(182, 241, 130, 0.024); color: rgb(173, 202, 155);}
#mrc-desktop-header .empty-icon .icon{width: 30px; height: 30px;}
#mrc-desktop-header .empty-cart h3{font-size: 20px;}
#mrc-desktop-header .empty-cart p{color: var(--muted); font-size: 13px; line-height: 1.8; margin: 12px 0px 28px;}
#mrc-desktop-header .empty-cart .primary-button{width: 100%; font-size: 12px; gap: 15px;}
#mrc-desktop-header .wishlist-panel #mdh-wishlist-items{padding: 12px 17px;}
#mrc-desktop-header .wishlist-note{color: rgb(141, 162, 189); text-align: center; font-size: 11px; padding: 12px 20px 20px;}
#mrc-desktop-header .wishlist-row{display: flex; align-items: center; gap: 12px; padding: 10px 7px;}
#mrc-desktop-header .wishlist-row img{width: 52px; height: 52px; object-fit: cover; border-radius: 8px;}
#mrc-desktop-header .wishlist-row div{flex: 1 1 0%;}
#mrc-desktop-header .wishlist-row strong{font-size: 13px;}
#mrc-desktop-header .wishlist-row small{display: block; color: var(--muted); font-size: 11px; margin-top: 4px;}
#mrc-desktop-header .wishlist-row .icon-button{border: 1px solid rgba(182, 241, 130, 0.19); color: var(--accent); width: 34px; height: 34px;}
#mrc-desktop-header .wishlist-row .icon{width: 16px;}
#mrc-desktop-header .catalog-panel{display: grid; grid-template-columns: 250px minmax(0px, 1fr); max-width: 1100px; width: calc(100% - 80px); left: 40px; top: 146px;}
#mrc-desktop-header .catalog-feature{padding: 28px 26px; background: radial-gradient(at 50% 35%, rgba(107, 211, 52, 0.05), transparent 70%), rgb(16, 29, 45); border-right: 1px solid var(--subtle);}
#mrc-desktop-header .catalog-feature img{object-fit: contain; width: 145px; height: 118px; margin: 0px auto 18px;}
#mrc-desktop-header .catalog-feature h2{font-size: 17px; letter-spacing: -0.4px;}
#mrc-desktop-header .catalog-feature p{color: rgb(143, 165, 192); font-size: 12px; margin: 9px 0px 19px; line-height: 1.7;}
#mrc-desktop-header .catalog-feature .text-link{font-size: 11px; gap: 10px;}
#mrc-desktop-header .catalog-feature .text-link .icon{width: 13px;}
#mrc-desktop-header .catalog-groups{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 20px; padding: 35px 24px;}
#mrc-desktop-header .catalog-groups h3{font-size: 10px; letter-spacing: 1px; font-weight: 500; color: rgb(127, 150, 175); padding: 0px 13px; margin-bottom: 13px;}
#mrc-desktop-header .catalog-groups button{display: block; width: 100%; font-size: 14px; font-weight: 600; text-align: left; padding: 14px 13px; border-radius: 8px;}
#mrc-desktop-header .catalog-groups button:hover{background: rgba(182, 241, 130, 0.03); color: var(--accent);}
#mrc-desktop-header .catalog-groups small{display: block; color: rgb(143, 163, 187); font-weight: 400; font-size: 11px; margin-top: 5px;}



































#mrc-desktop-header .product-region{display: inline-flex; margin-top: 20px; font-size: 12px; color: rgb(201, 216, 232); border: 1px solid rgb(64, 86, 107); padding: 6px 11px; border-radius: 6px;}



















#mrc-desktop-header .live-dot{width: 5px; height: 5px; border-radius: 50%; background: var(--accent);}














@keyframes mdh-panel-in { 
  0% { opacity: 0; transform: translateY(-4px); }
  100% { opacity: 1; transform: translateY(0px); }
}
@media (min-width: 1600px) {

}
@media (max-width: 1240px) {#mrc-desktop-header .shell{width: calc(100% - 48px);}
#mrc-desktop-header .header-main{gap: 20px;}
#mrc-desktop-header .brand img{width: 160px;}
#mrc-desktop-header .search-anchor{margin-left: 0px;}
#mrc-desktop-header .header-actions{gap: 10px;}
#mrc-desktop-header .header-action{gap: 8px; padding-inline: 7px;}
#mrc-desktop-header .header-action > .chevron{display: none;}
#mrc-desktop-header .header-nav{gap: 20px;}
#mrc-desktop-header .nav-secondary{gap: 18px;}
#mrc-desktop-header .nav-secondary > button:not(.support-nav){display: none;}











#mrc-desktop-header .catalog-panel{width: calc(100% - 48px);}
#mrc-desktop-header .search-shortcut{display: none;}
}
@media (max-height: 800px) {#mrc-desktop-header .popover{max-height: calc(100dvh - 155px);}
#mrc-desktop-header .search-main{padding-top: 17px;}
#mrc-desktop-header .search-filters{margin-block: 11px 6px;}
#mrc-desktop-header .result-row{padding-block: 7px;}
#mrc-desktop-header .result-row img{width: 42px; height: 42px;}
#mrc-desktop-header .search-aside{padding-top: 19px;}
#mrc-desktop-header .search-advice{margin-top: 18px; padding-top: 18px;}
#mrc-desktop-header .account-panel{padding-top: 14px;}
#mrc-desktop-header .popover-heading{margin-bottom: 8px;}
#mrc-desktop-header .account-tabs{margin-top: 17px; margin-bottom: 15px;}
#mrc-desktop-header .prototype-form-note{margin-bottom: 16px;}
#mrc-desktop-header .account-benefits{padding-block: 13px;}
#mrc-desktop-header .cart-item{padding-block: 18px;}}
@media (max-width: 1023px) {#mrc-desktop-header{display: none;}



}
@media (prefers-reduced-motion: reduce) {#mrc-desktop-header *,#mrc-desktop-header ::before,#mrc-desktop-header ::after{animation: auto ease 0s 1 normal none running none !important; transition: none !important; scroll-behavior: auto !important;}}
/* variant.css */
#mrc-desktop-header{--header-full: 145px; --header-main: 80px; --panel: #142233;}
#mrc-desktop-header{scrollbar-gutter: stable;}
#mrc-desktop-header .site-header{padding-top: 18px; background: linear-gradient(rgb(15, 23, 42) 80%, rgba(15, 23, 42, 0.94)); box-shadow: none;}
#mrc-desktop-header .header-main{height: 80px; gap: 28px; padding: 0px 24px; border: 1px solid rgb(52, 72, 91); border-radius: 16px; background: rgb(23, 37, 56); box-shadow: rgba(6, 14, 28, 0.145) 0px 9px 28px;}
#mrc-desktop-header .brand img{width: 172px; height: auto;}
#mrc-desktop-header .discovery-bar{flex: 1 1 0%; min-width: 0px; display: flex; align-items: center; padding: 5px; border: 1px solid rgb(60, 83, 98); border-radius: 10px; background: rgb(16, 28, 44); height: 47px; gap: 3px;}
#mrc-desktop-header .catalog-trigger{height: 35px; min-height: 35px; border-radius: 6px; font-size: 12px; font-weight: 600; padding: 0px 12px; background: rgba(192, 237, 152, 0.07); color: rgb(194, 233, 168); border: 0px; gap: 8px; flex: 0 0 auto;}
#mrc-desktop-header .catalog-trigger:hover,#mrc-desktop-header .catalog-trigger[aria-expanded="true"]{background: rgba(182, 241, 130, 0.14);}
#mrc-desktop-header .catalog-trigger .chevron{width: 11px; height: 11px; margin-left: 2px;}
#mrc-desktop-header .catalog-trigger > .icon:first-child{width: 14px; height: 14px;}
#mrc-desktop-header .search-trigger{flex: 1 1 0%; display: flex; align-items: center; gap: 11px; color: rgb(146, 169, 194); min-width: 0px; height: 35px; text-align: left; padding: 0px 10px;}
#mrc-desktop-header .search-trigger > .icon{width: 18px; height: 18px; color: rgb(161, 179, 201);}
#mrc-desktop-header .search-trigger > span{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; flex: 1 1 0%;}
#mrc-desktop-header .search-trigger kbd{font-size: 9px; background: none; border-color: rgb(44, 66, 87); padding: 4px;}
#mrc-desktop-header .search-trigger:hover,#mrc-desktop-header .search-trigger[aria-expanded="true"]{color: rgb(224, 239, 221);}
#mrc-desktop-header .discovery-bar:has([aria-expanded="true"]){border-color: rgba(163, 205, 130, 0.44);}
#mrc-desktop-header .header-actions{gap: 17px;}
#mrc-desktop-header .header-action{padding: 0px; border: 0px; border-radius: 0px; min-height: 44px; gap: 10px;}
#mrc-desktop-header .header-action:hover,#mrc-desktop-header .header-action[aria-expanded="true"]{background: none; color: var(--accent);}
#mrc-desktop-header .account-avatar{width: 36px; height: 36px; place-items: center; border: 1px solid rgb(69, 96, 113); border-radius: 50%; background: rgb(33, 52, 69); display: grid !important;}
#mrc-desktop-header .account-avatar .icon{width: 19px; height: 19px; color: rgb(197, 216, 192);}
#mrc-desktop-header .header-action strong{font-size: 13px;}
#mrc-desktop-header .header-action small{font-size: 10px; margin-bottom: 3px; color: rgb(151, 174, 199);}
#mrc-desktop-header .account-trigger .chevron{width: 12px; margin-left: 0px;}
#mrc-desktop-header .wishlist-trigger{border: 1px solid rgb(58, 80, 102); border-radius: 50%; width: 36px; height: 36px; color: rgb(191, 206, 223);}
#mrc-desktop-header .wishlist-trigger .icon{width: 18px; height: 18px;}
#mrc-desktop-header .wishlist-dot{top: 0px; right: 1px; width: 5px; height: 5px;}
#mrc-desktop-header .cart-trigger{padding-left: 17px; border-left: 1px solid rgb(59, 77, 97);}
#mrc-desktop-header .bag-icon .icon{width: 22px; height: 22px;}
#mrc-desktop-header .bag-icon{margin-right: 3px;}
#mrc-desktop-header .bag-icon .cart-count{right: -7px; top: -8px; border-color: rgb(23, 37, 56); background: rgb(182, 241, 130); min-width: 16px; height: 16px; border-radius: 50%; font-size: 9px;}
#mrc-desktop-header .cart-trigger .cart-total{font-size: 13px;}
#mrc-desktop-header .header-links{height: 47px; display: flex; align-items: center; justify-content: space-between; padding: 0px 23px; gap: 20px;}
#mrc-desktop-header .header-links > div{display: flex; align-items: center; gap: 25px;}
#mrc-desktop-header .header-links button,#mrc-desktop-header .header-links a{display: flex; align-items: center; gap: 6px; padding: 0px; font-size: 12px; color: rgb(149, 171, 195); white-space: nowrap;}
#mrc-desktop-header .header-links .current,#mrc-desktop-header .header-links button:hover,#mrc-desktop-header .header-links a:hover{color: rgb(211, 228, 200);}
#mrc-desktop-header .header-links .icon{width: 13px; height: 13px; color: rgb(172, 198, 140);}
#mrc-desktop-header .header-links > div:last-child{gap: 23px;}
#mrc-desktop-header .header-links > div:last-child button{font-size: 11px;}
#mrc-desktop-header .page-veil{inset: 145px 0px 0px; background: rgba(3, 12, 25, 0.65); backdrop-filter: blur(4px);}
#mrc-desktop-header .popover{background: rgb(22, 38, 56); border-color: rgb(59, 82, 103); border-radius: 15px; max-height: calc(100dvh - 220px); animation: 0.14s ease-out 0s 1 normal none running panel-in; box-shadow: rgba(2, 7, 18, 0.69) 0px 25px 70px; overscroll-behavior: contain;}
#mrc-desktop-header .search-panel{width: 750px; left: calc(50% - 375px); right: auto; top: 116px; display: flex; flex-direction: column; max-height: calc(100dvh - 205px); overflow: hidden;}
#mrc-desktop-header .search-panel-head{padding: 19px 25px 0px; flex: 0 0 auto;}
#mrc-desktop-header .search-title-row{display: flex; align-items: center; justify-content: space-between; margin-bottom: 13px;}
#mrc-desktop-header .search-title-row .eyebrow{font-size: 9px; letter-spacing: 1.5px; color: rgb(162, 183, 146);}
#mrc-desktop-header .search-close{display: flex; align-items: center; gap: 11px; padding: 0px; color: rgb(156, 177, 200);}
#mrc-desktop-header .search-close kbd{font-size: 9px; background: none; border-color: rgb(58, 79, 97); padding: 3px 5px;}
#mrc-desktop-header .search-close .icon{width: 16px; height: 16px;}
#mrc-desktop-header .search-field{height: 51px; background: rgb(16, 28, 44); border-color: rgb(63, 86, 108); border-radius: 8px; padding: 0px 14px; gap: 12px;}
#mrc-desktop-header .search-field input{font-size: 17px; height: 49px; letter-spacing: -0.25px;}
#mrc-desktop-header .search-field input::placeholder{color: rgb(146, 169, 194);}
#mrc-desktop-header .search-field > .icon{width: 20px; height: 20px;}
#mrc-desktop-header .search-field.is-open,#mrc-desktop-header .search-field:focus-within{border-color: rgba(165, 205, 128, 0.44); box-shadow: none;}
#mrc-desktop-header .search-layout{display: flex; flex: 1 1 0%; min-height: 0px;}
#mrc-desktop-header .search-main{padding: 17px 25px 12px; display: flex; flex-direction: column; flex: 1 1 0%; min-height: 0px;}
#mrc-desktop-header .panel-kicker{font-size: 12px;}
#mrc-desktop-header .search-filters{gap: 7px; margin: 12px 0px 10px;}
#mrc-desktop-header .search-filters button{min-height: 27px; border-radius: 5px; padding: 4px 12px; font-size: 11px; background: rgb(16, 30, 48);}
#mrc-desktop-header .search-filters button.active{background: rgba(182, 241, 130, 0.075); border-color: rgba(182, 241, 130, 0.208);}
#mrc-desktop-header .search-results{overflow: auto; scrollbar-width: thin; scrollbar-color: rgb(69, 95, 119) transparent; min-height: 0px; flex: 1 1 0%; padding: 0px 4px 0px 0px;}
#mrc-desktop-header .result-row{padding: 10px 8px; gap: 13px; border-radius: 7px; border-width: 0px 0px 1px; border-style: none none solid; border-color: currentcolor currentcolor rgba(49, 70, 91, 0.44); border-image: none;}
#mrc-desktop-header .result-row:last-child{border-bottom-color: transparent;}
#mrc-desktop-header .result-row img{width: 44px; height: 49px; object-fit: cover; border-radius: 6px;}
#mrc-desktop-header .result-copy{display: grid; grid-template-columns: minmax(0px, 1fr) 112px; align-items: center; column-gap: 16px;}
#mrc-desktop-header .result-copy > strong{font-size: 13px; font-weight: 500; grid-column: 1; line-height: 1.4;}
#mrc-desktop-header .result-copy > small{font-size: 11px; color: rgb(153, 175, 197); grid-column: 1; margin-top: 4px;}
#mrc-desktop-header .result-price{grid-area: 1 / 2 / 3; display: flex; align-items: center; gap: 6px; justify-content: flex-end; margin: 0px; text-align: right;}
#mrc-desktop-header .result-price small{font-size: 10px; color: rgb(144, 168, 192); margin: 0px;}
#mrc-desktop-header .result-price strong{font-size: 13px; color: rgb(222, 235, 214); font-weight: 500;}
#mrc-desktop-header .result-price > .icon{margin-left: 8px; width: 14px; height: 14px; color: rgb(147, 175, 193);}
#mrc-desktop-header .result-row:hover{background: rgb(34, 56, 75);}
#mrc-desktop-header .no-results{padding: 25px 10px 28px;}
#mrc-desktop-header .panel-footer{padding: 13px 25px; background: rgb(18, 33, 51); flex: 0 0 auto;}
#mrc-desktop-header .panel-footer .text-link{font-size: 12px;}
#mrc-desktop-header .panel-footer > span{font-size: 10px;}
#mrc-desktop-header .account-panel{width: 414px; left: auto; right: max(40px, 50% - 680px); top: 110px; padding: 20px 26px 0px; max-height: calc(100dvh - 200px);}
#mrc-desktop-header .popover-heading{margin-bottom: 19px;}
#mrc-desktop-header .drawer-label{display: flex; align-items: center; gap: 8px;}
#mrc-desktop-header .drawer-label > .icon{width: 14px; height: 14px; color: rgb(171, 201, 141);}
#mrc-desktop-header .drawer-label .eyebrow{font-size: 9px; letter-spacing: 1.2px; color: rgb(158, 178, 199);}
#mrc-desktop-header .popover-heading .close-panel{width: 28px; height: 28px; margin-right: -5px;}
#mrc-desktop-header .account-welcome{display: flex; align-items: center; gap: 13px; padding: 18px 0px 3px; border-top: 1px solid rgba(54, 74, 94, 0.44);}
#mrc-desktop-header .welcome-symbol{display: grid; place-items: center; width: 44px; height: 44px; flex: 0 0 auto; border: 1px solid rgba(145, 185, 118, 0.27); border-radius: 11px; background: rgba(182, 241, 130, 0.05); color: rgb(191, 220, 168);}
#mrc-desktop-header .welcome-symbol .icon{width: 23px; height: 23px;}
#mrc-desktop-header .account-panel h2{font-size: 23px; letter-spacing: -0.6px;}
#mrc-desktop-header .panel-description{font-size: 12px; margin-top: 5px; color: rgb(154, 175, 199);}
#mrc-desktop-header .account-tabs{margin: 22px 0px; padding: 4px; gap: 5px; border: 1px solid rgb(53, 76, 97); border-radius: 8px; background: rgb(16, 29, 46);}
#mrc-desktop-header .account-tabs button{width: 50%; padding: 8px 12px; border: 0px; margin: 0px; border-radius: 5px; font-size: 12px; color: rgb(160, 182, 204);}
#mrc-desktop-header .account-tabs button[aria-selected="true"]{background: rgb(41, 66, 50); color: rgb(213, 239, 186); box-shadow: rgba(0, 0, 0, 0.133) 0px 1px 4px; font-weight: 500;}
#mrc-desktop-header .auth-form > label,#mrc-desktop-header .password-label label{font-size: 12px; color: rgb(203, 216, 231);}
#mrc-desktop-header .auth-form input:not([type="checkbox"]){height: 43px; background: rgb(18, 32, 48); border-color: rgb(61, 86, 110); border-radius: 7px;}
#mrc-desktop-header .auth-form input::placeholder{color: rgb(140, 162, 187);}
#mrc-desktop-header .auth-form .remember{margin: 17px 0px 20px; font-size: 12px;}
#mrc-desktop-header .remember input{width: 14px; height: 14px;}
#mrc-desktop-header .auth-submit{min-height: 44px; font-size: 13px;}
#mrc-desktop-header .prototype-form-note{color: rgb(147, 170, 194); font-size: 10px; margin: 14px 0px 21px;}
#mrc-desktop-header .prototype-form-note .icon{width: 12px; height: 12px;}
#mrc-desktop-header .account-benefits{padding: 17px 26px; margin: 0px -26px; gap: 12px; background: rgb(17, 32, 49); border-color: rgb(51, 74, 93); color: rgb(156, 174, 197); font-size: 11px; line-height: 1.7;}
#mrc-desktop-header .account-benefits > .icon{width: 23px; height: 23px; color: rgb(180, 212, 148);}
#mrc-desktop-header .account-benefits strong{color: rgb(189, 203, 220); font-weight: 400;}
#mrc-desktop-header .member-identity{margin: 25px 0px 24px;}
#mrc-desktop-header .member-identity h2{font-size: 21px;}
#mrc-desktop-header .member-stats{display: grid; grid-template-columns: 1.2fr 1fr; gap: 11px;}
#mrc-desktop-header .wallet-card,#mrc-desktop-header .orders-card{padding: 17px 15px; border-radius: 10px; text-align: left;}
#mrc-desktop-header .wallet-card strong{font-size: 25px;}
#mrc-desktop-header .wallet-card > span{font-size: 10px;}
#mrc-desktop-header .wallet-card > span > .icon{margin-right: 5px;}
#mrc-desktop-header .orders-card{border: 1px solid rgb(59, 83, 103); background: rgb(32, 50, 70); color: rgb(164, 185, 207); display: block; font-size: 10px;}
#mrc-desktop-header .orders-card > .icon{width: 14px; height: 14px; vertical-align: middle; margin-right: 4px;}
#mrc-desktop-header .orders-card strong{display: block; font-size: 25px; color: rgb(224, 233, 244); font-weight: 600; margin-top: 10px; line-height: 1;}
#mrc-desktop-header .orders-card small{font-size: 10px; color: rgb(159, 178, 200); font-weight: 400; margin-left: 4px;}
#mrc-desktop-header .orders-card:hover{background: rgb(41, 65, 83);}
#mrc-desktop-header .member-links{margin: 16px 0px 12px;}
#mrc-desktop-header .member-links button{padding-block: 13px;}
#mrc-desktop-header .signout{width: calc(100% + 52px); margin: 0px -26px; padding: 17px 33px; border-color: rgb(51, 74, 93); font-size: 12px;}
#mrc-desktop-header .cart-panel{inset: auto auto 90px 50%; width: min(1180px, 100% - 80px); transform: translateX(-50%); display: flex; flex-direction: column; overflow: hidden; max-height: calc(100dvh - 245px); border-radius: 18px; animation: 0.18s ease-out 0s 1 normal none running tray-in;}
#mrc-desktop-header .cart-heading{padding: 24px 28px 20px; border-color: rgb(51, 74, 93); gap: 20px; flex: 0 0 auto;}
#mrc-desktop-header .cart-heading .eyebrow{font-size: 9px; letter-spacing: 1.5px; color: rgb(159, 181, 144); margin-bottom: 7px;}
#mrc-desktop-header .cart-heading h2{font-size: 24px;}
#mrc-desktop-header .cart-heading .close-panel{margin: 0px; width: 34px; height: 34px; color: rgb(175, 192, 211); border: 1px solid rgb(59, 83, 103); border-radius: 50%; flex: 0 0 auto;}
#mrc-desktop-header .cart-check{display: flex; align-items: center; gap: 8px; font-size: 11px; color: rgb(162, 182, 202); margin-left: auto;}
#mrc-desktop-header .cart-check .icon{width: 16px; height: 16px; color: rgb(171, 201, 144);}
#mrc-desktop-header .cart-items{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 14px; padding: 24px 28px; max-height: 360px; overflow: auto; min-height: 0px; flex: 1 1 0%;}
#mrc-desktop-header .cart-item{display: grid; grid-template-columns: 68px minmax(0px, 1fr); gap: 16px; padding: 19px; background: rgb(16, 30, 46); border: 1px solid rgb(52, 76, 98); border-radius: 11px;}
#mrc-desktop-header .cart-item:last-child{border-bottom: 1px solid rgb(52, 76, 98);}
#mrc-desktop-header .cart-item > img{width: 68px; height: 82px; border-radius: 7px;}
#mrc-desktop-header .cart-item h3{max-width: none; font-size: 14px; line-height: 1.4;}
#mrc-desktop-header .cart-item-meta{font-size: 11px; margin-top: 6px;}
#mrc-desktop-header .cart-item-bottom{margin-top: 15px;}
#mrc-desktop-header .quantity{height: 30px;}
#mrc-desktop-header .quantity button{height: 28px; width: 28px;}
#mrc-desktop-header .item-total{font-size: 15px; color: rgb(226, 236, 217);}
#mrc-desktop-header .remove-item{margin-top: -3px; color: rgb(147, 170, 194);}
#mrc-desktop-header .cart-summary{display: flex; align-items: center; gap: 25px; padding: 24px 28px; border-top: 1px solid rgb(59, 83, 101); background: rgb(28, 48, 57); flex: 0 0 auto; border-radius: 0px 0px 18px 18px;}
#mrc-desktop-header .cart-total-block{flex: 0 0 auto; min-width: 160px;}
#mrc-desktop-header .subtotal{display: flex; align-items: center; gap: 13px; justify-content: flex-start; font-size: 12px; color: rgb(180, 197, 215);}
#mrc-desktop-header .subtotal strong{font-size: 27px; color: rgb(228, 242, 214); letter-spacing: -0.6px; line-height: 1.2;}
#mrc-desktop-header .cart-note{font-size: 10px; color: rgb(155, 176, 195); margin: 6px 0px 0px;}
#mrc-desktop-header .cart-assurance{padding: 0px; margin: 0px; border: 0px; flex: 1 1 0%; gap: 7px; color: rgb(168, 186, 203); font-size: 10px; justify-content: flex-start;}
#mrc-desktop-header .cart-assurance > span{margin-inline: 1px;}
#mrc-desktop-header .cart-summary .primary-button{width: 225px; min-height: 46px; border-radius: 8px; gap: 18px; font-size: 12px; flex: 0 0 auto;}
#mrc-desktop-header .view-cart{display: flex; align-items: center; gap: 8px; width: auto; flex: 0 0 auto; margin: 0px; padding: 0px; font-size: 12px; white-space: nowrap; color: rgb(193, 214, 223);}
#mrc-desktop-header .view-cart .icon{width: 14px; height: 14px;}
#mrc-desktop-header .empty-cart{padding: 32px 28px 36px; overflow: auto;}
#mrc-desktop-header .empty-icon{width: 55px; height: 55px; margin-bottom: 15px;}
#mrc-desktop-header .empty-icon .icon{width: 25px; height: 25px;}
#mrc-desktop-header .empty-cart h3{font-size: 22px;}
#mrc-desktop-header .empty-cart p{font-size: 13px; line-height: 1.6; margin: 10px 0px 22px;}
#mrc-desktop-header .empty-cart .primary-button{max-width: 300px; font-size: 13px;}
#mrc-desktop-header .wishlist-panel{top: 110px; right: max(40px, 50% - 680px); width: 420px;}
#mrc-desktop-header .wishlist-panel .cart-heading{padding: 22px;}
#mrc-desktop-header .wishlist-panel .cart-heading h2{font-size: 22px;}
#mrc-desktop-header .wishlist-row{padding: 13px 7px;}
#mrc-desktop-header .wishlist-note{font-size: 11px; color: rgb(159, 177, 199);}
#mrc-desktop-header .catalog-panel{top: 110px; left: max(40px, 50% - 680px); width: min(1020px, 100% - 80px); grid-template-columns: 240px minmax(0px, 1fr); padding: 0px 22px 22px; gap: 0px 10px; max-width: none;}
#mrc-desktop-header .catalog-top{grid-column: 1 / -1; display: flex; align-items: center; justify-content: space-between; padding: 14px 0px 15px;}
#mrc-desktop-header .catalog-top .eyebrow{font-size: 9px; color: rgb(172, 191, 156);}
#mrc-desktop-header .catalog-top .close-panel{width: 28px; height: 28px;}
#mrc-desktop-header .catalog-feature{border: 1px solid rgb(58, 81, 76); border-radius: 10px; padding: 23px 20px; background: rgba(32, 53, 46, 0.376);}
#mrc-desktop-header .catalog-feature img{width: 125px; height: 102px; margin-bottom: 15px;}
#mrc-desktop-header .catalog-feature h2{font-size: 17px;}
#mrc-desktop-header .catalog-feature p{font-size: 12px;}
#mrc-desktop-header .catalog-feature .text-link{font-size: 11px;}
#mrc-desktop-header .catalog-groups{gap: 15px; padding: 12px 10px 5px;}
#mrc-desktop-header .catalog-groups h3{font-size: 9px; color: rgb(164, 184, 154);}
#mrc-desktop-header .catalog-groups button{font-size: 14px; padding-block: 15px;}
#mrc-desktop-header .catalog-groups small{font-size: 11px; line-height: 1.55;}



@keyframes mdh-tray-in { 
  0% { opacity: 0; translate: 0px 10px; }
  100% { opacity: 1; translate: 0px; }
}
@media (max-width: 1240px) {#mrc-desktop-header .header-main{padding-inline: 19px; gap: 20px;}
#mrc-desktop-header .brand img{width: 151px;}
#mrc-desktop-header .header-actions{gap: 12px;}
#mrc-desktop-header .account-trigger .chevron{display: none;}
#mrc-desktop-header .account-avatar{width: 33px; height: 33px;}
#mrc-desktop-header .header-action{gap: 8px;}
#mrc-desktop-header .cart-trigger{padding-left: 12px;}
#mrc-desktop-header .search-trigger{padding-inline: 8px; gap: 8px;}
#mrc-desktop-header .search-trigger > span{font-size: 12px;}
#mrc-desktop-header .search-trigger kbd{display: none;}
#mrc-desktop-header .catalog-trigger{padding: 0px 9px; gap: 7px;}
#mrc-desktop-header .catalog-trigger .chevron{display: none;}
#mrc-desktop-header .header-links{padding-inline: 20px;}
#mrc-desktop-header .header-links > div{gap: 22px;}
#mrc-desktop-header .header-links > div:last-child{gap: 18px;}
#mrc-desktop-header .account-panel,#mrc-desktop-header .wishlist-panel{right: 24px;}
#mrc-desktop-header .catalog-panel{left: 24px; width: calc(100% - 48px);}
#mrc-desktop-header .cart-panel{width: calc(100% - 48px);}
#mrc-desktop-header .cart-summary{gap: 22px;}
#mrc-desktop-header .cart-assurance{display: none;}
#mrc-desktop-header .cart-summary .view-cart{margin-left: auto;}
#mrc-desktop-header .cart-summary .primary-button{width: 220px;}
#mrc-desktop-header .cart-items{padding: 22px; gap: 12px;}
#mrc-desktop-header .cart-item{padding: 16px; gap: 12px;}
#mrc-desktop-header .cart-item h3{font-size: 13px;}}
@media (max-height: 800px) {#mrc-desktop-header .account-panel{max-height: calc(100dvh - 190px); padding-top: 15px;}
#mrc-desktop-header .popover-heading{margin-bottom: 10px;}
#mrc-desktop-header .account-welcome{padding-top: 14px;}
#mrc-desktop-header .account-panel h2{font-size: 21px;}
#mrc-desktop-header .welcome-symbol{width: 39px; height: 39px;}
#mrc-desktop-header .account-tabs{margin-block: 17px;}
#mrc-desktop-header .password-label{margin-top: 15px;}
#mrc-desktop-header .auth-form .remember{margin: 14px 0px 17px;}
#mrc-desktop-header .prototype-form-note{margin: 12px 0px 16px;}
#mrc-desktop-header .account-benefits{padding-block: 12px;}
#mrc-desktop-header .member-identity{margin: 20px 0px;}
#mrc-desktop-header .search-panel-head{padding-top: 15px;}
#mrc-desktop-header .search-title-row{margin-bottom: 10px;}
#mrc-desktop-header .search-main{padding-top: 13px;}
#mrc-desktop-header .search-filters{margin: 10px 0px 8px;}
#mrc-desktop-header .result-row{padding-block: 8px;}
#mrc-desktop-header .result-row img{width: 40px; height: 43px;}
#mrc-desktop-header .cart-heading{padding-block: 19px;}
#mrc-desktop-header .cart-items{padding-block: 18px;}
#mrc-desktop-header .cart-summary{padding-block: 19px;}
#mrc-desktop-header .cart-panel{max-height: calc(100dvh - 230px);}}
/* refinements.css */
#mrc-desktop-header .cart-panel{top: 116px; left: auto; right: var(--edge); width: 490px; display: flex; flex-direction: column; overflow: hidden; max-height: calc(100dvh - 202px);}
#mrc-desktop-header .cart-panel .cart-heading{padding: 20px 25px 18px; border-bottom: 1px solid rgb(48, 70, 92); flex: 0 0 auto;}
#mrc-desktop-header .cart-panel .cart-heading .eyebrow{font-size: 9px; color: rgb(145, 171, 195); margin-bottom: 7px;}
#mrc-desktop-header .cart-panel .cart-heading h2{font-size: 23px; gap: 10px;}
#mrc-desktop-header .cart-panel .soft-count{border-radius: 50%; font-size: 11px; background: rgba(182, 241, 130, 0.086);}
#mrc-desktop-header .cart-panel .cart-check{display: flex; align-items: center; gap: 8px; margin: 0px; padding: 11px 25px; border-bottom: 1px solid rgb(48, 70, 92); font-size: 11px; color: rgb(185, 201, 217); flex: 0 0 auto; background: rgb(18, 33, 52);}
#mrc-desktop-header .cart-panel .cart-check .icon{width: 14px; height: 14px; color: rgb(178, 206, 157);}
#mrc-desktop-header .cart-panel .cart-items{padding: 1px 23px; min-height: 0px; max-height: 290px; overflow: auto; flex: 1 1 0%;}
#mrc-desktop-header .cart-panel .cart-item{grid-template-columns: 62px minmax(0px, 1fr); gap: 15px; padding: 19px 0px; border-color: rgb(48, 70, 92);}
#mrc-desktop-header .cart-panel .cart-item > img{width: 62px; height: 80px; border-radius: 10px;}
#mrc-desktop-header .cart-panel .cart-item h3{font-size: 13px; max-width: none;}
#mrc-desktop-header .cart-panel .cart-item-meta{font-size: 10px; color: rgb(161, 184, 207);}
#mrc-desktop-header .cart-panel .cart-item-bottom{margin-top: 14px;}
#mrc-desktop-header .cart-panel .quantity{height: 29px; border-radius: 8px; background: rgb(18, 32, 53);}
#mrc-desktop-header .cart-panel .quantity button{height: 27px; width: 29px;}
#mrc-desktop-header .cart-panel .quantity output{font-size: 12px; width: 26px;}
#mrc-desktop-header .cart-panel .item-total{font-size: 14px; color: rgb(213, 233, 196);}
#mrc-desktop-header .cart-panel .remove-item{color: rgb(154, 176, 199);}
#mrc-desktop-header .cart-panel .remove-item .icon{width: 14px; height: 14px;}
#mrc-desktop-header .cart-panel .cart-summary{padding: 19px 24px 0px; display: grid; grid-template-columns: minmax(0px, 1fr) 200px; gap: 0px 17px; background: rgb(16, 30, 47); border-top: 1px solid rgb(54, 78, 101); border-radius: 0px 0px 21px 21px; flex: 0 0 auto;}
#mrc-desktop-header .cart-panel .cart-total-block{grid-area: 1 / 1 / 3;}
#mrc-desktop-header .cart-panel .subtotal{display: block; font-size: 11px; color: rgb(166, 187, 208);}
#mrc-desktop-header .cart-panel .subtotal strong{display: block; font-size: 28px; margin-top: 4px; color: rgb(239, 246, 253);}
#mrc-desktop-header .cart-panel .cart-note{font-size: 10px; margin: 6px 0px 0px; line-height: 1.6; color: rgb(145, 170, 195); max-width: 172px;}
#mrc-desktop-header .cart-panel .cart-summary .primary-button{grid-area: 1 / 2; min-height: 41px; font-size: 12px; border-radius: 10px; gap: 12px; padding: 11px 15px;}
#mrc-desktop-header .cart-panel .view-cart{grid-area: 2 / 2; margin: 7px 0px 0px; padding: 7px 6px; font-size: 11px; display: flex; align-items: center; justify-content: center; gap: 10px;}
#mrc-desktop-header .cart-panel .view-cart .icon{width: 14px; height: 14px;}
#mrc-desktop-header .cart-panel .cart-assurance{grid-area: 3 / 1 / auto / -1; margin: 17px -24px 0px; padding: 12px 15px; font-size: 10px; border-color: rgb(45, 66, 88); gap: 7px; color: rgb(142, 169, 193);}
#mrc-desktop-header .cart-panel .cart-assurance > .icon{width: 12px;}
#mrc-desktop-header .cart-panel .cart-assurance > span{margin-inline: 5px;}
#mrc-desktop-header .cart-panel .empty-cart{padding: 34px 28px; min-height: 330px;}
#mrc-desktop-header .cart-panel .empty-icon{width: 64px; height: 64px; border-radius: 18px; background: rgb(37, 60, 53); border-color: rgb(86, 115, 70); margin-bottom: 20px;}
#mrc-desktop-header .cart-panel .empty-cart h3{font-size: 21px;}
#mrc-desktop-header .cart-panel .empty-cart p{font-size: 12px;}
#mrc-desktop-header .cart-panel .empty-cart .primary-button{width: auto; min-height: 43px; font-size: 12px; padding-inline: 22px; border-radius: 10px;}
#mrc-desktop-header .cart-panel{--muted: #a8b9ce; inset: 110px max(40px, 50% - 680px) auto auto; transform: none; translate: none; width: 490px; border: 1px solid rgb(59, 82, 105); border-radius: 15px; background: rgb(22, 36, 53); box-shadow: rgba(3, 9, 22, 0.6) 0px 24px 80px; animation: 0.14s ease-out 0s 1 normal none running panel-in;}
#mrc-desktop-header .cart-panel .cart-items{display: block; grid-template-columns: none; gap: normal;}
#mrc-desktop-header .cart-panel .cart-item{background: transparent; border-width: 0px 0px 1px; border-style: none none solid; border-color: currentcolor currentcolor rgb(48, 70, 92); border-image: none; border-radius: 0px;}
#mrc-desktop-header .cart-panel .cart-item:last-child{border-bottom: 0px;}
#mrc-desktop-header .cart-panel .cart-item h3{line-height: 1.45;}
#mrc-desktop-header .cart-panel .cart-item-meta{margin-top: 5px;}
#mrc-desktop-header .cart-panel .remove-item{margin-top: 1px;}
#mrc-desktop-header .cart-panel .cart-summary{align-items: center; gap: 0px 17px; border-radius: 0px 0px 14px 14px;}
#mrc-desktop-header .cart-panel .cart-heading{gap: normal;}
#mrc-desktop-header .cart-panel .subtotal{gap: normal; justify-content: space-between; font-size: 13px;}
#mrc-desktop-header .cart-panel .cart-total-block{grid-row: 1; min-width: 0px; align-self: center;}
#mrc-desktop-header .cart-panel .subtotal strong{line-height: 1.2; margin-top: 2px; letter-spacing: -0.5px;}
#mrc-desktop-header .cart-panel .cart-actions{grid-area: 1 / 2; display: flex; flex-direction: column; justify-content: center; align-self: center; gap: 7px; min-width: 0px;}
#mrc-desktop-header .cart-panel .cart-summary .primary-button{width: 100%; margin: 0px; justify-content: space-between;}
#mrc-desktop-header .cart-panel .view-cart{width: 100%; margin: 0px; padding: 0px; color: rgb(181, 197, 216);}
#mrc-desktop-header .cart-panel .cart-assurance{display: flex; justify-content: center; border-top: 1px solid rgb(45, 66, 88); font-size: 11px;}
#mrc-desktop-header .cart-panel .cart-summary .cart-assurance{grid-row: 2; margin-top: 19px;}
#mrc-desktop-header .cart-panel .cart-heading .close-panel{width: 32px; height: 32px; border: 0px; border-radius: 50%; background: rgb(34, 53, 73); color: rgb(172, 191, 212);}
#mrc-desktop-header .cart-panel .close-panel .icon{width: 16px; height: 16px;}
#mrc-desktop-header .cart-panel .close-panel:hover{background: rgb(52, 79, 98); color: rgb(243, 250, 236);}
#mrc-desktop-header .cart-panel .soft-count{border-radius: 50%; font-size: 11px; background: rgba(182, 241, 130, 0.086);}
#mrc-desktop-header .cart-panel .empty-icon .icon{width: 30px; height: 30px;}
#mrc-desktop-header .cart-panel .empty-cart p{line-height: 1.8; margin: 12px 0px 28px;}
#mrc-desktop-header .cart-panel .empty-cart .primary-button{max-width: none;}
#mrc-desktop-header .discovery-bar:focus-within,#mrc-desktop-header .discovery-bar:has(.search-field.is-open){border-color: rgb(154, 187, 125);}
#mrc-desktop-header .discovery-bar .search-field{flex: 1 1 0%; min-width: 0px; height: 35px; margin: 0px; padding: 0px 0px 0px 12px; gap: 8px; border-width: 0px 0px 0px 1px; border-style: none none none solid; border-color: currentcolor currentcolor currentcolor rgb(52, 72, 91); border-image: none; border-radius: 0px; background: transparent; box-shadow: none;}
#mrc-desktop-header .discovery-bar .search-field input{height: 35px; font-size: 13px; letter-spacing: 0px; flex: 1 1 0%; min-width: 0px; width: 0px;}
#mrc-desktop-header .discovery-bar .search-field input::placeholder{color: rgb(157, 178, 201);}
#mrc-desktop-header .discovery-bar .clear-search{width: 25px; height: 31px; flex: 0 0 auto;}
#mrc-desktop-header .discovery-bar .clear-search .icon{width: 14px; height: 14px;}
#mrc-desktop-header .discovery-bar .search-submit{display: grid; place-items: center; width: 35px; height: 35px; flex: 0 0 auto; padding: 0px; border-radius: 6px; background: rgba(182, 241, 130, 0.047); color: rgb(197, 228, 167);}
#mrc-desktop-header .discovery-bar .search-submit:hover{background: rgba(182, 241, 130, 0.137);}
#mrc-desktop-header .discovery-bar .search-submit .icon{width: 18px; height: 18px;}
#mrc-desktop-header .search-panel{top: 110px; width: var(--search-width,720px); left: var(--search-left,calc(50% - 360px)); height: auto; max-height: calc(100dvh - 200px); overflow: hidden; background: rgb(16, 29, 46); border: 1px solid rgb(69, 94, 112); border-radius: 16px; box-shadow: rgba(3, 10, 24, 0.7) 0px 20px 60px; animation: auto ease 0s 1 normal none running none;}
#mrc-desktop-header .search-panel .search-toolbar{display: flex; align-items: center; gap: 14px; padding: 15px 18px 14px; background: rgb(23, 40, 58); border-bottom: 1px solid rgb(50, 72, 93); flex: 0 0 auto;}
#mrc-desktop-header .search-panel .search-filters{display: flex; align-items: center; gap: 4px; flex: 1 1 0%; min-width: 0px; padding: 4px; margin: 0px; background: rgb(14, 26, 42); border: 1px solid rgb(48, 72, 93); border-radius: 11px;}
#mrc-desktop-header .search-panel .search-filters button{display: flex; align-items: center; justify-content: center; gap: 7px; flex: 1 1 0%; min-width: 0px; min-height: 34px; padding: 7px 12px; border: 0px; border-radius: 7px; background: transparent; color: rgb(167, 187, 207); font-size: 12px; font-weight: 600; line-height: 18px; white-space: nowrap;}
#mrc-desktop-header .search-panel .search-filters button .icon{width: 15px; height: 15px;}
#mrc-desktop-header .search-panel .search-filters button:hover{background: rgb(34, 57, 75); color: rgb(239, 245, 236);}
#mrc-desktop-header .search-panel .search-filters button[aria-pressed="true"]{background: rgb(182, 241, 130); color: rgb(24, 49, 33); box-shadow: rgba(0, 0, 0, 0.133) 0px 2px 6px;}
#mrc-desktop-header .search-panel .search-filters button:focus-visible{outline: rgb(216, 255, 185) solid 2px; outline-offset: 2px;}
#mrc-desktop-header .search-panel .search-main{display: flex; flex-direction: column; flex: 0 1 auto; min-height: 0px; overflow: hidden; padding: 16px 18px 17px;}
#mrc-desktop-header .search-panel .panel-kicker{font-size: 13px; font-weight: 600; min-height: 22px; gap: 16px; flex: 0 0 auto; margin: 0px 0px 12px; color: rgb(225, 234, 244);}
#mrc-desktop-header .search-panel #mdh-result-count{display: inline-flex; align-items: center; font-size: 11px; font-weight: 400; white-space: nowrap; color: rgb(164, 185, 205);}
#mrc-desktop-header .search-panel .search-results{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 10px; align-content: start; min-height: 0px; max-height: 400px; overflow: auto; padding: 2px; flex: 0 1 auto; scrollbar-width: thin; scrollbar-color: rgb(83, 111, 130) transparent;}
#mrc-desktop-header .search-panel .result-row{position: relative; display: grid; grid-template-columns: 85px minmax(0px, 1fr); align-items: stretch; gap: 12px; min-width: 0px; min-height: 107px; margin: 0px; padding: 10px; border: 1px solid rgb(51, 76, 97); border-radius: 12px; background: linear-gradient(120deg, rgb(33, 56, 74), rgb(24, 43, 62)); text-align: left; overflow: hidden;}
#mrc-desktop-header .search-panel .result-row:last-child{border-bottom-color: rgb(51, 76, 97);}
#mrc-desktop-header .search-panel .result-row:hover,#mrc-desktop-header .search-panel .result-row:focus-visible{background: linear-gradient(120deg, rgb(43, 70, 63), rgb(32, 54, 74)); border-color: rgb(162, 203, 126); outline-offset: -3px;}
#mrc-desktop-header .search-panel .result-row img{width: 85px; height: 85px; max-width: 85px; aspect-ratio: 1 / 1; object-fit: cover; border: 1px solid rgba(102, 129, 149, 0.2); border-radius: 8px; align-self: center; box-shadow: rgba(3, 11, 25, 0.18) 0px 5px 12px;}
#mrc-desktop-header .search-panel .result-copy{display: flex; flex-direction: column; justify-content: center; gap: 0px; align-items: flex-start; min-width: 0px; flex: 1 1 0%; padding: 2px 0px;}
#mrc-desktop-header .search-panel .result-copy > strong{font-size: 14px; line-height: 1.38; font-weight: 600; color: rgb(236, 242, 248); overflow-wrap: anywhere;}
#mrc-desktop-header .search-panel .result-meta{display: flex; align-items: center; flex-wrap: wrap; gap: 3px 0px; max-width: 100%; margin-top: 8px; color: rgb(168, 190, 208); font-size: 12px; font-weight: 400; line-height: 18px;}
#mrc-desktop-header .search-panel .result-region{display: block; font: inherit; color: inherit; margin: 0px; overflow-wrap: anywhere;}
#mrc-desktop-header .search-panel .result-type{display: inline-flex; align-items: center; font: inherit; color: inherit; margin: 0px; padding: 0px; white-space: nowrap;}
#mrc-desktop-header .search-panel .meta-divider{width: 1px; height: 10px; margin-inline: 8px; background: rgb(82, 109, 130); flex: 0 0 auto;}
#mrc-desktop-header .search-panel .card-open{position: absolute; right: 10px; bottom: 10px; display: grid; place-items: center; width: 25px; height: 25px; border-radius: 7px; background: rgba(198, 235, 157, 0.047); color: rgb(185, 212, 157);}
#mrc-desktop-header .search-panel .card-open .icon{width: 14px; height: 14px;}
#mrc-desktop-header .search-panel .result-row:hover .card-open{background: rgb(182, 241, 130); color: rgb(23, 48, 31);}
#mrc-desktop-header .search-panel .result-row:only-child{grid-column: 1 / -1;}
#mrc-desktop-header .search-panel .no-results{grid-column: 1 / -1; padding: 25px 18px; text-align: center; border: 1px dashed rgb(59, 82, 105); border-radius: 12px; background: rgb(21, 38, 57);}
#mrc-desktop-header .search-panel .no-results > .icon{width: 27px; height: 27px; margin-bottom: 12px; color: rgb(180, 206, 155);}
#mrc-desktop-header .search-panel .no-results h3{font-size: 16px;}
#mrc-desktop-header .search-panel .no-results p{font-size: 12px; line-height: 1.7; margin: 8px 0px 18px;}
#mrc-desktop-header .search-panel{container: search-board / inline-size;}
@container search-board (max-width: 620px) {#mrc-desktop-header .search-panel .search-results{grid-template-columns: minmax(0px, 1fr);}}
@media (max-width: 1240px) {#mrc-desktop-header .cart-panel{right: 24px; width: 490px;}}
@media (max-height: 800px) {#mrc-desktop-header .search-panel .search-toolbar{padding-block: 11px 10px;}
#mrc-desktop-header .search-panel .search-main{padding-block: 13px 14px;}
#mrc-desktop-header .cart-panel .cart-item{padding-block: 18px;}
#mrc-desktop-header .cart-panel .cart-assurance{margin-top: 14px;}}
#mrc-desktop-header .popover:is(.account-panel, .cart-panel, .wishlist-panel){width: 420px;}
@media (min-width: 1024px) {#mrc-desktop-header .header-main,#mrc-desktop-header .popover{border: 0px;}
#mrc-desktop-header .header-links{justify-content: flex-start;}
#mrc-desktop-header .header-links > .header-utility-links{gap: 18px;}
#mrc-desktop-header .header-links .header-utility-links > :is(a, button){font-size: 13px; gap: 7px;}
#mrc-desktop-header .header-utility-links .icon{width: 14px; height: 14px; flex: 0 0 auto;}}
/* browse.css */
#mrc-desktop-header .catalog-panel{display: flex; flex-direction: column; gap: 0px; top: 110px; left: max(40px, 50% - 680px); right: auto; width: min(1360px, 100% - 80px); max-width: none; max-height: calc(100dvh - 200px); padding: 0px; overflow: hidden; border: 1px solid rgb(59, 82, 103); border-radius: 15px; background: rgb(20, 34, 51);}
#mrc-desktop-header .catalog-panel .browse-body{display: grid; grid-template-columns: 190px minmax(0px, 1fr); gap: 18px; overflow: auto; min-height: 0px; padding: 20px 24px 17px 12px; scrollbar-width: thin; scrollbar-color: rgb(83, 111, 130) transparent;}
#mrc-desktop-header .catalog-panel .browse-preview{position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; min-width: 0px; padding: 3px 12px 4px; text-align: center; border: 0px; background: radial-gradient(ellipse at 50% 38%,rgba(var(--browse-tint),.10),transparent 72%); border-radius: 10px;}
#mrc-desktop-header .catalog-panel .browse-spotlight{width: 100%;}
#mrc-desktop-header .catalog-panel .browse-artwork{display: grid; place-items: center; height: 125px; margin: 0px auto 9px;}
#mrc-desktop-header .catalog-panel .browse-artwork img{display: block; width: 160px; height: 125px; max-width: 100%; object-fit: contain; grid-area: 1 / 1;}
#mrc-desktop-header .catalog-panel .browse-preview-title{display: block; font-size: 16px; line-height: 23px; font-weight: 600; color: rgb(229, 237, 245);}
#mrc-desktop-header .catalog-panel .browse-preview-description{display: block; min-height: 17px; margin-top: 3px; font-size: 11px; line-height: 17px; color: rgb(157, 179, 198);}
#mrc-desktop-header .catalog-panel .browse-groups{display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 16px; align-content: start; padding-top: 3px;}
#mrc-desktop-header .catalog-panel .browse-group{min-width: 0px;}
#mrc-desktop-header .catalog-panel .browse-group h3{margin: 0px 0px 10px; padding: 0px 11px; font: 600 10px / 16px Cabin, sans-serif; text-transform: uppercase; letter-spacing: 1.05px; color: rgb(145, 165, 185);}
#mrc-desktop-header .catalog-panel .browse-group ul{display: grid; gap: 3px; margin: 0px; padding: 0px; list-style: none;}
#mrc-desktop-header .catalog-panel .browse-category{display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 51px; padding: 7px 11px; border: 0px; border-radius: 7px; background: transparent; transition: background 0.12s;}
#mrc-desktop-header .catalog-panel .browse-copy{display: block; min-width: 0px;}
#mrc-desktop-header .catalog-panel .browse-category strong{display: block; font-size: 14px; line-height: 20px; font-weight: 600; color: rgb(223, 232, 242);}
#mrc-desktop-header .catalog-panel .browse-category small{display: block; margin-top: 2px; font-size: 11px; line-height: 16px; color: rgb(154, 175, 195);}
#mrc-desktop-header .catalog-panel .browse-category-arrow{width: 12px; height: 12px; flex: 0 0 auto; color: rgb(182, 241, 130); opacity: 0;}
#mrc-desktop-header .catalog-panel .browse-category.is-preview,#mrc-desktop-header .catalog-panel .browse-category:hover,#mrc-desktop-header .catalog-panel .browse-category:focus-visible{background: rgba(182, 241, 130, 0.05);}
#mrc-desktop-header .catalog-panel .browse-category.is-preview strong,#mrc-desktop-header .catalog-panel .browse-category:hover strong,#mrc-desktop-header .catalog-panel .browse-category:focus-visible strong{color: rgb(200, 232, 174);}
#mrc-desktop-header .catalog-panel .browse-category.is-preview .browse-category-arrow,#mrc-desktop-header .catalog-panel .browse-category:hover .browse-category-arrow,#mrc-desktop-header .catalog-panel .browse-category:focus-visible .browse-category-arrow{opacity: 1;}
#mrc-desktop-header .catalog-panel .browse-routes{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 0px; flex: 0 0 auto; margin: 0px; padding: 0px; border-top: 1px solid rgb(54, 77, 96); background: rgb(16, 30, 45);}
#mrc-desktop-header .catalog-panel .browse-route{display: flex; align-items: center; gap: 12px; min-width: 0px; min-height: 56px; padding: 16px 24px; border: 0px; border-radius: 0px; background: rgb(25, 45, 64); transition: background 0.12s;}
#mrc-desktop-header .catalog-panel .browse-route + .browse-route{border-left: 1px solid rgb(58, 83, 104);}
#mrc-desktop-header .catalog-panel .browse-route:hover,#mrc-desktop-header .catalog-panel .browse-route:focus-visible{background: rgb(38, 61, 57);}
#mrc-desktop-header .catalog-panel .browse-route:focus-visible{outline-offset: -3px;}
#mrc-desktop-header .catalog-panel .browse-route > .icon{width: 18px; height: 18px; flex: 0 0 auto; color: rgb(182, 219, 152);}
#mrc-desktop-header .catalog-panel .browse-route-copy{display: flex; align-items: baseline; gap: 12px;}
#mrc-desktop-header .catalog-panel .browse-route strong{font-size: 14px; line-height: 20px; font-weight: 600; color: rgb(220, 233, 219);}
#mrc-desktop-header .catalog-panel .browse-route small{font-size: 11px; line-height: 17px; color: rgb(151, 173, 186);}
#mrc-desktop-header .catalog-panel .browse-route .browse-route-arrow{width: 14px; height: 14px; margin-left: auto; color: rgb(182, 219, 152);}
#mrc-desktop-header .catalog-panel .browse-route:hover strong{color: rgb(200, 232, 174);}
#mrc-desktop-header .catalog-panel a:focus-visible,#mrc-desktop-header .catalog-panel button:focus-visible{outline: rgb(201, 245, 167) solid 2px; outline-offset: 1px;}
@media (max-width: 1240px) {#mrc-desktop-header .catalog-panel{left: 24px; width: calc(100% - 48px);}
#mrc-desktop-header .catalog-panel .browse-body{grid-template-columns: 150px minmax(0px, 1fr); gap: 10px; padding-inline: 8px 18px;}
#mrc-desktop-header .catalog-panel .browse-preview{padding-inline: 4px;}
#mrc-desktop-header .catalog-panel .browse-artwork img{width: 140px;}
#mrc-desktop-header .catalog-panel .browse-groups{gap: 5px;}
#mrc-desktop-header .catalog-panel .browse-group h3{padding-inline: 8px; font-size: 9px; letter-spacing: 0.8px;}
#mrc-desktop-header .catalog-panel .browse-category{padding-inline: 8px; gap: 4px; min-height: 55px;}
#mrc-desktop-header .catalog-panel .browse-category strong{font-size: 13px;}
#mrc-desktop-header .catalog-panel .browse-category-arrow{width: 10px;}
#mrc-desktop-header .catalog-panel .browse-preview-description{font-size: 10px;}}
@media (max-height: 650px) {#mrc-desktop-header .catalog-panel .browse-body{padding-block: 17px 12px;}
#mrc-desktop-header .catalog-panel .browse-artwork{height: 108px;}
#mrc-desktop-header .catalog-panel .browse-artwork img{height: 108px;}
#mrc-desktop-header .catalog-panel .browse-route{min-height: 48px; padding-block: 12px;}}
@media (prefers-reduced-motion: reduce) {#mrc-desktop-header .catalog-panel a{transition: none;}}
/* typography.css */
@media (min-width: 1024px) {#mrc-desktop-header .cart-panel .cart-summary .primary-button{font-size: 14px; padding: 10px 20px;}
#mrc-desktop-header .cart-panel .cart-item-meta{font-size: 13px;}
#mrc-desktop-header .cart-panel .item-total{font-size: 15px;}
#mrc-desktop-header .cart-panel .cart-item h3{font-size: 14px;}
#mrc-desktop-header .cart-panel .cart-check{font-size: 12px;}
#mrc-desktop-header .cart-panel .cart-assurance{font-size: 12px;}
#mrc-desktop-header .cart-panel .view-cart{font-size: 13px;}
#mrc-desktop-header .cart-panel .soft-count{font-size: 13px;}
#mrc-desktop-header .header-action small{font-size: 12px; margin-bottom: 0px;}
#mrc-desktop-header .header-action strong{font-size: 14px;}
#mrc-desktop-header .cart-trigger .cart-total{font-size: 14px;}
#mrc-desktop-header .bag-icon .header-cart-count{min-width: 16px; height: 16px; top: -8px; right: -7px; display: flex; align-items: center; justify-content: center; padding: 0px; line-height: 11px; text-align: center; letter-spacing: 0px; font-variant-numeric: tabular-nums; white-space: nowrap;}
#mrc-desktop-header .bag-icon .header-cart-count[data-digits="2"]{min-width: 20px; height: 20px; top: -10px; right: -9px;}
#mrc-desktop-header .bag-icon .header-cart-count[data-digits="3"]{min-width: 24px; height: 24px; top: -12px; right: -11px;}
#mrc-desktop-header .header-cart-number{display: block; line-height: 1; transform: translate(0.5px, -1px);}
@supports (text-box-trim: trim-both) {#mrc-desktop-header .header-cart-number{text-box: cap alphabetic; transform: translateX(0.5px);}}
#mrc-desktop-header .cart-panel .empty-cart .primary-button{font-size: 13px;}
#mrc-desktop-header .cart-panel .empty-cart p{font-size: 13px;}
#mrc-desktop-header .wishlist-row small{font-size: 13px;}
#mrc-desktop-header .wishlist-row strong{font-size: 14px;}
#mrc-desktop-header .wishlist-note{font-size: 12px;}
#mrc-desktop-header .panel-description{font-size: 13px; margin-top: 0px;}
#mrc-desktop-header .account-tabs button{font-size: 14px;}
#mrc-desktop-header .auth-form > label,#mrc-desktop-header .password-label label{font-size: 14px;}
#mrc-desktop-header .subtle-link{font-size: 13px;}
#mrc-desktop-header .auth-form .remember{font-size: 13px;}
#mrc-desktop-header .auth-submit{font-size: 14px;}
#mrc-desktop-header .prototype-form-note{font-size: 12px; margin: 14px 0px;}
#mrc-desktop-header .account-benefits{font-size: 12px; padding: 12px 26px;}
#mrc-desktop-header .member-identity small{font-size: 13px; margin-top: 0px;}
#mrc-desktop-header .wallet-card > span{font-size: 12px;}
#mrc-desktop-header .wallet-card,#mrc-desktop-header .orders-card{padding: 14px 20px;}
#mrc-desktop-header .orders-card > .icon{width: 18px; height: 18px;}
#mrc-desktop-header .orders-card{font-size: 12px;}
#mrc-desktop-header .wallet-card strong small{font-size: 11px;}
#mrc-desktop-header .orders-card small{font-size: 11px;}
#mrc-desktop-header .orders-card strong{margin-left: 3px;}
#mrc-desktop-header .member-links button{font-size: 14px; padding: 12px 15px;}
#mrc-desktop-header .signout{font-size: 14px;}
#mrc-desktop-header .search-panel .search-filters button{font-size: 13px;}
#mrc-desktop-header .search-panel .panel-kicker{font-size: 14px;}
#mrc-desktop-header .search-panel #mdh-result-count{font-size: 13px;}
#mrc-desktop-header .catalog-trigger{font-size: 13px;}
#mrc-desktop-header .discovery-bar .search-field input{font-size: 14px;}
#mrc-desktop-header .search-panel .result-row{min-height: 90px; grid-template-columns: 75px minmax(0px, 1fr);}
#mrc-desktop-header .search-panel .result-meta{font-size: 13px;}
#mrc-desktop-header .search-panel .result-row img{width: 75px; height: 75px; max-width: 75px;}}