/* ==========================================================
   ZILA — "liquid gold" storefront
   Brand: wine #591525 · sand #a39576 · cream #efeae2 · ink #0c0d0d
   Secondary: navy #0c4261 · sky #4194b3 · clay #d05b37 · teal #015f63 · aqua #43b9ba
   ========================================================== */
:root{
  --wine:#591525; --wine-2:#701c30; --wine-deep:#3a0c17;
  --sand:#a39576; --sand-lt:#d9cfba; --gold:#c9a24a;
  --cream:#efeae2; --paper:#f7f3ec; --white:#fffdf9; --ink:#0c0d0d;
  --navy:#0c4261; --sky:#4194b3; --clay:#d05b37; --teal:#015f63; --aqua:#43b9ba;
  --muted:#6e645a; --line:#ddd3c4; --line-2:#e7dfd2;
  --display:"Bodoni Moda","Didot","Bodoni 72",Georgia,serif;
  --body:"Outfit","Avenir Next","Segoe UI",system-ui,sans-serif;
  --blob:46% 54% 52% 48% / 55% 45% 55% 45%;
  --blob2:58% 42% 45% 55% / 42% 58% 42% 58%;
  --ease:cubic-bezier(.22,.8,.22,1);
  --ease-io:cubic-bezier(.76,0,.24,1);
  --hdr:72px;
  color-scheme:light;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.55;font-weight:300;overflow-x:hidden}
body.lock{overflow:hidden}
[hidden]{display:none!important}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;cursor:pointer;background:none;border:0;padding:0}
input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--wine);outline-offset:3px;border-radius:4px}
h1,h2,h3,h4{font-family:var(--display);font-weight:400;line-height:1.04;margin:0;text-wrap:balance;letter-spacing:-.01em}
p{margin:0}
.wrap{max-width:1320px;margin-inline:auto;padding-inline:clamp(16px,3.5vw,40px)}
.eyebrow{font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;font-weight:500;color:var(--wine)}
.muted{color:var(--muted)}
svg.sym{fill:currentColor}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.tnum{font-variant-numeric:tabular-nums}

