:root{--ink:#000;--paper:#fff;--gold:#c4ac68;--gold-bright:#dcc67e;--smoke:#aaa;--panel:#0b0d10;--line:rgba(196,172,104,.27);--px:0;--py:0}
*{box-sizing:border-box}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
html{scroll-behavior:smooth;background:var(--ink)}
body{margin:0;background:var(--ink);color:var(--paper);font-family:"Montserrat","Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:clip}
html[dir="rtl"] body{font-family:"FF Shamel Sans One","Noto Kufi Arabic","Montserrat",sans-serif}
body.no-scroll{overflow:hidden}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
button{color:inherit}
img{display:block;max-width:100%}
::selection{background:var(--gold);color:var(--ink)}
.skip-link{position:fixed;top:10px;inset-inline-start:10px;z-index:2000;background:var(--gold);color:#000;padding:12px;translate:0 -150%}.skip-link:focus{translate:0}
.site-header{height:86px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 3.5vw;border-bottom:1px solid rgba(255,255,255,.1);position:fixed;inset:0 0 auto;z-index:20;background:linear-gradient(180deg,rgba(0,0,0,.82),rgba(0,0,0,.46));backdrop-filter:blur(22px) saturate(130%);-webkit-backdrop-filter:blur(22px) saturate(130%);animation:headerIn .8s 1.9s both cubic-bezier(.22,1,.36,1)}
.brand{width:max-content}.brand img{width:104px;height:auto}.site-header nav{display:flex;gap:36px}.site-header nav a,.language-button,.word-button b{font-size:13px;text-transform:uppercase;letter-spacing:.18em;font-weight:700}.site-header nav a{position:relative}.site-header nav a:after{content:"";position:absolute;inset-inline:0 100%;bottom:-8px;height:1px;background:var(--gold);transition:inset-inline-end .25s}.site-header nav a:hover:after,.site-header nav a:focus-visible:after{inset-inline-end:0}
.header-actions{justify-self:end;display:flex;align-items:center;gap:20px}.header-actions button{border:0;background:transparent;cursor:pointer;touch-action:manipulation}.word-button{display:flex;align-items:center;gap:9px}.search-mark{position:relative;display:block;width:15px;height:15px;border:1.5px solid var(--paper);border-radius:50%}.search-mark:after{content:"";position:absolute;width:6px;height:1.5px;background:var(--paper);inset-inline-end:-5px;bottom:-2px;transform:rotate(45deg);transform-origin:left}.site-frame[dir="rtl"] .search-mark:after{transform:rotate(-45deg);transform-origin:right}.language-button{color:var(--gold);padding:8px}.menu-button{display:none;width:34px;height:34px}.menu-button span{display:block;height:1px;background:var(--gold);margin:7px 0}
.hero{min-height:780px;height:100svh;position:relative;display:grid;grid-template-columns:46% 54%;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.08)}
.hero-copy{padding-block:clamp(140px,17vh,190px) 70px;padding-inline:7vw 5vw;position:relative;z-index:3;background:linear-gradient(90deg,var(--ink) 86%,transparent);animation:heroCopyIn 1.1s 1.65s both cubic-bezier(.16,1,.3,1)}
html[dir="rtl"] .hero-copy{background:linear-gradient(270deg,var(--ink) 86%,transparent)}
.eyebrow{text-transform:uppercase;letter-spacing:.24em;color:var(--gold);font:700 13px/1.6 "Courier New",monospace;margin:0 0 24px}
html[dir="rtl"] .eyebrow{font-family:"FF Shamel Sans One","Noto Kufi Arabic",sans-serif;letter-spacing:.05em}
h1,h2,blockquote{font-family:"Montserrat",sans-serif;text-transform:uppercase;letter-spacing:-.055em;margin:0;line-height:.9;font-weight:800}
html[dir="rtl"] h1,html[dir="rtl"] h2,html[dir="rtl"] blockquote{font-family:"FF Shamel Sans One","Noto Kufi Arabic",sans-serif;text-transform:none;letter-spacing:-.055em;line-height:1.15}
h1{font-size:clamp(66px,8.4vw,138px)}h1 span,h1 em{display:block;white-space:nowrap}h1 em{color:var(--gold);font-style:normal}
.hero-intro{font-size:clamp(16px,1.2vw,20px);line-height:1.7;color:#babbb4;max-width:520px;margin:38px 0 36px}
.hero-actions{display:flex;gap:28px;align-items:center}.button{border:0;display:inline-flex;justify-content:center;align-items:center;gap:20px;padding:17px 24px;text-transform:uppercase;letter-spacing:.16em;font-size:13px;font-weight:800;cursor:pointer}.button-gold{background:var(--gold);color:var(--ink);transition:background .2s,transform .2s}.button-gold:hover{background:var(--gold-bright);transform:translateY(-2px)}
html[dir="rtl"] .button{letter-spacing:0}
.text-link{display:inline-flex;align-items:center;gap:14px;text-transform:uppercase;letter-spacing:.15em;font-size:13px;font-weight:700;border-bottom:1px solid rgba(255,255,255,.3);padding-bottom:8px}.text-link span{color:var(--gold);font-size:18px}.text-link:hover{border-color:var(--gold)}html[dir="rtl"] .text-link{letter-spacing:0}
.hero-visual{position:relative;overflow:hidden;clip-path:inset(0 0 0 100%);animation:visualCutIn 1.35s 1s forwards cubic-bezier(.77,0,.18,1)}html[dir="rtl"] .hero-visual{clip-path:inset(0 100% 0 0)}.hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--ink),transparent 34%),linear-gradient(0deg,rgba(0,0,0,.65),transparent 50%)}html[dir="rtl"] .hero-visual:after{background:linear-gradient(270deg,var(--ink),transparent 34%),linear-gradient(0deg,rgba(0,0,0,.65),transparent 50%)}.hero-visual>img{width:100%;height:100%;object-fit:cover;filter:saturate(.68) contrast(1.06);transform:scale(1.07) translate(calc(var(--px) * -12px),calc(var(--py) * -12px));transition:transform .8s cubic-bezier(.22,1,.36,1)}
.cut-line{position:absolute;z-index:2;width:150%;height:2px;background:linear-gradient(90deg,transparent,var(--gold-bright),transparent);inset-inline-start:-20%;top:55%;transform:rotate(-23deg) scaleX(0);transform-origin:left;box-shadow:0 0 18px rgba(196,172,104,.58);animation:bladeDraw 1.4s 1.65s forwards cubic-bezier(.65,0,.35,1)}.cut-line span{position:absolute;width:10px;height:10px;border:1px solid var(--gold);border-radius:50%;inset-inline-start:54%;top:-4px;box-shadow:0 0 0 8px rgba(196,172,104,.1);animation:pulse 2.5s 3s infinite}html[dir="rtl"] .cut-line{transform-origin:right}
.hero-stamp{position:absolute;z-index:4;inset-inline-end:4vw;top:130px;text-align:end;text-transform:uppercase;letter-spacing:.18em;font:700 13px/1.7 "Courier New",monospace}.hero-stamp span{display:block}.hero-index{position:absolute;z-index:4;inset-inline-start:1.5vw;bottom:3vh;color:#676961;font:13px "Courier New",monospace;transform:rotate(-90deg)}
.innovation-rail{position:absolute;z-index:4;inset-inline:3vw;bottom:34px;display:grid;grid-template-columns:repeat(3,1fr);max-width:620px;margin-inline-start:auto;background:rgba(8,10,12,.54);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(20px) saturate(120%);-webkit-backdrop-filter:blur(20px) saturate(120%);box-shadow:0 20px 70px rgba(0,0,0,.35)}.innovation-rail>div{padding:18px 20px;border-inline-end:1px solid rgba(255,255,255,.12)}.innovation-rail>div:last-child{border:0}.innovation-rail strong{display:block;color:var(--paper);font-size:17px;letter-spacing:-.03em}.innovation-rail span{display:block;margin-top:6px;color:var(--gold);font-size:11px;text-transform:uppercase;letter-spacing:.14em}
.ticker{overflow:hidden;background:var(--gold);color:var(--ink);height:55px;display:flex;align-items:center}.ticker>div{display:flex;gap:36px;align-items:center;white-space:nowrap;min-width:max-content;animation:drift 25s linear infinite}.ticker span{display:flex;gap:36px;text-transform:uppercase;font-size:14px;font-weight:800;letter-spacing:.08em}.ticker i{font-style:normal;font-size:14px}
.trust-strip{display:grid;grid-template-columns:repeat(4,1fr);padding:0 5vw;background:#070809;border-bottom:1px solid rgba(255,255,255,.09)}.trust-strip>div{display:flex;align-items:center;gap:17px;min-height:112px;padding:20px 2vw;border-inline-end:1px solid rgba(255,255,255,.08)}.trust-strip>div:last-child{border:0}.trust-strip>div>span{color:var(--gold);font:12px "Courier New",monospace}.trust-strip p{margin:0}.trust-strip strong,.trust-strip small{display:block}.trust-strip strong{font-size:13px;text-transform:uppercase;letter-spacing:.1em}.trust-strip small{margin-top:7px;color:#858781;font-size:12px}
.tool-section{padding:130px 5vw 120px}.section-heading{display:grid;grid-template-columns:1fr 330px;align-items:end;margin:0 2vw 48px}.section-heading h2,.craft-copy h2,.newsletter h2{font-size:clamp(50px,6vw,92px)}.section-heading>p{color:var(--smoke);line-height:1.8;font-size:15px;margin:0}.filter-row{display:flex;gap:7px;flex-wrap:wrap;margin:0 2vw 35px}.filter-row button{border:1px solid rgba(255,255,255,.18);background:transparent;padding:10px 16px;color:#999;text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:700;cursor:pointer}.filter-row button:hover,.filter-row button.active{border-color:var(--gold);background:var(--gold);color:#000}html[dir="rtl"] .filter-row button{letter-spacing:0}
.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.product-card{min-width:0}.product-image{position:relative;display:block;width:100%;padding:0;border:0;overflow:hidden;aspect-ratio:4/5;background:var(--panel);cursor:pointer;text-align:inherit}.product-image:after{content:"";position:absolute;inset:0;border:1px solid transparent;transition:border .3s}.product-image:hover:after{border-color:var(--gold)}.product-image img{width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.7,.2,1),filter .4s;filter:saturate(.72)}.product-image:hover img{transform:scale(1.035);filter:saturate(1)}
.product-number{position:absolute;top:18px;inset-inline-start:20px;color:var(--gold);font:13px "Courier New",monospace;letter-spacing:.16em}.quick-view{position:absolute;inset-inline-end:18px;bottom:18px;background:var(--paper);color:var(--ink);padding:12px 14px;text-transform:uppercase;font-size:12px;font-weight:800;letter-spacing:.12em;transform:translateY(75px);transition:transform .3s}.product-image:hover .quick-view{transform:none}
.product-meta{display:flex;justify-content:space-between;align-items:end;padding:20px 4px 10px;border-bottom:1px solid rgba(255,255,255,.12)}.product-meta button{padding:0;border:0;background:0;text-align:inherit;cursor:pointer}.product-meta p{margin:0 0 7px;color:var(--smoke);text-transform:uppercase;letter-spacing:.13em;font-size:12px}.product-meta h3{margin:0;text-transform:uppercase;font-size:17px;font-weight:800;letter-spacing:.04em}.product-meta strong{color:var(--gold);font-size:15px}.product-tail{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 4px}.product-tail p{min-width:0;margin:0;color:#74766f;font-size:13px}.product-whatsapp{display:flex;flex:0 0 auto;align-items:center;gap:7px;border:1px solid rgba(37,211,102,.46);padding:9px 11px;color:#59dc89;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;touch-action:manipulation}.product-whatsapp img{width:16px;height:16px;padding:2px;border-radius:50%;background:#25d366}.product-whatsapp:hover{background:#25d366;border-color:#25d366;color:#06130b}.collection-link{border:0;background:transparent;color:#fff;margin-block:60px 0;margin-inline-start:auto;display:flex;width:max-content;gap:30px;text-transform:uppercase;letter-spacing:.15em;font-size:13px;font-weight:800;border-bottom:1px solid var(--gold);padding:0 0 9px;cursor:pointer}.collection-link span{color:var(--gold)}html[dir="rtl"] .collection-link{letter-spacing:0}
.craft-section{display:grid;grid-template-columns:44% 56%;min-height:780px;background:#090b0f;border-block:1px solid rgba(255,255,255,.08)}.craft-image{position:relative;overflow:hidden}.craft-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 60%,#090b0f)}html[dir="rtl"] .craft-image:after{background:linear-gradient(270deg,transparent 60%,#090b0f)}.craft-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.45) contrast(1.16)}.vertical-label{position:absolute;inset-inline-start:22px;bottom:35px;z-index:2;writing-mode:vertical-rl;text-transform:uppercase;letter-spacing:.2em;color:var(--gold);font:700 12px "Courier New",monospace}
.craft-copy{padding:110px 7vw}.craft-lead{max-width:630px;color:#a8aaa3;line-height:1.9;margin:36px 0 50px;font-size:14px}.spec-list{border-top:1px solid rgba(255,255,255,.15)}.spec{display:grid;grid-template-columns:50px 160px 1fr;align-items:center;gap:20px;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.12)}.spec span{color:var(--gold);font:13px "Courier New",monospace}.spec h3{font-size:14px;text-transform:uppercase;letter-spacing:.11em;margin:0}.spec p{font-size:13px;line-height:1.6;color:#7e8079;margin:0}
.manifesto{min-height:680px;display:grid;grid-template-columns:55% 45%;position:relative}.manifesto-image{position:relative;overflow:hidden}.manifesto-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 50%,var(--ink)),linear-gradient(0deg,var(--ink),transparent 30%)}html[dir="rtl"] .manifesto-image:after{background:linear-gradient(270deg,transparent 50%,var(--ink)),linear-gradient(0deg,var(--ink),transparent 30%)}.manifesto-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.6)}.manifesto-copy{padding-block:135px 100px;padding-inline:2vw 7vw;position:relative}.manifesto-copy blockquote{font-size:clamp(44px,5.2vw,80px)}.manifesto-copy>p:not(.eyebrow){color:var(--smoke);line-height:1.85;max-width:470px;margin:34px 0;font-size:15px}
.newsletter{margin:0 5vw;background:var(--gold);color:var(--ink);padding:70px 6vw;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end}.newsletter .eyebrow{color:#44370f}.newsletter h2{font-size:clamp(45px,5vw,78px)}.newsletter form label{display:block;text-transform:uppercase;letter-spacing:.15em;font-size:12px;font-weight:800;margin-bottom:10px}.newsletter form>div{display:flex;border-bottom:2px solid var(--ink)}.newsletter input{width:100%;background:transparent;border:0;padding:15px 0;outline:0;color:var(--ink);font-size:17px}.newsletter input::placeholder{color:rgba(7,8,6,.65)}.newsletter button{background:var(--ink);color:var(--paper);border:0;padding:0 22px;text-transform:uppercase;letter-spacing:.13em;font-size:12px;font-weight:800;cursor:pointer}.newsletter small{display:block;margin-top:14px;color:rgba(7,8,6,.72);font-size:13px}
footer{padding:90px 6vw 30px}.footer-brand img{width:120px}.footer-brand p{max-width:300px;color:#777970;line-height:1.8;font-size:13px}.footer-links{display:grid;grid-template-columns:repeat(3,145px);gap:35px;justify-content:end;margin-top:-65px}.footer-links div{display:flex;flex-direction:column;gap:12px}.footer-links b{color:var(--gold);text-transform:uppercase;letter-spacing:.15em;font-size:12px;margin-bottom:8px}.footer-links a{color:#90928b;font-size:13px}.footer-links a:hover{color:var(--paper)}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:70px;padding-top:24px;display:flex;justify-content:space-between;color:#858781;text-transform:uppercase;letter-spacing:.14em;font-size:11px}.footer-bottom button{border:0;background:transparent;color:var(--gold);font-size:11px;letter-spacing:.14em;cursor:pointer}
.overlay{position:fixed;inset:0;z-index:500;background:rgba(0,0,0,.72);backdrop-filter:blur(7px);animation:fadeIn .2s}.side-panel{position:absolute;inset-block:0;inset-inline-end:0;width:min(520px,100%);background:#08090b;border-inline-start:1px solid var(--line);padding:34px;overflow:auto;animation:panelIn .45s cubic-bezier(.22,1,.36,1)}.panel-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:24px;border-bottom:1px solid #222}.panel-head .eyebrow{margin:0}.panel-head>button,.dialog-close{border:1px solid #333;background:transparent;width:42px;height:42px;font-size:25px;cursor:pointer}.panel-head>button:hover,.dialog-close:hover{border-color:var(--gold);color:var(--gold)}
.search-panel-body>input{width:100%;border:0;border-bottom:1px solid var(--gold);background:transparent;color:#fff;font-size:20px;padding:24px 0;outline:0}.search-results{padding-top:15px}.search-results>button{width:100%;display:grid;grid-template-columns:75px 1fr auto;gap:16px;align-items:center;border:0;border-bottom:1px solid #222;background:transparent;padding:13px 0;text-align:inherit;cursor:pointer}.search-results>button:hover{background:#101010}.search-results img{width:75px;height:80px;object-fit:cover}.search-results span{display:flex;flex-direction:column;gap:7px}.search-results small{color:#777;text-transform:uppercase;font-size:11px}.search-results b{font-size:14px;text-transform:uppercase}.search-results strong{color:var(--gold);font-size:14px}.search-results>p{color:#888;padding-top:30px}
.mobile-nav{display:flex;flex-direction:column;padding-top:22px}.mobile-nav>a,.mobile-nav>button{display:flex;align-items:center;gap:25px;border:0;border-bottom:1px solid #222;background:transparent;padding:25px 4px;text-align:inherit;font-size:clamp(24px,6vw,38px);font-weight:800;cursor:pointer}.mobile-nav span{color:var(--gold);font:12px "Courier New",monospace}.mobile-nav>button{margin-top:35px;font-size:14px;color:var(--gold);justify-content:space-between}
.detail-overlay{display:grid;place-items:center;padding:4vw}.product-dialog{width:min(1050px,100%);max-height:90vh;background:#090a0c;border:1px solid var(--line);display:grid;grid-template-columns:53% 47%;position:relative;overflow:auto;animation:dialogIn .45s cubic-bezier(.22,1,.36,1)}.dialog-close{position:absolute;z-index:2;inset-inline-end:20px;top:20px;background:rgba(0,0,0,.8)}.dialog-image{min-height:620px}.dialog-image img{width:100%;height:100%;object-fit:cover}.dialog-copy{padding:80px 55px;display:flex;flex-direction:column;justify-content:center}.dialog-copy h2{font-size:clamp(42px,5vw,68px)}.dialog-copy>strong{color:var(--gold);font-size:21px;margin:25px 0}.dialog-copy>p:not(.eyebrow){color:#aaa;line-height:1.8;font-size:15px}.dialog-copy ul{list-style:none;padding:0;margin:25px 0}.dialog-copy li{padding:12px 0;border-bottom:1px solid #262626;color:#999;font-size:13px}.dialog-copy li:before{content:"—";color:var(--gold);margin-inline-end:12px}.dialog-copy .button{margin-top:18px}.button-whatsapp-logo{width:20px;height:20px;padding:3px;border-radius:50%;background:#25d366}
.toast{position:fixed;z-index:1200;left:50%;bottom:30px;transform:translateX(-50%);background:var(--gold);color:#000;padding:14px 22px;font-size:13px;font-weight:800;box-shadow:0 10px 40px #000;animation:toastIn .3s}
.whatsapp-button{position:fixed;z-index:110;inset-inline-end:24px;bottom:24px;display:flex;align-items:center;gap:12px;min-height:52px;padding:8px 18px 8px 8px;background:rgba(9,12,11,.7);border:1px solid rgba(196,172,104,.46);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 18px 50px rgba(0,0,0,.45);transition:transform .25s,border-color .25s;touch-action:manipulation}.whatsapp-button:hover{transform:translateY(-3px);border-color:var(--gold)}.whatsapp-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#25d366}.whatsapp-mark img{width:21px;height:21px}.whatsapp-button b{font-size:12px;text-transform:uppercase;letter-spacing:.12em}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--paper);outline-offset:3px;box-shadow:0 0 0 5px var(--ink)}
.product-grid{perspective:1200px}.product-card{transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transform-style:preserve-3d;transition:transform .5s cubic-bezier(.22,1,.36,1)}.product-card .product-image{transform:translateZ(1px)}
.intro-sequence{position:fixed;inset:0;z-index:1000;background:#000;display:grid;place-items:center;align-content:center;gap:34px;overflow:hidden;animation:introExit .9s 1.55s both cubic-bezier(.77,0,.18,1)}.intro-sequence:before,.intro-sequence:after{content:"";position:absolute;inset-inline-start:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.35}.intro-sequence:before{top:20%}.intro-sequence:after{bottom:20%}.intro-sequence img{width:clamp(150px,16vw,250px);opacity:0;transform:scale(.94);animation:introLogo .7s .18s forwards cubic-bezier(.22,1,.36,1)}.intro-sequence small{text-transform:uppercase;letter-spacing:.28em;color:#777;font-size:11px;opacity:0;animation:introCaption .6s .55s forwards}.intro-blade{position:absolute;inset-inline-start:0;top:50%;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--gold-bright) 45%,#fff 50%,var(--gold-bright) 55%,transparent);box-shadow:0 0 25px rgba(196,172,104,.5);transform:scaleX(0);transform-origin:left;animation:introBlade 1s .35s forwards cubic-bezier(.65,0,.35,1)}html[dir="rtl"] .intro-blade{transform-origin:right}.intro-complete .intro-sequence{visibility:hidden;pointer-events:none}.scroll-progress{--scroll:0;position:fixed;inset-inline-start:0;top:0;width:3px;height:100vh;z-index:90;pointer-events:none}.scroll-progress:after{content:"";display:block;width:100%;height:100%;background:var(--gold);transform-origin:top;transform:scaleY(var(--scroll));box-shadow:0 0 12px rgba(196,172,104,.65)}
.motion-ready .reveal-target{opacity:0;translate:0 44px;filter:blur(8px);transition:opacity .85s var(--reveal-delay,0ms) cubic-bezier(.22,1,.36,1),translate .85s var(--reveal-delay,0ms) cubic-bezier(.22,1,.36,1),filter .85s var(--reveal-delay,0ms)}.motion-ready .reveal-target.is-visible{opacity:1;translate:0 0;filter:blur(0)}.motion-ready .product-card.reveal-target{transform:translateY(44px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));translate:0 0}.motion-ready .product-card.reveal-target.is-visible{transform:translateY(0) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg))}.product-image:before{content:"";position:absolute;inset:-30%;z-index:2;pointer-events:none;background:linear-gradient(105deg,transparent 42%,rgba(255,255,255,.15) 50%,transparent 58%);transform:translateX(-80%);transition:transform 1s cubic-bezier(.22,1,.36,1)}.product-image:hover:before{transform:translateX(80%)}.spec{position:relative;overflow:hidden}.spec:after{content:"";position:absolute;inset-inline-start:0;bottom:0;height:1px;width:100%;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .65s}.spec:hover:after{transform:scaleX(1)}
@keyframes drift{to{transform:translateX(-50%)}}@keyframes introLogo{to{opacity:1;transform:scale(1)}}@keyframes introCaption{to{opacity:1}}@keyframes introBlade{to{transform:scaleX(1)}}@keyframes introExit{to{clip-path:inset(0 0 100% 0);visibility:hidden}}@keyframes visualCutIn{to{clip-path:inset(0)}}@keyframes bladeDraw{to{transform:rotate(-23deg) scaleX(1)}}@keyframes heroCopyIn{from{opacity:0;transform:translateX(-35px);filter:blur(10px)}to{opacity:1;transform:none;filter:blur(0)}}@keyframes headerIn{from{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:none}}@keyframes pulse{50%{box-shadow:0 0 0 14px rgba(196,172,104,0),0 0 20px rgba(196,172,104,.5)}}@keyframes fadeIn{from{opacity:0}}@keyframes panelIn{from{transform:translateX(100%)}}html[dir="rtl"] .side-panel{animation-name:panelInRtl}@keyframes panelInRtl{from{transform:translateX(-100%)}}@keyframes dialogIn{from{opacity:0;transform:scale(.97) translateY(18px)}}@keyframes toastIn{from{opacity:0;transform:translate(-50%,15px)}}
@media(max-width:1020px){.site-header{grid-template-columns:1fr auto;padding:0 22px;height:72px}.site-header nav,.search-trigger b,.language-button{display:none}.menu-button{display:block}.hero{height:auto;min-height:900px;display:block}.hero-copy{padding:145px 24px 60px;background:linear-gradient(0deg,var(--ink) 0%,var(--ink) 70%,transparent)}html[dir="rtl"] .hero-copy{padding:145px 24px 60px;background:linear-gradient(0deg,var(--ink) 0%,var(--ink) 70%,transparent)}h1{font-size:clamp(56px,17vw,96px)}.hero-intro{font-size:15px;max-width:420px}.hero-visual{height:420px}.hero-visual:after,html[dir="rtl"] .hero-visual:after{background:linear-gradient(0deg,var(--ink),transparent 45%)}.hero-stamp{display:none}.hero-index{inset-inline-start:auto;inset-inline-end:15px;bottom:18px}.innovation-rail{inset-inline:22px;bottom:20px;max-width:none}.trust-strip{grid-template-columns:1fr 1fr}.trust-strip>div:nth-child(2){border-inline-end:0}.trust-strip>div:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.08)}.section-heading{grid-template-columns:1fr;margin:0 0 40px}.section-heading>p{margin-top:25px}.product-grid{grid-template-columns:1fr;gap:55px}.product-image{aspect-ratio:5/5.4}.quick-view{transform:none}.craft-section{grid-template-columns:1fr}.craft-image{height:420px}.craft-image:after,html[dir="rtl"] .craft-image:after{background:linear-gradient(0deg,#090b0f,transparent)}.craft-copy{padding:75px 24px}.spec{grid-template-columns:35px 125px 1fr}.manifesto{grid-template-columns:1fr}.manifesto-image{height:440px}.manifesto-image:after,html[dir="rtl"] .manifesto-image:after{background:linear-gradient(0deg,var(--ink),transparent 60%)}.manifesto-copy{padding:40px 24px 90px}.newsletter{margin:0;grid-template-columns:1fr;padding:60px 24px}.footer-links{margin:60px 0 0;justify-content:start;grid-template-columns:repeat(3,1fr)}.product-dialog{grid-template-columns:1fr 1fr}.dialog-image{min-height:520px}.dialog-copy{padding:65px 35px}}
@media(max-width:650px){.header-actions{gap:11px}.word-button{padding:0}.brand img{width:92px}.hero{min-height:820px}.hero-copy{padding-top:135px}.hero-visual{height:350px}.hero-actions{align-items:flex-start;flex-direction:column}.ticker{height:48px}.tool-section{padding:85px 18px}.section-heading h2,.craft-copy h2,.newsletter h2{font-size:44px}.filter-row{margin-inline:0}.spec{grid-template-columns:25px 1fr}.spec p{grid-column:2}.manifesto-copy blockquote{font-size:43px}.newsletter form>div{display:block}.newsletter button{padding:16px 18px;width:100%}.footer-links{grid-template-columns:1fr 1fr}.footer-bottom{gap:14px;flex-wrap:wrap}.side-panel{padding:24px}.product-dialog{display:block;max-height:94vh}.dialog-image{min-height:0;height:43vh}.dialog-copy{padding:38px 24px}.dialog-copy h2{font-size:40px}.dialog-copy>strong{margin:17px 0}.dialog-copy ul{margin:15px 0}.detail-overlay{padding:12px}}
@media(max-width:650px){.innovation-rail{inset-inline:12px;bottom:12px}.innovation-rail>div{padding:12px 9px}.innovation-rail strong{font-size:15px}.innovation-rail span{font-size:11px;letter-spacing:.04em}.trust-strip{padding:0}.trust-strip>div{min-height:94px;padding:15px 14px;gap:10px}.trust-strip strong{font-size:11px}.trust-strip small{font-size:11px}.whatsapp-button{inset-inline-end:16px;bottom:16px;min-height:48px;padding:6px}.whatsapp-button b{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.whatsapp-mark{width:36px;height:36px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.intro-sequence{display:none}.site-header,.hero-copy,.hero-visual,.cut-line,.cut-line span,.ticker>div{animation:none!important}.hero-visual{clip-path:none}.cut-line{transform:rotate(-23deg) scaleX(1)}.motion-ready .reveal-target,.motion-ready .product-card.reveal-target{opacity:1;translate:0;filter:none;transform:none;transition:none}.scroll-progress{display:none}.product-card,.hero-visual>img{transform:none!important;transition:none!important}.product-image:before{display:none}}

/* Corporate route system */
.site-frame[dir="rtl"]{font-family:"FF Shamel Sans One","Noto Kufi Arabic","Montserrat",sans-serif}
.site-frame[dir="rtl"] :is(h1,h2,blockquote){font-family:"FF Shamel Sans One","Noto Kufi Arabic",sans-serif;text-transform:none;letter-spacing:-.045em;line-height:1.2}
.site-frame[dir="rtl"] :is(.eyebrow,.button,.text-link,.filter-row button){letter-spacing:0}
.site-frame[dir="rtl"] .hero-copy{padding-inline:7vw 5vw;background:linear-gradient(270deg,var(--ink) 86%,transparent)}
.site-frame[dir="rtl"] .hero-visual{clip-path:inset(0 100% 0 0)}
.site-frame[dir="rtl"] .hero-visual:after{background:linear-gradient(270deg,var(--ink),transparent 34%),linear-gradient(0deg,rgba(0,0,0,.65),transparent 50%)}
.site-frame[dir="rtl"] .craft-image:after{background:linear-gradient(270deg,transparent 60%,#090b0f)}
.site-frame[dir="rtl"] .manifesto-image:after{background:linear-gradient(270deg,transparent 50%,var(--ink)),linear-gradient(0deg,var(--ink),transparent 30%)}
.site-frame[dir="rtl"] .collection-link{letter-spacing:0}
.site-frame[dir="rtl"] .side-panel{animation-name:panelInRtl}
.corporate-header nav{gap:clamp(18px,2.1vw,34px)}
.corporate-header .header-actions{gap:14px}
.header-shop{display:inline-flex;min-height:40px;align-items:center;justify-content:center;padding:0 19px;background:var(--gold);color:var(--ink);text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:900;transition:background .2s,transform .2s;white-space:nowrap}
.header-shop:hover{background:var(--gold-bright);transform:translateY(-2px)}
.corporate-footer{position:relative;border-top:1px solid rgba(255,255,255,.08)}
.footer-links-wide{grid-template-columns:repeat(3,minmax(130px,170px));gap:42px}
.footer-bottom a:hover{color:var(--gold)}
.footer-legal{display:flex;gap:24px}
.section-link{margin-top:38px}
.product-meta>a{padding:0;border:0;background:0;text-align:inherit;cursor:pointer}
.product-meta>a p{margin:0 0 7px}
.product-meta>a h3{margin:0}
.product-tail:empty{display:none}

.inner-hero{min-height:620px;padding:180px 7vw 95px;display:grid;align-items:end;position:relative;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.1);background:radial-gradient(circle at 78% 35%,rgba(196,172,104,.15),transparent 30%),linear-gradient(135deg,#050505 0%,#0b0d10 58%,#000 100%)}
.inner-hero:after{content:"";position:absolute;width:75%;height:1px;inset-inline-end:-8%;top:48%;background:linear-gradient(90deg,transparent,var(--gold-bright),transparent);transform:rotate(-17deg);box-shadow:0 0 18px rgba(196,172,104,.3)}
.inner-hero>div{position:relative;z-index:2;max-width:1050px}
.inner-hero h1{max-width:980px;font-size:clamp(62px,9vw,136px)}
.inner-hero>div>p:last-child{max-width:680px;margin:34px 0 0;color:#a9aaa4;font-size:clamp(15px,1.3vw,19px);line-height:1.8}
.compact-hero{min-height:560px}
.content-section{padding:110px 7vw}
.content-section h2{font-size:clamp(44px,6.2vw,92px);max-width:950px}
.route-foundation{min-height:340px;background:#08090b}

.home-journal{padding-inline:5vw}
.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.article-card{min-width:0}
.article-image{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;margin-bottom:25px;background:var(--panel)}
.article-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.55);transition:transform .6s,filter .4s}
.article-image:hover img{transform:scale(1.035);filter:saturate(.85)}
.article-card .eyebrow{margin-bottom:14px}
.article-card h3{margin:0 0 14px;font-size:clamp(20px,2vw,30px);line-height:1.15;text-transform:uppercase}
.site-frame[dir="rtl"] .article-card h3{text-transform:none}
.article-card>p:not(.eyebrow){color:#858781;line-height:1.75;font-size:14px;margin:0 0 24px}
.article-card .text-link{font-size:11px}
.shop-placeholder{margin:0 5vw 40px;padding:68px 6vw;display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:end;background:var(--gold);color:var(--ink);scroll-margin-top:110px}
.shop-placeholder .eyebrow{color:#44370f}
.shop-placeholder h2{font-size:clamp(42px,5vw,76px)}
.shop-placeholder p{line-height:1.8;font-size:15px;margin:0 0 28px}
.shop-placeholder .button{background:var(--ink);color:var(--paper)}

@media(max-width:1180px){.corporate-header nav a{font-size:11px}.corporate-header nav{gap:17px}}
@media(max-width:1020px){.corporate-header{grid-template-columns:1fr auto}.corporate-header .header-actions{gap:10px}.header-shop{min-height:38px;padding-inline:15px}.footer-links-wide{grid-template-columns:repeat(3,1fr)}.inner-hero{min-height:540px;padding:150px 24px 70px}.content-section{padding:85px 24px}.article-grid{grid-template-columns:1fr 1fr}.shop-placeholder{margin:0;grid-template-columns:1fr;padding:60px 24px;gap:35px}.site-frame[dir="rtl"] .hero-copy{padding:145px 24px 60px;background:linear-gradient(0deg,var(--ink) 0%,var(--ink) 70%,transparent)}.site-frame[dir="rtl"] .hero-visual:after{background:linear-gradient(0deg,var(--ink),transparent 45%)}.site-frame[dir="rtl"] .craft-image:after{background:linear-gradient(0deg,#090b0f,transparent)}.site-frame[dir="rtl"] .manifesto-image:after{background:linear-gradient(0deg,var(--ink),transparent 60%)}}
@media(max-width:650px){.header-shop{min-height:36px;padding-inline:12px;font-size:11px}.corporate-header .header-actions{gap:7px}.footer-links-wide{grid-template-columns:1fr 1fr}.footer-legal{width:100%;gap:18px}.inner-hero{min-height:500px;padding-top:135px}.inner-hero h1{font-size:clamp(50px,15vw,78px)}.article-grid{grid-template-columns:1fr}.home-journal{padding-inline:18px}.shop-placeholder h2{font-size:42px}}

/* Professionals and wholesale inquiry */
.professionals-hero{background-image:linear-gradient(90deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.4) 65%,rgba(0,0,0,.72)),url("/images/upscaled/barber.webp");background-size:cover;background-position:center 32%}
.professionals-hero:after,.partner-hero:after{opacity:.65}
.split-heading{display:grid;grid-template-columns:minmax(0,.75fr) minmax(520px,1.25fr);gap:8vw;align-items:start}
.feature-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(255,255,255,.14)}
.feature-card{padding-block:30px 34px;padding-inline:0 26px;border-bottom:1px solid rgba(255,255,255,.12)}
.feature-card:nth-child(odd){border-inline-end:1px solid rgba(255,255,255,.12)}
.feature-card:nth-child(even){padding-inline-start:26px}
.feature-card>span{color:var(--gold);font:12px "Courier New",monospace}
.feature-card h3{margin:18px 0 13px;text-transform:uppercase;font-size:16px;letter-spacing:.07em}
.site-frame[dir="rtl"] .feature-card h3{text-transform:none;letter-spacing:0}
.feature-card p{color:#858781;font-size:14px;line-height:1.8;margin:0}
.stories-section{background:#08090b;border-block:1px solid rgba(255,255,255,.08)}
.story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.12)}
.story-card{background:#08090b;padding:42px 36px;min-height:340px;display:flex;flex-direction:column}
.story-card h3{font-size:clamp(23px,2.5vw,38px);line-height:1.08;text-transform:uppercase;margin:18px 0 28px}
.site-frame[dir="rtl"] .story-card h3{text-transform:none}
.story-card>p:last-child{color:#8f918b;font-size:14px;line-height:1.85;margin:auto 0 0}
.partner-band{padding:95px 7vw;display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:end}
.partner-band h2{font-size:clamp(48px,6vw,90px)}
.partner-band>div:last-child>p{color:#9c9e98;line-height:1.85;font-size:15px;max-width:620px;margin:0 0 34px}
.button-row{display:flex;align-items:center;gap:28px;flex-wrap:wrap}

.partner-hero{background-image:linear-gradient(90deg,rgba(0,0,0,.94),rgba(0,0,0,.45)),url("/images/upscaled/kit.webp");background-size:cover;background-position:center}
.inquiry-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.55fr);gap:7vw;align-items:start}
.inquiry-main>h2,.wholesale-aside h2,.form-success h2{font-size:clamp(42px,5vw,76px)}
.section-intro{color:#959791;line-height:1.85;max-width:720px;font-size:15px;margin:30px 0 48px}
.partner-form{border-top:1px solid rgba(255,255,255,.15);padding-top:38px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px 22px}
.form-field{display:flex;min-width:0;flex-direction:column;gap:10px;margin:0;padding:0;border:0}
.form-field>span,.form-field legend{font-size:12px;line-height:1.5;text-transform:uppercase;letter-spacing:.14em;font-weight:800;color:#d8d9d4}
.site-frame[dir="rtl"] .form-field>span,.site-frame[dir="rtl"] .form-field legend{letter-spacing:0}
.form-field input,.form-field select,.form-field textarea{width:100%;border:1px solid #cbc6bc;border-radius:0;background:#fff;color:#151515;padding:15px 16px;outline:0;font:inherit;font-size:15px;caret-color:#151515;color-scheme:light;transition:border-color .2s,background .2s,box-shadow .2s}
.form-field input,.form-field select{min-height:52px}
.form-field textarea{resize:vertical;line-height:1.7}
.form-field input::placeholder,.form-field textarea::placeholder{color:#79756e;opacity:1}
.form-field :is(input,select,textarea):focus{border-color:var(--gold);background:#fff;box-shadow:0 0 0 3px rgba(201,169,85,.2)}
.form-field :is(input,select,textarea)[aria-invalid="true"]{border-color:#c75f4f;box-shadow:0 0 0 3px rgba(199,95,79,.14)}
.form-field select option{background:#fff;color:#151515}
.form-span{grid-column:1/-1}
.interest-field>small:not(.field-error){color:#8f918b;font-size:13px}
.checkbox-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:4px}
.checkbox-grid label{position:relative;cursor:pointer}
.checkbox-grid input{position:absolute;opacity:0;pointer-events:none}
.checkbox-grid span{display:block;border:1px solid rgba(255,255,255,.16);padding:14px 15px;color:#a3a59f;font-size:13px;transition:.2s}
.checkbox-grid input:checked+span{background:var(--gold);border-color:var(--gold);color:#000;font-weight:800}
.checkbox-grid input:focus-visible+span{outline:2px solid var(--paper);outline-offset:3px;box-shadow:0 0 0 5px var(--ink)}
.field-error{color:#e19a8d;font-size:13px;line-height:1.5}
.form-note{max-width:720px;color:#8b8d87;font-size:13px;line-height:1.75;margin:24px 0}
.submit-button{min-width:260px}
.wholesale-aside{position:sticky;top:120px;background:var(--gold);color:#000;padding:42px 35px}
.wholesale-aside .eyebrow{color:#44370f}
.wholesale-aside h2{color:#000}
.wholesale-aside>p:not(.eyebrow){line-height:1.8;font-size:14px;margin:28px 0}
.whatsapp-cta{width:100%;background:#0c2516;color:#fff;padding-inline:18px}
.whatsapp-cta img{width:22px;height:22px}
.wholesale-aside>small{display:block;color:rgba(0,0,0,.62);font-size:12px;line-height:1.6;margin-top:16px}
.form-success{min-height:520px;border-top:1px solid var(--gold);padding:55px 0}
.form-success>p:not(.eyebrow){max-width:650px;color:#989a94;line-height:1.8;margin:28px 0}

@media(max-width:1020px){.split-heading{grid-template-columns:1fr;gap:55px}.story-grid{grid-template-columns:1fr}.story-card{min-height:280px}.partner-band{grid-template-columns:1fr}.inquiry-layout{grid-template-columns:1fr}.wholesale-aside{position:static}.professionals-hero{background-position:60% center}}
@media(max-width:650px){.feature-grid,.form-grid{grid-template-columns:1fr}.feature-card,.feature-card:nth-child(even){padding:25px 0}.feature-card:nth-child(odd){border-inline-end:0}.story-card{padding:32px 24px}.partner-band{padding:72px 24px}.checkbox-grid{grid-template-columns:1fr}.submit-button{width:100%;min-width:0}.wholesale-aside{padding:34px 24px}}

/* Product showcase and product detail */
.products-hero{background-image:linear-gradient(90deg,rgba(0,0,0,.94),rgba(0,0,0,.34)),url("/images/upscaled/hero.webp");background-size:cover;background-position:center}
.catalog-section{padding-inline:5vw}
.category-nav{display:flex;gap:8px;flex-wrap:wrap;margin:0 2vw 42px}
.category-nav a{padding:12px 17px;border:1px solid rgba(255,255,255,.18);color:#90928c;text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:800}
.category-nav a:hover,.category-nav a.active{background:var(--gold);border-color:var(--gold);color:#000}
.site-frame[dir="rtl"] .category-nav a{letter-spacing:0}
.catalog-grid.single-product-grid{grid-template-columns:minmax(280px,520px)}
.product-detail-link{display:grid;place-items:center;width:36px;height:36px;border:1px solid rgba(255,255,255,.16);color:var(--gold);font-size:15px;transition:.2s}
.product-detail-link:hover{background:var(--gold);border-color:var(--gold);color:#000}
.product-partner-band{background:#08090b;border-top:1px solid rgba(255,255,255,.08)}

.product-detail-hero{min-height:780px;padding-top:86px;display:grid;grid-template-columns:53% 47%;border-bottom:1px solid rgba(255,255,255,.1)}
.product-detail-image{position:relative;min-height:690px;overflow:hidden;background:#090a0c}
.product-detail-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 64%,#000),linear-gradient(0deg,rgba(0,0,0,.42),transparent 45%)}
.site-frame[dir="rtl"] .product-detail-image:after{background:linear-gradient(270deg,transparent 64%,#000),linear-gradient(0deg,rgba(0,0,0,.42),transparent 45%)}
.product-detail-image>img{width:100%;height:100%;object-fit:cover;filter:saturate(.72)}
.product-detail-copy{padding:90px 6vw 70px;display:flex;flex-direction:column;justify-content:center}
.breadcrumb{display:flex;gap:9px;align-items:center;color:#8f918b;font-size:12px;text-transform:uppercase;letter-spacing:.1em;margin-bottom:55px}
.breadcrumb a:hover{color:var(--gold)}
.product-detail-copy h1{font-size:clamp(58px,7.5vw,118px);white-space:normal}
.product-lead{color:#b1b2ad;line-height:1.85;font-size:14px;max-width:620px;margin:34px 0 22px}
.corporate-note{border-inline-start:2px solid var(--gold);padding-inline-start:18px;color:#777972;line-height:1.7;font-size:13px;max-width:590px;margin:0 0 34px}
.product-spec-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw;align-items:start;background:#08090b}
.product-spec-grid{margin:0;border-top:1px solid rgba(255,255,255,.16)}
.product-spec-grid>div{display:grid;grid-template-columns:45px 150px 1fr;gap:20px;align-items:center;padding:25px 0;border-bottom:1px solid rgba(255,255,255,.12)}
.product-spec-grid span{color:var(--gold);font:12px "Courier New",monospace}
.product-spec-grid dt{text-transform:uppercase;letter-spacing:.11em;font-size:13px;font-weight:800}
.product-spec-grid dd{margin:0;color:#858781;font-size:14px;line-height:1.6}
.product-use-section{min-height:650px;display:grid;grid-template-columns:50% 50%;align-items:stretch}
.product-use-section>div:first-child{position:relative;overflow:hidden}
.product-use-section img{width:100%;height:100%;object-fit:cover;filter:saturate(.55)}
.product-use-section>div:last-child{padding:110px 7vw;background:#050505;display:flex;flex-direction:column;justify-content:center}
.product-use-section h2{font-size:clamp(44px,5.5vw,80px)}
.product-use-section>div:last-child>p:not(.eyebrow){color:#8e908a;line-height:1.85;font-size:15px;margin:32px 0}
.product-next{padding:70px 7vw;border-top:1px solid rgba(255,255,255,.1)}
.product-next a{display:flex;align-items:center;justify-content:space-between;text-transform:uppercase;font-size:clamp(28px,4vw,58px);font-weight:800}
.product-next span{color:var(--gold)}

@media(max-width:1020px){.product-detail-hero{grid-template-columns:1fr;padding-top:72px}.product-detail-image{min-height:0;height:58vh}.product-detail-image:after,.site-frame[dir="rtl"] .product-detail-image:after{background:linear-gradient(0deg,#000,transparent 35%)}.product-detail-copy{padding:65px 24px}.breadcrumb{margin-bottom:35px}.product-spec-section{grid-template-columns:1fr}.product-use-section{grid-template-columns:1fr}.product-use-section>div:first-child{height:440px}.product-use-section>div:last-child{padding:80px 24px}}
@media(max-width:650px){.catalog-section{padding-inline:18px}.category-nav{margin-inline:0}.product-detail-copy h1{font-size:55px}.product-spec-grid>div{grid-template-columns:30px 1fr}.product-spec-grid dd{grid-column:2}.product-use-section>div:first-child{height:330px}.product-next{padding:50px 24px}}

/* Technology and about */
.technology-hero{background-image:linear-gradient(90deg,rgba(0,0,0,.94),rgba(0,0,0,.38)),url("/images/upscaled/motor.webp");background-size:cover;background-position:center}
.technology-rail{display:grid;grid-template-columns:repeat(4,1fr);padding:0 5vw;background:var(--gold);color:#000}
.technology-rail>div{padding:28px 2vw;border-inline-end:1px solid rgba(0,0,0,.22)}
.technology-rail>div:last-child{border:0}
.technology-rail strong,.technology-rail span{display:block}
.technology-rail strong{font-size:22px}
.technology-rail span{font-size:11px;text-transform:uppercase;letter-spacing:.13em;font-weight:800;margin-top:7px}
.technology-section{min-height:690px;display:grid;grid-template-columns:50% 50%;border-bottom:1px solid rgba(255,255,255,.08)}
.technology-section.reverse .technology-image{order:2}
.technology-image{position:relative;overflow:hidden;background:#08090b}
.technology-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.5) contrast(1.08)}
.technology-copy{position:relative;padding:105px 7vw;display:flex;flex-direction:column;justify-content:center}
.section-index{position:absolute;top:45px;inset-inline-end:4vw;color:#858781;font:13px "Courier New",monospace}
.technology-copy h2{font-size:clamp(45px,5vw,76px)}
.technology-copy>p:not(.eyebrow){color:#a2a49e;font-size:15px;line-height:1.85;margin:30px 0 0}
.technology-copy .technology-detail{padding-inline-start:18px;border-inline-start:1px solid var(--gold);color:#858781;font-size:13px}
.technology-cta{border-top:1px solid rgba(255,255,255,.08)}

.about-hero{background-image:linear-gradient(90deg,rgba(0,0,0,.94),rgba(0,0,0,.3)),url("/images/upscaled/barber.webp");background-size:cover;background-position:center 30%}
.about-story{min-height:720px;display:grid;grid-template-columns:52% 48%}
.about-story-image{position:relative;overflow:hidden}
.about-story-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.58)}
.about-story-copy{padding:110px 7vw;display:flex;flex-direction:column;justify-content:center;background:#08090b}
.about-story-copy h2{font-size:clamp(44px,5.4vw,82px)}
.about-story-copy>p:not(.eyebrow){color:#9a9c96;font-size:15px;line-height:1.9;margin:28px 0 0}
.philosophy-section{background:#030303}
.philosophy-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid rgba(255,255,255,.12)}
.philosophy-grid article{min-height:300px;padding:32px 28px;border-inline-end:1px solid rgba(255,255,255,.12)}
.philosophy-grid article:last-child{border:0}
.philosophy-grid span,.quality-list>article>span{color:var(--gold);font:12px "Courier New",monospace}
.philosophy-grid h3{margin:65px 0 17px;text-transform:uppercase;letter-spacing:.1em;font-size:15px}
.philosophy-grid p{color:#7f817b;font-size:13px;line-height:1.8;margin:0}
.quality-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw;background:#090b0f}.quality-section>*{min-width:0}
.quality-heading h2{font-size:clamp(46px,5.4vw,82px)}
.quality-heading>p:last-child{color:#92948e;font-size:15px;line-height:1.85;margin-top:30px}
.quality-list{border-top:1px solid rgba(255,255,255,.14)}
.quality-list article{display:grid;grid-template-columns:45px 1fr;gap:22px;padding:25px 0;border-bottom:1px solid rgba(255,255,255,.12)}
.quality-list h3{margin:0 0 10px;text-transform:uppercase;letter-spacing:.09em;font-size:14px}
.quality-list p{margin:0;color:#7f817b;font-size:13px;line-height:1.75}
.quality-section>.button{grid-column:2;width:max-content}

@media(max-width:1020px){.technology-rail{grid-template-columns:1fr 1fr;padding:0}.technology-rail>div:nth-child(2){border-inline-end:0}.technology-rail>div:nth-child(-n+2){border-bottom:1px solid rgba(0,0,0,.22)}.technology-section{grid-template-columns:1fr}.technology-section.reverse .technology-image{order:0}.technology-image{height:430px}.technology-copy{padding:75px 24px}.about-story{grid-template-columns:1fr}.about-story-image{height:480px}.about-story-copy{padding:75px 24px}.philosophy-grid{grid-template-columns:1fr 1fr}.philosophy-grid article:nth-child(2){border-inline-end:0}.philosophy-grid article:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.12)}.quality-section{grid-template-columns:1fr}.quality-section>.button{grid-column:1}}
@media(max-width:650px){.technology-rail strong{font-size:17px}.technology-rail span{letter-spacing:.05em}.technology-image{height:330px}.philosophy-grid{grid-template-columns:1fr}.philosophy-grid article{min-height:240px;border-inline-end:0;border-bottom:1px solid rgba(255,255,255,.12)}.philosophy-grid article:last-child{border-bottom:0}.philosophy-grid h3{margin-top:45px}.about-story-image{height:360px}.quality-heading h2{overflow-wrap:anywhere}}

/* Journal listing and article */
.journal-hero{background-image:linear-gradient(90deg,rgba(0,0,0,.94),rgba(0,0,0,.38)),url("/images/upscaled/barber.webp");background-size:cover;background-position:center}
.journal-category-nav{min-height:78px;padding:0 7vw;display:flex;align-items:center;gap:34px;border-bottom:1px solid rgba(255,255,255,.1);background:#08090b}
.journal-category-nav a{color:#8c8e88;font-size:12px;text-transform:uppercase;letter-spacing:.13em;font-weight:800}
.journal-category-nav a:hover{color:var(--gold)}
.journal-rows{border-top:1px solid rgba(255,255,255,.14)}
.journal-row{scroll-margin-top:110px;display:grid;grid-template-columns:38% 62%;gap:5vw;padding:44px 0;border-bottom:1px solid rgba(255,255,255,.12);align-items:center}
.journal-row-image{height:350px;position:relative;overflow:hidden;background:#08090b}
.journal-row-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.55);transition:.6s}
.journal-row-image:hover img{transform:scale(1.035);filter:saturate(.8)}
.journal-row-image span{position:absolute;top:18px;inset-inline-start:18px;color:var(--gold);font:13px "Courier New",monospace}
.article-meta,.article-byline{display:flex;gap:20px;align-items:center;flex-wrap:wrap;color:#73756f;font-size:11px;text-transform:uppercase;letter-spacing:.12em}
.article-meta span:first-child{color:var(--gold)}
.journal-row h2{font-size:clamp(32px,4.3vw,66px);line-height:.98;margin:30px 0 22px}
.journal-row>div>p{color:#92948e;line-height:1.8;font-size:14px;max-width:650px;margin:0 0 28px}

.article-hero{padding:170px 7vw 90px;min-height:650px;display:flex;flex-direction:column;justify-content:end;background:radial-gradient(circle at 75% 20%,rgba(196,172,104,.14),transparent 28%)}
.article-hero .breadcrumb{margin-bottom:55px}
.article-hero h1{font-size:clamp(54px,8vw,118px);max-width:1180px;white-space:normal}
.article-deck{max-width:750px;color:#a9aaa5;line-height:1.8;font-size:15px;margin:32px 0}
.article-hero-image{position:relative;height:min(72vh,780px);margin:0 5vw;overflow:hidden}
.article-hero-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.58)}
.article-layout{display:grid;grid-template-columns:260px minmax(0,720px);justify-content:center;gap:8vw;align-items:start}
.article-toc{position:sticky;top:120px;display:flex;flex-direction:column;border-top:1px solid rgba(255,255,255,.15)}
.article-toc .eyebrow{margin:25px 0 12px}
.article-toc a{display:grid;grid-template-columns:28px 1fr;gap:12px;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.1);color:#83857f;font-size:13px;line-height:1.55}
.article-toc a:hover{color:#fff}
.article-toc span{color:var(--gold);font:11px "Courier New",monospace}
.article-kicker{color:var(--gold);text-transform:uppercase;letter-spacing:.15em;font-size:12px;font-weight:800;margin:0 0 55px}
.article-body section{scroll-margin-top:120px;margin-bottom:75px}
.article-body h2{font-size:clamp(38px,4.7vw,64px);line-height:1;margin-bottom:30px}
.article-body section p{font-size:15px;line-height:2;color:#b1b2ad;margin:0 0 24px}
.related-section{background:#08090b;border-top:1px solid rgba(255,255,255,.08)}
.related-grid{grid-template-columns:1fr 1fr;max-width:1050px}

@media(max-width:1020px){.journal-row{grid-template-columns:1fr}.journal-row-image{height:420px}.article-hero-image{margin:0;height:60vh}.article-layout{grid-template-columns:1fr}.article-toc{position:static}.article-toc a{grid-template-columns:32px 1fr}}
@media(max-width:650px){.journal-category-nav{padding:0 18px;gap:20px;overflow-x:auto;white-space:nowrap}.journal-row-image{height:280px}.journal-row h2{font-size:38px}.article-hero{padding:145px 24px 70px}.article-hero h1{font-size:48px}.article-deck{font-size:15px}.article-body section p{font-size:14px}.related-grid{grid-template-columns:1fr}}

/* Support and legal */
.support-hero{background-image:linear-gradient(90deg,rgba(0,0,0,.94),rgba(0,0,0,.38)),url("/images/upscaled/kit.webp");background-size:cover;background-position:center}
.support-detail-hero{background-image:linear-gradient(90deg,rgba(0,0,0,.94),rgba(0,0,0,.42)),url("/images/upscaled/apex.webp");background-size:cover;background-position:center}
.support-card-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(255,255,255,.12);padding:1px;margin:110px 7vw}
.support-card-grid article{background:#050505;padding:48px 42px;min-height:360px}
.support-card-grid article>span,.support-prose-grid article>span,.care-routines article>span{color:var(--gold);font:12px "Courier New",monospace}
.support-card-grid h2{font-size:clamp(34px,4vw,58px);margin:55px 0 20px}
.support-card-grid p{color:#858781;line-height:1.8;font-size:14px;max-width:520px;margin:0 0 28px}
.support-contact{margin:0 5vw 50px;padding:75px 6vw;display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:end;background:var(--gold);color:#000}
.support-contact .eyebrow{color:#44370f}.support-contact h2{font-size:clamp(46px,5.6vw,82px)}
.support-contact>div:last-child>p{font-size:14px;line-height:1.85;margin:0 0 26px}
.support-contact .whatsapp-cta{width:max-content}
.support-contact small{display:block;margin-top:15px;font-size:12px;color:rgba(0,0,0,.62)}

.faq-layout{display:grid;grid-template-columns:.62fr 1.38fr;gap:7vw;align-items:start}
.faq-layout>div:first-child{position:sticky;top:120px}.faq-layout>div:first-child h2{font-size:clamp(40px,5vw,70px);margin-bottom:30px}
.faq-list{border-top:1px solid rgba(255,255,255,.16)}
.faq-list details{border-bottom:1px solid rgba(255,255,255,.14)}
.faq-list summary{list-style:none;display:grid;grid-template-columns:46px 1fr;gap:15px;align-items:center;padding:28px 0;cursor:pointer;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";grid-column:3;color:var(--gold);font-size:22px}.faq-list details[open] summary:after{content:"−"}
.faq-list summary span{color:var(--gold);font:12px "Courier New",monospace}
.faq-list details>p{max-width:760px;color:#90928c;font-size:14px;line-height:1.9;margin:0;padding-block:0 30px;padding-inline:61px 35px}

.support-prose-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(255,255,255,.12);padding:1px}
.support-prose-grid article{background:#050505;padding:42px;min-height:360px}
.support-prose-grid h2{font-size:clamp(30px,3.6vw,50px);margin:55px 0 22px}
.support-prose-grid p{color:#8d8f89;font-size:14px;line-height:1.9;margin:0}
.warranty-process{background:#08090b}
.warranty-process>div:first-child{display:grid;grid-template-columns:1fr 1fr}.warranty-process>div:first-child h2{font-size:clamp(45px,6vw,85px);grid-column:2}
.process-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid rgba(255,255,255,.13);margin:55px 0 35px}
.process-grid article{min-height:230px;padding:28px;border-inline-end:1px solid rgba(255,255,255,.13)}.process-grid article:last-child{border:0}
.process-grid span{color:var(--gold);font:12px "Courier New",monospace}.process-grid h3{margin:65px 0 12px;text-transform:uppercase;font-size:15px}.process-grid p{color:#777972;font-size:13px;line-height:1.7}
.warranty-action{display:flex;align-items:center;gap:25px;justify-content:space-between}.warranty-action small{max-width:700px;color:#8b8d87;font-size:12px;line-height:1.65}

.care-routines{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.12);padding:1px}
.care-routines article{background:#050505;padding:40px 34px;min-height:480px}
.care-routines h2{font-size:clamp(30px,3.4vw,48px);margin:65px 0 30px}
.care-routines ul{list-style:none;padding:0;margin:0}.care-routines li{position:relative;padding-block:16px;padding-inline-start:22px;border-top:1px solid rgba(255,255,255,.1);color:#898b85;font-size:13px;line-height:1.75}.care-routines li:before{content:"—";position:absolute;inset-inline-start:0;color:var(--gold)}
.battery-care{display:grid;grid-template-columns:.75fr 1.25fr;gap:7vw;background:#08090b}.battery-care>div:first-child h2{font-size:clamp(45px,5.7vw,80px)}
.care-warning{margin:0 7vw 60px;padding:38px 42px;border:1px solid var(--gold);display:flex;align-items:center;justify-content:space-between;gap:40px}.care-warning p{max-width:850px;color:#a4a6a0;font-size:14px;line-height:1.8;margin:0}.care-warning .button{flex:0 0 auto}

.legal-hero{min-height:540px}.legal-updated{display:block;margin-top:28px;color:#8b8d87;text-transform:uppercase;letter-spacing:.12em;font-size:11px}
.legal-layout{display:grid;grid-template-columns:240px minmax(0,760px);justify-content:center;gap:8vw;align-items:start}
.legal-layout>aside{position:sticky;top:120px;border-top:1px solid rgba(255,255,255,.14);padding-top:23px}.legal-layout>aside>p:last-child{color:#858781;font-size:12px;line-height:1.6}
.legal-body section{padding:0 0 48px;margin:0 0 48px;border-bottom:1px solid rgba(255,255,255,.12)}.legal-body section:last-child{border-bottom:0}
.legal-body h2{font-size:clamp(28px,3.4vw,44px);line-height:1.12;margin-bottom:22px;text-transform:none;letter-spacing:-.035em}
.legal-body p{color:#a0a29c;font-size:15px;line-height:1.95;margin:0}

@media(max-width:1020px){.support-contact,.faq-layout,.battery-care{grid-template-columns:1fr}.faq-layout>div:first-child{position:static}.support-prose-grid{grid-template-columns:1fr}.warranty-process>div:first-child{grid-template-columns:1fr}.warranty-process>div:first-child h2{grid-column:1}.process-grid{grid-template-columns:1fr 1fr}.process-grid article:nth-child(2){border-inline-end:0}.process-grid article:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.13)}.care-routines{grid-template-columns:1fr}.care-routines article{min-height:0}.legal-layout{grid-template-columns:1fr}.legal-layout>aside{position:static}.care-warning{align-items:flex-start;flex-direction:column}}
@media(max-width:650px){.support-card-grid{grid-template-columns:1fr;margin:75px 18px}.support-card-grid article{padding:35px 24px;min-height:320px}.support-contact{margin:0;padding:60px 24px}.support-contact .whatsapp-cta{width:100%}.faq-list summary{font-size:14px;grid-template-columns:30px 1fr}.faq-list details>p,.site-frame[dir="rtl"] .faq-list details>p{padding:0 0 26px}.support-prose-grid article{padding:34px 24px}.process-grid{grid-template-columns:1fr}.process-grid article{min-height:190px;border-inline-end:0;border-bottom:1px solid rgba(255,255,255,.13)}.process-grid article:nth-child(2){border-bottom:1px solid rgba(255,255,255,.13)}.warranty-action{align-items:flex-start;flex-direction:column}.care-warning{margin:0 18px 45px;padding:30px 24px}.care-warning .button{width:100%}.legal-body p{font-size:14px}}

/* RTL image overlays keep contrast on the reading side. */
.site-frame[dir="rtl"] .professionals-hero{background-image:linear-gradient(270deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.4) 65%,rgba(0,0,0,.72)),url("/images/upscaled/barber.webp")}
.site-frame[dir="rtl"] .partner-hero{background-image:linear-gradient(270deg,rgba(0,0,0,.94),rgba(0,0,0,.45)),url("/images/upscaled/kit.webp")}
.site-frame[dir="rtl"] .products-hero{background-image:linear-gradient(270deg,rgba(0,0,0,.94),rgba(0,0,0,.34)),url("/images/upscaled/hero.webp")}
.site-frame[dir="rtl"] .technology-hero{background-image:linear-gradient(270deg,rgba(0,0,0,.94),rgba(0,0,0,.38)),url("/images/upscaled/motor.webp")}
.site-frame[dir="rtl"] .about-hero,.site-frame[dir="rtl"] .journal-hero{background-image:linear-gradient(270deg,rgba(0,0,0,.94),rgba(0,0,0,.34)),url("/images/upscaled/barber.webp")}
.site-frame[dir="rtl"] .support-hero{background-image:linear-gradient(270deg,rgba(0,0,0,.94),rgba(0,0,0,.38)),url("/images/upscaled/kit.webp")}
.site-frame[dir="rtl"] .support-detail-hero{background-image:linear-gradient(270deg,rgba(0,0,0,.94),rgba(0,0,0,.42)),url("/images/upscaled/apex.webp")}
.site-frame[dir="rtl"] .spec:after{transform-origin:right}
.site-frame{overflow-x:clip}

/* Grid min-size and long-word guards prevent narrow and translated overflow. */
.manifesto>*,.partner-band>*,.inquiry-layout>*,.about-story>*{min-width:0}
.wholesale-aside h2,.about-story-copy h2,.quality-heading h2{overflow-wrap:anywhere}
.journal-category-nav{width:100%;max-width:100vw}

@media(max-width:1020px){
  .partner-band,.inquiry-layout,.about-story,.quality-section{grid-template-columns:minmax(0,1fr)}
}

@media(max-width:650px){
  .hero h1 span,.hero h1 em{white-space:normal}
  .manifesto-copy blockquote,.partner-band h2{overflow-wrap:anywhere}
}


/* shop.ruvo.com — reuses the RUVO Professional design tokens/classes from
   globals.css (--gold, .button, .product-card, .side-panel, .form-field, …)
   and adds the commerce-specific pieces: cart, checkout, account, orders. */

.shop-frame .product-image{cursor:default}
.shop-product-card{position:relative}
.shop-product-tail{padding-top:16px}
.add-to-cart-button{width:100%}
.add-to-cart-button:disabled{opacity:.45;cursor:not-allowed}
.add-to-cart-button.is-added{background:#1d7a4c;border-color:#1d7a4c;color:#fff}

.stock-badge{display:inline-flex;align-items:center;padding:6px 10px;text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:800;border:1px solid var(--gold);color:var(--gold)}
.stock-badge.out-of-stock{position:absolute;top:16px;inset-inline-end:16px;z-index:2;background:#000;border-color:#d07c6d;color:#e19a8d}
.placeholder-price-note{border-inline-start:2px solid var(--gold);padding-inline-start:10px;color:#8f918b;font-size:12px;text-transform:uppercase;letter-spacing:.1em;margin:6px 0 0}

.shop-pdp-price{color:var(--gold);font-size:26px;font-weight:800;margin:20px 0 4px}
.shop-pdp-actions{align-items:center;flex-wrap:wrap}
.wishlist-toggle{border:0;background:transparent;cursor:pointer;font-size:13px}
.wishlist-toggle span{color:var(--gold);font-size:16px;margin-inline-end:6px}
.wishlist-grid .shop-product-tail form{width:100%}

/* Cart icon in the shop header */
.cart-button{position:relative;display:grid;place-items:center;width:34px;height:34px;border:0;background:transparent;cursor:pointer}
.cart-mark{display:block;width:19px;height:16px;border:1.5px solid var(--paper);border-top:0;position:relative}
.cart-mark:before{content:"";position:absolute;inset-inline-start:2px;top:-8px;width:12px;height:8px;border:1.5px solid var(--paper);border-bottom:0;border-radius:6px 6px 0 0}
.cart-count{position:absolute;top:-5px;inset-inline-end:-7px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--gold);color:#000;font-size:11px;font-weight:800;display:grid;place-items:center}

/* Cart page — deliberately a light, plain-language surface. Prices,
   quantities, and the total are the things a shopper must read without
   effort, so they sit as dark text on white rather than as the small gold
   uppercase micro-type used elsewhere in the brand shell. */
.cart-view{
  background:var(--shop-ivory);
  color:var(--shop-ink);
  padding:150px var(--shop-edge) 100px;
}
.cart-view-head{
  max-width:1180px;
  margin:0 auto 32px;
}
.cart-view-head h1{
  margin:0;
  color:var(--shop-ink);
  font-size:clamp(29px,2.9vw,42px);
  line-height:1.05;
  letter-spacing:-.03em;
}
.cart-view-head p{
  margin:10px 0 0;
  color:var(--shop-muted);
  font-size:14px;
}
.cart-view-grid{
  max-width:1180px;
  margin:0 auto;
  display:grid;
  grid-template-columns:1.7fr .85fr;
  gap:28px;
  align-items:start;
}

.cart-items{
  list-style:none;
  margin:0;
  padding:0;
  background:var(--shop-paper);
  border:1px solid rgba(0,0,0,.12);
}
.cart-item{
  display:grid;
  grid-template-columns:120px 1fr auto;
  gap:22px;
  align-items:start;
  padding:22px;
  border-bottom:1px solid rgba(0,0,0,.1);
}
.cart-item:last-child{border-bottom:0}
.cart-item-image{
  display:block;
  width:120px;
  aspect-ratio:1/1;
  overflow:hidden;
  background:#f0ede5;
}
.cart-item-image img{width:100%;height:100%;object-fit:cover}
.cart-item-body{min-width:0}
.cart-item-name{
  display:block;
  color:var(--shop-ink);
  font-size:17px;
  font-weight:700;
  letter-spacing:-.015em;
  line-height:1.3;
}
.cart-item-name:hover{text-decoration:underline}
.cart-item-unit{
  margin:6px 0 0;
  color:var(--shop-muted);
  font-size:15px;
}
.cart-item-actions{
  display:flex;
  align-items:center;
  gap:18px;
  margin-top:18px;
  flex-wrap:wrap;
}
.cart-stepper{
  display:inline-flex;
  align-items:center;
  border:1px solid rgba(0,0,0,.22);
  background:#fff;
}
.cart-stepper button{
  width:38px;
  height:38px;
  border:0;
  background:transparent;
  color:var(--shop-ink);
  font-size:17px;
  line-height:1;
  cursor:pointer;
}
.cart-stepper button:hover{background:rgba(0,0,0,.06)}
.cart-stepper output{
  min-width:40px;
  text-align:center;
  font-size:15px;
  font-weight:700;
  color:var(--shop-ink);
  font-variant-numeric:tabular-nums;
}
.cart-item-remove{
  border:0;
  background:transparent;
  padding:0;
  color:var(--shop-muted);
  font:inherit;
  font-size:15px;
  text-decoration:underline;
  cursor:pointer;
}
.cart-item-remove:hover{color:#a8362a}
.cart-item-total{
  color:var(--shop-ink);
  font-size:18px;
  font-weight:700;
  white-space:nowrap;
  font-variant-numeric:tabular-nums;
}

.cart-totals{
  position:sticky;
  top:130px;
  background:var(--shop-paper);
  border:1px solid rgba(0,0,0,.12);
  padding:26px;
}
.cart-totals h2{
  margin:0 0 20px;
  color:var(--shop-ink);
  font-size:15px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.1em;
}
.cart-total-row{
  display:flex;
  justify-content:space-between;
  align-items:baseline;
  gap:16px;
  margin-bottom:12px;
  color:var(--shop-ink);
  font-size:15px;
  font-variant-numeric:tabular-nums;
}
.cart-total-muted{color:var(--shop-muted);font-size:15px;text-align:end}
.cart-total-grand{
  margin:0;
  padding-top:16px;
  border-top:1px solid rgba(0,0,0,.14);
  font-size:16px;
  font-weight:700;
}
.cart-total-grand strong{font-size:24px;letter-spacing:-.02em}
.cart-primary-button{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  margin-top:22px;
  padding:17px 24px;
  background:var(--shop-ink);
  color:#fff;
  font-size:14px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.12em;
  transition:background .2s;
}
.cart-primary-button:hover{background:#2b2b2b}
.cart-continue-link{
  display:block;
  margin-top:14px;
  text-align:center;
  color:var(--shop-ink);
  font-size:15px;
  text-decoration:underline;
}
.cart-reassurance{
  margin:18px 0 0;
  padding-top:16px;
  border-top:1px solid rgba(0,0,0,.1);
  color:var(--shop-muted);
  font-size:14px;
  text-align:center;
}

.cart-view-empty{display:grid;place-items:center;min-height:52vh}
.cart-empty-card{
  background:var(--shop-paper);
  border:1px solid rgba(0,0,0,.12);
  padding:56px 40px;
  text-align:center;
  max-width:520px;
}
.cart-empty-card h1{
  margin:0;
  color:var(--shop-ink);
  font-size:clamp(26px,3.2vw,36px);
  letter-spacing:-.02em;
}
.cart-empty-card p{margin:14px 0 0;color:var(--shop-muted);font-size:15px;line-height:1.6}
.cart-empty-card .cart-primary-button{width:auto;display:inline-flex;margin-top:28px}

@media(max-width:1020px){
  .cart-view-grid{grid-template-columns:1fr}
  .cart-totals{position:static}
}
@media(max-width:650px){
  .cart-view{padding-inline:var(--shop-edge)}
  .cart-item{
    grid-template-columns:88px 1fr;
    grid-template-areas:"img body" "total total";
    gap:16px;
    padding:18px;
  }
  .cart-item-image{grid-area:img;width:88px}
  .cart-item-body{grid-area:body}
  .cart-item-total{
    grid-area:total;
    padding-top:14px;
    border-top:1px solid rgba(0,0,0,.1);
    text-align:end;
  }
}

/* Auth + generic forms */
.auth-section{padding:150px var(--shop-edge) 120px;max-width:520px}
.auth-form{display:flex;flex-direction:column;gap:22px;margin-top:32px}
.form-field>label{font-size:12px;line-height:1.5;text-transform:uppercase;letter-spacing:.14em;font-weight:800;color:#d8d9d4;display:block;margin-bottom:10px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.form-error{color:#e19a8d;font-size:13px;line-height:1.6;border-inline-start:2px solid #d07c6d;padding-inline-start:12px}
.auth-switch{color:#8f918b;font-size:13px;margin:0}
.auth-switch a{color:var(--gold)}
.checkbox-inline{display:flex;align-items:center;gap:10px;font-size:13px;text-transform:uppercase;letter-spacing:.1em;color:#a3a59f}

/* Account */
.account-section{padding:150px var(--shop-edge) 120px}
.account-section h1{font-size:clamp(29px,2.9vw,42px);margin:14px 0 32px}
.account-nav{margin-bottom:44px;align-items:center}
.account-logout-form{margin-inline-start:auto}
.account-logout-form button{border:1px solid rgba(255,255,255,.18);background:transparent;color:#a3a59f;padding:12px 17px;text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:800;cursor:pointer}
.account-logout-form button:hover{border-color:var(--gold);color:var(--gold)}
.account-overview-card{border:1px solid var(--line);padding:32px;max-width:420px}
.account-overview-card p{margin:0 0 8px}

.order-table{display:flex;flex-direction:column;border-top:1px solid rgba(255,255,255,.14)}
.order-row{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:16px;align-items:center;padding:20px 4px;border-bottom:1px solid rgba(255,255,255,.1);font-size:13px}
.order-row strong{color:var(--gold)}
.order-status{display:inline-flex;width:max-content;padding:6px 10px;text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:800;border:1px solid rgba(255,255,255,.2);color:#a3a59f}
.order-status-paid,.order-status-fulfilled{border-color:var(--gold);color:var(--gold)}
.order-status-cancelled{border-color:#d07c6d;color:#e19a8d}

.order-summary-card{border:1px solid var(--line);padding:36px;max-width:640px}
.order-summary-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:26px}
.order-item-list{list-style:none;margin:0;padding:0;border-top:1px solid rgba(255,255,255,.12)}
.order-item-list li{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.1);font-size:14px;color:#c9cac5}
.order-totals{margin-top:18px}
.order-totals>div{display:flex;justify-content:space-between;padding:6px 0;font-size:13px;color:#8f918b}
.order-total-line{border-top:1px solid var(--line);margin-top:8px;padding-top:14px !important;font-size:15px !important;color:#fff !important}
.order-total-line strong{color:var(--gold)}
.order-address,.order-payment{margin-top:26px;padding-top:22px;border-top:1px solid rgba(255,255,255,.12)}
.order-address p,.order-payment p{margin:0 0 4px;color:#c9cac5;font-size:14px}
.order-confirmation .order-summary-card{margin-top:30px}

.address-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-top:30px}
.address-card{border:1px solid var(--line);padding:26px;display:flex;flex-direction:column;gap:6px}
.address-card p{margin:0}
.address-actions{display:flex;gap:16px;margin-top:16px}
.address-actions form{display:contents}
.address-actions a,.address-actions button{border:0;background:transparent;color:var(--gold);font-size:13px;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;padding:0}

/* Checkout — same light, plain-language surface as the cart, so the flow
   from cart → checkout doesn't switch visual worlds mid-purchase. */
.checkout-section{
  padding:150px var(--shop-edge) 120px;
  background:var(--shop-ivory);
  color:var(--shop-ink);
}
.checkout-section h1{font-size:clamp(29px,2.9vw,42px);margin:14px 0 40px;color:var(--shop-ink);letter-spacing:-.03em}
.checkout-intro{max-width:820px;margin-bottom:46px}
.checkout-intro h1{margin-bottom:18px}
.checkout-intro .eyebrow{color:var(--shop-gold-dark)}
.checkout-intro>p:not(.eyebrow){max-width:650px;margin:0;color:var(--shop-muted);font-size:14px;line-height:1.75}
.checkout-steps{display:flex;gap:0;list-style:none;margin:34px 0 0;padding:0;border-block:1px solid rgba(0,0,0,.14)}
.checkout-steps li{flex:1;display:flex;align-items:center;gap:12px;padding:15px 18px;border-inline-end:1px solid rgba(0,0,0,.14);color:var(--shop-ink);text-transform:uppercase;letter-spacing:.1em;font-size:12px;font-weight:800}
.checkout-steps li:last-child{border:0}
.checkout-steps li span{display:grid;place-items:center;width:25px;height:25px;border:1px solid var(--shop-ink);border-radius:50%;color:var(--shop-ink);font-size:11px}
.checkout-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:28px;align-items:start;max-width:1180px}
.checkout-fields{display:flex;flex-direction:column;gap:18px}
.checkout-panel{display:flex;flex-direction:column;gap:20px;padding:26px;border:1px solid rgba(0,0,0,.12);background:var(--shop-paper)}
.checkout-panel-head{display:flex;gap:16px;align-items:flex-start;padding-bottom:20px;border-bottom:1px solid rgba(0,0,0,.1)}
.checkout-panel-head>span{display:grid;place-items:center;flex:0 0 31px;height:31px;border:1px solid var(--shop-ink);border-radius:50%;color:var(--shop-ink);font:700 12px "Courier New",monospace}
.checkout-panel-head h2{margin:0;color:var(--shop-ink);font-size:17px;letter-spacing:-.015em}
.checkout-panel-head p{margin:6px 0 0;color:var(--shop-muted);font-size:14px;line-height:1.55}
.checkout-section-title{font-size:15px;text-transform:uppercase;letter-spacing:.1em;margin:18px 0 0;padding-top:24px;border-top:1px solid rgba(0,0,0,.12);color:var(--shop-ink)}
/* Field labels/notes are light-on-dark globally (account pages are still
   dark) — flip them just inside the checkout surface. */
.checkout-section .form-field>label,
.checkout-section .form-field>span,
.checkout-section .form-field legend{color:var(--shop-ink)}
.checkout-section .corporate-note{color:var(--shop-muted);border-inline-start-color:var(--shop-gold-dark)}
.payment-options{display:flex;flex-direction:column;gap:12px}
.payment-option{display:flex;align-items:center;gap:14px;border:1px solid #cbc6bc;background:#fff;color:#171717;padding:16px 18px;cursor:pointer;font-size:13px;text-transform:uppercase;letter-spacing:.08em}
.payment-option>span{display:grid;gap:4px}
.payment-option strong{font-size:13px;color:inherit}
.payment-option small{color:#656159;text-transform:none;letter-spacing:0;font-size:13px;line-height:1.45}
.payment-option.active{border-color:var(--gold);color:#171717;box-shadow:0 0 0 3px rgba(201,169,85,.16)}
.payment-option.disabled{opacity:.4;cursor:not-allowed}
.checkout-empty{padding:40px 0;text-align:center;color:var(--shop-ink)}
.checkout-summary{position:sticky;top:130px;margin-top:0;background:var(--shop-paper);border:1px solid rgba(0,0,0,.12);padding:26px;display:flex;flex-direction:column;gap:16px}
.checkout-summary .checkout-summary-head{display:block;margin-bottom:0;padding-bottom:16px;border-bottom:1px solid rgba(0,0,0,.12)}
.checkout-summary-head .eyebrow{margin:0 0 8px;color:var(--shop-ink);font-size:14px;font-weight:800;letter-spacing:.1em}
.checkout-summary-head>p:last-child{margin:0;color:var(--shop-muted);font-size:14px;line-height:1.55}
.checkout-summary .order-item-list{border-top:0}
.checkout-summary .order-item-list li{border-bottom-color:rgba(0,0,0,.1);color:var(--shop-ink);font-size:14px;font-variant-numeric:tabular-nums}
.checkout-summary .order-item-list li strong{font-weight:700}
.checkout-summary .order-totals{display:block;margin-bottom:0}
.checkout-summary .order-totals>div{color:var(--shop-ink);font-size:15px;font-variant-numeric:tabular-nums}
.checkout-summary .order-totals>div:last-child{color:var(--shop-muted);font-size:15px}
.checkout-summary .button{
  margin-top:8px;
  background:var(--shop-ink);
  color:#fff;
  font-size:14px;
  padding:17px 24px;
  transition:background .2s;
}
.checkout-summary .button:hover{background:#2b2b2b;transform:none}
.checkout-summary .button:disabled{opacity:.45;cursor:not-allowed}
.checkout-secure-note{margin:0;padding-top:14px;border-top:1px solid rgba(0,0,0,.1);color:var(--shop-muted);font-size:13px;line-height:1.6;text-align:center}

/* Order confirmation is the last step of checkout, so it carries the same
   light surface rather than dropping back to the dark shell. Scoped to
   .order-confirmation — the account pages still use the dark treatment. */
.order-confirmation{max-width:none;margin:0;background:var(--shop-ivory);color:var(--shop-ink)}
.order-confirmation>*{max-width:1180px;margin-inline:auto}
.order-confirmation-hero{display:grid;grid-template-columns:auto minmax(0,1fr);gap:24px;align-items:start;max-width:900px;margin-bottom:48px}
/* Optically line the tick up with the eyebrow/headline block rather than the
   very top of the grid cell. */
.order-success-mark{display:grid;place-items:center;flex:none;width:56px;height:56px;margin-top:-6px;border-radius:50%;background:#1d7a4c;color:#fff}
.order-success-mark svg{width:26px;height:26px;display:block}
.order-confirmation-hero h1{margin:10px 0 16px;color:var(--shop-ink);font-size:clamp(28px,2.8vw,40px);letter-spacing:-.03em}
.order-confirmation-hero .eyebrow{color:var(--shop-gold-dark)}
.order-confirmation-hero>div>p:last-child{max-width:660px;margin:0;color:var(--shop-muted);font-size:14px;line-height:1.75}
.order-next-steps{margin-bottom:28px;padding:26px;border:1px solid rgba(0,0,0,.12);background:var(--shop-paper)}
.order-next-steps>h2{margin:0 0 22px;color:var(--shop-ink);font-size:18px}
.order-next-steps>div{display:grid;grid-template-columns:repeat(3,1fr)}
.order-next-steps article{min-width:0;padding:4px 24px;border-inline-end:1px solid rgba(0,0,0,.12)}
.order-next-steps article:first-child{padding-inline-start:0}
.order-next-steps article:last-child{padding-inline-end:0;border:0}
.order-next-steps article>span{display:grid;place-items:center;width:27px;height:27px;margin-bottom:15px;border:1px solid var(--shop-ink);border-radius:50%;color:var(--shop-ink);font-size:11px}
.order-next-steps h3{margin:0 0 7px;color:var(--shop-ink);font-size:14px}
.order-next-steps p{margin:0;color:var(--shop-muted);font-size:14px;line-height:1.65}
.order-confirmation .order-summary-card{max-width:none;margin-top:0;padding:26px;background:var(--shop-paper);border-color:rgba(0,0,0,.12)}
.order-confirmation .order-summary-card h2{color:var(--shop-ink)}
.order-confirmation .order-item-list{border-top-color:rgba(0,0,0,.12)}
.order-confirmation .order-item-list li{border-bottom-color:rgba(0,0,0,.1);color:var(--shop-ink);font-size:14px;font-variant-numeric:tabular-nums}
.order-confirmation .order-totals>div{color:var(--shop-ink);font-size:15px;font-variant-numeric:tabular-nums}
/* .order-total-line hard-codes white for the dark shell — the grand total is
   the single most important number here, so force it back to ink on white. */
.order-confirmation .order-total-line{color:var(--shop-ink) !important;border-top-color:rgba(0,0,0,.14);font-size:16px !important;font-weight:700}
.order-confirmation .order-total-line strong{color:var(--shop-ink);font-size:22px;letter-spacing:-.02em}
.order-confirmation .order-address,.order-confirmation .order-payment{border-top-color:rgba(0,0,0,.12)}
.order-confirmation .order-address p,.order-confirmation .order-payment p{color:var(--shop-ink);font-size:15px}
.order-confirmation .order-status{border-color:rgba(0,0,0,.25);color:var(--shop-muted)}
.order-confirmation .eyebrow{color:var(--shop-gold-dark)}
.order-confirmation .button-gold{background:var(--shop-ink);color:#fff}
.order-confirmation .button-gold:hover{background:#2b2b2b}
.order-confirmation .commerce-detail-link{color:var(--shop-ink)}
.order-fulfillment-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.order-fulfillment-grid .order-address,.order-fulfillment-grid .order-payment{margin-top:26px}
.order-confirmation-actions{display:flex;align-items:center;gap:24px;margin-top:28px}
.order-confirmation-actions .button{min-width:210px;text-align:center}

@media(max-width:1020px){
  .checkout-grid{grid-template-columns:1fr}
  .checkout-summary{position:static}
  .product-spec-section{grid-template-columns:1fr}
}
@media(max-width:650px){
  .form-row{grid-template-columns:1fr}
  .order-row{grid-template-columns:1fr 1fr}
  .address-grid{grid-template-columns:1fr}
  .checkout-section{padding-inline:var(--shop-edge)}
  .checkout-steps li{padding:12px 8px;gap:7px;font-size:11px;letter-spacing:.06em}
  .checkout-steps li span{width:22px;height:22px}
  .checkout-panel,.checkout-summary{padding:22px 18px}
  .order-confirmation-hero{grid-template-columns:1fr;gap:18px}
  .order-success-mark{width:54px;height:54px;font-size:22px}
  .order-next-steps{padding:24px 18px}
  .order-next-steps>div,.order-fulfillment-grid{grid-template-columns:1fr}
  .order-next-steps article,.order-next-steps article:first-child,.order-next-steps article:last-child{padding:17px 0;border-inline-end:0;border-bottom:1px solid rgba(0,0,0,.12)}
  .order-next-steps article:last-child{border-bottom:0}
  .order-confirmation .order-summary-card{padding:24px 18px}
  .order-confirmation-actions{align-items:stretch;flex-direction:column}
  .order-confirmation-actions .button,.order-confirmation-actions .commerce-detail-link{width:100%;text-align:center}
}

/* RUVO Shop retail storefront
   The commerce layer intentionally uses a light merchandising surface against
   the brand's black shell, so price, stock, and purchase actions scan quickly. */
.shop-frame{
  --shop-ink:#080808;
  --shop-graphite:#151515;
  --shop-ivory:#f1eee6;
  --shop-paper:#fbfaf6;
  --shop-gold:#c9aa5d;
  --shop-gold-dark:#9d7f36;
  --shop-muted:#716d64;

  /* One shell for the whole storefront: every full-bleed bar (announcement,
     header, category nav, mega menu) and every page section starts and ends on
     the same two vertical lines, so the nav lines up with the product gallery
     on the left and the buy column on the right.
     --shop-edge is for elements as wide as the viewport; --shop-edge-vw is the
     same measurement for elements nested inside a narrower column. */
  --shop-gutter:max(18px,5vw);
  --shop-shell-max:1320px;
  --shop-edge:max(var(--shop-gutter),calc((100% - var(--shop-shell-max)) / 2));
  --shop-edge-vw:max(var(--shop-gutter),calc((100vw - var(--shop-shell-max)) / 2));

  background:var(--shop-ink);
}
@media(max-width:1020px){.shop-frame{--shop-gutter:20px}}
@media(max-width:700px){.shop-frame{--shop-gutter:16px}}
.shop-announcement-bar{
  position:fixed;
  inset:0 0 auto;
  z-index:31;
  height:30px;
  padding-inline:var(--shop-edge);
  display:flex;
  align-items:center;
  justify-content:space-between;
  background:var(--shop-gold);
  color:var(--shop-ink);
  text-transform:uppercase;
  letter-spacing:.11em;
  font-size:11px;
  font-weight:800;
}
.shop-announcement-bar p{margin:0}
.shop-announcement-bar>a{display:inline-flex;align-items:center;gap:7px;padding-block:5px;border-bottom:1px solid rgba(10,10,10,.5);white-space:nowrap}
.shop-announcement-bar>a:hover{border-bottom-color:transparent}
.shop-announcement-bar>a span{font-size:13px}
.shop-header{
  top:30px;
  height:74px;
  padding-inline:var(--shop-edge);
  grid-template-columns:1fr auto 1fr;
  background:rgba(8,8,8,.94);
  border-color:rgba(255,255,255,.12);
  animation:none;
}
.shop-brand{display:flex;align-items:center;gap:13px}
.shop-brand img{width:96px}
.shop-brand span{
  padding-inline-start:13px;
  border-inline-start:1px solid rgba(255,255,255,.22);
  color:#b7b3a8;
  text-transform:uppercase;
  letter-spacing:.14em;
  font-size:11px;
  font-weight:700;
}
.shop-header nav{gap:clamp(20px,2.3vw,38px)}
.shop-header nav a{font-size:12px;letter-spacing:.13em}
.shop-header nav a.active{color:var(--shop-gold)}
.shop-header nav a.active:after{inset-inline-end:0}
.shop-header .header-actions{gap:14px}
.shop-account-link{
  min-height:auto;
  padding:10px 13px;
  border:1px solid rgba(255,255,255,.22);
  background:transparent;
  color:#fff;
  letter-spacing:.12em;
}
.shop-account-link:hover{
  border-color:var(--shop-gold);
  background:transparent;
  color:var(--shop-gold);
  transform:none;
}
.shop-header .language-button{color:var(--shop-gold);font-size:12px;letter-spacing:.08em}
.shop-header .cart-button{
  width:auto;
  height:38px;
  display:flex;
  gap:9px;
  padding:0 8px;
}
.cart-button-label{
  color:#fff;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:11px;
  font-weight:800;
}
.shop-header .cart-count{top:-1px;inset-inline-end:-4px}

.commerce-kicker{
  margin:0 0 22px;
  color:var(--shop-gold);
  text-transform:uppercase;
  letter-spacing:.17em;
  font-size:12px;
  font-weight:800;
}
.commerce-hero{
  min-height:790px;
  padding-top:104px;
  display:grid;
  grid-template-columns:minmax(0,50%) minmax(0,50%);
  background:var(--shop-ink);
  overflow:hidden;
}
.commerce-hero-copy{
  padding:clamp(80px,9vw,135px) 5vw 78px 7vw;
  display:flex;
  flex-direction:column;
  justify-content:center;
  position:relative;
}
.commerce-hero-copy:after{
  content:"";
  position:absolute;
  inset:auto 5vw 48px 7vw;
  height:1px;
  background:linear-gradient(90deg,var(--shop-gold),transparent);
  opacity:.5;
}
.commerce-hero h1{
  max-width:720px;
  color:#fff;
  font-size:clamp(40px,4.2vw,62px);
  line-height:.96;
}
.commerce-hero h1 em{
  display:block;
  margin-top:10px;
  color:var(--shop-gold);
  font-style:normal;
}
.commerce-hero h1>span{display:block}
.commerce-hero-intro{
  max-width:600px;
  margin:34px 0 38px;
  color:#b5b1a8;
  font-size:clamp(14px,1.15vw,18px);
  line-height:1.75;
}
.commerce-hero-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap}
.commerce-button{
  min-height:50px;
  padding:0 22px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:24px;
  border:1px solid transparent;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:12px;
  font-weight:900;
  transition:background .2s,color .2s,border-color .2s,transform .2s;
}
.commerce-button:hover{transform:translateY(-2px)}
.commerce-button-gold{background:var(--shop-gold);color:var(--shop-ink)}
.commerce-button-gold:hover{background:#dfc578}
.commerce-button-light{background:var(--shop-paper);color:var(--shop-ink)}
.commerce-button-dark{background:var(--shop-ink);color:#fff}
/* WhatsApp hand-off always uses WhatsApp's own green + glyph. */
.whatsapp-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:11px;
  padding:16px 26px;
  background:#25d366;
  color:#0a2e18;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:13px;
  font-weight:800;
  transition:background .2s,transform .2s;
}
.whatsapp-button:hover{background:#1fb855;transform:translateY(-2px)}
.whatsapp-icon{width:17px;height:17px;flex:none}
.footer-whatsapp-link{display:inline-flex;align-items:center;gap:9px}
.footer-whatsapp-link .whatsapp-icon{width:14px;height:14px;color:#25d366}
.commerce-text-link{
  display:inline-flex;
  align-items:center;
  gap:16px;
  padding:11px 0;
  border-bottom:1px solid rgba(255,255,255,.34);
  color:#fff;
  text-transform:uppercase;
  letter-spacing:.11em;
  font-size:12px;
  font-weight:800;
}
.commerce-text-link span{color:var(--shop-gold);font-size:16px}
.commerce-text-link:hover{border-color:var(--shop-gold)}
.commerce-featured-product{
  min-width:0;
  display:grid;
  grid-template-rows:minmax(520px,1fr) auto;
  border-inline-start:1px solid rgba(255,255,255,.12);
  background:#121212;
}
.commerce-featured-image{
  position:relative;
  min-height:520px;
  overflow:hidden;
  background:#171717;
}
.commerce-featured-image:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(0deg,rgba(0,0,0,.32),transparent 34%);
  pointer-events:none;
}
.commerce-featured-image img.commerce-featured-art{
  z-index:1;
  object-fit:cover;
  object-position:center;
  filter:saturate(.86) contrast(1.03);
  transition:filter .3s;
}
.commerce-featured-image:hover img.commerce-featured-art{filter:saturate(1) contrast(1.03)}
.commerce-featured-badge,.commerce-card-badge{
  position:absolute;
  z-index:2;
  top:22px;
  inset-inline-start:22px;
  padding:8px 11px;
  background:var(--shop-gold);
  color:var(--shop-ink);
  text-transform:uppercase;
  letter-spacing:.11em;
  font-size:11px;
  font-weight:900;
}
.commerce-featured-buy{
  position:relative;
  z-index:3;
  padding:22px 24px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto minmax(150px,.65fr);
  align-items:center;
  gap:24px;
  background:var(--shop-ivory);
  color:var(--shop-ink);
}
.commerce-featured-buy p{
  margin:0 0 5px;
  color:var(--shop-muted);
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:11px;
}
.commerce-featured-buy h2{
  color:var(--shop-ink);
  font-size:clamp(22px,2vw,31px);
  line-height:1;
  letter-spacing:-.04em;
}
.commerce-featured-price{text-align:end;white-space:nowrap}
.commerce-featured-price strong{display:block;font-size:22px;letter-spacing:-.04em}
.commerce-featured-price span{
  display:block;
  margin-top:5px;
  color:#9a4c3d;
  text-transform:uppercase;
  letter-spacing:.1em;
  font-size:11px;
  font-weight:800;
}
.commerce-featured-price span.is-available{color:#547348}
.commerce-featured-buy .add-to-cart-button{
  min-height:50px;
  padding:0 16px;
  background:var(--shop-ink);
  color:#fff;
}
.commerce-featured-buy .add-to-cart-button:hover{background:#2b2b2b}

.commerce-assurance-strip{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  background:var(--shop-gold);
  color:var(--shop-ink);
}
.commerce-assurance-strip article{
  min-height:104px;
  padding:22px 2.6vw;
  display:flex;
  align-items:center;
  position:relative;
  border-inline-end:1px solid rgba(0,0,0,.18);
}
.commerce-assurance-strip article:before{
  content:"";
  width:3px;
  height:34px;
  margin-inline-end:16px;
  background:var(--shop-ink);
  opacity:.78;
}
.commerce-assurance-strip article:last-child{border:0}
.commerce-assurance-strip strong,.commerce-assurance-strip small{display:block}
.commerce-assurance-strip strong{
  text-transform:uppercase;
  letter-spacing:.08em;
  font-size:13px;
}
.commerce-assurance-strip small{margin-top:5px;color:rgba(0,0,0,.66);font-size:12px}

.commerce-category-section{
  padding:120px var(--shop-edge) 125px;
  background:var(--shop-ink);
}
.commerce-section-heading{
  margin:0 0 48px;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(280px,420px);
  gap:7vw;
  align-items:end;
}
.commerce-section-heading h2{
  max-width:820px;
  color:inherit;
  font-size:clamp(30px,3vw,44px);
  line-height:1.02;
}
.commerce-section-heading>p,.commerce-section-heading>div:last-child>p{
  margin:0;
  color:#9b978d;
  font-size:15px;
  line-height:1.8;
}
.commerce-category-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
}
.commerce-category-card{
  min-width:0;
  min-height:530px;
  position:relative;
  overflow:hidden;
  display:flex;
  align-items:end;
  background:#181818;
}
.commerce-category-card img{
  object-fit:cover;
  filter:saturate(.62) brightness(.72);
  transition:transform .65s cubic-bezier(.22,1,.36,1),filter .3s;
}
.commerce-category-card:hover img{transform:scale(1.035);filter:saturate(.9) brightness(.82)}
.commerce-category-shade{
  position:absolute;
  inset:0;
  background:linear-gradient(0deg,rgba(0,0,0,.92),transparent 64%);
}
.commerce-category-card>div{
  position:relative;
  z-index:2;
  width:100%;
  padding:30px 28px;
}
.commerce-category-card p{
  margin:0 0 12px;
  color:#fff;
  text-transform:uppercase;
  letter-spacing:.04em;
  font-size:clamp(24px,2.5vw,38px);
  font-weight:800;
}
.commerce-category-card strong{
  display:block;
  max-width:390px;
  min-height:50px;
  color:#bcb8ae;
  font-size:13px;
  line-height:1.6;
  font-weight:500;
}
.commerce-category-card div>span{
  display:block;
  margin-top:22px;
  color:var(--shop-gold);
  text-transform:uppercase;
  letter-spacing:.11em;
  font-size:11px;
  font-weight:900;
}
.commerce-category-card div>span i{display:inline-block;font-style:normal}

.commerce-category-hero{
  min-height:570px;
  padding:190px 7vw 76px;
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:50px;
  background:
    radial-gradient(circle at 82% 20%,rgba(201,170,93,.2),transparent 30%),
    linear-gradient(140deg,#080808,#171717);
  border-bottom:1px solid rgba(255,255,255,.12);
}
.commerce-category-hero>div{max-width:980px}
.commerce-category-hero h1{font-size:clamp(38px,4vw,58px);line-height:.96}
.commerce-category-hero>div>p:last-child{
  max-width:650px;
  margin:28px 0 0;
  color:#aaa69d;
  font-size:15px;
  line-height:1.75;
}
.commerce-result-count{
  padding-bottom:6px;
  color:var(--shop-gold);
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:12px;
  font-weight:800;
  white-space:nowrap;
}
.commerce-category-nav-wrap{
  padding:22px 7vw;
  background:var(--shop-paper);
  border-bottom:1px solid rgba(0,0,0,.12);
}
.commerce-category-tabs{
  display:flex;
  gap:5px;
  flex-wrap:wrap;
}
.commerce-category-tabs a{
  min-height:38px;
  padding:0 15px;
  display:inline-flex;
  align-items:center;
  border:1px solid rgba(0,0,0,.17);
  color:#716d64;
  text-transform:uppercase;
  letter-spacing:.1em;
  font-size:11px;
  font-weight:900;
}
.commerce-category-tabs a:hover,.commerce-category-tabs a.active{
  border-color:var(--shop-ink);
  background:var(--shop-ink);
  color:#fff;
}

.commerce-product-section{
  padding:120px var(--shop-edge) 130px;
  background:var(--shop-ivory);
  color:var(--shop-ink);
  scroll-margin-top:100px;
}
.commerce-product-heading{margin-bottom:42px}
.commerce-product-heading .commerce-kicker{color:var(--shop-gold-dark)}
.commerce-product-heading>div:last-child{display:flex;flex-direction:column;gap:25px}
.commerce-product-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.commerce-product-grid.single-product-grid{grid-template-columns:minmax(0,920px);max-width:100%}
.single-product-grid .commerce-product-card{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);
}
.single-product-grid .commerce-product-image{aspect-ratio:1/1.04}
.single-product-grid .commerce-product-body{justify-content:center;padding:clamp(30px,4vw,60px)}
.single-product-grid .commerce-product-note{min-height:0}
.commerce-product-card{
  min-width:0;
  display:flex;
  flex-direction:column;
  border:1px solid rgba(0,0,0,.11);
  background:var(--shop-paper);
  box-shadow:0 15px 45px rgba(28,22,8,.04);
}
.commerce-product-image{
  position:relative;
  display:block;
  aspect-ratio:1/1.14;
  overflow:hidden;
  background:#191919;
}
.commerce-product-image img{
  object-fit:cover;
  filter:saturate(.77);
  transition:transform .6s cubic-bezier(.22,1,.36,1),filter .3s;
}
.commerce-product-image:hover img{transform:scale(1.03);filter:saturate(1)}
.commerce-card-badge{top:16px;inset-inline-start:16px}
.commerce-stock-pill{
  position:absolute;
  z-index:2;
  top:16px;
  inset-inline-end:16px;
  padding:7px 9px;
  border:1px solid rgba(255,255,255,.45);
  background:rgba(8,8,8,.76);
  color:#efb4aa;
  backdrop-filter:blur(10px);
  text-transform:uppercase;
  letter-spacing:.09em;
  font-size:11px;
  font-weight:900;
}
.commerce-stock-pill.available{color:#dce9ce}
.commerce-product-body{
  flex:1;
  padding:24px 22px 22px;
  display:flex;
  flex-direction:column;
}
.commerce-product-title{
  display:flex;
  justify-content:space-between;
  align-items:start;
  gap:18px;
}
.commerce-product-title p{
  margin:0 0 8px;
  color:var(--shop-muted);
  text-transform:uppercase;
  letter-spacing:.11em;
  font-size:11px;
}
.commerce-product-title h3{
  margin:0;
  text-transform:uppercase;
  letter-spacing:-.025em;
  font-size:clamp(19px,1.55vw,25px);
}
.commerce-product-title strong{
  flex:0 0 auto;
  color:var(--shop-gold-dark);
  font-size:17px;
  letter-spacing:-.03em;
}
.commerce-product-note{
  min-height:42px;
  margin:18px 0 0;
  color:var(--shop-muted);
  font-size:13px;
  line-height:1.65;
}
.commerce-preview-note{
  margin:12px 0 0;
  color:#8a7032;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-size:11px;
  font-weight:800;
}
.commerce-product-actions{
  margin-top:auto;
  padding-top:22px;
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:8px;
}
.commerce-product-actions .add-to-cart-button{
  min-height:48px;
  padding:0 12px;
  background:var(--shop-ink);
  color:#fff;
}
.commerce-product-actions .add-to-cart-button:hover{background:#2b2b2b}
.commerce-detail-link{
  min-height:48px;
  padding:0 10px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(0,0,0,.2);
  color:var(--shop-ink);
  text-align:center;
  text-transform:uppercase;
  letter-spacing:.09em;
  font-size:11px;
  font-weight:900;
}
.commerce-detail-link:hover{border-color:var(--shop-gold-dark);color:var(--shop-gold-dark)}

.commerce-promo{
  min-height:640px;
  display:grid;
  grid-template-columns:1fr 1fr;
  background:var(--shop-graphite);
}
.commerce-promo-image{position:relative;min-height:560px;overflow:hidden}
.commerce-promo-image:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,transparent 65%,var(--shop-graphite));
}
.commerce-promo-image img{object-fit:cover;filter:saturate(.78)}
.commerce-promo-copy{
  padding:90px 7vw 90px 6vw;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.commerce-promo-copy h2{font-size:clamp(30px,3vw,44px)}
.commerce-promo-copy>p:not(.commerce-kicker){
  max-width:570px;
  margin:30px 0 36px;
  color:#aaa69d;
  font-size:14px;
  line-height:1.8;
}
.commerce-promo-price{display:flex;align-items:center;gap:28px;flex-wrap:wrap}
.commerce-promo-price>strong{color:var(--shop-gold);font-size:25px}

.shop-footer{padding:0;background:var(--shop-ink)}
.shop-help-band{
  padding:70px var(--shop-edge);
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:8vw;
  align-items:end;
  background:var(--shop-gold);
  color:var(--shop-ink);
}
.shop-help-band>div:first-child>p{
  margin:0 0 18px;
  color:rgba(0,0,0,.58);
  text-transform:uppercase;
  letter-spacing:.14em;
  font-size:11px;
  font-weight:900;
}
.shop-help-band h2{
  color:var(--shop-ink);
  font-size:clamp(28px,2.8vw,42px);
  line-height:1.02;
}
.shop-help-band>div:last-child>p{
  max-width:580px;
  margin:0 0 24px;
  color:rgba(0,0,0,.7);
  font-size:14px;
  line-height:1.75;
}
.shop-footer-main{
  padding:85px var(--shop-edge) 0;
  display:grid;
  grid-template-columns:1fr auto;
  gap:70px;
}
.shop-footer .footer-links{margin:0}
.shop-footer-brand strong{
  display:block;
  margin-top:18px;
  color:var(--shop-gold);
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:11px;
}
.shop-footer .footer-bottom{margin:68px var(--shop-edge) 0;padding-bottom:30px}

html[dir="rtl"] .shop-frame .commerce-text-link span,
html[dir="rtl"] .shop-frame .commerce-category-card div>span i,
html[dir="rtl"] .shop-frame .commerce-promo .commerce-button span,
html[dir="rtl"] .shop-frame .shop-help-band .commerce-button span{transform:rotate(180deg)}
html[dir="rtl"] .shop-frame .commerce-promo-image:after{
  background:linear-gradient(270deg,transparent 65%,var(--shop-graphite));
}
html[dir="rtl"] .shop-frame .commerce-product-title h3,
html[dir="rtl"] .shop-frame .commerce-category-card p{text-transform:none;letter-spacing:0}
html[dir="rtl"] .shop-frame .commerce-featured-buy h2,
html[dir="rtl"] .shop-frame .commerce-category-hero h1,
html[dir="rtl"] .shop-frame .commerce-section-heading h2,
html[dir="rtl"] .shop-frame .commerce-promo-copy h2,
html[dir="rtl"] .shop-frame .shop-help-band h2{letter-spacing:-.035em}

.commerce-product-section a:focus-visible,
.commerce-product-section button:focus-visible,
.commerce-category-nav-wrap a:focus-visible{
  outline-color:var(--shop-ink);
  box-shadow:0 0 0 5px var(--shop-ivory);
}

@media(max-width:1100px){
  .commerce-hero{grid-template-columns:1fr;min-height:0}
  .commerce-hero-copy{min-height:650px;padding-top:125px}
  .commerce-featured-product{border-inline-start:0;border-top:1px solid rgba(255,255,255,.12)}
  .commerce-featured-image{min-height:620px}
  .commerce-category-card{min-height:440px}
  .commerce-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .commerce-product-grid.single-product-grid{grid-template-columns:minmax(0,1fr)}
  .single-product-grid .commerce-product-card{grid-template-columns:1fr 1fr}
  .commerce-promo{grid-template-columns:1fr}
  .commerce-promo-image{height:600px}
  .commerce-promo-image:after,html[dir="rtl"] .shop-frame .commerce-promo-image:after{
    background:linear-gradient(0deg,var(--shop-graphite),transparent 36%);
  }
}

@media(max-width:1020px){
  .shop-header{grid-template-columns:1fr auto;height:68px}
  .shop-header .site-header nav{display:none}
  .shop-brand span{display:none}
  .shop-header .language-button,.shop-header .shop-account-link{display:none}
  .shop-header .menu-button{display:block}
  .commerce-assurance-strip{grid-template-columns:1fr 1fr}
  .commerce-assurance-strip article:nth-child(2){border-inline-end:0}
  .commerce-assurance-strip article:nth-child(-n+2){border-bottom:1px solid rgba(0,0,0,.18)}
  .commerce-section-heading{grid-template-columns:1fr;gap:24px;margin-inline:0}
  .commerce-category-section,.commerce-product-section{padding-inline:24px}
  .commerce-category-grid{grid-template-columns:1fr}
  .commerce-category-card{min-height:520px}
  .commerce-category-hero{padding-inline:24px}
  .shop-help-band{grid-template-columns:1fr;gap:30px;padding-inline:24px}
  .shop-footer-main{grid-template-columns:1fr;padding-inline:24px}
  .shop-footer .footer-links{justify-content:start}
}

@media(max-width:700px){
  .shop-announcement-bar{height:28px;padding-inline:16px;gap:12px;text-align:center;letter-spacing:.07em}
  .shop-announcement-bar p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .shop-announcement-bar>a span{display:none}
  .shop-header{top:28px;height:64px;padding-inline:16px}
  .shop-brand img{width:88px}
  .shop-header .header-actions{gap:8px}
  .shop-header .cart-button{padding-inline:4px}
  .cart-button-label{display:none}
  .commerce-hero{padding-top:92px}
  .commerce-hero-copy{min-height:600px;padding:85px 20px 65px}
  .commerce-hero-copy:after{inset-inline:20px}
  .commerce-hero h1{font-size:clamp(33px,9vw,42px)}
  .commerce-hero-intro{font-size:14px}
  .commerce-hero-actions{align-items:stretch;flex-direction:column;gap:12px}
  .commerce-button{width:100%}
  .commerce-text-link{width:max-content}
  .commerce-featured-image{min-height:460px}
  .commerce-featured-buy{
    padding:20px;
    grid-template-columns:minmax(0,1fr) auto;
    gap:16px;
  }
  .commerce-featured-buy>div:first-child{min-width:0}
  .commerce-featured-buy h2{font-size:20px}
  .commerce-featured-buy .add-to-cart-button{grid-column:1/-1}
  .commerce-featured-price strong{font-size:19px}
  .commerce-assurance-strip{grid-template-columns:1fr}
  .commerce-assurance-strip article{min-height:86px;padding-inline:20px;border-inline-end:0;border-bottom:1px solid rgba(0,0,0,.18)}
  .commerce-assurance-strip article:nth-child(2){border-bottom:1px solid rgba(0,0,0,.18)}
  .commerce-assurance-strip article:last-child{border-bottom:0}
  .commerce-category-section,.commerce-product-section{padding:82px 16px 90px}
  .commerce-section-heading{margin-bottom:34px}
  .commerce-section-heading h2{font-size:45px}
  .commerce-category-grid{gap:10px}
  .commerce-category-card{min-height:420px}
  .commerce-category-card>div{padding:24px 20px}
  .commerce-category-card strong{min-height:0}
  .commerce-category-hero{
    min-height:500px;
    padding:155px 20px 60px;
    display:block;
  }
  .commerce-category-hero h1{font-size:55px}
  .commerce-result-count{display:block;margin-top:30px}
  .commerce-category-nav-wrap{padding:16px}
  .commerce-category-tabs{overflow:auto;flex-wrap:nowrap;padding-bottom:4px}
  .commerce-category-tabs a{white-space:nowrap}
  .commerce-product-grid{grid-template-columns:1fr;gap:14px}
  .single-product-grid .commerce-product-card{display:flex}
  .single-product-grid .commerce-product-image{aspect-ratio:1/1.14}
  .single-product-grid .commerce-product-body{padding:22px 18px 18px}
  .commerce-product-body{padding:22px 18px 18px}
  .commerce-product-title strong{font-size:15px}
  .commerce-product-actions{grid-template-columns:1fr}
  .commerce-promo{min-height:0}
  .commerce-promo-image{height:450px;min-height:0}
  .commerce-promo-copy{padding:68px 20px 75px}
  .commerce-promo-copy h2{font-size:51px}
  .shop-help-band{padding:60px 20px}
  .shop-help-band h2{font-size:43px}
  .shop-footer-main{padding:65px 20px 0;gap:45px}
  .shop-footer .footer-links{grid-template-columns:1fr 1fr}
  .shop-footer .footer-bottom{margin-inline:20px}
}

@media(prefers-reduced-motion:reduce){
  .commerce-featured-image img,
  .commerce-category-card img,
  .commerce-product-image img,
  .commerce-button{transition:none}
  .commerce-featured-image:hover img,
  .commerce-category-card:hover img,
  .commerce-product-image:hover img,
  .commerce-button:hover{transform:none}
}

/* RUVO Shop account entry
   A tool-wall image and a quiet paper form create a deliberate handoff from
   product discovery to account management without leaving the retail system. */
.shop-auth-layout{
  min-height:100svh;
  padding-top:104px;
  background:var(--shop-paper);
  color:var(--shop-ink);
  display:grid;
  grid-template-columns:minmax(0,48%) minmax(0,52%);
}
.shop-auth-visual{
  min-width:0;
  min-height:780px;
  background:#101010;
  position:relative;
  overflow:hidden;
}
.shop-auth-visual>img{
  object-fit:cover;
  object-position:center;
  filter:saturate(.66) contrast(1.05) brightness(.76);
  transform:scale(1.015);
}
.shop-auth-register .shop-auth-visual{
  background:#0d1012 url("/images/upscaled/edge.webp") center/cover no-repeat;
}
.shop-auth-register .shop-auth-visual:before{
  content:"";
  background:rgba(5,6,7,.5);
  backdrop-filter:blur(18px);
  position:absolute;
  inset:-24px;
}
.shop-auth-register .shop-auth-visual>img{
  object-fit:contain;
  object-position:center 20%;
  transform:scale(1.42);
}
.shop-auth-visual-shade{
  background:
    linear-gradient(180deg,rgba(0,0,0,.08) 22%,rgba(0,0,0,.84) 100%),
    linear-gradient(90deg,rgba(0,0,0,.35),transparent 52%);
  position:absolute;
  inset:0;
}
.shop-auth-visual-copy{
  z-index:1;
  max-width:720px;
  padding:60px 5.5vw;
  position:absolute;
  inset:auto 0 0;
}
.shop-auth-visual-copy>p{
  color:var(--shop-gold);
  text-transform:uppercase;
  letter-spacing:.16em;
  margin:0 0 20px;
  font-size:12px;
  font-weight:900;
}
.shop-auth-visual-copy h2{
  color:#fff;
  max-width:620px;
  font-size:clamp(30px,3vw,44px);
  line-height:1.02;
}
.shop-auth-visual-copy>span{
  color:#c2beb5;
  max-width:530px;
  margin-top:26px;
  font-size:15px;
  line-height:1.75;
  display:block;
}
.shop-auth-visual-copy ul{
  list-style:none;
  border-top:1px solid rgba(255,255,255,.24);
  grid-template-columns:repeat(3,1fr);
  gap:0;
  margin:35px 0 0;
  padding:0;
  display:grid;
}
.shop-auth-visual-copy li{
  color:#eeeae1;
  border-inline-end:1px solid rgba(255,255,255,.18);
  min-height:68px;
  padding:18px 16px 0 0;
  font-size:12px;
  font-weight:700;
  line-height:1.5;
}
.shop-auth-visual-copy li:before{
  content:"";
  background:var(--shop-gold);
  width:18px;
  height:2px;
  margin-bottom:11px;
  display:block;
}
.shop-auth-visual-copy li:last-child{border:0;padding-inline-end:0}
.shop-auth-panel{
  min-width:0;
  background:var(--shop-paper);
  flex-direction:column;
  display:flex;
}
.shop-auth-tabs{
  border-bottom:1px solid rgba(0,0,0,.14);
  min-height:67px;
  padding:0 clamp(28px,5vw,78px);
  gap:32px;
  display:flex;
}
.shop-auth-tabs a{
  color:#878279;
  text-transform:uppercase;
  letter-spacing:.12em;
  align-items:center;
  border-bottom:2px solid transparent;
  margin-bottom:-1px;
  padding-top:2px;
  font-size:11px;
  font-weight:900;
  display:flex;
}
.shop-auth-tabs a:hover{color:var(--shop-ink)}
.shop-auth-tabs a.active{color:var(--shop-ink);border-color:var(--shop-gold-dark)}
.shop-auth-panel-inner{
  width:min(100%,640px);
  margin:auto;
  padding:clamp(56px,7vw,105px) clamp(30px,5.5vw,82px);
}
.shop-auth-panel-inner>.commerce-kicker{color:var(--shop-gold-dark);margin-bottom:16px}
.shop-auth-panel-inner h1{
  color:var(--shop-ink);
  max-width:560px;
  font-size:clamp(30px,3vw,44px);
  line-height:1.02;
}
.shop-auth-intro{
  color:var(--shop-muted);
  max-width:490px;
  margin:24px 0 30px;
  font-size:15px;
  line-height:1.75;
}
.google-auth-button{
  width:100%;
  min-height:54px;
  color:#252525;
  background:#fff;
  border:1px solid rgba(0,0,0,.2);
  justify-content:center;
  align-items:center;
  gap:14px;
  padding:0 18px;
  font-size:13px;
  font-weight:800;
  transition:border-color .2s,background .2s,transform .2s;
  display:flex;
}
a.google-auth-button:hover{
  background:#f6f4ef;
  border-color:var(--shop-gold-dark);
  transform:translateY(-1px);
}
.google-auth-button:disabled{
  cursor:not-allowed;
  color:#77736b;
  background:#f2f0ea;
  border-style:dashed;
}
.google-auth-button svg{width:19px;height:19px;flex:none}
.google-auth-note{
  color:#8a7032;
  margin:10px 0 0;
  font-size:12px;
  line-height:1.6;
}
.shop-auth-error{margin:13px 0 0}
.shop-auth-divider{
  color:#8d887f;
  text-align:center;
  text-transform:uppercase;
  letter-spacing:.1em;
  align-items:center;
  gap:14px;
  margin:26px 0;
  font-size:11px;
  font-weight:800;
  display:flex;
}
.shop-auth-divider:before,.shop-auth-divider:after{
  content:"";
  background:rgba(0,0,0,.15);
  height:1px;
  flex:1;
}
.shop-auth-panel .auth-form{gap:17px;margin-top:0}
.shop-auth-panel .form-row{gap:14px}
.shop-auth-panel .form-field{gap:0}
.shop-auth-panel .form-field>label{
  color:#4e4a43;
  margin-bottom:8px;
  font-size:11px;
}
.shop-auth-panel .form-field>label span{
  color:#98938a;
  margin-inline-start:5px;
  font-weight:600;
}
.shop-auth-panel .form-field input{
  min-height:52px;
  color:var(--shop-ink);
  background:#fff;
  border-color:rgba(0,0,0,.18);
  padding:14px 15px;
}
.shop-auth-panel .form-field input::placeholder{color:#aaa59c}
.shop-auth-panel .form-field input:focus{
  background:#fff;
  border-color:var(--shop-gold-dark);
  box-shadow:0 0 0 3px rgba(157,127,54,.12);
}
.shop-auth-submit{
  width:100%;
  margin-top:3px;
}
.shop-auth-submit:disabled{cursor:wait;opacity:.65}
.shop-auth-submit span{font-size:15px}
html[dir="rtl"] .shop-frame .shop-auth-submit span{transform:rotate(180deg)}
.shop-auth-panel .auth-switch{
  color:#77736b;
  text-align:center;
  margin-top:2px;
  font-size:13px;
}
.shop-auth-panel .auth-switch a{
  color:var(--shop-gold-dark);
  border-bottom:1px solid rgba(157,127,54,.45);
  font-weight:800;
}
.shop-auth-secure-note{
  color:#98938a;
  border-top:1px solid rgba(0,0,0,.12);
  margin:26px 0 0;
  padding-top:20px;
  font-size:12px;
  line-height:1.65;
}
html[dir="rtl"] .shop-frame .shop-auth-visual-copy>p,
html[dir="rtl"] .shop-frame .shop-auth-tabs a,
html[dir="rtl"] .shop-frame .shop-auth-divider{letter-spacing:0}
html[dir="rtl"] .shop-frame .shop-auth-visual-copy li{padding:18px 0 0 16px}

@media(max-width:1000px){
  .shop-auth-layout{grid-template-columns:minmax(0,42%) minmax(0,58%)}
  .shop-auth-visual-copy{padding-inline:36px}
  .shop-auth-visual-copy ul{grid-template-columns:1fr}
  .shop-auth-visual-copy li{
    border-inline-end:0;
    border-bottom:1px solid rgba(255,255,255,.16);
    min-height:0;
    padding:13px 0;
  }
  .shop-auth-visual-copy li:before{display:none}
  .shop-auth-visual-copy li:last-child{border:0}
}

@media(max-width:820px){
  .shop-auth-layout{grid-template-columns:1fr}
  .shop-auth-visual{min-height:480px}
  .shop-auth-visual-copy{padding:45px 28px}
  .shop-auth-visual-copy h2{font-size:58px}
  .shop-auth-visual-copy ul{grid-template-columns:repeat(3,1fr)}
  .shop-auth-visual-copy li{
    border-bottom:0;
    border-inline-end:1px solid rgba(255,255,255,.18);
    padding:15px 13px 0 0;
  }
  .shop-auth-panel-inner{width:min(100%,680px)}
}

@media(max-width:600px){
  .shop-auth-layout{padding-top:92px}
  .shop-auth-visual{min-height:370px}
  .shop-auth-visual-copy{padding:36px 20px}
  .shop-auth-visual-copy h2{font-size:43px}
  .shop-auth-visual-copy>span{margin-top:18px;font-size:13px}
  .shop-auth-visual-copy ul{margin-top:24px}
  .shop-auth-visual-copy li{padding:12px 9px 0 0;font-size:11px}
  .shop-auth-tabs{min-height:60px;padding-inline:20px}
  .shop-auth-panel-inner{padding:54px 20px 65px}
  .shop-auth-panel-inner h1{font-size:45px}
  .shop-auth-intro{margin-top:20px}
  .shop-auth-panel .form-row{grid-template-columns:1fr;gap:17px}
}

/* Shop sitemap pages and catalog controls */
.commerce-catalog-tools{
  margin:0 0 38px;
  padding:22px 24px 24px;
  border:1px solid rgba(0,0,0,.13);
  background:#fff;
  box-shadow:0 12px 36px rgba(38,32,20,.045);
}
.catalog-tools-heading{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:24px;
  margin-bottom:18px;
}
.catalog-tools-heading>div{display:grid;gap:4px}
.catalog-tools-heading strong{
  color:var(--shop-ink);
  text-transform:uppercase;
  letter-spacing:.04em;
  font-size:15px;
}
.catalog-tools-heading span{
  color:var(--shop-muted);
  font-size:13px;
  line-height:1.5;
}
.catalog-tools-heading>a{
  flex:none;
  color:var(--shop-gold-dark);
  border-bottom:1px solid rgba(157,127,54,.42);
  padding-bottom:3px;
  text-transform:uppercase;
  letter-spacing:.09em;
  font-size:11px;
  font-weight:900;
}
.catalog-tools-row{
  display:grid;
  grid-template-columns:minmax(280px,1fr) minmax(150px,190px) minmax(180px,220px) auto;
  align-items:end;
  gap:10px;
}
.commerce-catalog-tools label{min-width:0;display:grid;gap:7px}
.commerce-catalog-tools .catalog-field-label{
  color:#656158;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:11px;
  font-weight:900;
}
.catalog-input-shell{position:relative;display:block}
.catalog-search-mark{
  position:absolute;
  z-index:1;
  top:50%;
  inset-inline-start:16px;
  width:14px;
  height:14px;
  border:1.5px solid #555149;
  border-radius:50%;
  transform:translateY(-56%);
  pointer-events:none;
}
.catalog-search-mark:after{
  content:"";
  position:absolute;
  width:6px;
  height:1.5px;
  inset-inline-end:-5px;
  bottom:-2px;
  background:#555149;
  transform:rotate(45deg);
  transform-origin:left;
}
html[dir="rtl"] .shop-frame .catalog-search-mark:after{
  transform:rotate(-45deg);
  transform-origin:right;
}
.commerce-catalog-tools input,.commerce-catalog-tools select{
  width:100%;
  min-height:50px;
  border:1px solid #d8d4ca;
  border-radius:0;
  background:var(--shop-paper);
  color:#111;
  padding:0 15px;
  font:inherit;
  font-size:13px;
  transition:border-color .2s,box-shadow .2s,background .2s;
}
.commerce-catalog-tools input{padding-inline-start:45px}
.commerce-catalog-tools input:hover,.commerce-catalog-tools select:hover{border-color:#aaa398}
.commerce-catalog-tools input:focus,.commerce-catalog-tools select:focus{
  outline:0;
  border-color:var(--shop-gold-dark);
  background:#fff;
  box-shadow:0 0 0 3px rgba(157,127,54,.1);
}
.commerce-catalog-tools .commerce-button{
  min-height:50px;
  border:0;
  white-space:nowrap;
}
html[dir="rtl"] .shop-frame .commerce-catalog-tools .commerce-button>span{
  transform:rotate(180deg);
}
.commerce-empty-state{
  grid-column:1/-1;
  min-height:300px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  padding:48px;
  border:1px solid rgba(0,0,0,.15);
  background:#f2efe7;
}
.commerce-empty-state h3{margin:0 0 28px;color:#171717;font-size:clamp(24px,2.4vw,34px);letter-spacing:-.035em}
.shop-info-hero{
  min-height:620px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  padding:190px var(--shop-edge) 85px;
  background:
    radial-gradient(circle at 82% 24%,rgba(201,170,93,.16),transparent 30%),
    linear-gradient(135deg,#080808,#171612);
}
.shop-info-hero h1{max-width:980px;margin:0;color:#fff;font-size:clamp(38px,4.4vw,64px);line-height:.98;letter-spacing:-.04em}
.shop-info-hero>p:not(.commerce-kicker){max-width:710px;margin:30px 0;color:#aaa69d;font-size:14px;line-height:1.85}
.shop-info-hero .commerce-detail-link{color:var(--shop-gold);width:max-content}
.shop-info-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1px;
  padding:1px 0;
  background:rgba(0,0,0,.16);
  color:#171717;
}
.shop-info-grid article{
  min-height:360px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  padding:64px clamp(26px,3vw,54px);
  background:var(--shop-paper);
}
.shop-info-grid article:nth-child(odd){padding-inline-start:var(--shop-edge-vw)}
.shop-info-grid article:nth-child(even){padding-inline-end:var(--shop-edge-vw)}
.shop-info-grid article>span{color:var(--shop-gold-dark);font:800 12px "Courier New",monospace}
.shop-info-grid h2{margin:40px 0 20px;font-size:clamp(25px,2.4vw,34px);line-height:1.05;letter-spacing:-.035em}
.shop-info-grid p,.shop-info-grid li{color:#716d64;font-size:14px;line-height:1.85}
.shop-info-grid ul{margin:4px 0 0;padding-inline-start:18px}
.shop-info-grid .commerce-detail-link{margin-top:auto;padding-top:28px;color:var(--shop-gold-dark)}
.shop-info-contact{
  min-height:260px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:40px;
  padding:60px var(--shop-edge);
  background:#0a0a0a;
}
.shop-info-contact h2{margin:0;color:#fff;font-size:clamp(28px,2.8vw,42px);letter-spacing:-.035em}
.shop-product-service-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1px;
  padding:1px;
  background:rgba(255,255,255,.12);
}
.shop-product-service-grid article{
  min-height:300px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  padding:48px 4vw;
  background:#0a0a0a;
}
.shop-product-service-grid article>span{color:var(--shop-gold);font:800 12px "Courier New",monospace}
.shop-product-service-grid h2{margin:42px 0 17px;color:#fff;font-size:clamp(22px,2vw,29px);letter-spacing:-.03em}
.shop-product-service-grid p{margin:0;color:#8e8a82;font-size:13px;line-height:1.8}
.shop-product-service-grid .commerce-detail-link{margin-top:auto;padding-top:24px;color:var(--shop-gold)}
html[dir="rtl"] .shop-frame .commerce-catalog-tools label>span{letter-spacing:0;text-transform:none}
html[dir="rtl"] .shop-frame .shop-info-hero h1,html[dir="rtl"] .shop-frame .shop-info-grid h2,html[dir="rtl"] .shop-frame .shop-info-contact h2,html[dir="rtl"] .shop-frame .shop-product-service-grid h2{letter-spacing:-.025em}

@media(max-width:760px){
  .commerce-catalog-tools{padding:18px 16px 20px}
  .catalog-tools-heading{align-items:center;margin-bottom:16px}
  .catalog-tools-heading span{font-size:12px}
  .catalog-tools-row{grid-template-columns:1fr}
  .commerce-catalog-tools .commerce-button{width:100%}
  .commerce-empty-state{min-height:240px;padding:34px 24px}
  .shop-info-hero{min-height:540px;padding:160px 20px 60px}
  .shop-info-hero h1{font-size:54px}
  .shop-info-grid{grid-template-columns:1fr}
  .shop-info-grid article{min-height:320px;padding:46px 24px}
  .shop-info-contact{align-items:flex-start;flex-direction:column;padding:52px 20px}
  .shop-info-contact .commerce-button{width:100%}
  .shop-product-service-grid{grid-template-columns:1fr}
  .shop-product-service-grid article{min-height:260px;padding:40px 24px}
}

/* B2C home: retail-first hierarchy inspired by best-in-class appliance shops,
   expressed through RUVO's tool-bench palette and product photography. */
.shop-header{
  grid-template-columns:minmax(190px,1fr) minmax(280px,520px) minmax(300px,1fr);
}
.shop-header-search{
  min-height:42px;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:13px;
  padding:0 14px;
  border:1px solid rgba(255,255,255,.25);
  background:#111;
}
.shop-header-search .search-mark,.shop-mobile-search .search-mark{width:14px;height:14px}
.shop-header-search input,.shop-mobile-search input{
  min-width:0;
  border:0;
  outline:0;
  background:transparent;
  color:#fff;
  font-size:13px;
}
.shop-header-search input::placeholder,.shop-mobile-search input::placeholder{color:#89877f}
.shop-header-search button,.shop-mobile-search button{
  border:0;
  background:transparent;
  color:var(--shop-gold);
  text-transform:uppercase;
  letter-spacing:.11em;
  font-size:11px;
  font-weight:900;
  cursor:pointer;
}
.shop-quick-nav{
  position:fixed;
  z-index:29;
  top:104px;
  inset-inline:0;
  height:52px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:0;
  padding-inline:var(--shop-edge);
  border-bottom:1px solid rgba(0,0,0,.12);
  background:rgba(255,255,255,.985);
  color:var(--shop-ink);
}
.shop-quick-nav>a,.shop-category-menu>a{
  height:100%;
  display:flex;
  align-items:center;
  position:relative;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-size:12px;
  font-weight:800;
}
.shop-quick-nav>a:after,.shop-category-menu>a:after{
  content:"";
  position:absolute;
  inset-inline:0;
  bottom:0;
  height:2px;
  background:var(--shop-gold-dark);
  transform:scaleX(0);
  transition:transform .2s;
}
.shop-quick-nav>a:hover:after,.shop-quick-nav>a.active:after,.shop-category-menu:hover>a:after,.shop-category-menu:focus-within>a:after{transform:scaleX(1)}
.shop-category-menu{height:100%;display:flex;align-items:center}
.shop-category-menu>a{gap:7px}
.shop-category-chevron{
  margin-top:-4px;
  color:var(--shop-gold-dark);
  font-size:14px;
  transition:transform .2s ease;
}
.shop-category-menu:hover .shop-category-chevron,.shop-category-menu:focus-within .shop-category-chevron{transform:rotate(180deg)}
.shop-mega-menu{
  position:fixed;
  z-index:28;
  top:156px;
  inset-inline:var(--shop-edge);
  min-height:360px;
  display:grid;
  grid-template-columns:minmax(340px,.72fr) minmax(520px,1.28fr);
  border:1px solid rgba(0,0,0,.15);
  border-top:0;
  background:#fff;
  box-shadow:0 24px 56px rgba(0,0,0,.18);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateY(-8px);
  transition:opacity .18s ease,transform .18s ease,visibility .18s;
}
.shop-category-menu:hover .shop-mega-menu,.shop-category-menu:focus-within .shop-mega-menu{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateY(0);
}
.shop-mega-copy{
  padding:48px 5vw;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
}
.shop-mega-copy>p{
  margin:0 0 18px;
  color:var(--shop-gold-dark);
  font-size:11px;
  font-weight:900;
  letter-spacing:.15em;
  text-transform:uppercase;
}
.shop-mega-copy h2{
  max-width:530px;
  margin:0;
  color:var(--shop-ink);
  font-size:clamp(26px,2.3vw,34px);
  line-height:1.02;
  letter-spacing:-.05em;
}
.shop-mega-copy>span{
  max-width:470px;
  margin:22px 0 28px;
  color:var(--shop-muted);
  font-size:13px;
  line-height:1.7;
}
.shop-mega-links{
  width:100%;
  display:grid;
  border-top:1px solid rgba(0,0,0,.12);
}
.shop-mega-links>a{
  min-height:34px;
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  border-bottom:1px solid rgba(0,0,0,.12);
  color:var(--shop-ink);
  font-size:12px;
  font-weight:700;
}
.shop-mega-links>a:first-child{color:var(--shop-gold-dark);font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.shop-mega-copy i{font-style:normal;color:var(--shop-gold-dark);font-size:14px}
.shop-mega-image{
  position:relative;
  min-height:360px;
  overflow:hidden;
  background:#151515;
}
.shop-mega-image img{object-fit:cover}
.shop-mega-image:after{
  content:"";
  position:absolute;
  inset:55% 0 0;
  background:linear-gradient(0deg,rgba(0,0,0,.8),transparent);
}
.shop-mega-image>span{
  position:absolute;
  z-index:2;
  inset-inline:28px;
  bottom:24px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:8px;
  color:#fff;
  font-size:15px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.shop-mega-image>span small{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:var(--shop-gold);
  font-size:11px;
  font-weight:900;
  letter-spacing:.1em;
}
.shop-mega-image>span i{font-style:normal;font-size:13px}
.shop-pro-nav{
  gap:4px;
  margin-inline-start:1.5vw;
  font-size:14px!important;
  letter-spacing:-.02em!important;
}
/* Wordmark, not a phrase — it must read RUVO PRO in Arabic too. */
.shop-pro-nav{direction:ltr}
.shop-pro-nav span{font-weight:900}
.shop-pro-nav strong{color:var(--shop-gold-dark);font-weight:900}
html[dir="rtl"] .shop-frame .shop-mega-copy h2{letter-spacing:-.025em}
html[dir="rtl"] .shop-frame .shop-mega-copy i{display:inline-block;transform:rotate(180deg)}
.shop-mobile-search{display:none}

.retail-kicker{
  margin:0 0 18px;
  color:var(--shop-gold-dark);
  text-transform:uppercase;
  letter-spacing:.16em;
  font-size:11px;
  font-weight:900;
}
.retail-home-hero{
  min-height:780px;
  padding-top:148px;
  display:grid;
  grid-template-columns:minmax(0,45%) minmax(0,55%);
  background:var(--shop-paper);
  color:var(--shop-ink);
}
.retail-home-copy{
  padding:clamp(70px,8vw,125px) 5vw 72px 7vw;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.retail-home-copy h1{
  max-width:700px;
  color:var(--shop-ink);
  font-size:clamp(54px,6.2vw,94px);
  line-height:.91;
}
.retail-home-intro{
  max-width:580px;
  margin:30px 0 34px;
  color:#66635b;
  font-size:clamp(13px,1.1vw,16px);
  line-height:1.75;
}
.retail-home-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap}
.retail-button{
  min-height:50px;
  padding:0 23px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-transform:uppercase;
  letter-spacing:.11em;
  font-size:12px;
  font-weight:900;
}
.retail-button-gold{background:var(--shop-gold);color:var(--shop-ink)}
.retail-button-gold:hover{background:#dfc578}
.retail-text-link{
  display:inline-flex;
  align-items:center;
  gap:12px;
  padding-block:10px;
  border-bottom:1px solid rgba(0,0,0,.35);
  text-transform:uppercase;
  letter-spacing:.1em;
  font-size:12px;
  font-weight:800;
}
.retail-text-link span{color:var(--shop-gold-dark)}
.retail-hero-product{
  min-width:0;
  display:grid;
  grid-template-rows:minmax(500px,1fr) auto;
  border-inline-start:1px solid rgba(0,0,0,.13);
  background:#151515;
}
.retail-hero-image{position:relative;min-height:500px;overflow:hidden}
.retail-hero-image img{object-fit:contain;object-position:center}
.retail-hero-image>span,.retail-product-image>span{
  position:absolute;
  z-index:2;
  top:20px;
  inset-inline-start:20px;
  padding:8px 10px;
  background:var(--shop-gold);
  color:var(--shop-ink);
  text-transform:uppercase;
  letter-spacing:.1em;
  font-size:11px;
  font-weight:900;
}
.retail-hero-buy{
  min-height:96px;
  padding:20px 24px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto minmax(145px,.55fr);
  align-items:center;
  gap:22px;
  background:var(--shop-ink);
  color:#fff;
}
.retail-hero-buy>div{display:grid;gap:5px}
.retail-hero-buy small{color:#969289;text-transform:uppercase;letter-spacing:.11em;font-size:11px}
.retail-hero-buy strong{font-size:18px;text-transform:uppercase;letter-spacing:-.02em}
.retail-hero-buy>b{color:var(--shop-gold);font-size:19px;white-space:nowrap}
.retail-hero-buy .add-to-cart-button{
  min-height:48px;
  border:0;
  background:var(--shop-gold);
  color:var(--shop-ink);
  text-transform:uppercase;
  letter-spacing:.1em;
  font-size:11px;
  font-weight:900;
  cursor:pointer;
}
.retail-assurances{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  background:var(--shop-gold);
  color:var(--shop-ink);
}
.retail-assurances>div{
  min-height:94px;
  padding:21px 2.7vw;
  display:flex;
  flex-direction:column;
  justify-content:center;
  border-inline-end:1px solid rgba(0,0,0,.18);
}
.retail-assurances>div:last-child{border:0}
.retail-assurances strong{text-transform:uppercase;letter-spacing:.08em;font-size:12px}
.retail-assurances span{margin-top:6px;color:rgba(0,0,0,.64);font-size:12px;line-height:1.45}
.retail-category-section,.retail-bestsellers{padding:110px 5vw 120px}
.retail-category-section{background:var(--shop-ink)}
.retail-bestsellers{background:var(--shop-ivory);color:var(--shop-ink)}
.retail-section-heading{
  margin:0 2vw 44px;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(280px,410px);
  align-items:end;
  gap:7vw;
}
.retail-section-heading h2{
  max-width:790px;
  color:inherit;
  font-size:clamp(46px,5.6vw,82px);
  line-height:.94;
}
.retail-category-section .retail-kicker{color:var(--shop-gold)}
.retail-category-section .retail-section-heading>p{color:#aaa69d}
.retail-section-heading>p,.retail-heading-action>p{
  margin:0;
  color:#6e6a62;
  font-size:14px;
  line-height:1.8;
}
.retail-category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.retail-category-card{
  min-height:510px;
  position:relative;
  overflow:hidden;
  display:flex;
  align-items:end;
  background:#171717;
}
.retail-category-card img{
  object-fit:cover;
  filter:saturate(.67) brightness(.74);
  transition:transform .55s cubic-bezier(.22,1,.36,1),filter .25s;
}
.retail-category-card:hover img{transform:scale(1.025);filter:saturate(.9) brightness(.82)}
.retail-category-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.94),transparent 64%)}
.retail-category-card>div{position:relative;z-index:2;padding:28px;width:100%}
.retail-category-card h3{margin:0;color:#fff;font-size:clamp(28px,3vw,44px);line-height:1}
.retail-category-card p{max-width:380px;min-height:48px;margin:14px 0 20px;color:#b5b1a8;font-size:13px;line-height:1.65}
.retail-category-card strong{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding-top:16px;
  border-top:1px solid rgba(255,255,255,.24);
  color:var(--shop-gold);
  text-transform:uppercase;
  letter-spacing:.11em;
  font-size:11px;
}
.retail-category-card i{font-style:normal;font-size:14px}
.retail-heading-action{display:flex;flex-direction:column;gap:20px;align-items:flex-start}
.retail-heading-action>a{
  display:flex;
  align-items:center;
  gap:13px;
  padding-bottom:7px;
  border-bottom:1px solid var(--shop-gold-dark);
  color:var(--shop-gold-dark);
  text-transform:uppercase;
  letter-spacing:.1em;
  font-size:11px;
  font-weight:900;
}
.retail-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.retail-product-card{min-width:0;background:var(--shop-paper);border:1px solid rgba(0,0,0,.12)}
.retail-product-image{position:relative;display:block;aspect-ratio:1/1.08;overflow:hidden;background:#191919}
.retail-product-image img{object-fit:cover;transition:transform .5s cubic-bezier(.22,1,.36,1)}
.retail-product-image:hover img{transform:scale(1.025)}
.retail-product-info{padding:22px 20px 20px}
.retail-product-line{display:flex;justify-content:space-between;gap:16px;align-items:start}
.retail-product-line small{display:block;margin-bottom:7px;color:var(--shop-muted);text-transform:uppercase;letter-spacing:.1em;font-size:11px}
.retail-product-line h3{margin:0;font-size:clamp(18px,1.55vw,24px);line-height:1;text-transform:uppercase}
.retail-product-line>strong{color:var(--shop-gold-dark);font-size:16px;white-space:nowrap}
.retail-product-info>p{min-height:35px;margin:16px 0;color:var(--shop-muted);font-size:13px;line-height:1.6}
.retail-product-actions{display:grid;grid-template-columns:1.1fr .9fr;gap:7px}
.retail-product-actions :is(button,a){
  min-height:46px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(0,0,0,.18);
  background:transparent;
  color:var(--shop-ink);
  text-transform:uppercase;
  letter-spacing:.08em;
  font-size:11px;
  font-weight:900;
  cursor:pointer;
}
.retail-product-actions button{border-color:var(--shop-ink);background:var(--shop-ink);color:#fff}
.retail-guide{min-height:650px;display:grid;grid-template-columns:1fr 1fr;background:var(--shop-ink)}
.retail-guide-copy{padding:90px 7vw;display:flex;flex-direction:column;justify-content:center}
.retail-guide-copy .retail-kicker{color:var(--shop-gold)}
.retail-guide-copy h2{max-width:720px;font-size:clamp(47px,5.6vw,82px)}
.retail-guide-copy>p:not(.retail-kicker){max-width:590px;margin:27px 0 34px;color:#a7a39a;font-size:14px;line-height:1.8}
.retail-guide-links{display:grid;border-top:1px solid rgba(255,255,255,.18)}
.retail-guide-links a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:58px;
  border-bottom:1px solid rgba(255,255,255,.14);
  color:#fff;
  font-size:13px;
  font-weight:700;
}
.retail-guide-links span{color:var(--shop-gold)}
.retail-guide-image{position:relative;min-height:560px;overflow:hidden}
.retail-guide-image img{object-fit:cover;filter:saturate(.72)}
.retail-story-grid{display:grid;grid-template-columns:1fr 1fr}
.retail-story-card,.retail-pro-card{min-height:540px;padding:75px 7vw;display:flex;flex-direction:column;justify-content:flex-end}
.retail-story-card{background:var(--shop-gold);color:var(--shop-ink)}
.retail-story-card .retail-kicker{color:rgba(0,0,0,.55)}
.retail-story-card h2,.retail-pro-card h2{font-size:clamp(40px,4.7vw,70px);line-height:.95}
.retail-story-card>p:not(.retail-kicker),.retail-pro-card>div>p{max-width:560px;margin:24px 0;color:rgba(0,0,0,.66);font-size:13px;line-height:1.75}
.retail-story-card>a,.retail-pro-card a{
  width:max-content;
  display:flex;
  align-items:center;
  gap:13px;
  padding-bottom:7px;
  border-bottom:1px solid currentColor;
  text-transform:uppercase;
  letter-spacing:.1em;
  font-size:11px;
  font-weight:900;
}
.retail-pro-card{position:relative;overflow:hidden;color:#fff}
.retail-pro-card>img{object-fit:cover;filter:saturate(.6) brightness(.55)}
.retail-pro-card>span{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.94),transparent 72%)}
.retail-pro-card>div{position:relative;z-index:2}
.retail-pro-card>div>p:first-child{margin:0 0 17px;color:var(--shop-gold);text-transform:uppercase;letter-spacing:.13em;font-size:11px;font-weight:900}
.retail-pro-card>div>p{color:#b6b2a8}
.retail-pro-card a{color:var(--shop-gold)}
.retail-pro-card i{font-style:normal}
html[dir="rtl"] .shop-frame :is(.retail-text-link span,.retail-category-card i,.retail-heading-action>a span,.retail-guide-links span){display:inline-block;transform:rotate(180deg)}
html[dir="rtl"] .shop-frame :is(.retail-home-copy h1,.retail-section-heading h2,.retail-category-card h3,.retail-product-line h3,.retail-guide-copy h2,.retail-story-card h2,.retail-pro-card h2){letter-spacing:-.025em;text-transform:none}

@media(max-width:1100px){
  .shop-header{grid-template-columns:minmax(170px,.8fr) minmax(260px,1.2fr) minmax(280px,1fr)}
  .shop-brand span{display:none}
  .retail-home-hero{grid-template-columns:1fr;min-height:0}
  .retail-home-copy{min-height:610px;padding-top:100px}
  .retail-hero-product{border-inline-start:0;border-top:1px solid rgba(0,0,0,.13)}
  .retail-hero-image{min-height:620px}
  .retail-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .retail-product-card:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}
  .retail-product-card:last-child .retail-product-image{aspect-ratio:1/1}
  .retail-product-card:last-child .retail-product-info{display:flex;flex-direction:column;justify-content:center;padding:40px}
  .retail-guide{grid-template-columns:1fr}
  .retail-guide-image{order:-1;height:560px}
}

@media(max-width:1020px){
  .shop-header{grid-template-columns:1fr auto}
  .shop-header-search,.shop-quick-nav{display:none}
  .shop-mobile-search{
    position:fixed;
    z-index:29;
    top:98px;
    inset-inline:0;
    min-height:54px;
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    align-items:center;
    gap:13px;
    padding:0 22px;
    border-bottom:1px solid rgba(0,0,0,.13);
    background:rgba(251,250,246,.98);
  }
  .shop-mobile-search .search-mark{border-color:#252525}
  .shop-mobile-search .search-mark:after{background:#252525}
  .shop-mobile-search input{color:var(--shop-ink)}
  .retail-home-hero{padding-top:152px}
  .retail-category-grid{grid-template-columns:1fr}
  .retail-category-card{min-height:500px}
  .retail-section-heading{grid-template-columns:1fr;gap:22px;margin-inline:0}
  .retail-category-section,.retail-bestsellers{padding-inline:24px}
  .retail-assurances{grid-template-columns:1fr 1fr}
  .retail-assurances>div:nth-child(2){border-inline-end:0}
  .retail-assurances>div:nth-child(-n+2){border-bottom:1px solid rgba(0,0,0,.18)}
  .retail-story-grid{grid-template-columns:1fr}
}

@media(max-width:700px){
  .shop-mobile-search{top:92px;min-height:52px;padding-inline:16px}
  .retail-home-hero{padding-top:144px}
  .retail-home-copy{min-height:490px;padding:70px 20px 56px}
  .retail-home-copy h1{font-size:clamp(44px,13vw,58px)}
  .retail-home-intro{font-size:15px}
  .retail-home-actions{align-items:stretch;flex-direction:column;gap:10px}
  .retail-button{width:100%}
  .retail-text-link{width:max-content}
  .retail-hero-image{min-height:420px}
  .retail-hero-buy{grid-template-columns:minmax(0,1fr) auto;padding:18px 16px;gap:14px}
  .retail-hero-buy .add-to-cart-button{grid-column:1/-1}
  .retail-assurances{grid-template-columns:1fr}
  .retail-assurances>div{min-height:78px;padding:16px 20px;border-inline-end:0;border-bottom:1px solid rgba(0,0,0,.18)}
  .retail-assurances>div:last-child{border-bottom:0}
  .retail-category-section,.retail-bestsellers{padding:78px 16px 88px}
  .retail-section-heading{margin-bottom:30px}
  .retail-section-heading h2{font-size:43px}
  .retail-category-grid{gap:9px}
  .retail-category-card{min-height:410px}
  .retail-category-card>div{padding:22px 20px}
  .retail-category-card p{min-height:0}
  .retail-product-grid{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px}
  .retail-product-card,.retail-product-card:last-child{flex:0 0 88%;display:block;scroll-snap-align:start}
  .retail-product-card:last-child .retail-product-image{aspect-ratio:1/1.08}
  .retail-product-card:last-child .retail-product-info{display:block;padding:22px 20px 20px}
  .retail-product-actions{grid-template-columns:1fr}
  .retail-guide-copy{padding:70px 20px}
  .retail-guide-copy h2{font-size:45px}
  .retail-guide-image{height:420px;min-height:0}
  .retail-story-card,.retail-pro-card{min-height:480px;padding:58px 20px}
  .retail-story-card h2,.retail-pro-card h2{font-size:43px}
}

@media(prefers-reduced-motion:reduce){
  .retail-category-card img,.retail-product-image img{transition:none}
}

/* Keep all existing shop routes clear of the expanded retail header. */
.product-detail-hero{padding-top:156px}
.shop-auth-layout{padding-top:156px}
.shop-frame main>.commerce-product-section:first-child{padding-top:218px}
.cart-view,.account-section,.checkout-section{padding-top:198px}
.cart-view-empty{padding-top:150px}

@media(max-width:1020px){
  .product-detail-hero,.shop-auth-layout{padding-top:152px}
  .shop-frame main>.commerce-product-section:first-child{padding-top:205px}
  .cart-view,.account-section,.checkout-section{padding-top:185px}
  .cart-view-empty{padding-top:140px}
}

@media(max-width:700px){
  .product-detail-hero,.shop-auth-layout{padding-top:144px}
  .shop-frame main>.commerce-product-section:first-child{padding-top:190px}
  .cart-view,.account-section,.checkout-section{padding-top:174px}
  .cart-view-empty{padding-top:130px}
}

/* Simplified B2C landing page: hero → categories → popular products. */
.simple-home-hero{
  min-height:720px;
  padding-top:156px;
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  background:var(--shop-ivory);
  color:var(--shop-ink);
}
.simple-home-copy{
  padding-block:72px;
  padding-inline:var(--shop-edge-vw) clamp(26px,3.4vw,60px);
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
}
.simple-home-copy>p{
  margin:0 0 22px;
  color:var(--shop-gold-dark);
  font-size:12px;
  font-weight:900;
  letter-spacing:.18em;
}
.simple-home-copy h1{
  max-width:680px;
  margin:0;
  font-size:clamp(38px,4.2vw,62px);
  line-height:.96;
  letter-spacing:-.055em;
}
.simple-home-copy>span{
  max-width:540px;
  margin:28px 0 34px;
  color:var(--shop-muted);
  font-size:15px;
  line-height:1.7;
}
.simple-home-copy>a{
  min-height:48px;
  padding:0 25px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:var(--shop-ink);
  color:#fff;
  font-size:12px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.simple-home-copy>a:hover{background:var(--shop-gold-dark)}
.simple-home-visual{
  position:relative;
  min-height:572px;
  overflow:hidden;
  border-inline-start:1px solid rgba(0,0,0,.11);
  background:#171717;
}
.simple-home-visual img{
  object-fit:contain;
  object-position:center;
}
.simple-category-section,.simple-products-section{padding:78px var(--shop-edge) 86px}
.simple-category-section{background:#fff}
.simple-products-section{background:var(--shop-ivory)}
.simple-section-title{
  margin:0 0 34px;
}
.simple-section-title h2{
  margin:0;
  color:var(--shop-ink);
  font-size:clamp(28px,2.8vw,40px);
  line-height:1.02;
  letter-spacing:-.04em;
}
.simple-section-title-row{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:24px;
}
.simple-section-title-row>a{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding-bottom:4px;
  border-bottom:1px solid var(--shop-ink);
  color:var(--shop-ink);
  font-size:12px;
  font-weight:900;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.simple-category-grid,.simple-product-grid{
  width:100%;
  display:grid;
  gap:14px;
}
.simple-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.simple-product-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
.simple-category-card{
  min-width:0;
  display:block;
  border:1px solid rgba(0,0,0,.12);
  background:var(--shop-paper);
  color:var(--shop-ink);
}
.simple-category-image{
  position:relative;
  display:block;
  aspect-ratio:1/1;
  overflow:hidden;
  background:#171717;
}
.simple-category-image img{
  object-fit:cover;
  transition:transform .35s ease;
}
.simple-category-card:hover .simple-category-image img{transform:scale(1.02)}
.simple-category-label{
  min-height:78px;
  padding:18px 20px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}
.simple-category-label strong{font-size:19px;text-transform:uppercase}
.simple-category-label small{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:var(--shop-gold-dark);
  font-size:11px;
  font-weight:900;
  letter-spacing:.1em;
  text-transform:uppercase;
  white-space:nowrap;
}
.simple-category-label i{font-style:normal;font-size:15px}
.simple-product-card{
  min-width:0;
  display:grid;
  grid-template-rows:auto 1fr;
  border:1px solid rgba(0,0,0,.12);
  background:#fff;
}
.simple-product-image{
  position:relative;
  display:block;
  aspect-ratio:1/1.04;
  overflow:hidden;
  background:#171717;
}
.simple-product-image img{object-fit:cover}
.simple-product-info{
  height:100%;
  padding:20px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  grid-template-rows:auto 1fr auto;
  gap:9px 16px;
  align-items:start;
}
.simple-product-info>small{
  grid-column:1/-1;
  color:var(--shop-muted);
  font-size:11px;
  font-weight:800;
  letter-spacing:.11em;
  text-transform:uppercase;
}
.simple-product-info>a{min-width:0;color:var(--shop-ink)}
.simple-product-info h3{
  margin:0;
  font-size:clamp(16px,1.25vw,20px);
  line-height:1.15;
  text-transform:uppercase;
}
.simple-product-info>strong{
  color:var(--shop-gold-dark);
  font-size:16px;
  white-space:nowrap;
}
.simple-product-info .add-to-cart-button{
  grid-column:1/-1;
  width:100%;
  min-height:42px;
  margin-top:8px;
  border:1px solid var(--shop-ink);
  background:var(--shop-ink);
  color:#fff;
  font-size:11px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.simple-product-info .add-to-cart-button:hover{background:var(--shop-gold-dark);border-color:var(--shop-gold-dark)}
/* Reassurance band between categories and products: the four things a first
   time buyer wants answered before they scroll into the grid. Black + gold so
   it reads as a break in the page rather than another product surface. */
.shop-benefits{
  padding:82px var(--shop-edge) 88px;
  background:var(--shop-ink);
  color:#fff;
}
.shop-benefits-head{
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
}
.shop-benefits-head h2{
  margin:0;
  color:#fff;
  font-size:clamp(28px,2.8vw,40px);
  line-height:1.02;
  letter-spacing:-.04em;
  text-transform:uppercase;
}
.shop-benefits-rule{
  width:96px;
  height:3px;
  margin:20px 0 0;
  background:var(--shop-gold);
}
.shop-benefits-head p{
  max-width:520px;
  margin:18px 0 0;
  color:#a5a199;
  font-size:15px;
  line-height:1.6;
}
.shop-benefits-grid{
  margin-top:54px;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:20px;
}
.shop-benefit-card{
  min-width:0;
  padding:38px 26px 34px;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  border:1px solid rgba(255,255,255,.14);
  background:linear-gradient(180deg,rgba(255,255,255,.05),transparent 62%);
  transition:border-color .25s ease,transform .25s ease;
}
.shop-benefit-card:hover{border-color:rgba(201,170,93,.55);transform:translateY(-3px)}
.shop-benefit-icon{
  width:68px;
  height:68px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:var(--shop-gold);
  color:var(--shop-ink);
  box-shadow:0 0 0 6px rgba(201,170,93,.13);
  transition:box-shadow .25s ease;
}
.shop-benefit-card:hover .shop-benefit-icon{box-shadow:0 0 0 10px rgba(201,170,93,.18)}
.shop-benefit-icon svg{width:34px;height:34px;stroke-width:2.1}
.shop-benefit-card strong{
  margin-top:22px;
  color:#fff;
  font-size:14px;
  font-weight:800;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.shop-benefit-card p{
  max-width:250px;
  margin:11px 0 0;
  color:#a5a199;
  font-size:13px;
  line-height:1.65;
}
html[dir="rtl"] .shop-frame :is(.shop-benefits-head h2,.shop-benefit-card strong){
  letter-spacing:0;
  text-transform:none;
}
/* The van should drive with the reading direction. */
html[dir="rtl"] .shop-frame .shop-benefit-icon[data-icon="delivery"] svg{transform:scaleX(-1)}
@media(prefers-reduced-motion:reduce){
  .shop-benefit-card,.shop-benefit-icon{transition:none}
  .shop-benefit-card:hover{transform:none}
}
html[dir="rtl"] .shop-frame :is(.simple-section-title-row>a span,.simple-category-label i){
  display:inline-block;
  transform:rotate(180deg);
}
html[dir="rtl"] .shop-frame :is(.simple-home-copy h1,.simple-section-title h2,.simple-category-label strong,.simple-product-info h3){
  letter-spacing:-.025em;
  text-transform:none;
}

@media(max-width:1020px){
  .simple-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .shop-benefits-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .simple-home-hero{
    min-height:0;
    padding-top:152px;
    grid-template-columns:1fr;
  }
  .simple-home-copy{min-height:410px;padding:64px 7vw 58px}
  .simple-home-visual{
    min-height:520px;
    order:2;
    border-inline-start:0;
    border-top:1px solid rgba(0,0,0,.11);
  }
}

@media(max-width:700px){
  .simple-home-hero{padding-top:144px}
  .simple-home-copy{min-height:360px;padding:52px var(--shop-edge-vw) 46px}
  .simple-home-copy>p{margin-bottom:17px}
  .simple-home-copy h1{font-size:clamp(34px,9vw,44px)}
  .simple-home-copy>span{margin:21px 0 27px;font-size:14px}
  .simple-home-copy>a{width:100%}
  .simple-home-visual{min-height:390px}
  .simple-category-section,.simple-products-section{padding:60px var(--shop-edge) 66px}
  .simple-section-title{margin-bottom:25px}
  .simple-section-title h2{font-size:29px}
  .simple-section-title-row{align-items:center}
  .simple-category-grid,.simple-product-grid{
    display:flex;
    gap:11px;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
  }
  .simple-category-grid::-webkit-scrollbar,.simple-product-grid::-webkit-scrollbar{display:none}
  .simple-category-card{flex:0 0 82%;scroll-snap-align:start}
  .simple-category-label{min-height:70px;padding:15px 17px}
  .simple-category-label strong{font-size:16px}
  .simple-product-card{flex:0 0 82%;scroll-snap-align:start}
  .simple-product-info{padding:17px}
  .shop-benefits{padding:58px var(--shop-edge) 64px}
  .shop-benefits-head h2{font-size:29px}
  .shop-benefits-grid{margin-top:34px;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
  .shop-benefit-card{padding:28px 16px 26px}
  .shop-benefit-icon{width:56px;height:56px}
  .shop-benefit-icon svg{width:29px;height:29px}
}

@media(prefers-reduced-motion:reduce){
  .simple-category-image img{transition:none}
}

/* Compact account entry: a single, task-focused card that fits below the
   storefront header without turning authentication into a landing page. */
.shop-auth-layout{
  min-height:100svh;
  padding:172px 20px 16px;
  display:grid;
  grid-template-columns:1fr;
  place-items:center;
  background:var(--shop-ivory);
}
.shop-auth-panel{
  width:min(100%,480px);
  min-width:0;
  margin:0;
  overflow:hidden;
  border:1px solid rgba(0,0,0,.14);
  background:#fff;
  box-shadow:0 18px 55px rgba(34,29,19,.08);
}
.shop-auth-tabs{
  min-height:46px;
  padding:0 24px;
  justify-content:center;
  gap:30px;
  border-bottom:1px solid rgba(0,0,0,.12);
}
.shop-auth-tabs a{
  min-height:46px;
  padding:1px 2px 0;
  font-size:11px;
}
.shop-auth-panel-inner{
  width:100%;
  margin:0;
  padding:18px 28px 20px;
}
.shop-auth-panel-inner h1{
  max-width:none;
  text-align:center;
  font-size:34px;
  line-height:1;
}
.shop-auth-intro{
  max-width:390px;
  margin:8px auto 13px;
  text-align:center;
  font-size:13px;
  line-height:1.5;
}
.google-auth-button{
  min-height:42px;
  gap:11px;
  padding:0 15px;
  font-size:12px;
}
.google-auth-button svg{width:17px;height:17px}
.google-auth-note{
  margin:6px 0 0;
  text-align:center;
  font-size:11px;
  line-height:1.4;
}
.shop-auth-error{margin:8px 0 0}
.shop-auth-divider{
  gap:11px;
  margin:11px 0;
  font-size:11px;
}
.shop-auth-panel .auth-form{
  gap:9px;
  margin:0;
}
.shop-auth-panel .form-row{gap:10px}
.shop-auth-panel .form-field>label{
  margin-bottom:4px;
  font-size:11px;
  line-height:1.4;
}
.shop-auth-panel .form-field input{
  min-height:40px;
  padding:9px 12px;
  font-size:13px;
}
.shop-auth-submit{
  min-height:42px;
  margin-top:1px;
  font-size:11px;
}
.shop-auth-panel .auth-switch{
  margin:0;
  font-size:12px;
  line-height:1.4;
}
html[dir="rtl"] .shop-frame .shop-auth-panel-inner h1{
  letter-spacing:0;
  line-height:1.25;
}

@media(max-width:1020px){
  .shop-auth-layout{
    padding-top:164px;
    grid-template-columns:1fr;
  }
}

@media(max-width:700px){
  .shop-auth-layout{padding:152px 10px 8px}
  .shop-auth-panel{
    width:min(100%,460px);
    box-shadow:none;
  }
  .shop-auth-tabs{min-height:44px;padding-inline:16px}
  .shop-auth-tabs a{min-height:44px}
  .shop-auth-panel-inner{padding:15px 16px 17px}
  .shop-auth-panel-inner h1{font-size:29px}
  .shop-auth-intro{margin:6px auto 10px;font-size:12px}
  .shop-auth-panel .form-row{
    grid-template-columns:1fr 1fr;
    gap:8px;
  }
}

@media(max-height:720px){
  .shop-auth-layout{align-items:start}
  .shop-auth-panel-inner{padding-block:12px 14px}
  .shop-auth-panel-inner h1{font-size:27px}
  .shop-auth-intro{margin-block:5px 8px}
  .shop-auth-divider{margin-block:8px}
  .shop-auth-panel .auth-form{gap:7px}
  .shop-auth-panel .form-field input{min-height:37px}
  .google-auth-button,.shop-auth-submit{min-height:39px}
}

/* Retail product detail: a familiar gallery + purchase-summary pattern,
   kept spare and editorial in RUVO's black, ivory, and brushed-gold system. */
.product-detail-retail{
  min-height:0;
  padding:156px 0 0;
  display:block;
  border:0;
  background:var(--shop-paper);
  color:var(--shop-ink);
}
.pdp-breadcrumb{
  padding:24px var(--shop-edge) 0;
  color:#817d74;
}
.pdp-breadcrumb a{color:#4b4842}
.pdp-breadcrumb a:hover{color:var(--shop-gold-dark)}
.pdp-retail-grid{
  padding:28px var(--shop-edge) 78px;
  display:grid;
  grid-template-columns:minmax(0,1.16fr) minmax(380px,.84fr);
  gap:clamp(42px,5vw,82px);
  align-items:start;
}
.pdp-gallery{
  min-width:0;
  display:grid;
  grid-template-columns:78px minmax(0,1fr);
  gap:14px;
}
.pdp-gallery.is-single{grid-template-columns:1fr}
.pdp-gallery-thumbs{
  display:flex;
  flex-direction:column;
  gap:10px;
}
.pdp-gallery-thumbs button{
  position:relative;
  width:78px;
  aspect-ratio:1;
  overflow:hidden;
  border:1px solid #d7d2c8;
  background:#f0ece3;
  cursor:pointer;
  transition:border-color .2s,box-shadow .2s;
}
.pdp-gallery-thumbs button:hover,
.pdp-gallery-thumbs button.active{
  border-color:var(--shop-gold-dark);
  box-shadow:inset 0 0 0 1px var(--shop-gold-dark);
}
.pdp-gallery-thumbs img{object-fit:cover}
.pdp-gallery-main{
  position:relative;
  width:100%;
  aspect-ratio:1;
  overflow:hidden;
  border:1px solid #ded9cf;
  background:#f1eee7;
}
.pdp-gallery-main img{
  object-fit:contain;
  transition:opacity .2s;
}
.pdp-summary{
  position:sticky;
  top:176px;
  padding:3px 0 0;
  display:block;
  color:var(--shop-ink);
}
.pdp-summary>.breadcrumb{
  margin:0 0 13px;
  color:#8e897f;
  font-size:11px;
}
.pdp-summary>.commerce-kicker{margin:0 0 10px;color:var(--shop-gold-dark)}
.pdp-summary h1{
  color:var(--shop-ink);
  font-size:clamp(32px,3.2vw,46px);
  line-height:1;
}
.pdp-rating{
  display:flex;
  align-items:center;
  gap:9px;
  margin:16px 0 0;
  color:#777269;
  font-size:12px;
}
.pdp-rating>span{color:var(--shop-gold-dark);letter-spacing:.1em}
.pdp-rating strong{color:#3d3933;font-size:12px}
.pdp-rating a{border-bottom:1px solid #b9b3a7;padding-bottom:2px}
.pdp-summary .shop-pdp-price{
  margin:18px 0 8px;
  color:var(--shop-ink);
  font-size:25px;
}
.pdp-availability{
  display:flex;
  align-items:center;
  gap:8px;
  margin:0;
  color:#9b5045;
  font-size:12px;
  font-weight:700;
}
.pdp-availability>span{
  width:7px;
  height:7px;
  border-radius:50%;
  background:#a95145;
}
.pdp-availability.available{color:#426c4d}
.pdp-availability.available>span{background:#51875f}
.pdp-summary .product-lead{
  max-width:560px;
  margin:20px 0 22px;
  color:#625e56;
  font-size:14px;
  line-height:1.75;
}
.pdp-purchase-row{
  display:grid;
  grid-template-columns:112px minmax(0,1fr);
  gap:10px;
}
.pdp-quantity{
  min-height:50px;
  display:grid;
  grid-template-columns:34px 1fr 34px;
  align-items:center;
  border:1px solid #cfc9bd;
  background:#fff;
}
.pdp-quantity button{
  height:100%;
  border:0;
  background:transparent;
  color:#4b4740;
  cursor:pointer;
  font-size:18px;
}
.pdp-quantity button:hover{color:var(--shop-gold-dark)}
.pdp-quantity button:disabled{opacity:.3;cursor:not-allowed}
.pdp-quantity output{text-align:center;font-size:13px;font-weight:800}
.pdp-purchase-row .add-to-cart-button{
  min-height:50px;
  background:var(--shop-ink);
  color:#fff;
}
.pdp-purchase-row .add-to-cart-button:hover{background:var(--shop-gold-dark)}
.pdp-summary .shop-pdp-actions{
  margin:10px 0 0;
}
.pdp-summary .wishlist-toggle{
  width:100%;
  min-height:38px;
  padding:0;
  display:flex;
  justify-content:center;
  border:1px solid #d8d3c9;
  color:#504c45;
}
.pdp-summary .wishlist-toggle:hover{border-color:var(--shop-gold-dark);color:var(--shop-gold-dark)}
.pdp-assurances{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  margin-top:18px;
  border-block:1px solid #ded9cf;
}
.pdp-assurances span{
  min-height:58px;
  padding:13px 10px;
  display:flex;
  align-items:center;
  border-inline-end:1px solid #ded9cf;
  color:#666158;
  font-size:11px;
  font-weight:700;
  line-height:1.45;
}
.pdp-assurances span:last-child{border:0}
.pdp-assurances span:before{
  content:"✓";
  margin-inline-end:7px;
  color:var(--shop-gold-dark);
  font-weight:900;
}
.pdp-accordions{border-bottom:1px solid #ded9cf}
.pdp-accordions details{border-top:1px solid #ded9cf}
.pdp-accordions summary{
  position:relative;
  padding:15px 24px 15px 0;
  cursor:pointer;
  list-style:none;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-size:11px;
  font-weight:900;
}
.pdp-accordions summary::-webkit-details-marker{display:none}
.pdp-accordions summary:after{
  content:"+";
  position:absolute;
  top:50%;
  inset-inline-end:2px;
  transform:translateY(-50%);
  color:var(--shop-gold-dark);
  font-size:15px;
}
.pdp-accordions details[open] summary:after{content:"−"}
.pdp-accordions p{
  margin:0 0 13px;
  color:#716d64;
  font-size:13px;
  line-height:1.7;
}
.pdp-accordions a{
  display:inline-block;
  margin:0 0 15px;
  color:var(--shop-gold-dark);
  border-bottom:1px solid currentColor;
  font-size:12px;
}
.pdp-professional-link{
  min-height:46px;
  margin-top:14px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  color:#49453e;
  border-bottom:1px solid #cfc9bd;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-size:11px;
  font-weight:900;
}
.pdp-professional-link:hover{color:var(--shop-gold-dark);border-color:var(--shop-gold-dark)}
.pdp-details-section{
  padding:84px var(--shop-edge) 92px;
  display:grid;
  grid-template-columns:minmax(240px,.7fr) minmax(0,1.3fr);
  gap:7vw;
  background:var(--shop-ivory);
  color:var(--shop-ink);
  border-top:1px solid #ded9cf;
}
.pdp-details-section>div h2{
  margin:10px 0 16px;
  font-size:clamp(28px,2.8vw,40px);
}
.pdp-details-section>div>p:last-child{
  margin:0;
  color:var(--shop-muted);
  font-size:13px;
  line-height:1.7;
}
.pdp-details-section .product-spec-grid{
  border-top:1px solid #cfc9bd;
}
.pdp-details-section .product-spec-grid>div{border-color:#d8d3c9}
.pdp-details-section .product-spec-grid dt{color:#292621}
.pdp-details-section .product-spec-grid dd{color:#716d64}
.pdp-details-section .product-spec-grid span{color:var(--shop-gold-dark)}
html[dir="rtl"] .shop-frame .pdp-accordions summary{
  padding:15px 0 15px 24px;
  letter-spacing:0;
}
html[dir="rtl"] .shop-frame .pdp-professional-link{letter-spacing:0}

@media(max-width:1080px){
  .catalog-tools-row{grid-template-columns:1fr 1fr}
  .catalog-search-field{grid-column:1/-1}
  .product-detail-retail{padding-top:152px}
  .pdp-retail-grid{
    grid-template-columns:1fr;
    gap:40px;
    padding-top:24px;
  }
  .pdp-summary{position:static}
  .pdp-details-section{grid-template-columns:1fr}
}

@media(max-width:700px){
  .product-detail-retail{padding-top:144px}
  .pdp-breadcrumb{
    padding:17px var(--shop-edge) 0;
    overflow:hidden;
    white-space:nowrap;
  }
  .pdp-retail-grid{padding:18px 0 58px;gap:28px}
  .pdp-gallery{
    grid-template-columns:1fr;
    gap:9px;
  }
  .pdp-gallery-main{order:1;border-inline:0}
  .pdp-gallery-thumbs{
    order:2;
    padding:0 var(--shop-edge-vw);
    flex-direction:row;
    overflow-x:auto;
  }
  .pdp-gallery-thumbs button{width:64px;flex:0 0 64px}
  .pdp-summary{padding:0 var(--shop-edge-vw)}
  .pdp-summary h1{font-size:34px}
  .pdp-assurances{grid-template-columns:1fr}
  .pdp-assurances span{
    min-height:42px;
    border-inline-end:0;
    border-bottom:1px solid #ded9cf;
  }
  .pdp-assurances span:last-child{border:0}
  .pdp-details-section{padding:62px var(--shop-edge) 70px}
}

@media(max-width:430px){
  .pdp-purchase-row{grid-template-columns:96px minmax(0,1fr)}
  .pdp-rating{flex-wrap:wrap}
}

/* Catalog discovery: search stays in view while secondary controls live in a
   deliberate, pressable filter drawer instead of a dense form strip. */
.catalog-filter-bar{
  min-height:76px;
  margin:0 0 38px;
  padding:12px;
  display:grid;
  grid-template-columns:minmax(280px,1fr) auto auto;
  align-items:center;
  gap:12px;
  border:1px solid #d9d4ca;
  background:#fff;
  box-shadow:0 12px 36px rgba(38,32,20,.045);
}
.catalog-search-form{
  min-width:0;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
}
.catalog-search-form label{position:relative;min-width:0}
.catalog-search-form .catalog-search-mark{inset-inline-start:17px}
.catalog-search-form input{
  width:100%;
  min-height:50px;
  padding:0 16px;
  padding-inline-start:48px;
  border:1px solid #d5d0c6;
  border-inline-end:0;
  background:var(--shop-paper);
  color:var(--shop-ink);
  font-size:13px;
}
.catalog-search-form input:focus{
  outline:0;
  border-color:var(--shop-gold-dark);
  box-shadow:inset 0 0 0 1px var(--shop-gold-dark);
}
.catalog-search-form>button{
  min-width:104px;
  border:0;
  background:var(--shop-gold);
  color:var(--shop-ink);
  text-transform:uppercase;
  letter-spacing:.1em;
  font-size:11px;
  font-weight:900;
  cursor:pointer;
}
.catalog-search-form>button:hover{background:#dfc578}
.catalog-result-count{
  color:#777269;
  white-space:nowrap;
  font-size:12px;
  font-weight:700;
}
.catalog-filter-trigger{
  min-height:50px;
  padding:0 19px;
  display:flex;
  align-items:center;
  gap:11px;
  border:1px solid var(--shop-ink);
  background:var(--shop-ink);
  color:#fff;
  text-transform:uppercase;
  letter-spacing:.1em;
  font-size:11px;
  font-weight:900;
  cursor:pointer;
}
.catalog-filter-trigger:hover{background:var(--shop-gold-dark);border-color:var(--shop-gold-dark)}
.catalog-filter-trigger>i{
  width:16px;
  display:grid;
  gap:3px;
}
.catalog-filter-trigger>i span{height:1px;background:currentColor;display:block}
.catalog-filter-trigger>i span:nth-child(2){width:11px}
.catalog-filter-trigger>i span:nth-child(3){width:7px}
.catalog-filter-trigger>b{
  min-width:18px;
  height:18px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:var(--shop-gold);
  color:#000;
  font-size:11px;
}
.catalog-filter-overlay{position:fixed;inset:0;z-index:700}
.catalog-filter-backdrop{
  position:absolute;
  inset:0;
  width:100%;
  border:0;
  background:rgba(0,0,0,.56);
  backdrop-filter:blur(4px);
  cursor:pointer;
  animation:fadeIn .2s both;
}
.catalog-filter-drawer{
  position:absolute;
  inset-block:0;
  inset-inline-end:0;
  width:min(440px,100%);
  display:flex;
  flex-direction:column;
  background:var(--shop-paper);
  color:var(--shop-ink);
  box-shadow:-22px 0 70px rgba(0,0,0,.22);
  animation:catalogDrawerIn .34s cubic-bezier(.22,1,.36,1);
}
@keyframes catalogDrawerIn{from{transform:translateX(100%)}}
html[dir="rtl"] .shop-frame .catalog-filter-drawer{
  animation-name:catalogDrawerInRtl;
  box-shadow:22px 0 70px rgba(0,0,0,.22);
}
@keyframes catalogDrawerInRtl{from{transform:translateX(-100%)}}
.catalog-filter-drawer>header{
  padding:31px 28px 25px;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:22px;
  border-bottom:1px solid #d9d4ca;
}
.catalog-filter-drawer>header>div>p{
  margin:0 0 7px;
  color:var(--shop-gold-dark);
  text-transform:uppercase;
  letter-spacing:.13em;
  font-size:11px;
  font-weight:900;
}
.catalog-filter-drawer>header h2{
  color:var(--shop-ink);
  font-size:35px;
  line-height:1;
}
.catalog-filter-drawer>header span{
  max-width:300px;
  margin-top:10px;
  display:block;
  color:var(--shop-muted);
  font-size:13px;
  line-height:1.55;
}
.catalog-filter-drawer>header>button{
  width:38px;
  height:38px;
  flex:none;
  border:1px solid #cec8bd;
  background:transparent;
  color:#403c35;
  font-size:24px;
  cursor:pointer;
}
.catalog-filter-drawer>header>button:hover{border-color:var(--shop-gold-dark);color:var(--shop-gold-dark)}
.catalog-filter-drawer>form{
  min-height:0;
  flex:1;
  overflow-y:auto;
  padding:0 28px 104px;
}
.catalog-filter-drawer fieldset{
  margin:0;
  padding:23px 0;
  border:0;
  border-bottom:1px solid #ddd8ce;
}
.catalog-filter-drawer legend{
  margin-bottom:13px;
  color:#3d3933;
  text-transform:uppercase;
  letter-spacing:.11em;
  font-size:11px;
  font-weight:900;
}
.catalog-filter-options{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
}
.catalog-filter-options label{position:relative;cursor:pointer}
.catalog-filter-options input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}
.catalog-filter-options label span{
  min-height:42px;
  padding:10px 12px;
  display:flex;
  align-items:center;
  border:1px solid #d6d0c6;
  background:#fff;
  color:#625e56;
  font-size:12px;
  line-height:1.35;
  transition:border-color .15s,background .15s,color .15s;
}
.catalog-filter-options label:hover span{border-color:#aaa398}
.catalog-filter-options input:checked+span{
  border-color:var(--shop-ink);
  background:var(--shop-ink);
  color:#fff;
  box-shadow:inset 3px 0 0 var(--shop-gold);
}
.catalog-filter-options input:focus-visible+span{
  outline:3px solid rgba(160,125,45,.3);
  outline-offset:2px;
}
.catalog-stock-toggle{
  display:flex;
  align-items:center;
  gap:11px;
  cursor:pointer;
}
.catalog-stock-toggle input{
  position:absolute;
  opacity:0;
}
.catalog-stock-toggle>span{
  position:relative;
  width:42px;
  height:22px;
  flex:none;
  border-radius:20px;
  background:#c7c2b9;
  transition:background .2s;
}
.catalog-stock-toggle>span:after{
  content:"";
  position:absolute;
  top:3px;
  inset-inline-start:3px;
  width:16px;
  height:16px;
  border-radius:50%;
  background:#fff;
  transition:transform .2s;
}
.catalog-stock-toggle input:checked+span{background:var(--shop-gold-dark)}
.catalog-stock-toggle input:focus-visible+span{
  outline:3px solid rgba(160,125,45,.3);
  outline-offset:3px;
}
.catalog-stock-toggle input:checked+span:after{transform:translateX(20px)}
html[dir="rtl"] .shop-frame .catalog-stock-toggle input:checked+span:after{transform:translateX(-20px)}
.catalog-stock-toggle b{color:#514d45;font-size:12px}
.catalog-filter-drawer form>footer{
  position:absolute;
  inset:auto 0 0;
  min-height:82px;
  padding:16px 28px;
  display:grid;
  grid-template-columns:auto 1fr;
  align-items:center;
  gap:20px;
  border-top:1px solid #d9d4ca;
  background:rgba(251,250,246,.96);
  backdrop-filter:blur(12px);
}
.catalog-filter-drawer form>footer>a{
  color:#676259;
  border-bottom:1px solid #aaa398;
  padding-bottom:3px;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-size:11px;
  font-weight:800;
}
.catalog-filter-drawer form>footer>button{
  min-height:50px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:18px;
  border:0;
  background:var(--shop-gold);
  color:#000;
  text-transform:uppercase;
  letter-spacing:.1em;
  font-size:11px;
  font-weight:900;
  cursor:pointer;
}
.catalog-filter-drawer form>footer>button:hover{background:#dfc578}
html[dir="rtl"] .shop-frame :is(.catalog-filter-trigger,.catalog-search-form>button,.catalog-filter-drawer legend,.catalog-filter-drawer>header>div>p,.catalog-filter-drawer form>footer>a,.catalog-filter-drawer form>footer>button){
  letter-spacing:0;
}
html[dir="rtl"] .shop-frame .catalog-filter-drawer form>footer>button span{transform:rotate(180deg)}

/* Product information, recommendations, and reviews. */
.pdp-details-section .product-spec-grid{
  display:block;
  border-top:1px solid #cfc9bd;
}
.pdp-details-section .product-spec-grid>div{
  min-height:69px;
  padding:18px 0;
  display:grid;
  grid-template-columns:minmax(125px,.75fr) minmax(0,1.25fr);
  gap:25px;
  align-items:center;
}
.pdp-details-section .product-spec-grid dt{
  text-transform:uppercase;
  letter-spacing:.09em;
  font-size:11px;
  font-weight:900;
}
.pdp-details-section .product-spec-grid dd{
  font-size:13px;
  line-height:1.55;
}
.pdp-related-section{
  padding:82px var(--shop-edge) 94px;
  background:var(--shop-paper);
  color:var(--shop-ink);
}
.pdp-related-section>header{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:30px;
  margin-bottom:34px;
}
.pdp-related-section>header h2{
  margin-top:11px;
  font-size:clamp(28px,2.8vw,40px);
}
.pdp-related-section>header>a{
  display:flex;
  align-items:center;
  gap:15px;
  padding-bottom:7px;
  border-bottom:1px solid var(--shop-gold-dark);
  color:#3f3b34;
  text-transform:uppercase;
  letter-spacing:.09em;
  font-size:11px;
  font-weight:900;
}
.pdp-related-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}
.pdp-related-card{
  min-width:0;
  display:flex;
  flex-direction:column;
  border:1px solid #d8d3c9;
  background:#fff;
}
.pdp-related-image{
  position:relative;
  aspect-ratio:1/1.08;
  overflow:hidden;
  background:#121212;
}
.pdp-related-image img{object-fit:cover;transition:transform .45s}
.pdp-related-preview{
  position:absolute;
  inset:13px auto auto 13px;
  z-index:1;
  padding:7px 9px;
  background:var(--shop-gold);
  color:#111;
  text-transform:uppercase;
  letter-spacing:.1em;
  font-size:11px;
  font-weight:900;
}
html[dir="rtl"] .shop-frame .pdp-related-preview{inset-inline-start:13px;inset-inline-end:auto;letter-spacing:0}
.pdp-related-card:hover .pdp-related-image img{transform:scale(1.025)}
.pdp-related-card>div{
  min-width:0;
  min-height:250px;
  padding:26px 22px 22px;
  display:flex;
  flex-direction:column;
}
.pdp-related-card>div>p{
  margin:0 0 11px;
  color:var(--shop-gold-dark);
  text-transform:uppercase;
  letter-spacing:.1em;
  font-size:11px;
  font-weight:900;
}
.pdp-related-card h3{
  margin:0;
  font-size:clamp(23px,2vw,34px);
  line-height:1;
  text-transform:uppercase;
}
.pdp-related-card strong{margin-top:22px;font-size:17px}
.pdp-related-link{
  margin-top:auto;
  padding-top:13px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-top:1px solid #d8d3c9;
  color:#4c4841;
  text-transform:uppercase;
  letter-spacing:.09em;
  font-size:11px;
  font-weight:900;
}
.pdp-reviews-section{
  padding:84px var(--shop-edge) 100px;
  display:grid;
  grid-template-columns:minmax(250px,.68fr) minmax(0,1.32fr);
  gap:38px 6vw;
  background:#111;
  color:#fff;
}
.pdp-reviews-section>header{grid-column:1/-1;max-width:780px}
.pdp-reviews-section>header h2{
  margin:10px 0 15px;
  font-size:clamp(28px,2.8vw,40px);
}
.pdp-reviews-section>header>p:last-child{
  margin:0;
  color:#98958e;
  font-size:13px;
  line-height:1.7;
}
.pdp-review-overview{
  padding:33px 30px;
  border:1px solid rgba(255,255,255,.15);
  align-self:start;
}
.pdp-review-score{display:grid;justify-items:start}
.pdp-review-score strong{font-size:70px;line-height:.9}
.pdp-review-score>span{
  margin-top:17px;
  color:var(--shop-gold);
  letter-spacing:.13em;
}
.pdp-review-score small{margin-top:8px;color:#8d8a83;font-size:12px}
.pdp-rating-breakdown{
  margin-top:30px;
  padding-top:24px;
  display:grid;
  gap:9px;
  border-top:1px solid rgba(255,255,255,.13);
}
.pdp-rating-breakdown>div{
  display:grid;
  grid-template-columns:28px 1fr 30px;
  gap:10px;
  align-items:center;
  color:#9d9a93;
  font-size:11px;
}
.pdp-rating-breakdown i{
  height:3px;
  overflow:hidden;
  background:#333;
}
.pdp-rating-breakdown i b{height:100%;display:block;background:var(--shop-gold)}
.pdp-rating-breakdown small{text-align:end}
.pdp-review-list{display:grid;gap:1px;background:rgba(255,255,255,.12)}
.pdp-review-list article{
  padding:30px 32px;
  background:#171717;
}
.pdp-review-list article>div{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}
.pdp-review-list article>div>span{color:var(--shop-gold);letter-spacing:.11em}
.pdp-review-list article>div>small{
  color:#827f78;
  text-transform:uppercase;
  letter-spacing:.09em;
  font-size:11px;
}
.pdp-review-list h3{
  margin:18px 0 11px;
  font-size:20px;
  text-transform:none;
}
.pdp-review-list p{
  margin:0;
  color:#aaa79f;
  font-size:13px;
  line-height:1.75;
}
.pdp-review-list footer{
  margin-top:20px;
  padding:16px 0 0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-top:1px solid rgba(255,255,255,.1);
  color:#76736d;
  font-size:11px;
}
.pdp-review-list footer strong{color:#ddd9d0;font-size:12px}
html[dir="rtl"] .shop-frame :is(.pdp-details-section .product-spec-grid dt,.pdp-related-section>header>a,.pdp-related-card>div>p,.pdp-related-link,.pdp-review-list article>div>small){
  letter-spacing:0;
}
html[dir="rtl"] .shop-frame :is(.pdp-related-section>header>a span,.pdp-related-link span){transform:rotate(180deg)}

@media(max-width:980px){
  .catalog-filter-bar{grid-template-columns:minmax(0,1fr) auto}
  .catalog-result-count{display:none}
  .pdp-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pdp-related-image{aspect-ratio:1.12/1}
}

@media(max-width:700px){
  .catalog-filter-bar{
    margin-inline:0;
    padding:9px;
    grid-template-columns:minmax(0,1fr) auto;
    gap:8px;
  }
  .catalog-search-form>button{display:none}
  .catalog-search-form{display:block}
  .catalog-search-form input{border-inline-end:1px solid #d5d0c6}
  .catalog-filter-trigger{padding:0 14px}
  .catalog-filter-trigger>i{display:none}
  .catalog-filter-drawer>header{padding:25px 20px 21px}
  .catalog-filter-drawer>header h2{font-size:31px}
  .catalog-filter-drawer>form{padding-inline:20px}
  .catalog-filter-drawer form>footer{padding:14px 20px}
  .catalog-filter-options{grid-template-columns:1fr 1fr}
  .pdp-details-section .product-spec-grid>div{
    min-height:0;
    padding:16px 0;
    grid-template-columns:105px minmax(0,1fr);
    gap:16px;
  }
  .pdp-related-section{padding:62px var(--shop-edge) 70px}
  .pdp-related-section>header{align-items:start}
  .pdp-related-section>header h2{font-size:30px}
  .pdp-related-section>header>a{font-size:11px}
  .pdp-related-grid{
    display:flex;
    gap:11px;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
  }
  .pdp-related-grid::-webkit-scrollbar{display:none}
  .pdp-related-card{flex:0 0 86%;scroll-snap-align:start}
  .pdp-related-image{aspect-ratio:1/1}
  .pdp-related-card>div{padding:23px 20px}
  .pdp-related-card h3{font-size:30px}
  .pdp-related-link{margin-top:27px}
  .pdp-reviews-section{
    padding:62px 18px 76px;
    grid-template-columns:minmax(0,1fr);
    gap:24px;
  }
  .pdp-reviews-section>*{min-width:0}
  .pdp-review-form textarea{width:100%;max-width:100%}
  .pdp-reviews-section>header{grid-column:auto}
  .pdp-reviews-section>header h2{font-size:31px}
  .pdp-review-list article{padding:25px 20px}
}