/* ---------- preloader & page curtain ---------- */
.preloader{position:fixed;inset:0;z-index:100;background:var(--wine);display:grid;place-items:center;align-content:center;gap:18px;color:var(--cream);transition:clip-path .9s var(--ease-io);clip-path:inset(0 0 0 0)}
.preloader .pl-mark{width:84px;height:80px;animation:plPop 1s var(--ease) both}
.preloader .pl-wave{width:110px;height:12px;color:var(--sand);animation:plWave 1s .2s var(--ease) both}
.preloader.done{clip-path:inset(0 0 100% 0)}
@keyframes plPop{from{transform:scale(.6) rotate(-20deg);opacity:0}}
@keyframes plWave{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
.no-js .preloader{display:none}
.curtain{position:fixed;inset:0;z-index:90;background:var(--wine);color:var(--sand);display:grid;place-items:center;pointer-events:none;clip-path:inset(100% 0 0 0)}
.curtain svg{width:64px;height:60px;opacity:0;transition:opacity .2s}
.curtain.in{animation:curIn .42s var(--ease-io) forwards}
.curtain.in svg{opacity:1}
.curtain.out{animation:curOut .55s var(--ease-io) forwards}
@keyframes curIn{from{clip-path:inset(100% 0 0 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes curOut{from{clip-path:inset(0 0 0 0)}to{clip-path:inset(0 0 100% 0)}}

/* ---------- top ticker ---------- */
.topbar{background:var(--wine);color:var(--cream);font-size:12.5px;letter-spacing:.06em;overflow:hidden}
.ticker-track{display:flex;width:max-content;animation:tick 40s linear infinite}
.ticker-track span{display:flex;align-items:center;gap:14px;padding:9px 28px;white-space:nowrap}
.ticker-track b{color:#ead9b1;font-weight:500}
.ticker-track span::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--sand)}
.topbar:hover .ticker-track{animation-play-state:paused}
@keyframes tick{to{transform:translateX(-50%)}}

/* ---------- header ---------- */
header.site{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:rgba(239,234,226,.9);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid transparent;transition:transform .45s var(--ease),border-color .3s,box-shadow .3s}
header.site.scrolled{border-color:var(--line);box-shadow:0 10px 30px -24px rgba(58,12,23,.5)}
header.site.hide{transform:translateY(-100%)}
.hdr{display:flex;align-items:center;gap:24px;height:var(--hdr);position:relative}
.brand{display:flex;align-items:center;gap:10px;color:var(--wine);flex:none}
.brand .m{width:40px;height:38px;transition:transform .6s var(--ease)}
.brand:hover .m{transform:rotate(-14deg) scale(1.05)}
.brand .w{width:64px;height:29px}
nav.main{position:relative;display:flex;align-items:center;gap:2px;margin-inline:auto;padding:5px;border-radius:999px;background:rgba(255,253,249,.55);border:1px solid rgba(221,211,196,.7)}
.nav-ind{position:absolute;left:0;top:5px;bottom:5px;width:0;border-radius:999px;background:var(--white);box-shadow:0 6px 16px -8px rgba(58,12,23,.35),0 0 0 1px rgba(163,149,118,.25);opacity:0;transition:transform .45s var(--ease),width .45s var(--ease),opacity .3s;pointer-events:none;z-index:0}
nav.main > a, nav.main .has-mega > a{position:relative;z-index:1;display:flex;align-items:center;gap:6px;padding:9px 15px;font-size:14px;letter-spacing:.02em;font-weight:400;border-radius:999px;transition:color .25s;white-space:nowrap}
nav.main > a:hover, nav.main .has-mega > a:hover{color:var(--wine)}
nav.main a.on{color:var(--wine);font-weight:500}
.chev{width:10px;height:6px;fill:none;stroke:currentColor;stroke-width:1.4;transition:transform .3s}
.has-mega:hover .chev,.has-mega:focus-within .chev{transform:rotate(180deg)}
.pill{font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;font-weight:600;background:var(--clay);color:#fff;border-radius:999px;padding:2px 6px;position:relative;z-index:0}

@keyframes ping{70%,100%{transform:scale(1.6);opacity:0}}
.icons{display:flex;gap:2px;align-items:center;flex:none}
.ibtn{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;position:relative;transition:background .2s,transform .2s}
.ibtn:hover{background:var(--white)}
.ibtn svg{width:21px;height:21px;fill:none;stroke:var(--ink);stroke-width:1.5}
.count{position:absolute;top:3px;right:1px;min-width:18px;height:18px;border-radius:9px;background:var(--wine);color:var(--cream);font-size:10.5px;font-weight:600;display:grid;place-items:center;padding:0 4px}
.ibtn.bump{animation:bump .6s var(--ease)}
@keyframes bump{30%{transform:scale(1.25)}60%{transform:scale(.92)}}
.menu-btn{display:none}

/* mega menu */
.has-mega{position:static}
.mega{position:absolute;left:50%;top:calc(100% + 4px);width:min(1180px,calc(100vw - 32px));transform:translate(-50%,12px);opacity:0;visibility:hidden;transition:opacity .3s var(--ease),transform .4s var(--ease),visibility 0s linear .3s;background:var(--white);border-radius:28px;box-shadow:0 40px 80px -40px rgba(58,12,23,.5),0 0 0 1px rgba(163,149,118,.18);padding:26px;display:grid;grid-template-columns:1.25fr .9fr 1.2fr 1fr;gap:28px;z-index:5}
.mega::before{content:"";position:absolute;left:0;right:0;top:-22px;height:22px}
.has-mega:hover .mega,.has-mega:focus-within .mega{opacity:1;visibility:visible;transform:translate(-50%,0);transition-delay:0s}
.mega h5{font-family:var(--body);font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:600;color:var(--wine);margin:0 0 12px}
.mega ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.mega-cats a{display:grid;grid-template-columns:48px 1fr 18px;gap:12px;align-items:center;padding:7px;border-radius:16px;transition:background .25s}
.mega-cats .ph{width:48px;height:48px;border-radius:var(--blob);transition:border-radius .6s var(--ease)}
.mega-cats a:hover{background:var(--paper)}
.mega-cats a:hover .ph{border-radius:var(--blob2)}
.mega-cats b{display:block;font-family:var(--display);font-weight:400;font-size:19px;line-height:1.1}
.mega-cats small{font-size:12px;color:var(--muted)}
.mega-cats svg,.mega-promo svg:not(.sym),.mn-links svg{width:16px;height:9px;stroke:currentColor;fill:none;stroke-width:1.5;opacity:0;transform:translateX(-6px);transition:.3s var(--ease)}
.mega-cats a:hover svg{opacity:1;transform:none;color:var(--wine)}
.mega-links a{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;font-size:15px;transition:.2s}
.mega-links a:hover{background:var(--paper);color:var(--wine);padding-left:14px}
.mega-links i{width:14px;height:14px;border-radius:50%}
.mega-links small{margin-left:auto;font-size:11.5px;color:var(--muted);background:var(--paper);border-radius:999px;padding:1px 8px}
.mega-links small.hot{background:var(--clay);color:#fff}
.mega-new{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.mega-new a{display:grid;gap:4px}
.mega-new .ph{aspect-ratio:4/5;border-radius:16px;margin-bottom:6px}
.mega-new .ph img{transition:transform .8s var(--ease)}
.mega-new a:hover .ph img{transform:scale(1.07)}
.mega-new b{font-weight:500;font-size:13.5px;line-height:1.3}
.mega-new small{font-size:12.5px;color:var(--muted)}
.mega-promo{position:relative;overflow:hidden;border-radius:22px;background:var(--wine);color:var(--cream);padding:22px;display:flex;flex-direction:column;gap:10px;isolation:isolate}
.mega-promo .eyebrow{color:#e7cf98}
.mega-promo b{font-family:var(--display);font-weight:400;font-size:26px;line-height:1.1}
.mega-promo .mp-cta{margin-top:auto;display:inline-flex;align-items:center;gap:8px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:500}
.mega-promo .mp-cta svg{opacity:1;transform:none}
.mega-promo:hover .mp-cta svg{transform:translateX(4px)}
.mega-promo svg.sym{position:absolute;right:-24px;bottom:-26px;width:140px;height:132px;color:rgba(239,234,226,.08);z-index:-1;transition:transform 1s var(--ease)}
.mega-promo:hover svg.sym{transform:rotate(-14deg) scale(1.06)}

/* mobile drawer */
.mnav{position:fixed;top:0;left:0;bottom:0;width:min(400px,90vw);z-index:70;background:var(--cream);display:flex;flex-direction:column;transform:translateX(-102%);transition:transform .55s var(--ease);padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);visibility:hidden}
.mnav.open{transform:none;visibility:visible;box-shadow:30px 0 70px -30px rgba(0,0,0,.45)}
.mnav-scrim{position:fixed;inset:0;z-index:69;background:rgba(12,13,13,.42);backdrop-filter:blur(2px);animation:fadeIn .35s ease}
.mn-head{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid var(--line)}
.mn-body{flex:1;overflow:auto;padding:18px;display:flex;flex-direction:column;gap:20px}
.mn-tiles{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.mn-tiles a{position:relative;border-radius:18px;overflow:hidden;aspect-ratio:4/3;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;padding:10px 12px;isolation:isolate}
.mn-tiles .ph{position:absolute;inset:0;z-index:-2}
.mn-tiles a::before{content:"";position:absolute;inset:0;background:linear-gradient(transparent 40%,rgba(12,13,13,.6));z-index:-1}
.mn-tiles b{font-family:var(--display);font-weight:400;font-size:21px;line-height:1}
.mn-tiles small{font-size:11.5px;opacity:.8}
.mn-links{list-style:none;margin:0;padding:0;border-top:1px solid var(--line-2)}
.mn-links a{display:flex;align-items:center;gap:10px;padding:15px 4px;border-bottom:1px solid var(--line-2);font-family:var(--display);font-size:23px}
.mn-links small{font-family:var(--body);font-size:11.5px;background:var(--paper);border-radius:999px;padding:2px 9px;color:var(--muted)}
.mn-links small.live{background:var(--clay);color:#fff;text-transform:uppercase;letter-spacing:.1em;font-weight:600}
.mn-links svg{margin-left:auto;opacity:.5;transform:none}
.mnav.open .mn-tiles a,.mnav.open .mn-links li{animation:mnIn .6s var(--ease) both;animation-delay:calc(var(--i,0) * 45ms + .12s)}
@keyframes mnIn{from{opacity:0;transform:translateX(-18px)}}
.mn-foot{margin-top:auto;display:grid;gap:14px}
.mn-cod{display:flex;gap:12px;align-items:center;background:var(--white);border-radius:16px;padding:12px 14px;font-size:13px;color:var(--muted)}
.mn-cod svg{width:26px;height:26px;stroke:var(--wine);fill:none;stroke-width:1.4;flex:none}
.mn-cod b{display:block;color:var(--ink);font-weight:500;font-size:14px}
.mn-foot .socials a{border-color:var(--line)}
.mn-foot .socials svg{stroke:var(--wine)}
.mn-foot .socials a:hover{background:var(--wine)}
.mn-foot .socials a:hover svg{stroke:var(--cream)}

@media (max-width:1280px){nav.main > a, nav.main .has-mega > a{padding:9px 11px;font-size:13.5px}.hdr{gap:16px}}
@media (max-width:1180px){
  nav.main{display:none}
  .menu-btn{display:grid}
  .hdr{justify-content:space-between}
  .hdr .brand{position:absolute;left:50%;transform:translateX(-50%)}
}

/* ---------- buttons ---------- */
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid var(--wine);background:var(--wine);color:var(--cream);padding:15px 28px;border-radius:999px;font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;font-weight:500;overflow:hidden;isolation:isolate;transition:color .45s var(--ease),border-color .3s;white-space:nowrap}
.btn::before{content:"";position:absolute;inset:0;background:var(--ink);border-radius:inherit;transform:translateY(101%);transition:transform .5s var(--ease);z-index:-1}
.btn:hover::before{transform:none}
.btn:hover{border-color:var(--ink)}
.btn.ghost{background:transparent;color:var(--wine)}
.btn.ghost::before{background:var(--wine)}
.btn.ghost:hover{color:var(--cream);border-color:var(--wine)}
.btn.light{background:var(--cream);border-color:var(--cream);color:var(--wine)}
.btn.light::before{background:var(--sand)}
.btn.light:hover{color:var(--ink);border-color:var(--sand)}
.btn.block{width:100%}
.btn.sm{padding:11px 18px;font-size:11.5px}
.btn[disabled]{opacity:.5;pointer-events:none}
.arrow{width:18px;height:10px;stroke:currentColor;fill:none;stroke-width:1.4;transition:transform .4s var(--ease)}
.btn:hover .arrow,.linkish:hover .arrow{transform:translateX(4px)}
.linkish{display:inline-flex;gap:10px;align-items:center;font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;font-weight:500;color:var(--wine);padding:6px 0;background:linear-gradient(currentColor,currentColor) 0 100%/100% 1px no-repeat;transition:background-size .5s var(--ease)}
.linkish:hover{background-size:0 1px;background-position:100% 100%}

/* ---------- reveal animations ---------- */
.js [data-r]{opacity:0;transform:translateY(34px);transition:opacity .9s var(--ease),transform .9s var(--ease);transition-delay:calc(var(--d,0) * 80ms)}
.js [data-r="fade"]{transform:none}
.js [data-r="scale"]{transform:scale(.94)}
.js [data-r="left"]{transform:translateX(-40px)}
.js [data-r].in{opacity:1;transform:none}
.js .split .ln{display:block;overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em}
.js .split .ln > span{display:inline-block;transform:translateY(105%);transition:transform 1.1s var(--ease);transition-delay:calc(var(--i,0) * 110ms + 100ms)}
.js .split.in .ln > span{transform:none}
.img-reveal{position:relative;overflow:hidden}
.js .img-reveal::after{content:"";position:absolute;inset:0;background:var(--sand-lt);transform-origin:right;transition:transform 1.1s var(--ease-io);z-index:2}
.js .img-reveal.in::after{transform:scaleX(0)}
.js .img-reveal img{transform:scale(1.18);transition:transform 1.6s var(--ease)}
.js .img-reveal.in img{transform:scale(1)}

/* ---------- photo base ---------- */
.ph{position:relative;overflow:hidden;background:var(--sand-lt)}
.ph img{width:100%;height:100%;object-fit:cover}
.ph.missing{display:grid;place-items:center;background:var(--paper)}
.ph.missing::before{content:"";width:34%;aspect-ratio:1;background:var(--sand);-webkit-mask:var(--zmask) center/contain no-repeat;mask:var(--zmask) center/contain no-repeat;opacity:.5}

/* ---------- hero slider ---------- */
.hero{position:relative;height:clamp(560px,86vh,820px);margin:14px clamp(10px,1.5vw,18px) 0;border-radius:32px;overflow:hidden;background:var(--wine-deep);color:var(--cream)}
.slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity 1s var(--ease),visibility 1s}
.slide.on{opacity:1;visibility:visible;z-index:1}
.slide .ph{position:absolute;inset:0;background:var(--wine-deep)}
.slide .ph img{transform:scale(1.15);transition:transform 7s linear}
.slide.on .ph img{transform:scale(1)}
.slide::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(58,12,23,.88) 0%,rgba(58,12,23,.55) 42%,rgba(58,12,23,0) 75%),linear-gradient(0deg,rgba(12,13,13,.35),transparent 40%);z-index:1}
.slide-copy{position:absolute;z-index:2;left:clamp(22px,6vw,90px);bottom:clamp(90px,14vh,140px);max-width:min(640px,86%)}
.slide-copy .eyebrow{color:#ead9b1;display:flex;gap:10px;align-items:center}
.slide-copy .eyebrow::before{content:"";width:30px;height:1px;background:currentColor}
.slide-copy h1{font-size:clamp(48px,8.2vw,120px);margin:16px 0 18px;letter-spacing:-.025em}
.slide-copy h1 em{font-style:normal;color:inherit}
.slide-copy p{font-size:clamp(15.5px,1.4vw,18px);max-width:30em;opacity:.88;margin-bottom:28px}
.slide .ln > span{display:inline-block;transform:translateY(110%);transition:transform 1.1s var(--ease)}
.slide .ln{display:block;overflow:hidden;padding-bottom:.08em}
.slide.on .ln > span{transform:none;transition-delay:calc(var(--i,0) * 120ms + .25s)}
.slide .fade-up{opacity:0;transform:translateY(20px);transition:.9s var(--ease)}
.slide.on .fade-up{opacity:1;transform:none;transition-delay:.65s}
.hero-ui{position:absolute;z-index:3;left:clamp(22px,6vw,90px);right:clamp(22px,4vw,48px);bottom:clamp(26px,4vh,40px);display:flex;align-items:center;gap:20px}
.hero-dots{display:flex;gap:10px;flex:1;max-width:420px}
.hero-dots button{flex:1;height:30px;position:relative;color:var(--cream);text-align:left;font-size:11px;letter-spacing:.14em}
.hero-dots button::before{content:"";position:absolute;left:0;right:0;bottom:4px;height:2px;background:rgba(239,234,226,.3)}
.hero-dots button i{position:absolute;left:0;bottom:4px;height:2px;width:0;background:var(--cream)}
.hero-dots button.on i{animation:prog 6.5s linear forwards}
.hero.paused .hero-dots button.on i{animation-play-state:paused}
@keyframes prog{to{width:100%}}
.hero-nav{display:flex;gap:8px;margin-left:auto}
.hero-nav button{width:48px;height:48px;border-radius:50%;border:1px solid rgba(239,234,226,.45);display:grid;place-items:center;transition:background .3s}
.hero-nav button:hover{background:rgba(239,234,226,.15)}
.hero-nav svg{width:18px;height:10px;stroke:var(--cream);fill:none;stroke-width:1.4}
.hero-badge{position:absolute;z-index:3;right:clamp(22px,4vw,48px);top:clamp(22px,4vw,40px);width:118px;height:118px;color:var(--cream)}
.hero-badge svg.ring{position:absolute;inset:0;width:100%;height:100%;animation:spin 18s linear infinite}
.hero-badge .core{position:absolute;inset:30px;border-radius:50%;background:var(--cream);color:var(--wine);display:grid;place-items:center}
.hero-badge .core svg{width:34px;height:32px}
@keyframes spin{to{transform:rotate(360deg)}}
@media (max-width:700px){.hero{height:clamp(540px,82vh,700px);border-radius:24px}.slide::after{background:linear-gradient(0deg,rgba(58,12,23,.92) 15%,rgba(58,12,23,.35) 60%,rgba(58,12,23,.1))}.hero-badge{width:88px;height:88px}.hero-badge .core{inset:22px}.hero-nav{display:none}}

/* ---------- trust strip ---------- */
.trust{display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:var(--white);border-radius:24px;margin-top:18px;box-shadow:0 20px 50px -40px rgba(58,12,23,.4)}
.trust div{display:flex;gap:14px;align-items:center;padding:20px 22px;position:relative}
.trust div + div::before{content:"";position:absolute;left:0;top:22%;bottom:22%;width:1px;background:var(--line)}
.trust svg{width:30px;height:30px;stroke:var(--wine);fill:none;stroke-width:1.3;flex:none}
.trust b{display:block;font-weight:500;font-size:14.5px}
.trust span{font-size:12.5px;color:var(--muted)}
@media (max-width:900px){.trust{grid-template-columns:1fr 1fr}.trust div:nth-child(3)::before{display:none}}
@media (max-width:480px){.trust div{padding:14px;gap:10px}.trust svg{width:24px;height:24px}.trust b{font-size:13px}}

/* ---------- sections ---------- */
section.block{padding-block:clamp(56px,7vw,96px)}
section.tight{padding-block:clamp(36px,5vw,64px)}
.sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:clamp(24px,3vw,36px)}
.sec-head h2{font-size:clamp(34px,4.6vw,62px);color:var(--wine);margin-top:10px}
.sec-head h2 em{font-style:italic;color:var(--sand)}
.sec-head p{color:var(--muted);max-width:32em;margin-top:10px}
.wave{display:block;width:72px;height:9px;color:var(--sand);margin-top:14px}

/* category rail */
.cat-rail{display:grid;grid-template-columns:repeat(6,1fr);gap:clamp(10px,2vw,22px)}
.cat-dot{display:grid;justify-items:center;gap:10px;text-align:center}
.cat-dot .ph{width:100%;aspect-ratio:1;border-radius:var(--blob);transition:border-radius .8s var(--ease)}
.cat-dot:hover .ph{border-radius:var(--blob2)}
.cat-dot .ph img{transition:transform .9s var(--ease)}
.cat-dot:hover .ph img{transform:scale(1.1)}
.cat-dot b{font-family:var(--display);font-weight:400;font-size:clamp(17px,1.7vw,22px)}
.cat-dot small{font-size:12px;color:var(--muted);margin-top:-8px}
.cat-dot .ic{display:grid;place-items:center;color:var(--cream)}
.cat-dot .ic svg{width:42%;height:42%;stroke:currentColor;fill:none;stroke-width:1.2}
@media (max-width:860px){.cat-rail{grid-template-columns:repeat(3,1fr)}}

/* bento */
.bento{display:grid;grid-template-columns:1.25fr 1fr 1fr;grid-template-rows:repeat(2,minmax(230px,1fr));gap:14px}
.tile{position:relative;border-radius:26px;overflow:hidden;color:var(--cream);display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(18px,2.4vw,30px);min-height:230px;isolation:isolate}
.tile .ph{position:absolute;inset:0;z-index:-2}
.tile .ph img{transition:transform 1.2s var(--ease)}
.tile:hover .ph img{transform:scale(1.07)}
.tile::before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(12,13,13,.62),rgba(12,13,13,0) 60%);z-index:-1}
.tile.big{grid-row:span 2}
.tile h3{font-size:clamp(26px,2.8vw,40px)}
.tile p{font-size:14px;opacity:.85;margin:6px 0 14px;max-width:24em}
.tile .linkish{color:var(--cream)}
.tile.solid{background:var(--wine);justify-content:space-between}
.tile.solid::before{display:none}
.tile.solid .big-num{font-family:var(--display);font-size:clamp(64px,7vw,110px);line-height:.9;color:#e7cf98}
.tile.solid.navy{background:var(--navy)}
@media (max-width:900px){.bento{grid-template-columns:1fr 1fr}.tile.big{grid-column:span 2;grid-row:auto;min-height:340px}}
@media (max-width:520px){.bento{grid-template-columns:1fr}.tile.big{grid-column:auto}}

/* ---------- product cards ---------- */
.tabs{display:flex;gap:6px;flex-wrap:wrap}
.tab{border:1px solid var(--line);border-radius:999px;padding:8px 16px;font-size:13.5px;transition:.25s}
.tab:hover{border-color:var(--ink)}
.tab.on{background:var(--ink);border-color:var(--ink);color:var(--cream)}
.tab .n{opacity:.55;margin-left:4px;font-size:12px}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px 18px}
.grid.c3{grid-template-columns:repeat(3,1fr)}
.grid.c5{grid-template-columns:repeat(5,1fr);gap:24px 14px}
@media (max-width:1100px){.grid,.grid.c5{grid-template-columns:repeat(3,1fr)}}
@media (max-width:720px){.grid,.grid.c3,.grid.c5{grid-template-columns:repeat(2,1fr);gap:24px 12px}}
.card{display:flex;flex-direction:column;gap:10px;min-width:0;position:relative}
.card .media{position:relative;aspect-ratio:4/5;border-radius:20px;overflow:hidden;background:var(--sand-lt)}
.card .media > a{position:absolute;inset:0}
.card .media .ph{position:absolute;inset:0}
.card .media .ph img{transition:transform 1s var(--ease),opacity .6s var(--ease)}
.card .media .ph.alt{opacity:0}
@media (hover:hover){.card:hover .media .ph.alt{opacity:1}.card:hover .media .ph img{transform:scale(1.06)}}
.tag{position:absolute;top:12px;left:12px;z-index:2;background:var(--cream);color:var(--wine);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;padding:5px 10px;border-radius:999px}
.tag.sale{background:var(--clay);color:#fff}
.fav{position:absolute;top:10px;right:10px;z-index:2;width:36px;height:36px;border-radius:50%;background:rgba(255,253,249,.88);display:grid;place-items:center;transition:transform .3s var(--ease)}
.fav:hover{transform:scale(1.1)}
.fav svg{width:18px;height:18px;fill:none;stroke:var(--ink);stroke-width:1.5;transition:.3s}
.fav.on svg{fill:var(--wine);stroke:var(--wine);animation:heart .5s var(--ease)}
@keyframes heart{40%{transform:scale(1.35)}}
.card-actions{position:absolute;left:10px;right:10px;bottom:10px;z-index:2;display:flex;gap:6px;transform:translateY(calc(100% + 14px));transition:transform .5s var(--ease)}
@media (hover:hover){.card:hover .card-actions,.card:focus-within .card-actions{transform:none}}
@media (hover:none){.card-actions{transform:none}.card-actions .qv{display:none}}
.card-actions button{flex:1;background:var(--ink);color:var(--cream);border-radius:999px;padding:11px 8px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:500;transition:background .3s}
.card-actions button:hover{background:var(--wine)}
.card-actions .qv{flex:none;width:40px;background:var(--cream);color:var(--ink);display:grid;place-items:center;padding:0}
.card-actions .qv svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.5}
.finpill{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;color:var(--muted)}
.finpill i{width:10px;height:10px;border-radius:50%}
.gold-sw{background:linear-gradient(135deg,#f6e3a6,#c9a24a 55%,#8c6b22)}
.silver-sw{background:linear-gradient(135deg,#fafafa,#bfc2c6 55%,#7d8187)}
.card .meta{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.card h3{font-family:var(--body);font-size:15px;font-weight:500;line-height:1.3;letter-spacing:0}
.card h3 a:hover{color:var(--wine)}
.price{font-variant-numeric:tabular-nums;font-weight:500;white-space:nowrap;font-size:15px}
.price s{color:var(--muted);font-weight:300;margin-left:6px;font-size:12.5px}

/* horizontal carousel */
.rail-wrap{position:relative}
.rail{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 3*18px)/4);gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:6px;cursor:grab}
.rail::-webkit-scrollbar{display:none}
.rail.drag{cursor:grabbing;scroll-snap-type:none}
.rail > *{scroll-snap-align:start}
@media (max-width:1000px){.rail{grid-auto-columns:calc((100% - 2*14px)/2.6);gap:14px}}
@media (max-width:600px){.rail{grid-auto-columns:72%}}
.rail-btns{display:flex;gap:8px}
.rbtn{width:46px;height:46px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;transition:.3s}
.rbtn:hover{background:var(--ink);border-color:var(--ink)}
.rbtn:hover svg{stroke:var(--cream)}
.rbtn svg{width:18px;height:10px;stroke:var(--ink);fill:none;stroke-width:1.4}
.rail-progress{height:2px;background:var(--line);margin-top:26px;border-radius:2px;overflow:hidden}
.rail-progress i{display:block;height:100%;background:var(--wine);width:25%;transition:transform .2s}

/* marquee band */
.band{background:var(--wine);color:var(--cream);overflow:hidden;transform:rotate(-1.4deg);margin-block:20px;width:104%;margin-left:-2%}
.band.alt{background:var(--sand);color:var(--ink);transform:rotate(1.2deg);margin-top:-18px}
.band .track{display:flex;gap:40px;padding:16px 0;width:max-content;animation:tick 34s linear infinite}
.band.alt .track{animation-direction:reverse}
.band span{font-family:var(--display);font-style:italic;font-size:clamp(20px,2.4vw,30px);display:flex;align-items:center;gap:40px;white-space:nowrap}
.band span::after{content:"";width:22px;height:21px;background:currentColor;-webkit-mask:var(--zmask) center/contain no-repeat;mask:var(--zmask) center/contain no-repeat;opacity:.6}

/* split feature (finish) */
.finish{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.fin{position:relative;border-radius:30px;overflow:hidden;min-height:clamp(380px,46vw,560px);color:var(--cream);display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(24px,3.5vw,48px);isolation:isolate}
.fin .ph{position:absolute;inset:0;z-index:-2}
.fin::before{content:"";position:absolute;inset:0;z-index:-1}
.fin.g::before{background:linear-gradient(0deg,rgba(89,21,37,.92),rgba(89,21,37,.1) 65%)}
.fin.s::before{background:linear-gradient(0deg,rgba(12,66,97,.92),rgba(12,66,97,.1) 65%)}
.fin h3{font-size:clamp(36px,4vw,58px)}
.fin p{opacity:.88;margin:10px 0 20px;max-width:28em}
.fin .sw{width:44px;height:44px;border-radius:50%;margin-bottom:16px;box-shadow:0 0 0 4px rgba(255,255,255,.18)}
@media (max-width:760px){.finish{grid-template-columns:1fr}}

/* shop the look */
.look{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(24px,4vw,60px);align-items:center}
.look-img{position:relative;border-radius:30px;overflow:hidden;aspect-ratio:4/5}
.look-img .ph{position:absolute;inset:0}
.spot{position:absolute;z-index:3;width:34px;height:34px;margin:-17px 0 0 -17px;border-radius:50%;background:var(--cream);display:grid;place-items:center;box-shadow:0 0 0 0 rgba(239,234,226,.6);animation:spotPulse 2.4s infinite}
.spot::after{content:"";width:10px;height:10px;border-radius:50%;background:var(--wine)}
.spot.on{background:var(--wine)}
.spot.on::after{background:var(--cream)}
@keyframes spotPulse{70%{box-shadow:0 0 0 14px rgba(239,234,226,0)}}
.look-list{display:grid;gap:12px}
.look-item{display:grid;grid-template-columns:86px 1fr auto;gap:16px;align-items:center;padding:12px;border-radius:20px;border:1px solid var(--line);transition:.35s var(--ease)}
.look-item.on,.look-item:hover{background:var(--white);border-color:var(--sand);transform:translateX(6px)}
.look-item .ph{width:86px;height:96px;border-radius:14px}
.look-item b{font-weight:500;display:block}
.look-item small{color:var(--muted);font-size:12.5px}
.look-item .add{width:44px;height:44px;border-radius:50%;background:var(--wine);color:var(--cream);display:grid;place-items:center;font-size:22px;font-weight:300;transition:.3s}
.look-item .add:hover{background:var(--ink);transform:rotate(90deg)}
@media (max-width:860px){.look{grid-template-columns:1fr}}

/* feature duo: try-on + size */
.duo{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.promo{position:relative;border-radius:30px;padding:clamp(26px,3.6vw,48px);overflow:hidden;min-height:360px;display:flex;flex-direction:column;justify-content:space-between;gap:24px;isolation:isolate}
.promo.tryon{background:var(--ink);color:var(--cream)}
.promo.size{background:var(--sand-lt);color:var(--ink)}
.promo h3{font-size:clamp(32px,3.6vw,52px);max-width:12ch}
.promo p{max-width:26em;opacity:.85;margin-top:12px}
.promo.tryon{display:grid;grid-template-columns:1.25fr .75fr;align-items:stretch;gap:clamp(20px,3vw,36px)}
.pt-copy{display:flex;flex-direction:column;justify-content:space-between;gap:24px}
.promo.tryon .scan{width:100%;max-width:260px;justify-self:end;align-self:center}
.scan{position:relative;aspect-ratio:3/4;border-radius:24px;overflow:hidden}
.scan .ph{position:absolute;inset:0}
.scan::after{content:"";position:absolute;left:0;right:0;height:30%;background:linear-gradient(transparent,rgba(67,185,186,.45),transparent);animation:scan 3s ease-in-out infinite;top:-30%}
@keyframes scan{50%{top:100%}}
.scan i{position:absolute;width:20px;height:20px;border:2px solid var(--aqua)}
.scan i:nth-of-type(1){top:10px;left:10px;border-right:0;border-bottom:0}
.scan i:nth-of-type(2){top:10px;right:10px;border-left:0;border-bottom:0}
.scan i:nth-of-type(3){bottom:10px;left:10px;border-right:0;border-top:0}
.scan i:nth-of-type(4){bottom:10px;right:10px;border-left:0;border-top:0}
@media (max-width:860px){.duo{grid-template-columns:1fr}.promo.tryon{grid-template-columns:1fr}.promo.tryon .scan{max-width:240px;justify-self:start}}

/* COD steps */
.cod{background:var(--paper);border-radius:34px;padding:clamp(26px,5vw,64px);display:grid;grid-template-columns:1fr 1.7fr;gap:clamp(24px,5vw,64px);align-items:start}
.cod h2{font-size:clamp(32px,4vw,52px);color:var(--wine)}
.cod .lead{color:var(--muted);margin-top:16px}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;list-style:none;margin:0;padding:0;counter-reset:s}
.steps li{counter-increment:s;padding-top:18px;position:relative}
.steps li::after{content:"";position:absolute;left:0;top:0;height:1.5px;background:var(--wine);width:0;transition:width 1.2s var(--ease);transition-delay:calc(var(--d,0)*150ms + .2s)}
.steps.in li::after,.no-js .steps li::after{width:100%}
.steps li::before{content:"Step " counter(s);display:block;font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--wine);font-weight:600;margin-bottom:10px}
.steps b{display:block;font-family:var(--display);font-weight:400;font-size:23px;margin-bottom:6px}
.steps span{font-size:14.5px;color:var(--muted)}
@media (max-width:860px){.cod{grid-template-columns:1fr}.steps{grid-template-columns:1fr}}

/* stats */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:14px}
.stat{border-radius:24px;padding:24px;background:var(--white)}
.stat b{display:block;font-family:var(--display);font-weight:400;font-size:clamp(38px,4vw,56px);color:var(--wine);line-height:1}
.stat span{font-size:13.5px;color:var(--muted)}
@media (max-width:760px){.stats{grid-template-columns:1fr 1fr}}

/* care / honest */
.care{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,72px);align-items:center}
.care h2{font-size:clamp(30px,3.8vw,50px)}
.care h2 em{color:var(--wine)}
.care-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}
.care-list div{background:var(--white);border-radius:18px;padding:16px;display:grid;gap:6px}
.care-list svg{width:26px;height:26px;stroke:var(--wine);fill:none;stroke-width:1.3}
.care-list b{font-weight:500;font-size:14.5px}
.care-list span{font-size:13px;color:var(--muted)}
.care .ph{border-radius:30px;aspect-ratio:1}
.gloss{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
.gloss span{border:1px solid var(--sand);border-radius:999px;padding:6px 13px;font-size:12.5px}
.gloss b{font-weight:500;color:var(--wine)}
@media (max-width:860px){.care{grid-template-columns:1fr}}
@media (max-width:420px){.care-list{grid-template-columns:1fr}}

/* faq */
.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(24px,5vw,72px)}
.faq h2{font-size:clamp(32px,4vw,52px);color:var(--wine)}
details.acc{border-bottom:1px solid var(--line)}
details.acc:first-of-type{border-top:1px solid var(--line)}
details.acc summary{list-style:none;cursor:pointer;padding:20px 0;display:flex;justify-content:space-between;gap:16px;font-weight:500;font-size:16px}
details.acc summary::-webkit-details-marker{display:none}
details.acc summary i{flex:none;width:28px;height:28px;border-radius:50%;border:1px solid var(--line);position:relative;transition:.35s var(--ease)}
details.acc summary i::before,details.acc summary i::after{content:"";position:absolute;left:50%;top:50%;width:10px;height:1.4px;background:var(--wine);transform:translate(-50%,-50%)}
details.acc summary i::after{transform:translate(-50%,-50%) rotate(90deg);transition:transform .35s var(--ease)}
details.acc[open] summary i{background:var(--wine);border-color:var(--wine)}
details.acc[open] summary i::before{background:var(--cream)}
details.acc[open] summary i::after{transform:translate(-50%,-50%) rotate(0);background:var(--cream)}
details.acc .in{padding:0 0 20px;color:var(--muted);font-size:15px;max-width:44em}
details.acc[open] .in{animation:accIn .5s var(--ease)}
@keyframes accIn{from{opacity:0;transform:translateY(-8px)}}
@media (max-width:860px){.faq{grid-template-columns:1fr}}

/* gram */
.gram{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
.gram a{position:relative;border-radius:18px;overflow:hidden;aspect-ratio:1}
.gram .ph{position:absolute;inset:0}
.gram .ph img{transition:transform .8s var(--ease)}
.gram a::after{content:"";position:absolute;inset:0;background:rgba(89,21,37,.55) var(--igmask);opacity:0;transition:.4s}
.gram a:hover::after{opacity:1}
.gram a:hover img{transform:scale(1.08)}
@media (max-width:760px){.gram{grid-template-columns:repeat(3,1fr)}}

/* ---------- footer ---------- */
footer.site{margin-top:clamp(56px,8vw,96px);background:var(--wine);color:var(--cream);padding-block:64px 28px;position:relative}
.foot-wave{position:absolute;left:0;right:0;top:-14px;height:16px;background:var(--wine);-webkit-mask:var(--wavemask) 0 0/90px 16px repeat-x;mask:var(--wavemask) 0 0/90px 16px repeat-x}
.fgrid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.3fr;gap:36px}
.fgrid h4{font-family:var(--body);font-size:12px;letter-spacing:.18em;text-transform:uppercase;font-weight:500;color:#e2cfa6;margin:0 0 16px}
.fgrid ul{list-style:none;margin:0;padding:0;display:grid;gap:9px;font-size:14.5px}
.fgrid ul a{opacity:.82;transition:.25s}
.fgrid ul a:hover{opacity:1;padding-left:4px}
.flogo{display:flex;gap:16px;align-items:center;color:var(--cream)}
.flogo .m{width:62px;height:58px}.flogo .en{width:86px;height:40px}.flogo .ar{width:60px;height:48px;opacity:.85}
.fbrand p{font-size:14px;opacity:.78;margin-top:18px;max-width:30em}
.socials{display:flex;gap:8px;margin-top:20px}
.socials a{width:40px;height:40px;border-radius:50%;border:1px solid rgba(239,234,226,.3);display:grid;place-items:center;transition:.3s}
.socials a:hover{background:var(--cream)}
.socials a:hover svg{stroke:var(--wine)}
.socials svg{width:18px;height:18px;stroke:var(--cream);fill:none;stroke-width:1.4}
.fnews p{font-size:14px;opacity:.78}
.inline-form{display:flex;border-bottom:1px solid rgba(239,234,226,.5);margin-top:14px}
.inline-form input{flex:1;min-width:0;background:transparent;border:0;padding:12px 0;color:var(--cream);font-size:15px}
.inline-form input::placeholder{color:rgba(239,234,226,.6)}
.inline-form button{width:40px;display:grid;place-items:center}
.inline-form svg{width:18px;height:10px;stroke:var(--cream);fill:none;stroke-width:1.4}
.news-ok{margin-top:10px;color:#e7cf98}
.pay{display:flex;gap:10px;align-items:center;margin-top:22px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;opacity:.9}
.pay b{border:1px solid rgba(239,234,226,.4);border-radius:8px;padding:6px 10px;font-weight:500;letter-spacing:.08em}
.fbot{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid rgba(239,234,226,.18);margin-top:48px;padding-top:20px;font-size:12.5px;opacity:.72}
@media (max-width:900px){.fgrid{grid-template-columns:1fr 1fr}.fbrand,.fnews{grid-column:1/-1}}

/* ---------- page head (shop/guide) ---------- */
.pagehead{position:relative;margin:14px clamp(10px,1.5vw,18px) 0;border-radius:32px;overflow:hidden;color:var(--cream);min-height:clamp(260px,34vw,380px);display:flex;align-items:flex-end;isolation:isolate}
.pagehead .ph{position:absolute;inset:0;z-index:-2}
.pagehead::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(58,12,23,.9),rgba(58,12,23,.35) 70%,rgba(58,12,23,.15))}
.pagehead .wrap{width:100%;padding-block:clamp(28px,4vw,52px)}
.pagehead h1{font-size:clamp(48px,8vw,112px);letter-spacing:-.025em}
.pagehead h1 em{font-style:italic;color:#e7cf98}
.pagehead p{max-width:34em;opacity:.88;margin-top:12px}
.crumbs{font-size:12.5px;display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px;opacity:.85;letter-spacing:.04em}
.crumbs a:hover{text-decoration:underline}
.crumbs.dark{opacity:1;color:var(--muted)}
.crumbs.dark a:hover{color:var(--wine)}

/* shop layout */
.shop{display:grid;grid-template-columns:250px 1fr;gap:clamp(20px,3vw,40px);margin-top:34px;align-items:start}
.filters{position:sticky;top:calc(env(safe-area-inset-top,0px) + var(--hdr) + 18px);display:grid;gap:26px}
.fgroup h4{font-family:var(--body);font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:500;margin:0 0 12px}
.fopts{display:grid;gap:4px}
.fopt{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;font-size:14.5px;text-align:left;transition:.2s}
.fopt:hover{background:var(--paper)}
.fopt.on{background:var(--white);color:var(--wine);font-weight:500;box-shadow:inset 0 0 0 1px var(--sand)}
.fopt small{color:var(--muted);font-weight:300}
.fopt .finpill{color:inherit;font-size:14.5px;gap:10px}
.fopt .finpill i{width:16px;height:16px}
.range{display:grid;gap:10px}
.range input[type=range]{width:100%;accent-color:var(--wine)}
.range .vals{display:flex;justify-content:space-between;font-size:13px;color:var(--muted)}
.mini-guide{background:var(--wine);color:var(--cream);border-radius:20px;padding:18px;display:grid;gap:10px}
.mini-guide b{font-family:var(--display);font-weight:400;font-size:22px}
.mini-guide p{font-size:13.5px;opacity:.85}
.mini-guide a{font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:500;color:#e7cf98}
.toolbar{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;align-items:center;padding-bottom:18px;margin-bottom:24px;border-bottom:1px solid var(--line)}
.toolbar .right{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
select.sel{font-size:13.5px;border:1px solid var(--line);background:var(--cream);border-radius:999px;padding:9px 14px}
.cols-toggle{display:flex;gap:4px}
.cols-toggle button{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;border:1px solid transparent}
.cols-toggle button.on{border-color:var(--line);background:var(--white)}
.cols-toggle svg{width:16px;height:16px;fill:var(--ink)}
.chips{display:flex;gap:6px;flex-wrap:wrap}
.chip{display:inline-flex;gap:8px;align-items:center;background:var(--white);border:1px solid var(--line);border-radius:999px;padding:6px 8px 6px 12px;font-size:12.5px}
.chip button{width:18px;height:18px;border-radius:50%;background:var(--line);line-height:1;font-size:12px}
.filter-btn{display:none}
.empty-state{grid-column:1/-1;text-align:center;padding:60px 20px;color:var(--muted)}
.empty-state svg{width:80px;height:76px;color:var(--sand);margin:0 auto 14px}
@media (max-width:960px){
  .shop{grid-template-columns:1fr}
  .filters{position:fixed;inset:auto 0 0 0;top:auto;z-index:70;background:var(--cream);border-radius:26px 26px 0 0;padding:24px 20px calc(24px + env(safe-area-inset-bottom,0px));max-height:80vh;overflow:auto;transform:translateY(105%);transition:transform .5s var(--ease);box-shadow:0 -20px 50px -20px rgba(0,0,0,.3)}
  .filters.open{transform:none}
  .filter-btn{display:inline-flex}
  .cols-toggle{display:none}
}

/* ---------- product page ---------- */
.pd{display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(28px,4.5vw,72px);padding-block:20px 40px;align-items:start}
.gallery{display:grid;grid-template-columns:84px 1fr;gap:14px;position:sticky;top:calc(env(safe-area-inset-top,0px) + var(--hdr) + 16px)}
.thumbs{display:flex;flex-direction:column;gap:10px}
.thumbs button{aspect-ratio:4/5;border-radius:14px;overflow:hidden;border:1.5px solid transparent;transition:.3s;opacity:.7}
.thumbs button.on{border-color:var(--wine);opacity:1}
.thumbs .ph{width:100%;height:100%}
.thumbs .tryt{display:grid;place-items:center;background:var(--ink);color:var(--cream);font-size:10px;letter-spacing:.1em;text-transform:uppercase;font-weight:500;gap:4px;opacity:1}
.thumbs .tryt svg{width:22px;height:22px;stroke:var(--aqua);fill:none;stroke-width:1.4}
.mainimg{position:relative;aspect-ratio:4/5;border-radius:28px;overflow:hidden;cursor:zoom-in;background:var(--sand-lt)}
.mainimg .ph{position:absolute;inset:0;transition:opacity .5s var(--ease)}
.mainimg .ph img{transition:transform .25s ease-out;transform-origin:var(--zx,50%) var(--zy,50%)}
.mainimg.zoom .ph img{transform:scale(2.1)}
.mainimg .hint{position:absolute;left:14px;bottom:14px;background:rgba(255,253,249,.88);border-radius:999px;padding:7px 12px;font-size:12px;display:flex;gap:6px;align-items:center;z-index:2;transition:opacity .3s}
.mainimg.zoom .hint{opacity:0}
@media (hover:none){.mainimg .hint{display:none}}
.gal-nav{position:absolute;right:14px;bottom:14px;display:flex;gap:6px;z-index:2}
.gal-nav button{width:40px;height:40px;border-radius:50%;background:rgba(255,253,249,.9);display:grid;place-items:center}
.gal-nav svg{width:16px;height:9px;stroke:var(--ink);fill:none;stroke-width:1.5}
@media (max-width:960px){.pd{grid-template-columns:1fr}.gallery{position:static;grid-template-columns:1fr}.thumbs{flex-direction:row;order:2;overflow-x:auto}.thumbs button{width:70px;flex:none}}
.pinfo .top{display:flex;justify-content:space-between;align-items:center;gap:10px}
.pinfo h1{font-size:clamp(38px,4.4vw,62px);color:var(--wine);margin:12px 0 14px}
.pp{font-size:25px;font-variant-numeric:tabular-nums;display:flex;gap:12px;align-items:baseline;flex-wrap:wrap}
.pp s{font-size:16px;color:var(--muted)}
.pp em{font-style:normal;font-size:11.5px;background:var(--clay);color:#fff;padding:4px 10px;border-radius:999px;letter-spacing:.08em;font-weight:500}
.labels{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}
.label{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:999px;padding:7px 13px;font-size:13px;background:var(--white)}
.label i{width:14px;height:14px;border-radius:50%}
.pinfo .desc{color:var(--muted);margin:4px 0 24px;max-width:36em;font-size:15.5px}
.opt{margin-bottom:22px}
.opt .ol{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:500;margin-bottom:10px}
.opt .ol a,.opt .ol button{text-transform:none;letter-spacing:0;font-weight:400;font-size:13px;color:var(--wine);text-decoration:underline;text-underline-offset:3px}
.sizes{display:flex;gap:8px;flex-wrap:wrap}
.sizes button{min-width:50px;border:1px solid var(--line);border-radius:12px;padding:11px 12px;font-variant-numeric:tabular-nums;transition:.2s;font-size:14.5px}
.sizes button:hover{border-color:var(--ink)}
.sizes button.on{background:var(--ink);color:var(--cream);border-color:var(--ink)}
.sizes button small{display:block;font-size:10.5px;opacity:.6}
.sizes.shake{animation:shake .5s}
@keyframes shake{25%,75%{transform:translateX(-6px)}50%{transform:translateX(6px)}}
.buy{display:grid;grid-template-columns:auto 1fr;gap:10px;margin-bottom:10px}
.qty{display:flex;align-items:center;border:1px solid var(--line);border-radius:999px;background:var(--white)}
.qty button{width:44px;height:50px;font-size:18px}
.qty output{min-width:26px;text-align:center;font-variant-numeric:tabular-nums}
.btn-row{display:grid;grid-template-columns:1fr auto;gap:10px}
.try-btn{display:flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;background:var(--ink);color:var(--cream);padding:14px 22px;font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:500;transition:.3s}
.try-btn:hover{background:var(--teal)}
.try-btn svg{width:20px;height:20px;stroke:var(--aqua);fill:none;stroke-width:1.5}
.codbox{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start;background:var(--paper);border-radius:20px;padding:18px;margin:20px 0 14px}
.codbox .ic{width:44px;height:44px;border-radius:50%;background:var(--wine);display:grid;place-items:center}
.codbox .ic svg{width:22px;height:22px;stroke:var(--cream);fill:none;stroke-width:1.5}
.codbox b{font-weight:500}
.codbox p{margin-top:2px;font-size:14px;color:var(--muted)}
.perks{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;font-size:12.5px;color:var(--muted);text-align:center}
.perks div{border:1px solid var(--line);border-radius:14px;padding:12px 6px}
.perks b{display:block;color:var(--ink);font-weight:500;font-size:13px}
.spec{display:grid;grid-template-columns:auto 1fr;gap:8px 20px;margin:0}
.spec dt{color:var(--ink)}
.spec dd{margin:0}
.sticky-buy{position:fixed;left:0;right:0;bottom:0;z-index:45;background:var(--white);border-top:1px solid var(--line);padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));display:none;gap:12px;align-items:center;transform:translateY(110%);transition:transform .45s var(--ease)}
.sticky-buy.show{transform:none}
.sticky-buy .ph{width:44px;height:54px;border-radius:10px;flex:none}
.sticky-buy b{font-weight:500;font-size:14px;display:block;line-height:1.2}
.sticky-buy .btn{margin-left:auto;padding:12px 18px}
@media (max-width:960px){.sticky-buy{display:flex}}

/* size finder inline */
.finder{background:var(--white);border:1px solid var(--line);border-radius:18px;padding:16px;margin-top:10px;display:grid;gap:10px}
.finder .row2{display:grid;grid-template-columns:1fr auto auto;gap:8px}
.finder input{border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:var(--paper);min-width:0;width:100%}
.finder .res{font-size:14px;color:var(--muted)}
.finder .res b{color:var(--wine);font-weight:500}

/* ---------- drawers & modals ---------- */
.scrim{position:fixed;inset:0;background:rgba(12,13,13,.42);z-index:80;animation:fadeIn .35s ease;backdrop-filter:blur(2px)}
@keyframes fadeIn{from{opacity:0}}
.drawer{position:fixed;top:0;right:0;bottom:0;width:min(460px,100%);background:var(--cream);z-index:81;display:flex;flex-direction:column;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);animation:inR .5s var(--ease)}
.drawer.closing{animation:outR .35s var(--ease-io) forwards}
@keyframes inR{from{transform:translateX(100%)}}
@keyframes outR{to{transform:translateX(100%)}}
.dh{display:flex;justify-content:space-between;align-items:center;padding:22px 24px;border-bottom:1px solid var(--line)}
.dh h3{font-size:30px;color:var(--wine)}
.dh h3 small{font-family:var(--body);font-size:14px;color:var(--muted);margin-left:6px}
.db{flex:1;overflow:auto;padding:6px 24px}
.line{display:grid;grid-template-columns:78px 1fr auto;gap:14px;padding:16px 0;border-bottom:1px solid var(--line);align-items:center;animation:lineIn .5s var(--ease) both;animation-delay:calc(var(--d,0)*60ms)}
@keyframes lineIn{from{opacity:0;transform:translateX(20px)}}
.line .ph{width:78px;height:94px;border-radius:14px}
.line b{font-weight:500;font-size:14.5px;display:block}
.line small{color:var(--muted);font-size:12.5px;display:block}
.line .mini{display:flex;gap:10px;align-items:center;margin-top:8px}
.line .mini button{border:1px solid var(--line);border-radius:50%;width:26px;height:26px;line-height:1}
.line .rm{font-size:12px;color:var(--muted);text-decoration:underline}
.df{padding:18px 24px 22px;border-top:1px solid var(--line);display:grid;gap:10px;background:var(--paper)}
.row{display:flex;justify-content:space-between;font-size:14.5px;font-variant-numeric:tabular-nums}
.row.t{font-size:18px;font-weight:500}
.meter{height:6px;border-radius:6px;background:var(--line);overflow:hidden}
.meter i{display:block;height:100%;background:linear-gradient(90deg,var(--wine),var(--clay));border-radius:6px;transition:width .8s var(--ease)}
.hint{font-size:12.5px;color:var(--muted)}
.empty{text-align:center;padding:56px 10px;color:var(--muted);display:grid;justify-items:center;gap:14px}
.empty svg{width:90px;height:85px;color:var(--sand)}
.upsell{padding:16px 0}
.upsell h4{font-family:var(--body);font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:500;margin:0 0 10px}
.upsell .u{display:grid;grid-template-columns:52px 1fr auto;gap:12px;align-items:center;padding:8px 0}
.upsell .ph{width:52px;height:62px;border-radius:10px}
.upsell b{font-size:13.5px;font-weight:500;display:block}
.upsell small{font-size:12.5px;color:var(--muted)}
.upsell button{font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:500;border:1px solid var(--ink);border-radius:999px;padding:7px 12px}
.modal{position:fixed;inset:0;z-index:85;display:grid;place-items:center;padding:16px;overflow:auto}
.mbox{background:var(--cream);border-radius:28px;width:min(580px,100%);max-height:calc(100vh - 32px);overflow:auto;padding:clamp(22px,4vw,36px);animation:pop .45s var(--ease);position:relative}
.mbox.wide{width:min(980px,100%);padding:0;display:grid;grid-template-columns:1fr 1fr;overflow:hidden}
@keyframes pop{from{transform:translateY(24px) scale(.97);opacity:0}}
.mbox h3{font-size:34px;color:var(--wine)}
.x{width:42px;height:42px;border-radius:50%;border:1px solid var(--line);font-size:20px;line-height:1;display:grid;place-items:center;flex:none;transition:.3s;background:var(--cream)}
.x:hover{background:var(--ink);color:var(--cream);transform:rotate(90deg)}
.mbox.wide .x{position:absolute;top:14px;right:14px;z-index:3}
.qv-img{position:relative;min-height:420px}
.qv-img .ph{position:absolute;inset:0}
.qv-body{padding:clamp(22px,3.4vw,40px);overflow:auto;max-height:calc(100vh - 32px)}
.qv-body h3{font-size:36px;margin:10px 0}
@media (max-width:760px){.mbox.wide{grid-template-columns:1fr}.qv-img{min-height:300px}}
.fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}
.fields label{display:grid;gap:6px;font-size:11.5px;letter-spacing:.1em;font-weight:500;text-transform:uppercase}
.fields .full{grid-column:1/-1}
.fields input,.fields select,.fields textarea{font-size:15px;text-transform:none;letter-spacing:0;font-weight:300;border:1px solid var(--line);background:var(--white);border-radius:12px;padding:12px 14px;width:100%;transition:border-color .2s}
.fields input:focus,.fields select:focus,.fields textarea:focus{border-color:var(--wine);outline:none}
.fields textarea{min-height:70px;resize:vertical}
@media (max-width:520px){.fields{grid-template-columns:1fr}}
.paym{display:flex;gap:12px;align-items:center;border:1.5px solid var(--wine);border-radius:16px;padding:14px;background:var(--white);margin-bottom:16px}
.paym .rad{width:18px;height:18px;border-radius:50%;border:5px solid var(--wine);flex:none}
.summary{background:var(--white);border-radius:16px;padding:14px;display:grid;gap:8px;margin-top:14px}
.summary .it{display:flex;justify-content:space-between;gap:10px;font-size:13.5px}
.done{text-align:center;padding:10px 0;display:grid;justify-items:center;gap:12px}
.done svg.sym{width:110px;height:104px;color:var(--wine);animation:plPop .9s var(--ease)}
.done .ordno{font-family:var(--display);font-size:22px;color:var(--wine)}

/* search overlay */
.search{position:fixed;inset:0 0 auto 0;z-index:86;background:var(--cream);padding:calc(env(safe-area-inset-top,0px) + 26px) 0 30px;animation:dropIn .5s var(--ease);max-height:90vh;overflow:auto;border-radius:0 0 30px 30px}
@keyframes dropIn{from{transform:translateY(-100%)}}
.search .bar{display:flex;gap:14px;align-items:center;border-bottom:1.5px solid var(--wine);padding-bottom:10px}
.search .bar svg{width:26px;height:26px;stroke:var(--wine);fill:none;stroke-width:1.5;flex:none}
.search input{flex:1;min-width:0;border:0;background:transparent;font-family:var(--display);font-size:clamp(26px,4vw,44px);padding:6px 0;outline:none;color:var(--ink)}
.search .sugg{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}
.search .res{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
@media (max-width:760px){.search .res{grid-template-columns:repeat(2,1fr)}}
.sres{display:grid;grid-template-columns:64px 1fr;gap:12px;align-items:center;padding:8px;border-radius:14px;transition:.2s}
.sres:hover{background:var(--white)}
.sres .ph{width:64px;height:76px;border-radius:10px}
.sres b{font-weight:500;font-size:14px;display:block}
.sres small{color:var(--muted)}

/* toast + fly */
.toast-wrap{position:fixed;left:50%;bottom:calc(22px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:95;display:grid;gap:8px;width:max-content;max-width:calc(100% - 32px)}
.toast{background:var(--ink);color:var(--cream);padding:12px 14px 12px 12px;border-radius:999px;font-size:14px;display:flex;gap:12px;align-items:center;animation:toastIn .5s var(--ease);box-shadow:0 16px 40px -16px rgba(0,0,0,.5)}
.toast .ph{width:32px;height:32px;border-radius:50%;flex:none}
.toast button{color:#e7cf98;text-decoration:underline;font-size:13px}
.toast.out{animation:toastOut .35s ease forwards}
@keyframes toastIn{from{opacity:0;transform:translateY(20px) scale(.95)}}
@keyframes toastOut{to{opacity:0;transform:translateY(10px)}}
.fly{position:fixed;z-index:96;border-radius:50%;overflow:hidden;pointer-events:none;transition:transform .85s cubic-bezier(.5,-.3,.6,1),opacity .85s ease;box-shadow:0 10px 30px rgba(0,0,0,.3)}
.fly img{width:100%;height:100%;object-fit:cover}

/* ---------- size guide ---------- */
.guide-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:26px 0 30px;position:sticky;top:calc(env(safe-area-inset-top,0px) + var(--hdr));z-index:5;background:var(--cream);padding-block:12px;border-bottom:1px solid var(--line)}
.gtab{display:flex;gap:10px;align-items:center;border:1px solid var(--line);border-radius:999px;padding:9px 18px 9px 10px;font-size:14.5px;transition:.25s;background:var(--white)}
.gtab svg{width:26px;height:26px;stroke:currentColor;fill:none;stroke-width:1.3}
.gtab.on{background:var(--wine);color:var(--cream);border-color:var(--wine)}
.gsec{display:grid;gap:22px}
.gsec[hidden]{display:none}
.how{display:grid;grid-template-columns:1.1fr 1fr;gap:22px;align-items:stretch}
.how-card{background:var(--white);border-radius:28px;padding:clamp(22px,3vw,36px)}
.how-card h2{font-size:clamp(30px,3.4vw,46px);color:var(--wine);margin:8px 0 14px}
.how-steps{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:16px;counter-reset:h}
.how-steps li{counter-increment:h;display:grid;grid-template-columns:38px 1fr;gap:14px;align-items:start}
.how-steps li::before{content:counter(h);width:38px;height:38px;border-radius:50%;background:var(--wine);color:var(--cream);display:grid;place-items:center;font-family:var(--display);font-size:18px}
.how-steps b{font-weight:500;display:block}
.how-steps span{color:var(--muted);font-size:14.5px}
.diagram{background:var(--sand-lt);border-radius:28px;display:grid;place-items:center;padding:20px;min-height:340px;position:relative;overflow:hidden}
.diagram svg{width:100%;max-width:420px;height:auto}
.diagram .cap{position:absolute;left:18px;bottom:16px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:500;color:var(--wine)}
.dg-line{stroke-dasharray:6 6;animation:dash 1.6s linear infinite}
@keyframes dash{to{stroke-dashoffset:-24}}
.dg-draw{stroke-dasharray:var(--len);stroke-dashoffset:var(--len);animation:draw 2.4s var(--ease) .3s forwards}
@keyframes draw{to{stroke-dashoffset:0}}
@media (max-width:900px){.how{grid-template-columns:1fr}}
.calc{background:var(--ink);color:var(--cream);border-radius:28px;padding:clamp(22px,3.4vw,40px);display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,4vw,48px);align-items:center}
.calc h3{font-size:clamp(28px,3vw,42px)}
.calc h3 em{font-style:italic;color:#e7cf98}
.calc .sub{opacity:.75;margin-top:8px;font-size:14.5px}
.calc-in{display:grid;gap:14px;margin-top:20px}
.seg{display:inline-flex;border:1px solid rgba(239,234,226,.3);border-radius:999px;padding:3px;flex-wrap:wrap}
.seg button{padding:7px 14px;border-radius:999px;font-size:13px;color:inherit}
.seg button.on{background:var(--cream);color:var(--ink)}
.seg.light{border-color:var(--line)}
.seg.light button.on{background:var(--wine);color:var(--cream)}
.numin{display:flex;align-items:center;gap:10px;border-bottom:1.5px solid rgba(239,234,226,.5);padding-bottom:6px}
.numin input{flex:1;min-width:0;background:transparent;border:0;font-family:var(--display);font-size:clamp(40px,5vw,64px);color:var(--cream);outline:none;font-variant-numeric:tabular-nums;width:100%}
.numin span{font-size:18px;opacity:.7}
.calc input[type=range]{width:100%;accent-color:#e7cf98}
.calc-out{background:rgba(239,234,226,.07);border:1px solid rgba(239,234,226,.15);border-radius:22px;padding:clamp(20px,3vw,30px);display:grid;gap:14px;text-align:center}
.calc-out .big{font-family:var(--display);font-size:clamp(64px,8vw,110px);line-height:.9;color:#e7cf98;font-variant-numeric:tabular-nums}
.calc-out .lbl{font-size:12px;letter-spacing:.18em;text-transform:uppercase;opacity:.7}
.calc-out .conv{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.calc-out .conv div{background:rgba(239,234,226,.07);border-radius:14px;padding:10px 6px}
.calc-out .conv b{display:block;font-weight:500;font-size:18px;font-variant-numeric:tabular-nums}
.calc-out .conv span{font-size:11px;opacity:.65;letter-spacing:.08em;text-transform:uppercase}
.calc-out .note{font-size:13.5px;opacity:.8}
.calc-out .btn{justify-self:center}
.pop-num{animation:popNum .45s var(--ease)}
@keyframes popNum{from{transform:translateY(10px);opacity:.3}}
@media (max-width:860px){.calc{grid-template-columns:1fr}}
.tablebox{overflow-x:auto;background:var(--white);border-radius:24px;padding:8px}
table.sz{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;min-width:560px}
table.sz th{font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:500;text-align:left;padding:14px 16px;color:var(--wine);border-bottom:1px solid var(--line)}
table.sz td{padding:12px 16px;border-bottom:1px solid var(--line-2);font-size:14.5px}
table.sz tr:last-child td{border-bottom:0}
table.sz tr.hl td{background:var(--wine);color:var(--cream)}
table.sz tr.hl td:first-child{border-radius:12px 0 0 12px}
table.sz tr.hl td:last-child{border-radius:0 12px 12px 0}
.lengths{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:center}
.body-fig{background:var(--sand-lt);border-radius:28px;padding:20px;display:grid;place-items:center}
.body-fig svg{width:100%;max-width:380px}
.len-list{display:grid;gap:8px}
.len{display:grid;grid-template-columns:14px 1fr auto;gap:12px;align-items:center;padding:12px 14px;border-radius:16px;background:var(--white);border:1px solid transparent;text-align:left;transition:.25s}
.len.on,.len:hover{border-color:var(--wine)}
.len i{width:14px;height:14px;border-radius:50%}
.len b{font-weight:500;display:block}
.len small{color:var(--muted);font-size:12.5px}
.len span{font-variant-numeric:tabular-nums;font-size:14px;color:var(--wine);font-weight:500}
@media (max-width:860px){.lengths{grid-template-columns:1fr}}
.sizer{scroll-margin-top:170px;background:var(--white);border-radius:28px;padding:clamp(20px,3vw,36px);display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,4vw,48px);align-items:center}
.sizer h3{font-size:clamp(28px,3vw,42px);color:var(--wine)}
.sizer-stage{display:grid;place-items:center;min-height:300px;background:var(--paper);border-radius:22px;position:relative;overflow:hidden}
.card-box{border:2px dashed var(--wine);border-radius:10px;display:grid;place-items:center;color:var(--wine);font-size:12px;letter-spacing:.1em;text-transform:uppercase;transition:width .1s,height .1s;background:rgba(89,21,37,.04)}
.ring-c{border-radius:50%;border:2px solid var(--wine);background:radial-gradient(circle,rgba(89,21,37,.06),transparent 70%);display:grid;place-items:center;color:var(--wine);font-size:12px;position:relative}
.ring-c::before{content:"";position:absolute;inset:-14px;border-radius:50%;border:12px solid rgba(201,162,74,.35)}
.sizer-steps{display:flex;gap:6px;margin:16px 0}
.sizer-steps span{flex:1;height:3px;border-radius:3px;background:var(--line)}
.sizer-steps span.on{background:var(--wine)}
.sizer .ctrl{display:grid;gap:10px;margin:18px 0}
.sizer .ctrl input{width:100%;accent-color:var(--wine)}
.sizer .read{font-family:var(--display);font-size:46px;color:var(--wine);font-variant-numeric:tabular-nums}
@media (max-width:860px){.sizer{grid-template-columns:1fr}}
.tips{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.tips div{background:var(--white);border-radius:22px;padding:20px;display:grid;gap:8px}
.tips svg{width:28px;height:28px;stroke:var(--wine);fill:none;stroke-width:1.3}
.tips b{font-weight:500}
.tips span{font-size:14px;color:var(--muted)}
@media (max-width:760px){.tips{grid-template-columns:1fr}}
.ear-scale{display:flex;gap:18px;align-items:flex-end;justify-content:center;flex-wrap:wrap}
.ear-scale div{display:grid;justify-items:center;gap:8px;font-size:13px}
.ear-scale i{display:block;border-radius:50%;border:3px solid var(--gold)}
.ear-scale b{font-weight:500}
.ear-scale small{color:var(--muted)}

/* ---------- try-on ---------- */
.tryon{display:grid;grid-template-columns:1.35fr 1fr;gap:clamp(18px,3vw,36px);margin-top:28px;align-items:start}
.stage{position:relative;aspect-ratio:4/3;border-radius:28px;overflow:hidden;background:var(--ink);color:var(--cream);touch-action:none}
.stage canvas{position:absolute;inset:0;width:100%;height:100%}
.stage video{display:none}
.stage-empty{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:24px;gap:16px;align-content:center;background:radial-gradient(circle at 50% 40%,#2a1016,var(--ink) 70%)}
.stage-empty h3{font-size:clamp(28px,3.4vw,44px)}
.stage-empty p{opacity:.75;max-width:30em;margin-inline:auto}
.stage-empty .acts{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.stage-empty .ring-anim{width:110px;height:110px;margin:0 auto;position:relative}
.stage-empty .ring-anim i{position:absolute;inset:0;border-radius:50%;border:1.5px solid var(--aqua);animation:ripple 2.4s infinite}
.stage-empty .ring-anim i:nth-child(2){animation-delay:.8s}
.stage-empty .ring-anim i:nth-child(3){animation-delay:1.6s}
.stage-empty .ring-anim svg{position:absolute;left:28px;top:28px;width:54px;height:54px;color:var(--cream)}
@keyframes ripple{from{transform:scale(.4);opacity:1}to{transform:scale(1.2);opacity:0}}
.stage-hud{position:absolute;left:14px;right:14px;top:14px;display:flex;justify-content:space-between;gap:8px;z-index:3;pointer-events:none}
.stage-hud > *{pointer-events:auto}
.hud-pill{background:rgba(12,13,13,.6);backdrop-filter:blur(8px);border-radius:999px;padding:7px 12px;font-size:12.5px;display:flex;gap:8px;align-items:center}
.hud-pill i{width:8px;height:8px;border-radius:50%;background:var(--aqua);animation:blink 1.4s infinite}
.hud-pill.warn i{background:var(--clay)}
@keyframes blink{50%{opacity:.3}}
.stage-tools{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);display:flex;gap:6px;z-index:3;background:rgba(12,13,13,.6);backdrop-filter:blur(8px);border-radius:999px;padding:6px}
.stage-tools button{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;color:var(--cream);transition:.2s}
.stage-tools button:hover,.stage-tools button.on{background:rgba(239,234,226,.18)}
.stage-tools svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.5}
.try-panel{display:grid;gap:18px}
.try-panel .box{background:var(--white);border-radius:24px;padding:20px}
.try-panel h4{font-family:var(--body);font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:500;margin:0 0 12px}
.try-items{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-height:360px;overflow:auto;padding:2px}
.try-item{border-radius:16px;overflow:hidden;border:2px solid transparent;text-align:left;transition:.25s;background:var(--paper)}
.try-item.on{border-color:var(--wine)}
.try-item .ph{aspect-ratio:1}
.try-item span{display:block;font-size:12px;padding:6px 8px;line-height:1.25}
.adj{display:grid;gap:10px}
.adj label{display:grid;grid-template-columns:70px 1fr 44px;gap:10px;align-items:center;font-size:13px}
.adj input{accent-color:var(--wine);width:100%}
.adj output{font-variant-numeric:tabular-nums;text-align:right;color:var(--muted)}
.try-sel{display:grid;grid-template-columns:70px 1fr;gap:14px;align-items:center}
.try-sel .ph{width:70px;height:84px;border-radius:12px}
.try-sel b{font-weight:500;display:block}
@media (max-width:960px){.tryon{grid-template-columns:1fr}.stage{aspect-ratio:3/4}}
.howto{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px}
.howto div{border-top:1.5px solid var(--wine);padding-top:14px}
.howto b{font-family:var(--display);font-weight:400;font-size:21px;display:block;margin-bottom:4px}
.howto span{font-size:14px;color:var(--muted)}
@media (max-width:760px){.howto{grid-template-columns:1fr}}

/* reduced motion */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
  .js [data-r],.js .split .ln > span,.slide .ln > span,.slide .fade-up{opacity:1!important;transform:none!important}
  .js .img-reveal::after{display:none}
}

/* ================= size finder v2 ================= */
.pick-head{display:flex;align-items:center;gap:14px;margin:clamp(34px,4vw,54px) 0 18px;flex-wrap:wrap}
.pick-head h2{font-size:clamp(26px,3vw,40px);color:var(--wine)}
.step-tag{font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:600;color:var(--cream);background:var(--wine);border-radius:999px;padding:6px 12px}
.pick{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.pick-tile{display:grid;justify-items:start;gap:4px;text-align:left;background:var(--white);border:1.5px solid var(--line-2);border-radius:22px;padding:18px 18px 16px;transition:.3s var(--ease)}
.pick-tile svg{width:40px;height:40px;stroke:var(--wine);fill:none;stroke-width:1.5;margin-bottom:8px;transition:.3s}
.pick-tile b{font-family:var(--display);font-weight:400;font-size:24px}
.pick-tile small{color:var(--muted);font-size:13px}
.pick-tile:hover{border-color:var(--sand);transform:translateY(-2px)}
.pick-tile.on{background:var(--wine);border-color:var(--wine);color:var(--cream)}
.pick-tile.on svg{stroke:#e7cf98}.pick-tile.on small{color:rgba(239,234,226,.75)}
@media (max-width:760px){.pick{grid-template-columns:1fr 1fr}.pick-tile b{font-size:20px}}
.saved-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:var(--white);border:1px solid var(--sand);border-radius:18px;padding:12px 16px;margin-top:20px;font-size:14.5px}
.saved-bar svg{width:28px;height:26px;color:var(--wine)}
.saved-bar b{font-weight:500;color:var(--wine)}
.saved-bar .linkish{margin-left:auto}
.methods{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.method{position:relative;display:grid;grid-template-columns:96px 1fr;gap:14px;align-items:center;text-align:left;background:var(--white);border:1.5px solid var(--line-2);border-radius:22px;padding:14px 16px 14px 14px;transition:.3s var(--ease)}
.method:hover{border-color:var(--sand)}
.method.on{border-color:var(--wine);box-shadow:0 18px 40px -28px rgba(89,21,37,.6)}
.method .radio{position:absolute;top:14px;right:14px;width:20px;height:20px;border-radius:50%;border:1.5px solid var(--line)}
.method.on .radio{border:6px solid var(--wine)}
.m-ill{background:var(--paper);border-radius:14px;aspect-ratio:3/2;display:grid;place-items:center;overflow:hidden}
.m-ill svg{width:100%;height:100%}
.m-txt{display:grid;gap:2px;padding-right:18px}
.m-txt b{font-weight:500;font-size:15.5px}
.m-txt em{font-style:normal;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--wine);font-weight:600}
.m-txt span{font-size:13px;color:var(--muted);line-height:1.4}
@media (max-width:960px){.methods{grid-template-columns:1fr}}
.ill-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.ill{margin:0;background:var(--white);border-radius:22px;padding:12px 12px 18px;display:grid;gap:14px;align-content:start}
.ill-art{position:relative;background:var(--paper);border-radius:16px;aspect-ratio:3/2;display:grid;place-items:center;overflow:hidden}
.ill-art svg{width:100%;height:100%}
.ill-n{position:absolute;top:10px;left:10px;width:30px;height:30px;border-radius:50%;background:var(--wine);color:var(--cream);display:grid;place-items:center;font-family:var(--display);font-size:16px}
.ill figcaption{display:grid;gap:4px;padding:0 6px}
.ill figcaption b{font-weight:500;font-size:15.5px}
.ill figcaption span{font-size:14px;color:var(--muted)}
.ill.big .ill-art{aspect-ratio:3/2}
@media (max-width:860px){.ill-steps{grid-template-columns:1fr}.ill{grid-template-columns:150px 1fr;align-items:center;padding:10px}.ill figcaption{padding:0}}
@media (max-width:440px){.ill{grid-template-columns:1fr}}
.measure{display:grid;grid-template-columns:1fr 1.05fr;gap:18px;margin-top:22px;align-items:stretch}
.m-in{background:var(--white);border-radius:26px;padding:clamp(20px,3vw,32px);min-width:0}
.m-label{display:block;font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:var(--wine);margin-bottom:12px}
.stepper{display:grid;grid-template-columns:56px 1fr auto 56px;align-items:center;border:1.5px solid var(--line);border-radius:20px;background:var(--paper);overflow:hidden}
.stepper:focus-within{border-color:var(--wine)}
.stepper button{height:72px;font-size:26px;color:var(--wine);transition:background .2s}
.stepper button:hover{background:var(--sand-lt)}
.stepper input{border:0;background:transparent;font-family:var(--display);font-size:clamp(34px,4vw,46px);text-align:center;width:100%;min-width:0;outline:none;font-variant-numeric:tabular-nums;-moz-appearance:textfield}
.stepper input::-webkit-outer-spin-button,.stepper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.stepper .unit{font-size:15px;color:var(--muted);padding-right:6px}
.m-in .hint{margin-top:10px;font-size:13.5px}
.quick{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-top:14px}
.quick button{border:1px solid var(--line);border-radius:999px;padding:6px 12px;font-size:13px;font-variant-numeric:tabular-nums}
.quick button:hover{border-color:var(--wine);color:var(--wine)}
.m-out{background:var(--ink);color:var(--cream);border-radius:26px;padding:clamp(20px,3vw,32px);display:flex;flex-direction:column;gap:14px;min-width:0}
.o-empty{margin:auto;text-align:center;display:grid;justify-items:center;gap:8px;max-width:26em;padding:30px 0}
.o-empty svg{width:56px;height:52px;color:#e7cf98;opacity:.7;margin-bottom:6px}
.o-empty b{font-family:var(--display);font-weight:400;font-size:24px}
.o-empty span{opacity:.7;font-size:14px}
.o-lbl{font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;opacity:.7}
.o-big{font-family:var(--display);font-size:clamp(58px,7vw,96px);line-height:.9;color:#e7cf98;font-variant-numeric:tabular-nums}
.o-conv{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.o-conv div{background:rgba(239,234,226,.08);border-radius:14px;padding:10px 8px;text-align:center}
.o-conv b{display:block;font-weight:500;font-size:18px;font-variant-numeric:tabular-nums}
.o-conv span{font-size:10.5px;opacity:.65;letter-spacing:.1em;text-transform:uppercase}
.o-scale{padding:20px 6px 4px}
.o-track{position:relative;height:6px;border-radius:6px;background:rgba(239,234,226,.15)}
.o-stock{position:absolute;top:0;bottom:0;border-radius:6px;background:rgba(201,162,74,.55)}
.o-track i{position:absolute;top:-4px;width:1px;height:14px;background:rgba(239,234,226,.45)}
.o-track i em{position:absolute;top:18px;left:50%;transform:translateX(-50%);font-style:normal;font-size:11px;opacity:.75;font-variant-numeric:tabular-nums}
.o-mark{position:absolute;top:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border-radius:50%;background:#e7cf98;box-shadow:0 0 0 5px rgba(231,207,152,.25);transition:left .6s var(--ease)}
.o-legend{display:flex;gap:16px;flex-wrap:wrap;margin-top:34px;font-size:12px;opacity:.75}
.o-legend i{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px;vertical-align:-1px}
.sw-stock{background:rgba(201,162,74,.8)}.sw-you{background:#e7cf98;box-shadow:0 0 0 3px rgba(231,207,152,.3)}
.o-note{font-size:14px;opacity:.85}
.o-note b{color:#e7cf98;font-weight:500}
.o-acts{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto}
.o-ghost{background:transparent;border-color:rgba(239,234,226,.4);color:var(--cream)}
@media (max-width:900px){.measure{grid-template-columns:1fr}}
.sizer2 .s-stage{display:grid;place-items:center;min-height:260px;background:var(--paper);border-radius:18px;margin-bottom:14px;overflow:hidden}
.cardbox{position:relative;border-radius:12px;border:2px dashed var(--wine);background:linear-gradient(135deg,rgba(163,149,118,.25),rgba(163,149,118,.08));display:grid;place-items:center;transition:width .08s,height .08s}
.cardbox .chip{position:absolute;left:11%;top:34%;width:14%;height:22%;border-radius:4px;background:#e7cf98;border:1px solid #b88a32}
.cardbox .stripe{position:absolute;left:11%;right:40%;bottom:18%;height:5%;border-radius:3px;background:rgba(89,21,37,.25)}
.cardbox em{font-style:normal;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--wine);position:absolute;right:8%;top:12%}
.ringbox{position:relative;border-radius:50%;background:#fff;box-shadow:0 0 0 1.5px var(--wine),0 0 0 12px rgba(201,162,74,.45)}
.ringbox i{position:absolute;left:50%;top:50%;width:6px;height:6px;margin:-3px;border-radius:50%;background:var(--wine)}
.s-ctrl{display:grid;grid-template-columns:44px 1fr 44px;gap:10px;align-items:center;margin-bottom:14px}
.s-ctrl button{height:44px;border-radius:50%;border:1px solid var(--line);font-size:20px;color:var(--wine)}
.s-ctrl input{width:100%;accent-color:var(--wine)}
details.chart{margin-top:22px;border:0;background:var(--white);border-radius:22px;padding:0 20px}
details.chart:first-of-type{border-top:0}
.fitpick{display:grid;gap:8px}
.fitpick button{text-align:left;border:1.5px solid var(--line-2);border-radius:16px;padding:12px 14px;display:grid;gap:2px;transition:.25s}
.fitpick button b{font-weight:500}
.fitpick button b small{font-weight:400;color:var(--muted);margin-left:6px}
.fitpick button span{font-size:13px;color:var(--muted)}
.fitpick button.on{border-color:var(--wine);background:var(--paper)}
.neck-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:stretch}
@media (max-width:860px){.neck-grid{grid-template-columns:1fr}}
.len.short{opacity:.5}
.len span{white-space:nowrap}
.zila-note{background:var(--white);border-radius:16px;padding:14px 16px;margin-top:12px;font-size:14px;color:var(--muted)}
.zila-note b{color:var(--wine);font-weight:500}
.ear-wrap{display:grid;grid-template-columns:1.2fr 1fr;gap:18px;align-items:start}
.ear-stage{background:var(--white);border-radius:26px;padding:28px 18px;overflow-x:auto}
@media (max-width:860px){.ear-wrap{grid-template-columns:1fr}}

/* ================= product page v3 ================= */
.thumbs .tryt{aspect-ratio:4/5;border-radius:14px;display:grid;place-items:center;align-content:center;gap:6px;background:var(--ink);color:var(--cream);font-size:10px;letter-spacing:.12em;text-transform:uppercase;text-align:center;transition:background .3s}
.thumbs .tryt:hover{background:var(--teal)}
.thumbs .tryt svg{width:24px;height:24px;stroke:var(--aqua);fill:none;stroke-width:1.4}
@media (max-width:960px){.thumbs .tryt{width:70px;flex:none}}
.mainimg .tag{z-index:2}
.ulink{color:var(--wine);text-decoration:underline;text-underline-offset:3px}
.hl-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 24px}
.hl-grid div{display:flex;gap:10px;align-items:center;background:var(--white);border-radius:14px;padding:11px 12px}
.hl-grid svg{width:22px;height:22px;stroke:var(--wine);fill:none;stroke-width:1.4;flex:none}
.hl-grid span{font-size:12.5px;color:var(--muted);line-height:1.35}
.hl-grid b{display:block;font-weight:500;color:var(--ink);font-size:13.5px}
.len-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--white);border-radius:12px;padding:11px 14px;font-size:14.5px}
.eta{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;background:var(--paper);border-radius:18px;padding:16px 18px;margin:16px 0 12px}
.eta svg{width:30px;height:30px;stroke:var(--wine);fill:none;stroke-width:1.4}
.eta b{display:block;font-weight:500}
.eta span{font-size:13.5px;color:var(--muted)}
.pnav{position:sticky;top:calc(env(safe-area-inset-top,0px) + var(--hdr));z-index:30;background:rgba(239,234,226,.94);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-block:1px solid var(--line);margin-top:clamp(20px,4vw,40px)}
header.site.hide ~ main .pnav{top:env(safe-area-inset-top,0px)}
.pnav .wrap{display:flex;gap:4px;align-items:center;overflow-x:auto;scrollbar-width:none;min-height:56px}
.pnav .wrap::-webkit-scrollbar{display:none}
.pnav [data-goto]{flex:none;padding:8px 14px;border-radius:999px;font-size:14px;transition:.25s;white-space:nowrap}
.pnav [data-goto].on{background:var(--wine);color:var(--cream)}
.pnav-buy{margin-left:auto;display:flex;align-items:center;gap:12px;opacity:0;transform:translateY(8px);pointer-events:none;transition:.4s var(--ease);flex:none}
.pnav.show-buy .pnav-buy{opacity:1;transform:none;pointer-events:auto}
.pnav-buy b{font-weight:500;font-size:14px}
.pnav-buy > span{font-size:14px;color:var(--muted);font-variant-numeric:tabular-nums}
@media (max-width:960px){.pnav-buy{display:none}}
.story{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(24px,4vw,64px);align-items:center;padding-top:clamp(40px,6vw,80px);scroll-margin-top:140px}
.story-img{border-radius:30px;aspect-ratio:4/5;overflow:hidden}
.story-img .ph{width:100%;height:100%}
.story-txt h2{font-size:clamp(34px,4vw,56px);color:var(--wine);margin:10px 0 16px}
.story-txt > p{max-width:36em;margin-bottom:12px;font-size:15.5px}
.spec-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border-radius:20px;overflow:hidden;margin:22px 0 0;border:1px solid var(--line)}
.spec-grid div{background:var(--white);padding:14px 16px}
.spec-grid dt{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--wine);font-weight:600;margin-bottom:4px}
.spec-grid dd{margin:0;font-size:14.5px}
@media (max-width:860px){.story{grid-template-columns:1fr}.story-img{aspect-ratio:1}}
@media (max-width:420px){.spec-grid{grid-template-columns:1fr}}
.fit-sec{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(24px,4vw,64px);align-items:center;background:var(--white);border-radius:32px;padding:clamp(22px,4vw,52px);margin-top:clamp(48px,6vw,80px);scroll-margin-top:140px}
.fit-sec h2{font-size:clamp(30px,3.6vw,48px);color:var(--wine);margin:10px 0 14px}
.fit-sec .muted{max-width:32em}
.fit-acts{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}
.fit-vis{background:var(--paper);border-radius:24px;padding:20px;display:grid;place-items:center;min-height:260px}
.fit-vis svg{width:100%;max-width:340px}
.ring-chips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%}
.ring-chips div{background:var(--white);border:1.5px solid var(--line-2);border-radius:16px;padding:14px;display:grid;gap:2px;text-align:center}
.ring-chips b{font-family:var(--display);font-weight:400;font-size:24px;color:var(--wine)}
.ring-chips span{font-size:12.5px;color:var(--muted);font-variant-numeric:tabular-nums}
.ring-chips div.on{background:var(--wine);border-color:var(--wine)}
.ring-chips div.on b,.ring-chips div.on span{color:var(--cream)}
.fitbar{width:100%;padding:30px 10px 10px}
.o-track.light{background:var(--line)}
.o-track.light i{background:var(--sand)}
.o-track.light i em{color:var(--ink)}
.o-track.light .o-stock{background:var(--gold)}
.fitbar .o-mark{background:var(--wine);box-shadow:0 0 0 5px rgba(89,21,37,.18)}
.fitbar .o-legend{color:var(--ink)}
.fitbar .sw-you{background:var(--wine);box-shadow:none}
.bundle{margin-top:clamp(48px,6vw,80px);background:var(--sand-lt);border-radius:32px;padding:clamp(22px,4vw,44px);display:grid;grid-template-columns:.8fr 1.6fr auto;gap:clamp(18px,3vw,36px);align-items:center}
.b-head h2{font-size:clamp(28px,3vw,40px);color:var(--wine);margin:8px 0}
.b-items{display:flex;align-items:center;gap:12px;min-width:0}
.b-plus{font-family:var(--display);font-size:34px;color:var(--wine);flex:none}
.b-item{flex:1;min-width:0;display:grid;grid-template-columns:72px 1fr;gap:12px;align-items:center;background:var(--white);border-radius:18px;padding:10px;cursor:pointer;position:relative;border:1.5px solid transparent;transition:.25s}
.b-item:has(input:checked){border-color:var(--wine)}
.b-item input{position:absolute;top:10px;right:10px;width:18px;height:18px;accent-color:var(--wine)}
.b-item .ph{width:72px;height:86px;border-radius:12px}
.b-item b{display:block;font-weight:500;font-size:14px;padding-right:22px}
.b-item small{display:block;color:var(--muted);font-size:12px}
.b-item em{font-style:normal;font-size:14px;font-weight:500}
.b-total{display:grid;gap:6px;justify-items:start}
.b-total span{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.b-total b{font-family:var(--display);font-weight:400;font-size:34px;color:var(--wine)}
@media (max-width:1100px){.bundle{grid-template-columns:1fr}}
@media (max-width:600px){.b-items{flex-direction:column;align-items:stretch}.b-plus{text-align:center}}
.care-band{margin-top:clamp(48px,6vw,80px);background:var(--wine);color:var(--cream);border-radius:32px;padding:clamp(24px,4vw,52px);display:grid;grid-template-columns:1fr 1.4fr;gap:clamp(24px,4vw,56px);align-items:center;scroll-margin-top:140px}
.care-band h2{font-size:clamp(30px,3.6vw,48px);margin:10px 0 14px}
.care-band p{opacity:.85;max-width:32em}
.care-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px;counter-reset:c}
.care-steps li{counter-increment:c;background:rgba(239,234,226,.08);border:1px solid rgba(239,234,226,.14);border-radius:20px;padding:18px;display:grid;gap:4px}
.care-steps li::before{content:"0" counter(c);font-family:var(--display);font-size:26px;color:#e7cf98;line-height:1;margin-bottom:6px}
.care-steps b{font-weight:500}
.care-steps span{font-size:13.5px;opacity:.8}
@media (max-width:860px){.care-band{grid-template-columns:1fr}}
@media (max-width:440px){.care-steps{grid-template-columns:1fr}}
#sDelivery,#sFaq{scroll-margin-top:140px}
.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;position:relative}
.timeline::before{content:"";position:absolute;left:0;right:0;top:15px;height:1.5px;background:var(--line)}
.tl{position:relative;padding-top:38px;display:grid;gap:4px}
.tl::before{content:"";position:absolute;top:8px;left:0;width:16px;height:16px;border-radius:50%;background:var(--cream);border:2px solid var(--wine)}
.tl:first-child::before{background:var(--wine)}
.tl-when{font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--wine);font-weight:600}
.tl b{font-family:var(--display);font-weight:400;font-size:22px}
.tl > span:last-child{font-size:14px;color:var(--muted)}
@media (max-width:860px){.timeline{grid-template-columns:1fr 1fr;row-gap:26px}.timeline::before{display:none}}
@media (max-width:480px){.timeline{grid-template-columns:1fr}}

@media (max-width:860px){.fit-sec{grid-template-columns:1fr}}
.fit-vis{min-width:0}

/* share row */
.share{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}
.share-lbl{font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:var(--wine)}
.share-btns{display:flex;gap:6px;flex-wrap:wrap}
.sh{position:relative;width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:var(--white);display:grid;place-items:center;transition:background .3s,border-color .3s,transform .3s var(--ease)}
.sh svg{width:18px;height:18px;fill:none;stroke:var(--ink);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transition:stroke .3s}
.sh:hover,.sh:focus-visible{background:var(--brand);border-color:var(--brand);transform:translateY(-3px)}
.sh:hover svg,.sh:focus-visible svg{stroke:#fff}
.sh::after{content:attr(data-tip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%,4px);background:var(--ink);color:var(--cream);font-size:11.5px;padding:5px 9px;border-radius:8px;white-space:nowrap;opacity:0;pointer-events:none;transition:.25s var(--ease)}
.sh:hover::after,.sh:focus-visible::after,.sh.done::after{opacity:1;transform:translate(-50%,0)}
.sh.done{background:var(--teal);border-color:var(--teal)}
.sh.done svg{stroke:#fff}

/* section titles: brand wave instead of eyebrow labels */
.sec-head .wave,.faq .wave,.care .wave,.cod .wave{display:block;width:78px;height:10px;color:var(--sand);margin-top:16px}
.sec-head h2,.faq h2,.care h2,.cod h2{margin-top:0}
.care h2{color:var(--wine)}

/* share circles in the spirit of the logo seal */
.share-btns{gap:8px}
.sh{border-radius:var(--blob);border:1.5px solid rgba(89,21,37,.28);background:var(--white);transition:border-radius .8s var(--ease),background .35s,border-color .35s,transform .45s var(--ease)}
.sh:nth-child(2n){border-radius:var(--blob2)}
.sh:nth-child(3n){border-radius:52% 48% 44% 56% / 47% 55% 45% 53%}
.sh:hover,.sh:focus-visible{border-radius:var(--blob2);transform:translateY(-3px) rotate(-8deg)}
.sh:nth-child(2n):hover,.sh:nth-child(2n):focus-visible{border-radius:var(--blob)}
.sh svg{transition:stroke .3s,transform .45s var(--ease)}
.sh:hover svg,.sh:focus-visible svg{transform:rotate(8deg)}
.js [data-r].in .share .sh{animation:shIn .7s var(--ease) both}
.share .sh:nth-child(1){animation-delay:.05s}.share .sh:nth-child(2){animation-delay:.1s}.share .sh:nth-child(3){animation-delay:.15s}.share .sh:nth-child(4){animation-delay:.2s}.share .sh:nth-child(5){animation-delay:.25s}.share .sh:nth-child(6){animation-delay:.3s}.share .sh:nth-child(7){animation-delay:.35s}.share .sh:nth-child(8){animation-delay:.4s}
@keyframes shIn{from{opacity:0;transform:scale(.6) rotate(-30deg)}}

.sec-head .wave,.faq .wave,.care .wave,.cod .wave{fill:currentColor}
.slide-copy{max-width:min(860px,88%)}
.slide-copy h1{font-size:clamp(44px,6.4vw,98px)}
.size-ways{display:flex;flex-wrap:wrap;gap:8px}
.size-ways span{display:inline-flex;align-items:center;gap:10px;background:var(--white);border-radius:var(--blob);padding:10px 16px 10px 10px;font-size:14px;transition:border-radius .8s var(--ease)}
.size-ways span:nth-child(2){border-radius:var(--blob2)}
.promo.size:hover .size-ways span{border-radius:var(--blob2)}
.promo.size:hover .size-ways span:nth-child(2){border-radius:var(--blob)}
.size-ways b{width:28px;height:28px;border-radius:50%;background:var(--wine);color:var(--cream);display:grid;place-items:center;font-family:var(--display);font-weight:400;font-size:15px}
/* stronger molten outline for share buttons */
.sh{width:44px;height:42px;border-radius:62% 38% 55% 45% / 46% 58% 42% 54%;animation:shMorph 9s ease-in-out infinite;animation-delay:calc(var(--k,0) * -1.3s)}
.share-btns .sh:nth-child(1){--k:1}.share-btns .sh:nth-child(2){--k:2}.share-btns .sh:nth-child(3){--k:3}.share-btns .sh:nth-child(4){--k:4}.share-btns .sh:nth-child(5){--k:5}.share-btns .sh:nth-child(6){--k:6}.share-btns .sh:nth-child(7){--k:7}.share-btns .sh:nth-child(8){--k:8}
.sh:hover,.sh:focus-visible{animation-play-state:paused}
@keyframes shMorph{0%,100%{border-radius:62% 38% 55% 45% / 46% 58% 42% 54%}33%{border-radius:42% 58% 40% 60% / 58% 44% 56% 42%}66%{border-radius:55% 45% 62% 38% / 40% 55% 45% 60%}}
@media (prefers-reduced-motion:reduce){.sh{animation:none}}

/* ===== social icons: molten seal shapes (footer + menu) ===== */
.socials{gap:10px}
.socials a{width:46px;height:44px;border-radius:62% 38% 55% 45% / 46% 58% 42% 54%;border:1.5px solid rgba(239,234,226,.35);position:relative;animation:shMorph 9s ease-in-out infinite;transition:background .35s,border-color .35s,transform .45s var(--ease)}
.socials a:nth-child(1){--brand:#E1306C;animation-delay:-1.5s}
.socials a:nth-child(2){--brand:#0c0d0d;animation-delay:-4s}
.socials a:nth-child(3){--brand:#25D366;animation-delay:-6.5s}
.socials a svg{transition:stroke .3s,transform .45s var(--ease)}
.socials a:hover,.socials a:focus-visible{background:var(--brand);border-color:var(--brand);transform:translateY(-3px) rotate(-8deg);animation-play-state:paused}
.socials a:hover svg,.socials a:focus-visible svg{stroke:#fff;transform:rotate(8deg)}
.socials a::after{content:attr(aria-label);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%,4px);background:var(--cream);color:var(--wine);font-size:11.5px;padding:5px 9px;border-radius:8px;white-space:nowrap;opacity:0;pointer-events:none;transition:.25s var(--ease)}
.socials a:hover::after,.socials a:focus-visible::after{opacity:1;transform:translate(-50%,0)}
.mn-foot .socials a{border-color:rgba(89,21,37,.28);background:var(--white)}
.mn-foot .socials a::after{background:var(--ink);color:var(--cream)}
@media (prefers-reduced-motion:reduce){.socials a{animation:none}}

/* ===== questions block ===== */
.qa{display:grid;gap:26px}
.qa-head{text-align:center;display:grid;justify-items:center}
.qa-head h2{font-size:clamp(34px,4.4vw,58px);color:var(--wine)}
.qa-head .wave{display:block;width:78px;height:10px;color:var(--sand);fill:currentColor;margin:16px auto 0}
.qa-head p{margin-top:14px;max-width:34em}
.qa-tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:8px}
.qa-tabs button{display:inline-flex;align-items:center;gap:8px;border:1.5px solid var(--line);background:var(--white);border-radius:999px;padding:10px 18px;font-size:14.5px;transition:.3s var(--ease)}
.qa-tabs button small{font-size:11px;min-width:20px;height:20px;border-radius:10px;background:var(--paper);display:grid;place-items:center;color:var(--muted)}
.qa-tabs button:hover{border-color:var(--sand)}
.qa-tabs button.on{background:var(--wine);border-color:var(--wine);color:var(--cream)}
.qa-tabs button.on small{background:rgba(239,234,226,.18);color:var(--cream)}
.qa-grid{columns:2;column-gap:14px}
.qa-grid:not([hidden]) .qcard{animation:qIn .55s var(--ease) both;animation-delay:calc(var(--d,0) * 70ms)}
@keyframes qIn{from{opacity:0;transform:translateY(14px)}}
.qcard{break-inside:avoid;display:block;margin:0 0 14px;background:var(--white);border:1.5px solid transparent;border-radius:24px;padding:0 22px;transition:border-color .3s,box-shadow .3s}
.qcard:hover{border-color:var(--line)}
.qcard[open]{border-color:var(--sand);box-shadow:0 18px 40px -30px rgba(89,21,37,.45)}
.qcard summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 0}
.qcard summary::-webkit-details-marker{display:none}
.qcard summary b{font-weight:500;font-size:16px;line-height:1.35}
.qcard summary i{flex:none;width:32px;height:32px;border-radius:62% 38% 55% 45% / 46% 58% 42% 54%;background:var(--paper);position:relative;transition:.45s var(--ease)}
.qcard summary i::before,.qcard summary i::after{content:"";position:absolute;left:50%;top:50%;width:11px;height:1.5px;background:var(--wine);transform:translate(-50%,-50%);transition:.4s var(--ease)}
.qcard summary i::after{transform:translate(-50%,-50%) rotate(90deg)}
.qcard[open] summary i{background:var(--wine);transform:rotate(180deg);border-radius:42% 58% 40% 60% / 58% 44% 56% 42%}
.qcard[open] summary i::before{background:var(--cream)}
.qcard[open] summary i::after{background:var(--cream);transform:translate(-50%,-50%) rotate(0)}
.qcard .in{color:var(--muted);font-size:15px;padding:0 0 22px;margin-top:-4px;border-top:1px dashed var(--line);padding-top:14px}
.qcard[open] .in{animation:accIn .5s var(--ease)}
.qa-help{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;background:var(--wine);color:var(--cream);border-radius:26px;padding:18px 22px;position:relative;overflow:hidden}
.qa-help svg.sym{width:46px;height:44px;color:#e7cf98}
.qa-help b{display:block;font-family:var(--display);font-weight:400;font-size:24px}
.qa-help span{font-size:14px;opacity:.82}
@media (max-width:760px){.qa-grid{columns:1}.qa-help{grid-template-columns:auto 1fr}.qa-help .btn{grid-column:1/-1;justify-self:start}}
@media (max-width:760px){.qa-tabs{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;scrollbar-width:none;margin-inline:-16px;padding-inline:16px}.qa-tabs::-webkit-scrollbar{display:none}.qa-tabs button{flex:none}}

/* social brand colours by network */
.socials a[aria-label="Instagram"]{--brand:#E1306C}.socials a[aria-label="TikTok"]{--brand:#0c0d0d}.socials a[aria-label="Facebook"]{--brand:#1877F2}.socials a[aria-label="Snapchat"]{--brand:#f2c500}.socials a[aria-label="WhatsApp"]{--brand:#25D366}
.socials:empty{display:none}
.tag.out{background:var(--ink);color:var(--cream)}
.card-actions button[disabled]{background:var(--muted);cursor:not-allowed}
.btn[disabled]{opacity:.55;cursor:not-allowed}

/* delivered across the UAE */
.uae{display:grid;grid-template-columns:1fr 1.2fr;gap:clamp(24px,4vw,64px);align-items:center;background:var(--white);border-radius:32px;padding:clamp(24px,4vw,52px)}
.uae h2{font-size:clamp(30px,3.6vw,48px);color:var(--wine)}
.uae .wave{display:block;width:78px;height:10px;color:var(--sand);fill:currentColor;margin-top:16px}
.uae p{margin-top:16px;max-width:32em}
.emirates{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.emirates li{display:flex;align-items:center;gap:10px;background:var(--paper);border:1.5px solid var(--line-2);padding:10px 16px 10px 10px;border-radius:62% 38% 55% 45% / 46% 58% 42% 54%;font-family:var(--display);font-size:clamp(17px,1.6vw,21px);transition:border-radius .8s var(--ease),border-color .3s}
.emirates li:nth-child(2n){border-radius:42% 58% 40% 60% / 58% 44% 56% 42%}
.emirates li:hover{border-color:var(--sand);border-radius:42% 58% 40% 60% / 58% 44% 56% 42%}
.emirates svg{width:26px;height:25px;color:var(--wine)}
@media (max-width:860px){.uae{grid-template-columns:1fr}}

/* order tracking */
.track{padding-bottom:20px}
.track-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(24px,4vw,64px);align-items:start;margin-top:20px}
.track h1{font-size:clamp(42px,6vw,76px);color:var(--wine)}
.track .wave{display:block;width:78px;height:10px;color:var(--sand);fill:currentColor;margin-top:14px}
.track-form{display:grid;gap:4px;margin-top:22px;max-width:440px}
.track-form label{display:grid;gap:6px;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:var(--wine);margin-bottom:12px}
.track-form input{font:300 17px var(--body);letter-spacing:0;text-transform:none;color:var(--ink);background:var(--white);border:1.5px solid var(--line);border-radius:16px;padding:14px 16px}
.track-form input:focus{outline:none;border-color:var(--wine)}
.track-form .btn{justify-self:start}
.track-form #tErr{color:var(--clay);margin-top:10px}
.track-out{background:var(--ink);color:var(--cream);border-radius:28px;padding:clamp(20px,3vw,32px);min-height:320px;display:flex}
.tr-card{display:grid;gap:18px;width:100%;align-content:start}
.tr-top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.tr-no{display:block;font-family:var(--display);font-weight:400;font-size:36px;color:#e7cf98}
.tr-st{font-size:13px;font-weight:500;padding:7px 14px;border-radius:999px;background:rgba(239,234,226,.12)}
.tr-st.st-delivered{background:#2f7d4a}.tr-st.st-cancelled,.tr-st.st-returned{background:#6e645a}.tr-st.st-shipped{background:var(--teal)}.tr-st.st-new{background:var(--clay)}.tr-st.st-confirmed{background:var(--navy)}
.tr-msg{opacity:.85}
.tr-steps{list-style:none;margin:0;padding:0;display:grid;gap:0}
.tr-steps li{display:grid;grid-template-columns:22px 1fr auto;gap:12px;align-items:center;padding:10px 0;position:relative;opacity:.45}
.tr-steps li::before{content:"";position:absolute;left:10px;top:-10px;height:20px;width:2px;background:rgba(239,234,226,.2)}
.tr-steps li:first-child::before{display:none}
.tr-steps li i{width:22px;height:22px;border-radius:50%;border:2px solid rgba(239,234,226,.4)}
.tr-steps li.is-done,.tr-steps li.is-now{opacity:1}
.tr-steps li.is-done i{background:#e7cf98;border-color:#e7cf98}
.tr-steps li.is-done::before{background:#e7cf98}
.tr-steps li.is-now i{border-color:#e7cf98;box-shadow:0 0 0 5px rgba(231,207,152,.2);background:radial-gradient(#e7cf98 40%,transparent 45%)}
.tr-steps b{font-weight:500}
.tr-steps span{font-size:12.5px;opacity:.7}
.tr-items{background:rgba(239,234,226,.06);border-radius:18px;padding:14px 16px;display:grid;gap:8px}
.tr-items div{display:flex;justify-content:space-between;gap:12px;font-size:14px}
.tr-items small{opacity:.6}
.tr-total{border-top:1px solid rgba(239,234,226,.15);padding-top:10px;font-weight:500}
.tr-total b{color:#e7cf98;font-weight:500}
.track-out .hint{color:rgba(239,234,226,.6)}
@media (max-width:860px){.track-grid{grid-template-columns:1fr}}
.done .linkish{margin-top:6px}

/* server-rendered fallback content (replaced by the app on load) */
.ssr{padding-block:40px}
.ssr h1{font-size:clamp(34px,5vw,56px);color:var(--wine);margin-bottom:14px}
.ssr h2{font-size:26px;margin:28px 0 10px}
.ssr-list{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}
.ssr-list img{border-radius:14px;aspect-ratio:4/5;object-fit:cover;width:100%;height:auto}
.ssr img{height:auto}
@media (max-width:480px){.ibtn{width:38px;height:38px}.ibtn svg{width:20px;height:20px}.hdr .brand .m{width:34px;height:32px}.hdr .brand .w{width:54px;height:25px}.hdr .brand{gap:7px}}
.cat-intro{max-width:760px;margin:clamp(40px,6vw,72px) auto 0;padding-top:28px;border-top:1px solid var(--line);color:var(--muted)}
.cat-intro h2{font-size:clamp(24px,2.6vw,32px);color:var(--wine);margin-bottom:12px}
.cat-intro p{margin-bottom:12px}
.hero-t{font-family:var(--display);font-weight:400;font-size:clamp(44px,6.4vw,98px);line-height:1.04;margin:16px 0 18px;letter-spacing:-.025em;text-wrap:balance}
.brand-k{font-weight:600}
.about{padding-block:30px 10px;max-width:860px}
.about h1{font-size:clamp(40px,6vw,72px);color:var(--wine);margin:10px 0 18px}
.about h2{font-size:clamp(24px,2.6vw,32px);color:var(--wine);margin:34px 0 12px}
.about p{font-size:16.5px;max-width:42em;margin-bottom:12px}
.about nav{font-size:13px;color:var(--muted)}
.about .facts{display:grid;grid-template-columns:minmax(120px,200px) 1fr;gap:0;background:var(--white);border-radius:22px;overflow:hidden;border:1px solid var(--line);margin:0}
.about .facts dt,.about .facts dd{padding:13px 16px;border-bottom:1px solid var(--line-2);margin:0}
.about .facts dt{font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:var(--wine);background:var(--paper)}
.about ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0}
.about ul a{display:inline-block;border:1px solid var(--line);background:var(--white);border-radius:999px;padding:8px 16px}
.about [lang=ar]{font-family:"Noto Naskh Arabic","Geeza Pro",Tahoma,sans-serif;margin-top:30px;background:var(--paper);border-radius:22px;padding:6px 22px 14px}
@media (max-width:520px){.about .facts{grid-template-columns:1fr}.about .facts dt{border-bottom:0;padding-bottom:4px}}

:root{--zmask:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjQ4MS4xIDY4LjEgMjM2LjMgMjIwLjMiPjxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik0gNjY5LjI0MjE4OCAxMjguNDQxNDA2IEMgNjcwLjExNzE4OCAxMjUuNTY2NDA2IDY2OS42OTUzMTIgMTIyLjg1OTM3NSA2NjcuOTc2NTYyIDEyMC4zMTY0MDYgQyA2NjYuOTcyNjU2IDExOC43NTM5MDYgNjY1LjM5MDYyNSAxMTcuNDcyNjU2IDY2My4yMjI2NTYgMTE2LjQ2ODc1IEMgNjU5LjE1NjI1IDExNC40OTIxODggNjU0Ljc3NzM0NCAxMTMuNDg0Mzc1IDY1MC4wODIwMzEgMTEzLjQ0MTQwNiBDIDY0Ni4yMTA5MzggMTEzLjQyNTc4MSA2NDIuNjY3OTY5IDExMy41ODIwMzEgNjM5LjQ1MzEyNSAxMTMuOTEwMTU2IEMgNjM0LjkxMDE1NiAxMTQuMzcxMDk0IDYzMC40MTQwNjIgMTE1LjAxMTcxOSA2MjUuOTY4NzUgMTE1LjgyNDIxOSBDIDYyNC41NjY0MDYgMTE2LjAxNTYyNSA2MjIuNDUzMTI1IDExNi4zNjMyODEgNjE5LjYzMjgxMiAxMTYuODc4OTA2IEMgNjE2LjU5NzY1NiAxMTcuNDM3NSA2MTQuMzA0Njg4IDExNy44Mzk4NDQgNjEyLjc1NzgxMiAxMTguMDc4MTI1IEMgNjEyLjA1MDc4MSAxMTguMjA3MDMxIDYxMS4wMzEyNSAxMTguMzcxMDk0IDYwOS42OTUzMTIgMTE4LjU2NjQwNiBDIDYwNC44NDM3NSAxMTkuMzM5ODQ0IDYwMS4xOTkyMTkgMTE5Ljc2MTcxOSA1OTguNzczNDM4IDExOS44MzIwMzEgQyA1OTguNjk1MzEyIDExOS44OTQ1MzEgNTk4LjU1ODU5NCAxMTkuOTE0MDYyIDU5OC4zNTE1NjIgMTE5Ljg5MDYyNSBDIDU5Ni41NTQ2ODggMTE5Ljg5NDUzMSA1OTUuMTc5Njg4IDExOS44MTI1IDU5NC4yMzQzNzUgMTE5LjYzNjcxOSBDIDU5My42OTE0MDYgMTE5LjUwNzgxMiA1OTIuODg2NzE5IDExOS4zMTI1IDU5MS44MDg1OTQgMTE5LjA1NDY4OCBDIDU4OC44NDM3NSAxMTguMzc4OTA2IDU4Ni42MDU0NjkgMTE3Ljk4ODI4MSA1ODUuMDk3NjU2IDExNy44OTA2MjUgQyA1ODAuNjc1NzgxIDExNy4yNTc4MTIgNTc2LjUzNTE1NiAxMTguMTA1NDY5IDU3Mi42ODM1OTQgMTIwLjQ0MTQwNiBDIDU2OS43MDcwMzEgMTIyLjMyMDMxMiA1NjcuNTU0Njg4IDEyNC41NjY0MDYgNTY2LjIyNjU2MiAxMjcuMTgzNTk0IEMgNTY1LjE3OTY4OCAxMjkuMTQwNjI1IDU2NC42NTYyNSAxMzEuMDE1NjI1IDU2NC42NjQwNjIgMTMyLjgxMjUgQyA1NjQuNjM2NzE5IDEzNi4xMjg5MDYgNTY1Ljc1MzkwNiAxMzkuMTIxMDk0IDU2OC4wMTE3MTkgMTQxLjc5Mjk2OSBDIDU2OS45NjA5MzggMTQ0LjE1NjI1IDU3Mi40MTAxNTYgMTQ1LjQzMzU5NCA1NzUuMzU5Mzc1IDE0NS42MjEwOTQgQyA1NzcuMjc3MzQ0IDE0NS43Njk1MzEgNTc5LjkxNDA2MiAxNDUuMzcxMDk0IDU4My4yNjk1MzEgMTQ0LjQzMzU5NCBDIDU4My42OTUzMTIgMTQ0LjM0Mzc1IDU4NC4zOTg0MzggMTQ0LjIxNDg0NCA1ODUuMzg2NzE5IDE0NC4wNDY4NzUgQyA1ODYuNzk2ODc1IDE0My43ODkwNjIgNTg3LjgyODEyNSAxNDMuNTI3MzQ0IDU4OC40ODA0NjkgMTQzLjI1MzkwNiBDIDU4OS40MjE4NzUgMTQyLjg3NSA1OTAuNzE0ODQ0IDE0Mi4xMjEwOTQgNTkyLjM2MzI4MSAxNDAuOTkyMTg4IEMgNTkzLjAzOTA2MiAxNDAuNTE1NjI1IDU5My41NjI1IDE0MC4xNjAxNTYgNTkzLjkzMzU5NCAxMzkuOTI1NzgxIEMgNTk1LjI2OTUzMSAxMzkuMTA1NDY5IDU5Ny4wMjM0MzggMTM4LjI2NTYyNSA1OTkuMTkxNDA2IDEzNy40MDIzNDQgQyA2MDMuMDE1NjI1IDEzNS45NjQ4NDQgNjA2Ljk1NzAzMSAxMzUuMDIzNDM4IDYxMS4wMTU2MjUgMTM0LjU3ODEyNSBDIDYxNC4zMDA3ODEgMTM0LjI1MzkwNiA2MTYuODc1IDEzNC40MDIzNDQgNjE4Ljc0MjE4OCAxMzUuMDI3MzQ0IEMgNjIwLjAxNTYyNSAxMzUuMzc1IDYyMC44ODY3MTkgMTM2LjIzNDM3NSA2MjEuMzU5Mzc1IDEzNy42MDE1NjIgQyA2MjEuNjk1MzEyIDEzOC44ODI4MTIgNjIxLjM2MzI4MSAxNDAuMzMyMDMxIDYyMC4zNTE1NjIgMTQxLjk0NTMxMiBDIDYxOS40NDkyMTkgMTQzLjIyNjU2MiA2MTcuOTcyNjU2IDE0NC42ODc1IDYxNS45MjE4NzUgMTQ2LjMyNDIxOSBDIDYxNC40ODA0NjkgMTQ3LjQ3NjU2MiA2MTIuMTk1MzEyIDE0OS4wNTA3ODEgNjA5LjA3MDMxMiAxNTEuMDUwNzgxIEMgNjA3LjQzNzUgMTUyLjA0Mjk2OSA2MDYuMjUgMTUyLjc3MzQzOCA2MDUuNTA3ODEyIDE1My4yNDYwOTQgQyA2MDQuMDg1OTM4IDE1NC4xOTE0MDYgNjAxLjg2MzI4MSAxNTUuNTMxMjUgNTk4LjgzNTkzOCAxNTcuMjY5NTMxIEMgNTk2LjQwMjM0NCAxNTguNjUyMzQ0IDU5NC41NTA3ODEgMTU5LjcyNjU2MiA1OTMuMjkyOTY5IDE2MC40ODQzNzUgQyA1OTIuNTU4NTk0IDE2MC44ODY3MTkgNTkxLjQzNzUgMTYxLjYyNSA1ODkuOTMzNTk0IDE2Mi42OTkyMTkgQyA1ODkuMTgzNTk0IDE2My4yMzgyODEgNTg4LjYyMTA5NCAxNjMuNjI1IDU4OC4yNSAxNjMuODU5Mzc1IEMgNTg1Ljg1MTU2MiAxNjUuNTI3MzQ0IDU4NC4wMzkwNjIgMTY2Ljg3ODkwNiA1ODIuODIwMzEyIDE2Ny45MTc5NjkgQyA1ODAuOTA2MjUgMTY5LjU3MDMxMiA1NzkuMzcxMDk0IDE3MS4yMzA0NjkgNTc4LjIxODc1IDE3Mi44OTg0MzggQyA1NzYuOTcyNjU2IDE3NC43NjU2MjUgNTc1LjQ0OTIxOSAxNzYuMzU1NDY5IDU3My42NDA2MjUgMTc3LjY3MTg3NSBDIDU3Mi42NTYyNSAxNzguNDYwOTM4IDU3MS4wMzEyNSAxNzkuMzg2NzE5IDU2OC43Njk1MzEgMTgwLjQ0NTMxMiBDIDU2Ni45NDE0MDYgMTgxLjM0NzY1NiA1NjUuNjEzMjgxIDE4Mi4wOTc2NTYgNTY0Ljc4NTE1NiAxODIuNjk1MzEyIEMgNTYzLjA3ODEyNSAxODMuNzUgNTYxLjM2NzE4OCAxODUuMTQ4NDM4IDU1OS42NTIzNDQgMTg2Ljg5MDYyNSBDIDU1Ny4yMzA0NjkgMTg5LjM4NjcxOSA1NTUuMTk5MjE5IDE5MS43ODUxNTYgNTUzLjU1ODU5NCAxOTQuMDg5ODQ0IEMgNTUzLjIzODI4MSAxOTQuNDY4NzUgNTUyLjgzMjAzMSAxOTUuMDExNzE5IDU1Mi4zMzk4NDQgMTk1LjcxNDg0NCBDIDU1MC4yMTA5MzggMTk4LjY1NjI1IDU0OC41ODU5MzggMjAwLjgyNDIxOSA1NDcuNDY0ODQ0IDIwMi4yMTg3NSBDIDU0Ni4wMDc4MTIgMjA0LjEzMjgxMiA1NDQuNDc2NTYyIDIwNS43NTc4MTIgNTQyLjg3NSAyMDcuMDk3NjU2IEMgNTQxLjY0MDYyNSAyMDguMjczNDM4IDUzOS41OTc2NTYgMjA5Ljg0Mzc1IDUzNi43NSAyMTEuODA0Njg4IEMgNTM2LjE2MDE1NiAyMTIuMTUyMzQ0IDUzNS43MTA5MzggMjEyLjQ0OTIxOSA1MzUuNDA2MjUgMjEyLjY5MTQwNiBDIDUzMi4zODY3MTkgMjE0Ljk4MDQ2OSA1MzAuMDM5MDYyIDIxNy40NDUzMTIgNTI4LjM1OTM3NSAyMjAuMDkzNzUgQyA1MjcuMDg5ODQ0IDIyMi4xNjQwNjIgNTI2LjE4NzUgMjI0LjM3ODkwNiA1MjUuNjQ4NDM4IDIyNi43MzQzNzUgQyA1MjUuMTM2NzE5IDIyOC44MjAzMTIgNTI1LjE4NzUgMjMxLjE3OTY4OCA1MjUuNzg5MDYyIDIzMy44MDA3ODEgQyA1MjYuNTU0Njg4IDIzNi44NTkzNzUgNTI4LjE0MDYyNSAyMzkuMzUxNTYyIDUzMC41NTA3ODEgMjQxLjI4MTI1IEMgNTMxLjgyODEyNSAyNDIuMjUzOTA2IDUzMy41NDY4NzUgMjQyLjkyOTY4OCA1MzUuNzE0ODQ0IDI0My4zMDg1OTQgQyA1MzcuNTc0MjE5IDI0My4zNzg5MDYgNTM5LjM5MDYyNSAyNDMuMjAzMTI1IDU0MS4xNjQwNjIgMjQyLjc3NzM0NCBDIDU0Mi42NjAxNTYgMjQyLjM5MDYyNSA1NDQuNzY5NTMxIDI0MS40NTMxMjUgNTQ3LjQ5NjA5NCAyMzkuOTYwOTM4IEMgNTQ4LjQ1NzAzMSAyMzkuMzc4OTA2IDU0OS4xOTUzMTIgMjM4Ljk3NjU2MiA1NDkuNzAzMTI1IDIzOC43NTc4MTIgQyA1NTEuMjUgMjM3Ljg5NDUzMSA1NTMuNjkxNDA2IDIzNi43ODUxNTYgNTU3LjAyMzQzOCAyMzUuNDI5Njg4IEMgNTU3LjUyNzM0NCAyMzUuMjEwOTM4IDU1Ny45Mjk2ODggMjM1LjA0Njg3NSA1NTguMjE4NzUgMjM0Ljk0MTQwNiBDIDU2NC41ODk4NDQgMjMyLjMzNTkzOCA1NzEuNDU3MDMxIDIyOS45NTcwMzEgNTc4LjgxNjQwNiAyMjcuODA4NTk0IEMgNTgwLjY4MzU5NCAyMjcuMTg3NSA1ODMuNTMxMjUgMjI2LjQzNzUgNTg3LjM2MzI4MSAyMjUuNTUwNzgxIEMgNTg4LjQyNTc4MSAyMjUuMzI0MjE5IDU4OS4yMDcwMzEgMjI1LjEzNjcxOSA1ODkuNzA3MDMxIDIyNC45ODQzNzUgQyA1OTMuNDYwOTM4IDIyNC4xNjAxNTYgNTk2LjUgMjIzLjU2NjQwNiA1OTguODI0MjE5IDIyMy4yMDMxMjUgQyA2MDAuNjY0MDYyIDIyMi43ODkwNjIgNjAzLjQ5MjE4OCAyMjIuMjQyMTg4IDYwNy4zMDA3ODEgMjIxLjU2MjUgQyA2MDkuMjgxMjUgMjIxLjE2MDE1NiA2MTAuNzYxNzE5IDIyMC44Nzg5MDYgNjExLjc1IDIyMC43MTA5MzggQyA2MTIuNzM0Mzc1IDIyMC41NDY4NzUgNjE0LjI4MTI1IDIyMC4zMzk4NDQgNjE2LjM4MjgxMiAyMjAuMDg5ODQ0IEMgNjE5LjA1MDc4MSAyMTkuNjk1MzEyIDYyMS4wNTg1OTQgMjE5LjM2NzE4OCA2MjIuNDAyMzQ0IDIxOS4xMDE1NjIgQyA2MjUuNzQ2MDk0IDIxOC4yMzQzNzUgNjI4LjQxNDA2MiAyMTcuMjUzOTA2IDYzMC40MDIzNDQgMjE2LjE2MDE1NiBDIDYzMi42Nzk2ODggMjE0Ljk2NDg0NCA2MzQuNzA3MDMxIDIxMy41IDYzNi40OTIxODggMjExLjc2MTcxOSBDIDYzOC4wMzUxNTYgMjEwLjM0NzY1NiA2MzkuMTY0MDYyIDIwOS4xOTUzMTIgNjM5Ljg4NjcxOSAyMDguMzA4NTk0IEMgNjQxLjA3MDMxMiAyMDYuOTg4MjgxIDY0MS45NDUzMTIgMjA1LjY2Nzk2OSA2NDIuNTAzOTA2IDIwNC4zNDc2NTYgQyA2NDMuNjY3OTY5IDIwMS45ODgyODEgNjQ0LjA1MDc4MSAxOTkuODIwMzEyIDY0My42NDg0MzggMTk3LjgzOTg0NCBDIDY0My4wMTk1MzEgMTk0LjgwMDc4MSA2NDEuMjYxNzE5IDE5Mi41OTc2NTYgNjM4LjM3NSAxOTEuMjM4MjgxIEMgNjM2LjI1NzgxMiAxOTAuMzc4OTA2IDYzMy4yOTI5NjkgMTkwLjAxNTYyNSA2MjkuNDc2NTYyIDE5MC4xNDA2MjUgQyA2MjcuMTc5Njg4IDE5MC4yOTY4NzUgNjI0LjI4OTA2MiAxOTAuNzY5NTMxIDYyMC44MTY0MDYgMTkxLjU1NDY4OCBDIDYxOS4wNDI5NjkgMTkxLjk4MDQ2OSA2MTYuMzU1NDY5IDE5Mi44MjAzMTIgNjEyLjc2MTcxOSAxOTQuMDc0MjE5IEMgNjExLjk2ODc1IDE5NC4zMzIwMzEgNjExLjM1OTM3NSAxOTQuNTM5MDYyIDYxMC45MjU3ODEgMTk0LjY5OTIxOSBDIDYxMC4wNjI1IDE5NS4wMTk1MzEgNjA4LjY5NTMxMiAxOTUuNDg4MjgxIDYwNi44MjgxMjUgMTk2LjEwOTM3NSBDIDYwNC41OTc2NTYgMTk2Ljg5NDUzMSA2MDIuOTQxNDA2IDE5Ny41MDM5MDYgNjAxLjg1NTQ2OSAxOTcuOTM3NSBDIDYwMS42NDQ1MzEgMTk3Ljk4MDQ2OSA2MDEuMzIwMzEyIDE5OC4wODIwMzEgNjAwLjg5MDYyNSAxOTguMjQyMTg4IEMgNTk4LjQ5MjE4OCAxOTkuMjg5MDYyIDU5Ni42NDg0MzggMjAwLjAxNTYyNSA1OTUuMzU5Mzc1IDIwMC40MjE4NzUgQyA1OTUuMjEwOTM4IDIwMC40NzY1NjIgNTk0Ljk5NjA5NCAyMDAuNTU0Njg4IDU5NC43MDcwMzEgMjAwLjY2MDE1NiBDIDU5MS41NTg1OTQgMjAxLjYyMTA5NCA1ODkuMTQ0NTMxIDIwMi4yMTQ4NDQgNTg3LjQ2MDkzOCAyMDIuNDQxNDA2IEMgNTg3LjM5MDYyNSAyMDIuNDMzNTk0IDU4Ny4yNSAyMDIuNDUzMTI1IDU4Ny4wMzkwNjIgMjAyLjUgQyA1ODUuMTQ4NDM4IDIwMi43MDMxMjUgNTgzLjc3MzQzOCAyMDIuNjUyMzQ0IDU4Mi45MDYyNSAyMDIuMzQ3NjU2IEMgNTgyLjA0Mjk2OSAyMDIuMDQyOTY5IDU4MS4yNTc4MTIgMjAxLjMzMjAzMSA1ODAuNTU0Njg4IDIwMC4yMTg3NSBDIDU4MC4wMzEyNSAxOTkuMzMyMDMxIDU3OS44MjAzMTIgMTk4LjEzMjgxMiA1NzkuOTE3OTY5IDE5Ni42MjEwOTQgQyA1ODAuMzM5ODQ0IDE5NC4xMTMyODEgNTgxLjM0Mzc1IDE5MS42MzI4MTIgNTgyLjkyOTY4OCAxODkuMTgzNTk0IEMgNTg0LjczNDM3NSAxODYuNjIxMDk0IDU4Ni41OTc2NTYgMTg0LjUxNTYyNSA1ODguNTExNzE5IDE4Mi44NTkzNzUgQyA1ODkuODk4NDM4IDE4MS41NjY0MDYgNTkyLjEwMTU2MiAxNzkuNzczNDM4IDU5NS4xMjUgMTc3LjQ4NDM3NSBDIDU5NS43MjI2NTYgMTc3LjA3MDMxMiA1OTYuMTc1NzgxIDE3Ni43MzgyODEgNTk2LjQ4MDQ2OSAxNzYuNDk2MDk0IEMgNTk2LjcwNzAzMSAxNzYuMzEyNSA1OTcuMDgyMDMxIDE3Ni4wNDI5NjkgNTk3LjYwNTQ2OSAxNzUuNjg3NSBDIDYwMC4yMzA0NjkgMTczLjgzOTg0NCA2MDIuMjUgMTcyLjQ3NjU2MiA2MDMuNjYwMTU2IDE3MS41OTc2NTYgQyA2MDQuNDA2MjUgMTcxLjEyNSA2MDUuNTE1NjI1IDE3MC40NTcwMzEgNjA2Ljk5NjA5NCAxNjkuNTg1OTM4IEMgNjA5LjM2MzI4MSAxNjguMTkxNDA2IDYxMS4xMTMyODEgMTY3LjA3NDIxOSA2MTIuMjQ2MDk0IDE2Ni4yMzA0NjkgQyA2MTMuNDQ5MjE5IDE2NS4zMjgxMjUgNjE1LjM1MTU2MiAxNjQuMDkzNzUgNjE3Ljk0OTIxOSAxNjIuNTE1NjI1IEMgNjE5LjQyOTY4OCAxNjEuNjQ0NTMxIDYyMC41MzkwNjIgMTYwLjk3NjU2MiA2MjEuMjg1MTU2IDE2MC41MDM5MDYgQyA2MjIuMTc5Njg4IDE1OS45MTQwNjIgNjIzLjQ4ODI4MSAxNTkuMDIzNDM4IDYyNS4yMTA5MzggMTU3LjgzMjAzMSBDIDYyNyAxNTYuNjUyMzQ0IDYyOC4zNDc2NTYgMTU1Ljc2NTYyNSA2MjkuMjQyMTg4IDE1NS4xNzU3ODEgQyA2MjkuNTI3MzQ0IDE1NS4wNjY0MDYgNjI5LjkwMjM0NCAxNTQuODMyMDMxIDYzMC4zNTU0NjkgMTU0LjQ2ODc1IEMgNjM0LjI4NTE1NiAxNTIuMDc0MjE5IDYzNy4zMzU5MzggMTUwLjQ0NTMxMiA2MzkuNTA3ODEyIDE0OS41ODIwMzEgQyA2NDAuNjY3OTY5IDE0OS4wODk4NDQgNjQyLjA0Mjk2OSAxNDguNTU0Njg4IDY0My42Mjg5MDYgMTQ3Ljk2ODc1IEMgNjQ0LjM1NTQ2OSAxNDcuNjM2NzE5IDY0NS40NzI2NTYgMTQ3LjI0MjE4OCA2NDYuOTc2NTYyIDE0Ni43ODkwNjIgQyA2NTAuMjgxMjUgMTQ1LjY0MDYyNSA2NTIuNzEwOTM4IDE0NC42MzI4MTIgNjU0LjI1NzgxMiAxNDMuNzY5NTMxIEMgNjU3LjA2NjQwNiAxNDIuMTQ4NDM4IDY1OS4xMzY3MTkgMTQwLjYxNzE4OCA2NjAuNDc2NTYyIDEzOS4xNzU3ODEgQyA2NjEuNjQ0NTMxIDEzNy45OTIxODggNjYyLjg3NSAxMzYuODUxNTYyIDY2NC4xNzU3ODEgMTM1Ljc1MzkwNiBDIDY2Ni43MTA5MzggMTMzLjQ4MDQ2OSA2NjguMzk4NDM4IDEzMS4wNDI5NjkgNjY5LjI0MjE4OCAxMjguNDQxNDA2ICIvPjxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik0gNjM0LjIzMDQ2OSA5Mi4xODc1IEMgNjU5LjQwNjI1IDk0Ljc5Mjk2OSA2NzkuMjg5MDYyIDk2Ljg1MTU2MiA2OTEuOTI1NzgxIDEyOC45MDYyNSBDIDY5OC41NjY0MDYgMTQ3LjQ0MTQwNiA3MDEuMTA1NDY5IDE2Ny43NjE3MTkgNjk5LjY3NTc4MSAxOTEuMDExNzE5IEMgNjk4LjE0MDYyNSAyMTMuMDAzOTA2IDY4MS43ODUxNTYgMjI4LjE5NTMxMiA2NjUuOTY0ODQ0IDI0Mi44OTA2MjUgQyA2NjIuODMyMDMxIDI0NS44MDA3ODEgNjU5LjU4OTg0NCAyNDguODEyNSA2NTYuNTQyOTY5IDI1MS44MDg1OTQgQyA2NDEuMTA1NDY5IDI2Ni45ODgyODEgNjIxLjAwNzgxMiAyNzUuMzQ3NjU2IDU5OS45NDkyMTkgMjc1LjM0NzY1NiBDIDU5OS4xOTE0MDYgMjc1LjM0NzY1NiA1OTguNDM3NSAyNzUuMzM1OTM4IDU5Ny42Nzk2ODggMjc1LjMxNjQwNiBDIDU3Ni40NzI2NTYgMjc0LjY5NTMxMiA1NTEuOTEwMTU2IDI2OC4yNDIxODggNTMzLjU5NzY1NiAyNTguNDg0Mzc1IEMgNTEwLjQzMzU5NCAyNDUuNjQ4NDM4IDQ5OC4yMzgyODEgMjI2LjM1NTQ2OSA0OTcuMzUxNTYyIDIwMS4xNDQ1MzEgQyA0OTYuNDUzMTI1IDE3NS43ODUxNTYgNTA3LjIzODI4MSAxNDkuNjk5MjE5IDUxNi40Mzc1IDEzMi4yODUxNTYgQyA1MTguODYzMjgxIDEyNy43MDMxMjUgNTIxLjYyMTA5NCAxMjMuNDM3NSA1MjQuNjQwNjI1IDExOS42MDU0NjkgQyA1MjguMTI4OTA2IDExNS4xNTYyNSA1MzEuODc4OTA2IDExMC43NTM5MDYgNTM1LjUwMzkwNiAxMDYuNDk2MDk0IEMgNTM3Ljg0Mzc1IDEwMy43NDYwOTQgNTQwLjI2MTcxOSAxMDAuOTA2MjUgNTQyLjU5NzY1NiA5OC4wNzAzMTIgQyA1NDguMzIwMzEyIDkxLjEwMTU2MiA1NTUuNTgyMDMxIDg1Ljg4MjgxMiA1NjMuNjAxNTYyIDgyLjk3MjY1NiBDIDU2OC41NzQyMTkgODEuMTYwMTU2IDU3My4yMzgyODEgODAuMjgxMjUgNTc3Ljg2MzI4MSA4MC4yODEyNSBDIDU4NS43ODUxNTYgODAuMjgxMjUgNTkzLjAzNTE1NiA4Mi44NzEwOTQgNjAxLjQyOTY4OCA4NS44NzEwOTQgQyA2MDIuNDU3MDMxIDg2LjIzODI4MSA2MDMuNTAzOTA2IDg2LjYxMzI4MSA2MDQuNTc0MjE5IDg2Ljk4ODI4MSBDIDYwNy44NDc2NTYgODguMTQ0NTMxIDYxMS4yMzA0NjkgODkuMDM5MDYyIDYxNC42MjUgODkuNjQ4NDM4IEMgNjIxLjM3ODkwNiA5MC44NTkzNzUgNjI3LjkxNDA2MiA5MS41MzUxNTYgNjM0LjIzMDQ2OSA5Mi4xODc1IE0gNzE1Ljc5Mjk2OSAxNjEuNjAxNTYyIEMgNzE1LjEyNSAxMzkuNzQyMTg4IDcwNy40NzI2NTYgMTIwLjE4MzU5NCA2OTQuMjM4MjgxIDEwNi41MjM0MzggQyA2OTMuMzYzMjgxIDEwNS42MTcxODggNjkyLjUgMTA0LjY4NzUgNjkxLjY3MTg3NSAxMDMuNzUzOTA2IEMgNjcyLjkyNTc4MSA4Mi42Mjg5MDYgNjQ2Ljc4MTI1IDc5LjczODI4MSA2MjEuNDkyMTg4IDc2Ljk0MTQwNiBDIDYwOS4yMTQ4NDQgNzUuNTgyMDMxIDU5Ni41MTU2MjUgNzQuMTc1NzgxIDU4NC42MjUgNzAuNzM4MjgxIEMgNTgwLjkyNTc4MSA2OS42Njc5NjkgNTc3LjEyMTA5NCA2OS4xMjg5MDYgNTczLjMxNjQwNiA2OS4xMjg5MDYgQyA1NzAuMzY3MTg4IDY5LjEyODkwNiA1NjcuNDM3NSA2OS40NTcwMzEgNTY0LjYwOTM3NSA3MC4xMDU0NjkgQyA1NTcuNjUyMzQ0IDcxLjcwMzEyNSA1NTEuNDM3NSA3NS4wMDM5MDYgNTQzLjgzOTg0NCA4MS4xNDQ1MzEgQyA1MjQuNzczNDM4IDk2LjUxOTUzMSA1MDYuNTM5MDYyIDExNC4xMTMyODEgNTAyLjIzNDM3NSAxMzguNTExNzE5IEMgNTAxLjMwODU5NCAxNDMuNzI2NTYyIDUwMC4xOTkyMTkgMTQ3LjkwNjI1IDQ5OC43NDIxODggMTUxLjY2Nzk2OSBDIDQ5Ni41OTM3NSAxNTcuMjMwNDY5IDQ5NC4yNjU2MjUgMTYxLjI2NTYyNSA0OTIuMDA3ODEyIDE2NS4xNzE4NzUgQyA0ODYuNDg0Mzc1IDE3NC43NDIxODggNDgyLjExNzE4OCAxODIuMzAwNzgxIDQ4NS4xNTIzNDQgMjA0LjU3ODEyNSBDIDQ4Ni42NzU3ODEgMjI1LjMzOTg0NCA0OTYuMTEzMjgxIDI0NC44MzU5MzggNTExLjczODI4MSAyNTkuNDg0Mzc1IEMgNTI3LjA3NDIxOSAyNzMuODU1NDY5IDU0Ni45NTMxMjUgMjgyLjM2MzI4MSA1NjcuNzE4NzUgMjgzLjQzNzUgQyA1NzAuOTUzMTI1IDI4My42MDU0NjkgNTc0LjA1MDc4MSAyODQuMDAzOTA2IDU3Ni45Mjk2ODggMjg0LjYxNzE4OCBDIDU4NS42Nzk2ODggMjg2LjQ4MDQ2OSA1OTQuMTI4OTA2IDI4Ny40MjE4NzUgNjAyLjA1MDc4MSAyODcuNDIxODc1IEwgNjAyLjA1NDY4OCAyODcuNDIxODc1IEMgNjI3LjAyNzM0NCAyODcuNDIxODc1IDY0OC4yNDIxODggMjc4LjAzOTA2MiA2NjUuMTI4OTA2IDI1OS41MTU2MjUgQyA2NzEuMDU0Njg4IDI1Mi43NzM0MzggNjc3Ljc1IDI0NS45NzI2NTYgNjg2LjE5NTMxMiAyMzguMTE3MTg4IEMgNjkyLjAzOTA2MiAyMzIuNjc5Njg4IDY5Ni45NDUzMTIgMjI2LjY2NDA2MiA3MDAuNzczNDM4IDIyMC4yNDIxODggQyA3MTEuMDg1OTM4IDIwMi45NTMxMjUgNzE2LjQyMTg3NSAxODIuMTI1IDcxNS43OTI5NjkgMTYxLjYwMTU2MiAiLz48L3N2Zz4=");--wavemask:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5MCAxNiIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PHBhdGggZD0iTTAgOUMxNSAxIDMwIDEgNDUgOFM3NSAxNSA5MCA3VjE2SDBaIi8+PC9zdmc+");--igmask:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZWZlYWUyIiBzdHJva2Utd2lkdGg9IjEuNCI+PHJlY3QgeD0iMy41IiB5PSIzLjUiIHdpZHRoPSIxNyIgaGVpZ2h0PSIxNyIgcng9IjUiLz48Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSI0Ii8+PGNpcmNsZSBjeD0iMTcuMiIgY3k9IjYuOCIgcj0iLjYiLz48L3N2Zz4=") center/34px no-repeat}