*{box-sizing:border-box;margin:0;-webkit-tap-highlight-color:transparent}
:root{color-scheme:light dark;--a:#0b7a5b;--b:#0f9d8a;--ratio:9/16;--bg:light-dark(#f2f6f4,#09120f);--cd:light-dark(#fff,#13201c);--tx:light-dark(#10201a,#eaf5f0);--mu:light-dark(#66766f,#93a9a0);--bd:light-dark(#e1eae6,#22342e);--soft:light-dark(#eaf1ee,#1a2a25);--ac:light-dark(var(--a),color-mix(in srgb,var(--a) 50%,#fff));--sh:0 16px 34px -16px rgba(5,60,45,.45);--g:linear-gradient(135deg,var(--a),var(--b));padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}
html{scroll-behavior:smooth;scroll-padding-top:calc(72px + env(safe-area-inset-top,0px))}
body{background:var(--bg);color:var(--tx);font:500 15px/1.6 "IBM Plex Sans Arabic",Tahoma,"Segoe UI",Arial,sans-serif;padding-bottom:160px;overflow-x:hidden}
button,input{font:inherit;color:inherit;border:0;background:none;cursor:pointer}
:focus-visible{outline:3px solid var(--b);outline-offset:2px}
svg{width:1.3em;height:1.3em}[data-ic]{display:inline-grid;place-items:center}
.ann{background:var(--g);color:#fff;font-size:13px;overflow:hidden;padding:7px 0}.ann div{display:flex;width:max-content;animation:mq 30s linear infinite}.ann span{padding:0 2em;white-space:nowrap}
@keyframes mq{to{transform:translateX(50%)}}
header{position:sticky;top:env(safe-area-inset-top,0px);z-index:30;display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:color-mix(in srgb,var(--bg) 85%,transparent);backdrop-filter:blur(16px);border-bottom:1px solid var(--bd)}
.logo{position:absolute;inset-inline:0;margin:auto;width:max-content;font-weight:700;font-size:24px;pointer-events:none;background:var(--g);-webkit-background-clip:text;background-clip:text;color:transparent}
.ib{display:flex;align-items:center;gap:6px;padding:9px 13px;border-radius:15px;background:var(--cd);border:1px solid var(--bd);position:relative;font-weight:700;font-size:14px;transition:.25s}.ib:active{transform:scale(.92)}
.cnt{position:absolute;top:-7px;inset-inline-end:-7px;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:#f5b301;color:#3b2a00;font:700 11px/20px inherit;text-align:center;font-style:normal;transition:transform .35s cubic-bezier(.3,1.9,.5,1)}.cnt.z{transform:scale(0)}
.dd{position:absolute;top:100%;inset-inline:14px;margin-top:8px;background:var(--cd);border:1px solid var(--bd);border-radius:22px;box-shadow:var(--sh);padding:8px;transform-origin:top right;transform:scale(.92) translateY(-12px);opacity:0;visibility:hidden;transition:.35s cubic-bezier(.2,.9,.3,1.2)}.dd.on{transform:none;opacity:1;visibility:visible}
.dd button{display:flex;width:100%;align-items:center;gap:10px;padding:11px 12px;border-radius:14px;text-align:start;transition:.2s}.dd button.on,.dd button:hover{background:var(--soft)}.dd small{margin-inline-start:auto;color:var(--mu)}
.hero{margin:14px;border-radius:26px;overflow:hidden;position:relative;box-shadow:var(--sh)}
.trk{display:flex;transition:transform .8s cubic-bezier(.7,0,.2,1)}
.hs{flex:0 0 100%;min-height:172px;padding:24px;color:#fff;display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden}
.hs:after{content:"";position:absolute;width:230px;height:230px;border-radius:50%;background:#fff2;inset-inline-end:-50px;top:-80px;pointer-events:none}
.hs h2{font-size:25px;line-height:1.3}.hs p{opacity:.9;font-size:13px;margin:6px 0 14px}
.em{font-size:84px;line-height:1;animation:fl 3.2s ease-in-out infinite;position:relative;z-index:1}
@keyframes fl{50%{transform:translateY(-10px) rotate(6deg)}}
.chip{padding:9px 18px;border-radius:99px;background:#fff;color:#10201a;font-weight:700;font-size:13px;transition:.25s}.chip:active{transform:scale(.92)}
.dots{position:absolute;bottom:10px;inset-inline:0;display:flex;justify-content:center;gap:6px}.dots i{width:7px;height:7px;border-radius:9px;background:#fff7;transition:.45s;cursor:pointer}.dots i.on{width:24px;background:#fff}
.cats{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x proximity;padding:6px 14px 12px;scrollbar-width:none}
.cat{flex:none;width:74px;text-align:center;scroll-snap-align:center;font-size:12.5px;color:var(--mu);transition:.3s}
.cat i{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 6px;border-radius:50%;background:var(--cd);border:2px solid var(--bd);font-style:normal;font-size:28px;transition:.4s cubic-bezier(.3,1.6,.5,1)}
.cat.on{color:var(--tx);font-weight:700}.cat.on i{background:var(--g);border-color:transparent;transform:scale(1.13);box-shadow:0 10px 22px -8px var(--a)}
.tb{display:flex;justify-content:space-between;align-items:center;padding:6px 14px}.tb h2{font-size:19px}.tb small{color:var(--mu)}
.seg{display:flex;background:var(--cd);border:1px solid var(--bd);border-radius:15px;padding:3px}.seg button{padding:8px 11px;border-radius:12px;color:var(--mu);transition:.35s}.seg .on{background:var(--g);color:#fff}
.grid{display:grid;grid-template-columns:repeat(var(--cols,2),1fr);gap:12px;padding:8px 14px}
.card{background:var(--cd);border:1px solid var(--bd);border-radius:22px;overflow:hidden;cursor:pointer;position:relative;transition:transform .35s,box-shadow .35s}
.card:hover{transform:translateY(-6px);box-shadow:var(--sh)}
@keyframes up{from{opacity:0;transform:translateY(28px) scale(.96)}}
.media{position:relative;aspect-ratio:var(--ratio);overflow:hidden;background:var(--soft)}
.media img,.media video{width:100%;height:100%;object-fit:cover;display:block;transition:transform .9s}.card:hover .media img{transform:scale(1.08)}
.media:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 40%,#fff5 50%,transparent 60%);transform:translateX(-120%);transition:transform .9s}.card:hover .media:after{transform:translateX(120%)}
.bdg{position:absolute;top:10px;inset-inline-start:10px;z-index:2;background:#f5b301;color:#3b2a00;font-size:12px;font-weight:700;padding:3px 10px;border-radius:99px;animation:pl 2.2s infinite}.bdg.s{position:static}
@keyframes pl{50%{transform:scale(1.1)}}
.inf{padding:12px}.inf h3{font-size:14.5px;line-height:1.45;min-height:2.9em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pr{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}.pr b{color:var(--ac);font-size:16px}.pr s{color:var(--mu);font-size:12.5px}
.add{width:100%;margin-top:10px;padding:10px;border-radius:14px;background:var(--g);color:#fff;font-weight:700;transition:.3s}.add:active{transform:scale(.94)}
.promo{grid-column:1/-1;display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:22px;background:linear-gradient(120deg,#78350f,#f59e0b);color:#fff}.promo>span{font-size:40px;animation:fl 3s infinite}.promo div{flex:1}.promo small{opacity:.9}
.sk{border-radius:22px;aspect-ratio:9/16;background:linear-gradient(100deg,var(--soft) 30%,var(--cd) 50%,var(--soft) 70%);background-size:300% 100%;animation:sh 1.3s infinite}@keyframes sh{to{background-position:-100% 0}}
.emp{grid-column:1/-1;text-align:center;color:var(--mu);padding:40px}
footer{text-align:center;color:var(--mu);font-size:13px;padding:26px}
.ov{position:fixed;inset:0;background:rgba(3,12,9,.6);backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:.35s;z-index:50}.ov.on{opacity:1;visibility:visible}
.sheet,.drawer{position:fixed;z-index:60;background:var(--cd);display:flex;flex-direction:column;transition:transform .5s cubic-bezier(.2,.9,.25,1)}
.sheet{left:0;right:0;bottom:0;margin:0 auto;max-width:560px;max-height:92dvh;border-radius:28px 28px 0 0;overflow:hidden;transform:translateY(105%)}
.drawer{top:0;bottom:0;left:0;width:min(430px,100%);transform:translateX(-105%);padding:env(safe-area-inset-top,0px) 0 env(safe-area-inset-bottom,0px)}
.sheet.on,.drawer.on{transform:none}
.x{position:absolute;top:12px;inset-inline-end:12px;z-index:5;width:38px;height:38px;border-radius:50%;background:#0008;color:#fff;display:grid;place-items:center}
.gal{flex:none;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;height:min(54dvh,470px)}.gal.sk{border-radius:0}
.gs{flex:0 0 100%;scroll-snap-align:center;position:relative;overflow:hidden}
.gs .bg{position:absolute;inset:-24px;background-size:cover;background-position:center;filter:blur(24px) brightness(.85)}
.gs img,.gs video{position:relative;width:100%;height:100%;object-fit:contain;display:block}
.pb{flex:1;overflow:auto;padding:18px}.pb h2{font-size:21px}.pr.big b{font-size:22px}.ds{color:var(--mu);margin:8px 0 14px}.pb h4{font-size:14px}
.sk.l{height:22px;aspect-ratio:auto;margin-bottom:12px;border-radius:10px}.sk.l.s{width:45%}
.opts{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 16px}.o{padding:9px 16px;border-radius:13px;border:2px solid var(--bd);font-weight:700;transition:.25s}.o.on{border-color:var(--ac);background:color-mix(in srgb,var(--a) 14%,transparent);color:var(--ac)}
.row{display:flex;gap:10px;align-items:center;margin-top:8px}.row .btn{flex:1}
.qty{display:flex;align-items:center;gap:6px;background:var(--soft);border-radius:15px;padding:4px}.qty button{width:34px;height:34px;border-radius:12px;background:var(--cd);font-size:18px;font-weight:700;transition:.2s}.qty button:active{transform:scale(.8)}.qty b{min-width:22px;text-align:center}
.btn{display:flex;justify-content:center;align-items:center;gap:8px;width:100%;padding:15px;border-radius:18px;background:var(--g);color:#fff;font-weight:700;font-size:16px;position:relative;overflow:hidden;box-shadow:0 12px 26px -10px var(--a);transition:.25s;text-decoration:none}.btn:active{transform:scale(.96)}.btn:disabled{opacity:.75}
.btn:after,.ck:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,#fff5 50%,transparent 65%);transform:translateX(120%);animation:sw 3s infinite}@keyframes sw{60%,100%{transform:translateX(-120%)}}
.ghost{background:var(--soft);color:var(--tx);box-shadow:none}.wab{background:#25d366;box-shadow:0 12px 26px -10px #25d366}
.spin{width:16px;height:16px;border:3px solid #fff5;border-top-color:#fff;border-radius:50%;animation:rot .7s linear infinite}@keyframes rot{to{transform:rotate(360deg)}}
.dh{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--bd)}.dh h2{flex:1;font-size:19px}
.dl{flex:1;overflow:auto;padding:14px 16px}.df{padding:14px 16px;border-top:1px solid var(--bd)}
.it{display:flex;gap:12px;align-items:center;padding:10px;border-radius:18px;background:var(--soft);margin-bottom:10px;animation:up .5s both}.it .qty{background:var(--cd)}
.th{width:58px;aspect-ratio:var(--ratio);max-height:104px;border-radius:12px;overflow:hidden;flex:none}.th img,.th video{width:100%;height:100%;object-fit:cover}
.ii{flex:1;min-width:0}.ii h4{font-size:14px}.ii small{color:var(--mu);display:block}.ii b{color:var(--ac)}
.sum{margin:0 0 12px}.sum div{display:flex;justify-content:space-between;padding:3px 0;color:var(--mu)}.sum .t{color:var(--tx);font-weight:700;font-size:17px;border-top:1px dashed var(--bd);margin-top:6px;padding-top:10px}
.f label{display:block;font-size:13px;color:var(--mu);margin-bottom:10px}.f input{display:block;width:100%;margin-top:5px;padding:13px 14px;border-radius:14px;border:1px solid var(--bd);background:var(--soft);color:var(--tx);outline:0;cursor:text;transition:.25s}.f input:focus{border-color:var(--ac);box-shadow:0 0 0 4px color-mix(in srgb,var(--a) 22%,transparent)}
.pay{padding:13px;border-radius:14px;border:2px solid var(--ac);background:color-mix(in srgb,var(--a) 9%,transparent);font-weight:700;margin:4px 0 14px}
.dn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:24px}.dn .btn{width:auto;padding:14px 28px}.dn svg{width:96px;height:96px}
.ok circle,.ok path{stroke-dasharray:160;stroke-dashoffset:160;animation:dr .8s .2s forwards}.ok path{animation-delay:.8s}@keyframes dr{to{stroke-dashoffset:0}}
.bar{position:fixed;inset-inline:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));margin:0 auto;max-width:520px;z-index:40;display:flex;gap:10px;animation:in .9s cubic-bezier(.2,1.2,.3,1) .4s both}@keyframes in{from{transform:translateY(120px)}}
.ck{flex:1;display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-radius:20px;background:var(--g);color:#fff;font-weight:700;box-shadow:0 14px 30px -10px var(--a);position:relative;overflow:hidden;transition:.25s}.ck:active{transform:scale(.97)}
.cb{width:58px;border-radius:20px;background:var(--cd);border:1px solid var(--bd);display:grid;place-items:center;position:relative;box-shadow:var(--sh);font-size:20px}
.bump{animation:bp .55s}@keyframes bp{40%{transform:scale(1.25) rotate(-9deg)}}
.wa{position:fixed;left:14px;bottom:calc(90px + env(safe-area-inset-bottom,0px));z-index:40;width:58px;height:58px;border-radius:50%;background:#25d366;color:#fff;display:grid;place-items:center;box-shadow:0 12px 26px -6px #25d366;animation:fl 3s ease-in-out infinite}
.wa svg{width:32px;height:32px}.wa:before{content:"";position:absolute;inset:0;border-radius:50%;background:#25d366;z-index:-1;pointer-events:none}
.toast{position:fixed;top:calc(16px + env(safe-area-inset-top,0px));inset-inline:0;margin:0 auto;width:max-content;max-width:90%;z-index:99;background:#10201a;color:#fff;padding:11px 20px;border-radius:99px;box-shadow:var(--sh);animation:tst 2.4s both}@keyframes tst{0%{transform:translateY(-30px) scale(.8);opacity:0}10%,85%{transform:none;opacity:1}100%{transform:translateY(-20px);opacity:0}}
.fly{position:fixed;z-index:99;width:28px;height:28px;border-radius:50%;background:#f5b301;pointer-events:none}
@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
[hidden]{display:none!important}.dots button{border:0;cursor:pointer;width:7px;height:7px;border-radius:9px;background:#fff7;transition:.45s;padding:0}.dots button.on{width:24px;background:#fff}
.media-empty{display:grid;place-items:center;width:100%;height:100%;font-size:54px;color:var(--ac)}.reel-badge{position:absolute;bottom:10px;inset-inline-end:10px;color:#fff;background:#10201abf;border-radius:99px;padding:3px 10px;font-size:11px;z-index:2}.add:disabled{opacity:.5;cursor:not-allowed}
.video-ui{position:absolute;z-index:3;inset:auto 8px 8px;display:flex;align-items:center;gap:5px;padding:6px;border-radius:13px;background:#06130fce;color:#fff;direction:ltr}.video-ui button{min-width:34px;height:34px;border-radius:8px;background:#ffffff28;color:#fff;font-size:13px}.video-ui input{min-width:20px;flex:1;accent-color:var(--b)}.video-ui small{font:11px Arial,sans-serif;white-space:nowrap}.gs video{background:#000}.gs .bg{pointer-events:none}.modal-unavailable{height:100%;display:grid;place-items:center;text-align:center;padding:25px;color:#fff;background:#14251e}.modal-unavailable a{text-decoration:underline}
.gs img.bg{position:absolute;inset:-24px;width:calc(100% + 48px);height:calc(100% + 48px);object-fit:cover;filter:blur(24px) brightness(.8)}.gs img:not(.bg),.gs video{position:relative}.hs .hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.55);z-index:0}.hs>div,.hs .em{z-index:1;position:relative}.method-row{display:flex;gap:8px;margin:6px 0 14px}.method-row label{flex:1;background:var(--soft);border:1px solid var(--bd);border-radius:13px;padding:8px;display:flex;align-items:center;gap:6px;color:var(--tx)}.method-row input{width:auto!important;margin:0!important;accent-color:var(--a)}.f textarea{width:100%;min-height:65px;border:1px solid var(--bd);border-radius:14px;padding:10px;background:var(--soft);color:var(--tx);resize:vertical}.stock-note{color:var(--mu)}
.pb{display:flex;flex-direction:column;min-height:0}.pb .ds{overflow:auto;max-height:5.6em}.pb .row{margin-top:auto;padding-top:8px}.sheet{height:min(92dvh,790px)}.gal{height:min(49dvh,440px)}.gal .gs{flex:0 0 100%}.gal video{object-fit:contain}.sheet .x{min-width:40px;min-height:40px}.hero{isolation:isolate}.hs{min-width:0}.chip{position:relative;z-index:2}.ck:disabled{opacity:.65}
:root[data-radius=rounded] .hero,:root[data-radius=rounded] .card,:root[data-radius=rounded] .sheet,:root[data-radius=rounded] .drawer{border-radius:34px}:root[data-radius=square] .hero,:root[data-radius=square] .card,:root[data-radius=square] .sheet,:root[data-radius=square] .drawer{border-radius:10px}
@media(min-width:760px){body{padding-bottom:100px}header{padding-inline:max(20px,calc((100vw - 1220px)/2))}main{max-width:1248px;margin:auto}.hero{margin:20px 14px 24px}.hs{min-height:290px;padding:45px 60px}.hs h2{font-size:clamp(30px,4vw,48px)}.hs p{font-size:17px}.em{font-size:130px}.cats{padding-block:12px 25px}.cat{width:104px}.cat i{width:76px;height:76px;font-size:34px}.tb{padding-inline:14px}.tb h2{font-size:28px}.grid{gap:18px}.card .inf{padding:17px}.card .inf h3{font-size:17px}.card .pr b{font-size:19px}.sheet{left:50%;right:auto;top:50%;bottom:auto;width:min(980px,calc(100vw - 40px));max-width:none;height:min(660px,calc(100dvh - 40px));max-height:none;margin:0;border-radius:28px;flex-direction:row;transform:translate(-50%,110vh)}.sheet.on{transform:translate(-50%,-50%)}.sheet .gal{height:100%;width:55%}.sheet .pb{width:45%;padding:38px;overflow:auto}.sheet .pb .ds{max-height:none}.sheet .pb h2{font-size:28px}.sheet .gs img,.sheet .gs video{object-fit:contain}.drawer{width:min(460px,100%)}.promo{padding:24px}}
@media(min-width:900px){.grid{--cols:4}}
@media(max-width:759px){.sheet .pb{padding:12px 16px calc(16px + env(safe-area-inset-bottom,0px))}.sheet .pb h2{font-size:18px}.sheet .pb .ds{font-size:12px;line-height:1.5;margin:4px 0;max-height:3em}.sheet .pb .row .btn{font-size:13px;padding:12px}.sheet .gal{height:min(49dvh,420px)}.bar{bottom:calc(9px + env(safe-area-inset-bottom,0px))}.wa{bottom:calc(85px + env(safe-area-inset-bottom,0px))}}

header{background:color-mix(in srgb,var(--bg) 78%,transparent);-webkit-backdrop-filter:blur(20px) saturate(1.4);backdrop-filter:blur(20px) saturate(1.4)}
html{scrollbar-gutter:stable}
html{scroll-padding-top:calc(var(--store-header-height,72px) + 8px)}
header{display:grid;grid-template-columns:minmax(0,1fr) max-content;gap:clamp(8px,2vw,18px)}
header .logo{position:static;inset:auto;margin:0;width:100%;min-width:0;text-align:center;line-height:1.15;font-size:clamp(14px,3.8vw,24px);white-space:normal;overflow-wrap:anywhere;text-wrap:balance;text-decoration:none}
header .logo.store-brand{justify-content:flex-start;text-align:start}
header>.ib{min-height:44px;justify-self:center}
header [data-dd]{padding-inline:10px;gap:4px}
header [data-dd] [data-ic=chev] svg{width:14px;height:14px}
.hc .cnt,.cb .cnt{top:-6px;inset-inline-end:-5px;display:grid;place-items:center;box-sizing:border-box;width:max-content;min-width:21px;height:21px;padding:0 5px;border-radius:999px;background:#ffcb37;color:#322400;border:1px solid #fff9;box-shadow:0 3px 9px #0004;font-family:"IBM Plex Sans Arabic",Tahoma,Arial,sans-serif;font-size:11px;font-weight:800;font-style:normal;line-height:1;letter-spacing:0;font-variant-numeric:tabular-nums;direction:ltr;white-space:nowrap;z-index:2}
.ann:hover div{animation-play-state:paused}
@media(hover:hover){.ib:hover{border-color:color-mix(in srgb,var(--a) 45%,var(--bd));transform:translateY(-1px)}}
.hero{box-shadow:0 34px 60px -34px color-mix(in srgb,var(--a) 75%,transparent),0 2px 6px -2px #0002}
.hs:before{content:"";position:absolute;inset:-45%;z-index:0;pointer-events:none;background:radial-gradient(38% 42% at 24% 32%,#fff5,#fff0 70%),radial-gradient(34% 44% at 78% 72%,color-mix(in srgb,var(--b) 55%,#fff),transparent 70%),radial-gradient(30% 30% at 60% 18%,#0004,transparent 70%);filter:blur(18px);animation:aur 16s ease-in-out infinite alternate}
@keyframes aur{to{transform:translate3d(-9%,7%,0) rotate(18deg) scale(1.15)}}
.hs h2{text-wrap:balance;text-shadow:0 2px 22px #0003}.hs p{text-wrap:pretty;max-width:34ch}
.em{display:grid;place-items:center;width:1.5em;height:1.5em;font-size:58px;border-radius:50%;background:radial-gradient(circle at 30% 22%,#fff7,#fff1 62%);border:1px solid #fff6;box-shadow:inset 0 1px 0 #fff8,0 26px 46px -20px #0007;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
@media(min-width:760px){.em{font-size:92px}}
.dots button{position:relative;overflow:hidden;height:5px;width:8px;background:#fff6}
.dots button.on{width:34px;background:#fff5}
.dots button.on:after{content:"";position:absolute;inset:0;background:#fff;transform-origin:right;animation:prog 4.8s linear both}
.hero:hover .dots button.on:after{animation-play-state:paused}
@keyframes prog{from{transform:scaleX(0)}}
.cat.on i{box-shadow:0 0 0 4px color-mix(in srgb,var(--a) 22%,transparent),0 14px 26px -10px var(--a)}
.tb small,.pr b,.ck b{font-variant-numeric:tabular-nums}
.card{border-color:color-mix(in srgb,var(--bd) 80%,transparent);box-shadow:0 1px 2px color-mix(in srgb,var(--tx) 7%,transparent),0 12px 28px -18px color-mix(in srgb,var(--tx) 30%,transparent);transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s,border-color .3s}
@media(hover:hover){.card:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--a) 40%,var(--bd));box-shadow:0 2px 4px color-mix(in srgb,var(--tx) 6%,transparent),0 28px 44px -22px color-mix(in srgb,var(--a) 55%,transparent)}}
.media:before{content:"";position:absolute;inset:auto 0 0;height:38%;z-index:1;pointer-events:none;opacity:.7;background:linear-gradient(transparent,#0006)}
.bdg{animation:none;background:linear-gradient(135deg,#ffcf3d,#f5a300);box-shadow:0 6px 14px -6px #f5a300}
.reel-badge{background:#0a1512a6;border:1px solid #fff3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.inf h3{text-wrap:balance}
.add{background:color-mix(in srgb,var(--a) 11%,var(--cd));color:var(--ac);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--a) 22%,transparent)}
.add:not(:disabled):hover,.card:hover .add:not(:disabled),.add:focus-visible{background:var(--g);color:#fff;box-shadow:0 10px 20px -10px var(--a)}
.cb{background:color-mix(in srgb,var(--cd) 82%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
.bar:has(.cb .cnt.z){display:none}
.cb,.hc{isolation:isolate}
.cb{border-color:color-mix(in srgb,var(--a) 26%,var(--bd));box-shadow:0 12px 28px -15px var(--a),inset 0 1px 0 #fff5}
.cb [data-ic=cart] svg,.hc [data-ic=cart] svg{display:block;width:27px;height:27px;overflow:visible;stroke-width:1.85;transition:transform .32s cubic-bezier(.25,1.4,.5,1)}
.cb [data-ic=cart] svg{width:31px;height:31px;animation:cartIdle 5.2s ease-in-out infinite}
@keyframes cartIdle{0%,20%,55%,100%{transform:none}30%{transform:translateY(-2px) rotate(-3deg)}40%{transform:rotate(2deg)}}
[data-ic=cart] .cart-basket{fill:color-mix(in srgb,var(--a) 12%,var(--cd));transform-origin:12px 12px}
[data-ic=cart] .cart-wheel{fill:var(--cd)}
@media(hover:hover){.cb:hover [data-ic=cart] svg,.hc:hover [data-ic=cart] svg{transform:translateY(-2px) rotate(-7deg)}.cb:hover{border-color:var(--a)}}
@media(hover:hover){.cb:hover:not(.bump) [data-ic=cart] svg{animation:none}}
.cb.bump,.hc.bump{animation:none}
.cb.bump [data-ic=cart] svg,.hc.bump [data-ic=cart] svg{animation:cartHop .7s cubic-bezier(.25,1.4,.45,1)}
.cb.bump .cart-basket,.hc.bump .cart-basket{animation:cartTilt .7s cubic-bezier(.25,1.4,.45,1)}
.cb.bump .cart-wheel,.hc.bump .cart-wheel{animation:wheelHop .48s .1s ease-out}
.cb.bump .cart-wheel-b,.hc.bump .cart-wheel-b{animation-delay:.18s}
.cb.bump .cnt:not(.z),.hc.bump .cnt:not(.z){animation:cartCount .65s cubic-bezier(.25,1.6,.5,1)}
.cb.bump:after{content:"";position:absolute;inset:-6px;border:2px solid var(--a);border-radius:25px;pointer-events:none;animation:cartRing .7s ease-out both}
@keyframes cartHop{0%,100%{transform:none}30%{transform:translateY(-6px) rotate(-13deg)}65%{transform:translateY(1px) rotate(6deg)}}
@keyframes cartTilt{0%,100%{transform:none}32%{transform:rotate(-7deg)}68%{transform:rotate(4deg)}}
@keyframes wheelHop{0%,100%{transform:none}40%{transform:translateY(-2px) scale(1.12)}}
@keyframes cartCount{0%{transform:scale(.65)}55%{transform:scale(1.3)}100%{transform:scale(1)}}
@keyframes cartRing{0%{opacity:.65;transform:scale(.7)}100%{opacity:0;transform:scale(1.25)}}
.ck{box-shadow:0 18px 34px -14px var(--a),inset 0 1px 0 #fff4}
.wa{width:52px;height:52px;box-shadow:0 9px 20px -7px rgba(37,211,102,.55);animation:none}
.wa svg{width:28px;height:28px;transform-origin:50% 55%;animation:waWiggle 4.6s ease-in-out infinite}
@keyframes waWiggle{0%,14%,42%,100%{transform:none}22%{transform:translateY(-2px) rotate(-9deg)}29%{transform:rotate(6deg)}36%{transform:rotate(-3deg)}}
.wa:before{animation:waSoftRing 2.8s ease-out infinite}
@keyframes waSoftRing{0%{transform:scale(1);opacity:.3}75%,100%{transform:scale(1.3);opacity:0}}
.ov{-webkit-backdrop-filter:blur(10px) saturate(1.2);backdrop-filter:blur(10px) saturate(1.2);will-change:opacity;transition:opacity .65s cubic-bezier(.2,.8,.2,1),visibility 0s linear .65s}
.ov.on{transition:opacity .65s cubic-bezier(.2,.8,.2,1),visibility 0s}
.sheet,.drawer{transition-duration:.65s;transition-timing-function:cubic-bezier(.16,1,.3,1)}
.x{background:#0007;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .3s cubic-bezier(.3,1.6,.5,1)}.x:hover{transform:rotate(90deg) scale(1.08)}
@media(max-width:759px){.sheet:before{content:"";position:absolute;top:8px;left:50%;translate:-50% 0;width:42px;height:4px;border-radius:9px;background:#fffc;z-index:6;box-shadow:0 0 0 1px #0003}}
@media(prefers-reduced-motion:no-preference){@supports(animation-timeline:scroll()){
header{animation:hd linear both;animation-timeline:scroll(root);animation-range:0 80px}
@keyframes hd{from{box-shadow:0 0 0 0 transparent}to{box-shadow:0 14px 30px -20px #000a}}
body:before{content:"";position:fixed;top:0;inset-inline:0;height:3px;z-index:100;background:var(--g);transform-origin:right;transform:scaleX(0);animation:rd linear both;animation-timeline:scroll(root)}
@keyframes rd{to{transform:scaleX(1)}}
}}


.sheet,.drawer{visibility:hidden;pointer-events:none;transition-property:transform,visibility;transition-delay:0s,.65s}.sheet.on,.drawer.on{visibility:visible;pointer-events:auto;transition-delay:0s,0s}
.cat i{overflow:hidden}.cat i img{width:100%;height:100%;object-fit:cover}.cats{display:block!important;overflow:visible}.category-list{display:flex;gap:14px;overflow-x:auto;scrollbar-width:none;padding:5px 14px 18px}.category-trail{display:flex;gap:7px;align-items:center;overflow-x:auto;font-size:12px;color:var(--mu);padding:8px 17px 0}.category-trail button{white-space:nowrap}.category-trail button:last-child{color:var(--ac);font-weight:700}.dd{max-height:65dvh;overflow:auto}.hs.image-slide{position:relative;min-height:0;padding:0;aspect-ratio:16/9;display:block}.hero-image-link{position:absolute;inset:0;width:100%;height:100%;display:block}.hero-image-link img{width:100%;height:100%;object-fit:cover;display:block}.hs.image-slide .slide-cta{position:absolute;inset-inline-start:20px;bottom:22px;z-index:2;box-shadow:0 5px 18px #0002}.hero:has(.image-slide){min-height:0}.o{display:inline-flex;align-items:center;gap:6px;min-height:38px}.o img{width:28px;height:28px;border-radius:6px;object-fit:cover}.product-options{max-height:130px;overflow:auto;min-height:0;scrollbar-width:thin;flex-shrink:1}.product-options:empty{display:none}.product-options h4{font-size:12px;margin:4px 0}.product-options .opts{gap:6px;margin:3px 0 7px;display:flex;flex-wrap:wrap}.product-options .o{padding:6px 10px;font-size:12px}.f select{font:inherit;width:100%;border:1px solid var(--bd);border-radius:14px;padding:11px;margin:7px 0;background:var(--soft);color:var(--tx)}.gal.media-lock{scroll-snap-type:none!important;overflow:hidden!important;touch-action:none}.gallery-placeholder{flex:0 0 100%;height:100%;scroll-snap-align:center}.media-fullscreen{position:fixed;inset:0;width:100%;height:100dvh;z-index:1000;background:#000;color:white;isolation:isolate;overflow:hidden;overscroll-behavior:contain}.media-fullscreen .gs{width:100%;height:100%;position:relative;flex:none;background:#000}.media-fullscreen .gs video{width:100%;height:100%;object-fit:contain}.media-fullscreen .gs .bg{display:none}.media-fullscreen .video-ui{inset:auto max(12px,env(safe-area-inset-right,0px)) max(16px,env(safe-area-inset-bottom,0px)) max(12px,env(safe-area-inset-left,0px));padding:10px;background:#121212dd}.media-fullscreen .video-ui button{min-width:42px;min-height:42px}.media-exit{position:absolute;z-index:5;top:max(14px,env(safe-area-inset-top,0px));inset-inline-end:max(14px,env(safe-area-inset-right,0px));width:44px;height:44px;border:1px solid #ffffff60;border-radius:50%;background:#121212b3;color:#fff;display:grid;place-items:center;box-shadow:0 4px 20px #0006}.media-exit svg{width:22px;height:22px}.media-exit:hover{background:#303030}.media-fullscreen::backdrop{background:#000}
@media(min-width:760px){.product-options{max-height:260px}.hs.image-slide{aspect-ratio:16/9}.category-list{gap:18px}.sheet .pb{gap:3px}}
@media(max-width:759px){.sheet .gal{flex-shrink:1;min-height:180px}.sheet .pb{min-height:0;overflow:auto}.product-options{max-height:115px}.sheet .pb .row{flex-shrink:0}.video-ui button{min-width:38px;height:38px}}

:root{--disp:"Reem Kufi","IBM Plex Sans Arabic",Tahoma,Arial,sans-serif}
body{background:radial-gradient(70% 45% at 88% -4%,color-mix(in srgb,var(--b) 22%,transparent),transparent 70%),radial-gradient(60% 40% at 0 45%,color-mix(in srgb,var(--a) 14%,transparent),transparent 70%),var(--bg)}
body:after{content:"";position:fixed;inset:0;z-index:90;pointer-events:none;background:radial-gradient(125% 95% at 50% 42%,transparent 58%,color-mix(in srgb,var(--tx) 11%,transparent))}
.logo,.hs h2,.tb h2,#ft{font-family:var(--disp)}
.cin-glow{position:fixed;left:0;top:0;width:560px;height:560px;margin:-280px 0 0 -280px;border-radius:50%;pointer-events:none;z-index:1;opacity:0;transition:opacity .5s;background:radial-gradient(circle,color-mix(in srgb,var(--b) 17%,transparent),transparent 65%);transform:translate3d(var(--cx,-999px),var(--cy,-999px),0)}.cin-glow.on{opacity:1}
.hs{min-height:230px}.hs h2{font-size:clamp(28px,7vw,66px);line-height:1.15}
.hs .em{translate:calc(var(--px,0)*-30px) calc(var(--py,0)*-20px);transition:translate .3s ease-out}.hs:after{translate:calc(var(--px,0)*34px) calc(var(--py,0)*24px);transition:translate .4s ease-out}
.hero:after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(105deg,transparent 42%,#ffffff38 50%,transparent 58%);transform:translateX(130%);animation:flare 8s 2.6s ease-in-out infinite}
@keyframes flare{0%{transform:translateX(130%)}30%,100%{transform:translateX(-130%)}}
.hero-image-link img{animation:kb 16s ease-in-out infinite alternate}@keyframes kb{to{transform:scale(1.13) translate(-1.5%,1%)}}
@media(min-width:760px){.hs{min-height:400px}}
@supports(animation-timeline:view()){.hero{animation:heroOut linear both;animation-timeline:view();animation-range:exit 10% exit 100%}@keyframes heroOut{to{transform:scale(.92) translateY(30px);opacity:.25;filter:blur(3px)}}}
.tb h2{font-size:clamp(22px,4vw,34px)}.tb h2:after{content:"";display:block;width:44px;height:3px;margin-top:5px;border-radius:9px;background:var(--g)}
.cat i{background:color-mix(in srgb,var(--cd) 70%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
@media(hover:hover){.cat:hover i{transform:translateY(-4px) scale(1.08);border-color:var(--ac)}}
.grid{perspective:1400px}.card{background:linear-gradient(165deg,color-mix(in srgb,var(--cd) 90%,var(--b)),var(--cd));animation:none;opacity:1;filter:none;transition:transform .35s,box-shadow .45s,border-color .3s}
.card:before{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;opacity:0;transition:opacity .35s;background:radial-gradient(280px circle at var(--mx,50%) var(--my,0),color-mix(in srgb,var(--b) 30%,transparent),transparent 62%);mix-blend-mode:soft-light}.card:hover:before{opacity:1}
.ck{background-size:220% 100%;animation:flow 6s ease-in-out infinite alternate}@keyframes flow{to{background-position:100% 0}}
.bar{filter:drop-shadow(0 20px 28px color-mix(in srgb,var(--a) 35%,transparent))}
.sheet,.drawer{background:color-mix(in srgb,var(--cd) 86%,transparent);-webkit-backdrop-filter:blur(28px) saturate(1.5);backdrop-filter:blur(28px) saturate(1.5);border:1px solid color-mix(in srgb,var(--b) 25%,var(--bd))}
.o.on{box-shadow:0 0 0 4px color-mix(in srgb,var(--a) 18%,transparent)}.pr.big b{font-size:28px}
#ft{padding:70px 20px 150px;font-size:clamp(16px,3.2vw,20px);font-weight:700;background:var(--g);-webkit-background-clip:text;background-clip:text;color:transparent}
@media(prefers-reduced-motion:reduce){.hero,.hero:after,.hero-image-link img,.ck{animation:none!important}.hero{transform:none!important;filter:none!important;opacity:1!important}.hs .em,.hs:after{translate:none!important;transition:none!important}.cin-glow{display:none!important}.card{transform:none!important;transition:none!important}}


html{scroll-behavior:auto;scroll-padding-top:calc(var(--store-header-height,72px) + env(safe-area-inset-top,0px))}
.cats,.category-dialog,.product-category-path,.catalog-active,.catalog-filter-dialog{--soft:color-mix(in srgb,var(--a) 10%,var(--cd))}
.cats[hidden]{display:none!important}
header .logo.store-brand{position:static;inset:auto;display:flex;align-items:center;justify-content:flex-start;gap:11px;width:fit-content;min-width:0;max-width:min(100%,640px);min-height:52px;margin:0;padding-block:2px;overflow:visible;white-space:normal;pointer-events:auto;background:none;color:var(--tx);text-align:start;text-decoration:none;border-radius:16px}
.store-brand-mark{position:relative;display:grid;place-items:center;flex:0 0 50px;width:50px;height:50px;overflow:hidden;border:1px solid color-mix(in srgb,var(--a) 20%,var(--bd));border-radius:17px;background:linear-gradient(145deg,var(--cd),color-mix(in srgb,var(--b) 13%,var(--cd)));color:var(--ac);box-shadow:0 4px 12px -7px color-mix(in srgb,var(--a) 50%,transparent)}
header .logo.store-brand img{display:block;width:100%;height:100%;max-width:none;padding:5px;object-fit:contain}.store-brand-mark svg{width:30px;height:30px}
.store-brand-name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;min-width:0;overflow:hidden;overflow-wrap:anywhere;text-wrap:balance;font-size:clamp(20px,2.8vw,27px);line-height:1.3;font-weight:800;transition:transform .22s ease}
.store-brand[data-brand-length=medium] .store-brand-name{font-size:clamp(18px,2.6vw,24px)}.store-brand[data-brand-length=long] .store-brand-name{font-size:clamp(16px,2.3vw,22px)}
@media(prefers-reduced-motion:no-preference){.store-brand-mark{animation:storeBrandFloat 6s ease-in-out infinite}.store-brand-name{animation:storeBrandWelcome .55s cubic-bezier(.2,.8,.2,1) backwards}}
@keyframes storeBrandFloat{0%,100%{transform:translateY(0) rotate(0)}45%{transform:translateY(-2px) rotate(-2deg)}75%{transform:translateY(1px) rotate(1deg)}}
@keyframes storeBrandWelcome{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(hover:hover){.store-brand:hover .store-brand-name{transform:translateY(-1px)}}
header .category-trigger{border-radius:100px;min-height:44px;max-width:140px;font-size:12px;padding:10px 13px;gap:7px;background:var(--cd)}
.category-trigger-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}header .category-trigger svg{flex:none;width:17px;height:17px}header .category-trigger [data-ic=chev]{display:none}header .category-trigger:active{transform:none}
.cats{display:block!important;overflow:visible;padding:20px 14px 4px;scroll-margin-top:8px}
.category-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.category-section-head h2{font-size:24px;line-height:1.4;margin:0}.category-section-head p{font-size:12px;color:var(--mu);margin-top:3px}
.category-browse-link{display:inline-flex;align-items:center;gap:6px;flex:none;min-height:44px;padding:4px 0;background:transparent;color:var(--ac);font:inherit;font-size:12px}.category-browse-link svg{width:17px;height:17px}
.category-gallery{display:flex;align-items:stretch;gap:12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;padding:2px 1px 10px}.category-gallery::-webkit-scrollbar{display:none}
.category-tile{display:flex;flex-direction:column;flex:0 0 218px;min-width:0;overflow:hidden;padding:0;border:1px solid var(--bd);border-radius:22px;text-align:start;text-decoration:none;font:inherit;scroll-snap-align:start;color:var(--tx);background:var(--cd);box-shadow:0 3px 10px #10291b08}
.category-cover{display:block;position:relative;overflow:hidden;flex:none;width:100%;aspect-ratio:16/9;background:linear-gradient(140deg,color-mix(in srgb,var(--category-start,var(--a)) 14%,var(--cd)),color-mix(in srgb,var(--category-end,var(--b)) 20%,var(--cd)));color:light-dark(var(--category-light,var(--ac)),var(--category-dark,var(--ac)))}.category-cover img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center}.category-monogram{position:absolute;inset:0;display:grid;place-items:center;width:100%;height:100%;font:600 42px/1 'Reem Kufi',serif;color:inherit}
.category-tile-copy{display:grid;grid-template-columns:minmax(0,1fr);column-gap:8px;row-gap:3px;align-content:center;min-width:0;min-height:66px;padding:11px 13px;flex:1}.category-tile-name{grid-column:1;font-size:15px;font-weight:700;line-height:1.45;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.category-tile-copy small{grid-column:1;font-size:11px;line-height:1.5;color:var(--mu)}
.category-gallery-more{color:var(--ac);border-style:dashed;box-shadow:none}.category-more-cover{display:grid;place-items:center;background:var(--soft);color:var(--ac)}.category-more-cover>svg{width:36px;height:36px}
.category-subcategories .category-tile{flex-basis:188px;border-radius:19px}.category-subcategories .category-cover{aspect-ratio:2/1}.category-subcategories .category-tile-copy{min-height:58px;padding:9px 11px}.category-subcategories .category-tile-name{font-size:13px}.category-subcategories .category-tile-copy small{font-size:10px}.category-subcategories .category-monogram{font-size:34px}
.category-location{display:flex;align-items:center;gap:7px;min-width:0;margin:0 0 13px;padding:5px;border:1px solid color-mix(in srgb,var(--a) 13%,var(--bd));border-radius:22px;background:linear-gradient(120deg,var(--cd),color-mix(in srgb,var(--a) 5%,var(--cd)));box-shadow:0 5px 18px -14px color-mix(in srgb,var(--a) 45%,transparent)}
.category-back{display:inline-flex;align-items:center;justify-content:center;gap:5px;flex:none;min-height:44px;padding:7px 12px;border:1px solid var(--bd);border-radius:16px;background:var(--cd);color:var(--tx);text-decoration:none;font-size:12px;font-weight:700;box-shadow:0 2px 4px #00000005;transition:transform .2s ease,background .2s ease}.category-back svg{width:17px;height:17px;color:var(--ac);transition:transform .2s ease}
.category-location>.category-trail{border-inline-start:1px solid var(--bd);padding-inline-start:7px;flex:1}
.category-trail{min-width:0;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;scroll-snap-type:x proximity;scroll-padding-inline:4px;padding:4px;white-space:nowrap;font-size:12px;color:var(--mu)}.category-trail::-webkit-scrollbar{display:none}.category-trail ol{display:flex;align-items:center;gap:3px;width:max-content;min-width:100%;margin:0;padding:0;list-style:none}.category-trail-step{display:flex;align-items:center;gap:3px;flex:none;scroll-snap-align:end}
.category-trail a,.category-trail button,.category-trail [aria-current]{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:44px;min-height:44px;padding:7px 11px;border-radius:14px;border:1px solid transparent;background:transparent;color:inherit;font:inherit;text-decoration:none;transition:transform .2s ease,background .2s ease,color .2s ease}.category-trail-label{display:block;max-width:160px;overflow:hidden;text-overflow:ellipsis}.category-trail-root{flex:none;width:17px;height:17px;color:var(--ac)}
.category-trail [aria-current]{color:var(--ac);background:var(--soft);font-weight:800}.category-trail [aria-current]::before{content:'';flex:none;width:5px;height:5px;border-radius:50%;background:currentColor}.category-location .category-trail [aria-current]{background:linear-gradient(130deg,var(--category-start,var(--a)),var(--category-end,var(--b)));color:#fff;box-shadow:0 4px 10px -7px var(--category-start,var(--a))}.category-divider{flex:none;width:11px;height:11px;color:var(--mu);opacity:.6}.product-category-path{margin-bottom:7px}
@media(hover:hover){.category-trail a:hover,.category-trail button:hover{transform:translateY(-1px);background:var(--soft);color:var(--ac)}.category-back:hover svg{transform:translateX(2px)}}
.category-focus{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;gap:14px;padding:14px 16px;min-height:104px;border-radius:24px;color:#fff;background:linear-gradient(130deg,var(--category-start,var(--a)),var(--category-end,var(--b)));box-shadow:0 6px 18px color-mix(in srgb,var(--category-start,var(--a)) 12%,transparent)}
.category-focus>div{min-width:0;flex:1}.category-focus h1{font-size:23px;font-weight:700;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.category-focus p{font-size:12px;margin-top:3px;color:#fff}.category-focus-photo{position:relative;display:block;flex:none;width:76px;height:76px;border-radius:19px;overflow:hidden;background:#ffffff22;box-shadow:0 5px 16px #0002}.category-focus-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.category-focus-photo .category-monogram{font-size:36px}
.category-blob{position:absolute;z-index:-1;inset-inline-end:-35px;top:-58px;width:150px;height:150px;border-radius:50%;background:#ffffff16}.category-focus::after{content:'';position:absolute;z-index:-1;inset-inline-end:105px;bottom:-50px;width:82px;height:82px;border-radius:50%;background:#ffffff13}
.category-refine-head{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;color:var(--mu);margin-top:5px}.category-refine-head .category-browse-link{font-size:11px;min-height:36px}
dialog.dd.category-dialog{opacity:1;visibility:visible;transition:none}
dialog.dd.category-dialog{position:fixed;inset:16px 16px 16px auto;margin:0;width:460px;max-width:calc(100vw - 32px);height:calc(100dvh - 32px);max-height:none;padding:0;border:1px solid var(--bd);border-radius:28px;background:var(--cd);color:var(--tx);overflow:hidden;transform:none;box-shadow:0 24px 90px #0003;text-align:start}
dialog.dd.category-dialog:not([open]){display:none}dialog.dd.category-dialog[open]{display:flex;flex-direction:column}dialog.category-dialog::backdrop,dialog.catalog-filter-dialog::backdrop{background:#07140d66;backdrop-filter:blur(5px)}
.category-sheet-handle{display:none}.category-menu-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:24px 22px 14px;flex:none}.category-menu-head h2{margin:0;font-size:25px;line-height:1.5;overflow-wrap:anywhere}.category-menu-guide{margin-top:3px;color:var(--mu);font-size:12px}
dialog.dd .category-close{display:grid;place-items:center;flex:none;width:44px;height:44px;padding:0;border:1px solid var(--bd);border-radius:50%;background:var(--soft);color:var(--tx);font-size:26px}
.category-search{display:flex;align-items:center;gap:10px;margin:0 22px 12px;padding:0 13px;border:1px solid var(--bd);border-radius:16px;background:var(--bg);color:var(--mu);flex:none}.category-search:focus-within{border-color:var(--a);box-shadow:0 0 0 3px color-mix(in srgb,var(--a) 10%,transparent)}.category-search svg{width:20px;height:20px;flex:none}.category-search input{width:100%;min-width:0;height:49px;padding:10px 0;border:0;outline:0;background:transparent;color:var(--tx);font:inherit;font-size:16px}.category-search input::placeholder{font-size:13px}
.category-menu-context{display:flex;align-items:center;gap:8px;padding:0 22px 6px;min-width:0;flex:none;overflow:hidden}.category-menu-context:empty{display:none}.category-menu-context .category-trail{flex:1}.category-menu-back{display:inline-flex;align-items:center;gap:4px;min-height:38px;flex:none;padding:4px 10px;border:1px solid var(--bd);border-radius:100px;background:var(--soft);color:var(--ac);font:inherit;font-size:11px;text-decoration:none}.category-menu-back svg{width:15px;height:15px}dialog.dd button.category-menu-back{width:auto}
.category-menu-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:6px 22px 18px;scrollbar-width:thin}.category-menu-items{display:grid;gap:10px}
dialog.dd .category-menu-item{display:flex;align-items:center;gap:12px;width:100%;min-height:98px;padding:10px;border:1px solid var(--bd);border-radius:20px;background:var(--cd);color:var(--tx);text-align:start;text-decoration:none;font:inherit}.category-menu-photo{position:relative;display:block;flex:none;width:76px;height:76px;border-radius:14px;overflow:hidden;background:linear-gradient(140deg,color-mix(in srgb,var(--category-start,var(--a)) 14%,var(--cd)),color-mix(in srgb,var(--category-end,var(--b)) 20%,var(--cd)));color:light-dark(var(--category-light,var(--ac)),var(--category-dark,var(--ac)))}.category-menu-photo img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center}.category-menu-copy{display:grid;gap:3px;flex:1;min-width:0}.category-menu-copy strong{font-size:15px;font-weight:700;line-height:1.5;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.category-menu-copy small{margin:0;font-size:11px;color:var(--mu);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.category-menu-item[aria-current],.category-menu-item[data-current-branch]{border-color:var(--a)}.category-menu-roots{grid-template-columns:repeat(2,minmax(0,1fr))}
dialog.dd .category-menu-roots .category-menu-item{overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr);gap:0;padding:0;align-content:start}.category-menu-roots .category-menu-photo{grid-column:1/-1;width:100%;height:auto;aspect-ratio:16/9;border-radius:0}.category-menu-roots .category-menu-copy{padding:11px 12px;min-height:72px}.category-menu-roots .category-menu-item[aria-current],.category-menu-roots .category-menu-item[data-current-branch]{outline:2px solid var(--a);outline-offset:2px}
.category-menu-footer{flex:none;padding:12px 22px 18px;border-top:1px solid var(--bd)}.category-menu-note{font-size:12px;text-align:center;color:var(--mu);margin:0}.category-result-count{font-size:12px;color:var(--mu);margin-bottom:10px}.category-menu-empty{padding:32px 8px;text-align:center;color:var(--mu)}.category-menu-empty>span{display:block;font-size:42px;color:var(--ac)}.category-menu-empty p{font-size:17px;font-weight:700;color:var(--tx);margin:8px 0}.category-menu-empty small{font-size:12px}dialog.dd .category-menu-empty button{justify-content:center;margin-top:16px;min-height:44px;background:var(--soft);color:var(--ac)}
dialog.dd .category-load-more{display:flex;justify-content:center;gap:8px;min-height:46px;margin-top:12px;padding:10px;width:100%;border:1px solid var(--bd);border-radius:14px;background:var(--soft);color:var(--ac);font:inherit;font-size:12px}.category-load-more span{color:var(--mu)}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.cats :focus-visible,.category-dialog :focus-visible,.category-trigger:focus-visible,.catalog-tools :focus-visible,.catalog-filter-dialog :focus-visible{outline:3px solid var(--a);outline-offset:3px}.category-dialog input:focus-visible{outline:none}
#shop{position:static;scroll-margin-top:12px;padding-block:13px 8px;gap:10px}#shop>div:first-child{min-width:0;flex:1}#shop h2{font-size:22px;line-height:1.5;overflow-wrap:anywhere}#shop .seg{flex:none}#shop .seg button{min-height:40px;min-width:40px}
.category-product-context{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.category-product-context #cn{font-size:11px}.category-product-context a{min-height:32px;display:inline-flex;align-items:center;color:var(--ac);font-size:11px;text-decoration:underline;text-underline-offset:4px}
.catalog-tools{position:sticky;top:calc(var(--store-header-height,80px) + env(safe-area-inset-top,0px));z-index:20;display:flex;align-items:center;gap:10px;margin:0 14px;padding:7px 0 10px;background:var(--bg)}.catalog-sort{display:flex;align-items:center;gap:5px;flex:1;min-width:0;min-height:44px;padding:0 10px;border:1px solid var(--bd);border-radius:14px;background:var(--cd)}.catalog-sort svg{flex:none;width:19px;height:19px;color:var(--ac)}.catalog-sort select{font:inherit;font-size:12px;min-width:0;width:100%;height:44px;background:transparent;color:var(--tx);border:0;padding:0 3px;cursor:pointer}.catalog-sort select option{background:var(--cd);color:var(--tx)}
.catalog-filter-trigger{display:flex;align-items:center;justify-content:center;gap:7px;flex:none;min-height:44px;padding:0 14px;border:1px solid var(--bd);border-radius:14px;background:var(--cd);color:var(--tx);font:inherit;font-size:12px}.catalog-filter-trigger svg{width:19px;height:19px;color:var(--ac)}.catalog-filter-trigger>span{display:grid;place-items:center;min-width:21px;height:21px;padding:0 4px;border-radius:50%;background:var(--a);color:#fff;font-size:10px}
.catalog-active{display:flex;align-items:center;gap:7px;overflow-x:auto;scrollbar-width:none;padding:0 14px 8px}.catalog-active:empty{display:none}.catalog-chip{display:flex;align-items:center;gap:7px;flex:none;min-height:34px;padding:4px 10px;border:1px solid var(--bd);border-radius:100px;background:var(--soft);color:var(--ac);font:inherit;font-size:11px}.catalog-chip svg{width:12px;height:12px}.catalog-clear{flex:none;min-height:34px;padding:4px 8px;background:transparent;color:var(--mu);font:inherit;font-size:11px;text-decoration:underline;text-underline-offset:3px}.catalog-empty{grid-column:1/-1;display:grid;justify-items:center;gap:10px;padding:32px 14px;text-align:center;color:var(--mu)}.catalog-empty svg{width:42px;height:42px;color:var(--ac)}.catalog-empty h3{font-size:17px;color:var(--tx)}.catalog-empty p{font-size:12px}.catalog-empty button{min-height:44px;padding:8px 18px;border:1px solid var(--bd);border-radius:100px;background:var(--cd);color:var(--ac);font:inherit;font-size:12px}.catalog-more{display:block;min-height:48px;margin:18px auto;padding:10px 22px;border:1px solid var(--bd);border-radius:100px;background:var(--cd);color:var(--ac);font:inherit;font-size:13px}
dialog.catalog-filter-dialog{position:fixed;inset:0;margin:auto;width:440px;max-width:calc(100vw - 32px);max-height:90dvh;padding:0;border:1px solid var(--bd);border-radius:28px;background:var(--cd);color:var(--tx);overflow:hidden;box-shadow:0 20px 80px #0003}dialog.catalog-filter-dialog:not([open]){display:none}dialog.catalog-filter-dialog[open]{display:flex;flex-direction:column}
.filter-handle{display:none}.filter-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:22px;flex:none}.filter-head small{color:var(--mu);font-size:11px}.filter-head h2{font-size:25px;line-height:1.5}.filter-close{width:44px;height:44px;border-radius:50%;background:var(--soft);color:var(--tx);font-size:26px;flex:none}.filter-body{overflow-y:auto;overscroll-behavior:contain;padding:0 22px 10px;min-height:0}.filter-search>span,.filter-price legend{display:block;font-size:13px;font-weight:700;margin-bottom:8px}.filter-search input,.filter-price input{width:100%;min-width:0;min-height:48px;padding:10px 12px;border:1px solid var(--bd);border-radius:14px;background:var(--bg);color:var(--tx);font:inherit;font-size:16px;cursor:text}.filter-search input:focus,.filter-price input:focus{outline:2px solid var(--a);outline-offset:2px}.filter-search input::placeholder,.filter-price input::placeholder{font-size:12px;color:var(--mu)}
.filter-price{min-width:0;padding:0;border:0;margin:22px 0}.filter-price legend small{font-size:11px;color:var(--mu);font-weight:400;margin-inline-start:5px}.filter-price>div{display:flex;align-items:center;gap:10px}.filter-price label{flex:1;min-width:0;font-size:12px;color:var(--mu)}.filter-price input{display:block;margin-top:5px}#catalogPriceError{color:#b53f43;font-size:12px;line-height:1.7;margin-top:9px}
.filter-toggle{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:72px;border-top:1px solid var(--bd);cursor:pointer}.filter-toggle strong{display:block;font-size:14px}.filter-toggle small{display:block;font-size:11px;color:var(--mu);margin-top:3px}.filter-toggle input{width:23px;height:23px;flex:none;accent-color:var(--a);cursor:pointer}.filter-footer{display:grid;gap:5px;padding:16px 22px 22px;border-top:1px solid var(--bd);flex:none}.filter-results{min-height:50px;border-radius:16px;background:var(--a);color:#fff;font:inherit;font-size:14px;font-weight:700}.filter-reset{min-height:40px;color:var(--ac);background:transparent;font:inherit;font-size:12px}.filter-footer>small{font-size:10px;text-align:center;color:var(--mu)}
.cats{isolation:isolate}.category-section-head{padding-inline:3px}.category-section-head h2{font-weight:800;letter-spacing:-.025em}.category-browse-link{font-weight:700;white-space:nowrap}.category-browse-link svg{transition:transform .25s cubic-bezier(.2,.8,.2,1)}
.category-gallery{scroll-padding-inline:3px;padding-block:4px 16px}.category-tile{border-color:color-mix(in srgb,var(--bd) 82%,transparent);box-shadow:0 2px 5px #10291b09,0 16px 26px -20px #10291b33}.category-cover{isolation:isolate}.category-cover::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(150deg,#fff3,transparent 44%,#0001)}.category-cover img,.category-cover .category-monogram{z-index:1}.category-monogram{text-shadow:0 2px 10px #0002}.category-tile-copy{border-top:1px solid color-mix(in srgb,var(--bd) 55%,transparent)}
.category-focus{border:1px solid #fff4;box-shadow:0 10px 25px color-mix(in srgb,var(--category-start,var(--a)) 20%,transparent),inset 0 1px 0 #fff4}.category-focus h1{letter-spacing:-.02em}.category-refine-head{padding-inline:3px}
dialog.dd.category-dialog{box-shadow:0 28px 90px #07140d44,0 2px 8px #07140d12}.category-menu-head{border-bottom:1px solid color-mix(in srgb,var(--bd) 75%,transparent)}.category-menu-item[aria-current],.category-menu-item[data-current-branch]{background:color-mix(in srgb,var(--a) 5%,var(--cd))}.category-menu-roots .category-menu-item[aria-current],.category-menu-roots .category-menu-item[data-current-branch]{outline-offset:-2px}
.category-trail a:hover,.category-back:hover,.category-menu-back:hover{color:var(--ac);border-color:color-mix(in srgb,var(--a) 42%,var(--bd));background:var(--soft)}.catalog-sort:focus-within,.catalog-filter-trigger:focus-visible,.catalog-chip:focus-visible{border-color:var(--a);box-shadow:0 0 0 3px color-mix(in srgb,var(--a) 13%,transparent)}
@media(min-width:760px){.category-main-cards .category-tile{flex-basis:250px}.category-focus{max-width:100%}.category-focus-photo{width:84px;height:84px}.catalog-tools,.catalog-active{margin-inline:14px}.catalog-tools{justify-content:flex-end}.catalog-sort{flex:0 1 230px}.catalog-filter-trigger{min-width:118px}}
@media(max-width:759px){header .logo.store-brand{gap:9px;min-height:48px}.store-brand-mark{flex-basis:44px;width:44px;height:44px;border-radius:15px}.store-brand-mark svg{width:27px;height:27px}.store-brand-name{font-size:20px}.store-brand[data-brand-length=medium] .store-brand-name{font-size:18px}.store-brand[data-brand-length=long] .store-brand-name{font-size:16px}header .category-trigger{max-width:112px;font-size:11px;padding:9px 11px}.cats{padding:14px 14px 0}.category-section-head h2{font-size:22px}.category-section-head p{font-size:11px}.category-tile{flex-basis:calc((100vw - 42px)/2.1);border-radius:19px}.category-tile-copy{min-height:60px;padding:9px 10px;column-gap:6px;grid-template-columns:minmax(0,1fr)}.category-tile-name{font-size:13px}.category-subcategories .category-tile{flex-basis:156px;border-radius:17px}.category-subcategories .category-tile-copy{min-height:54px;padding:8px 10px}.category-subcategories .category-tile-name{font-size:12px}.category-focus{min-height:92px;padding:12px 14px;gap:12px;border-radius:22px}.category-focus-photo{width:68px;height:68px;border-radius:16px}.category-focus h1{font-size:21px}.category-focus p{font-size:11px}.category-trail{font-size:11px}.category-trail a,.category-trail button,.category-trail [aria-current]{padding-inline:9px}.category-trail-label{max-width:132px}.category-back{padding-inline:10px;font-size:11px}.category-gallery{gap:10px;padding-bottom:8px}.category-refine-head{margin-top:3px}#shop h2{font-size:20px}.hero .hs.image-slide{aspect-ratio:16/9;min-height:0}.hero .hs:not(.image-slide){min-height:124px;padding:16px 22px}.hero .hs h2{font-size:25px}.hero .hs p{font-size:12px}.hero .em{font-size:60px}.hero{margin-block:12px}.hero .slide-cta{bottom:10px!important;inset-inline-start:12px!important;padding:6px 12px;font-size:11px}.hero .dots{bottom:9px}
dialog.dd.category-dialog{inset:48px 0 0;margin:0;width:100%;max-width:none;height:calc(100dvh - 48px);border:0;border-radius:28px 28px 0 0}.category-sheet-handle,.filter-handle{display:block;flex:none;width:36px;height:4px;background:var(--bd);border-radius:4px;margin:10px auto 0}.category-menu-head{padding:16px 20px 13px}.category-search{margin:0 20px 10px}.category-menu-context{padding-inline:20px}.category-menu-body{padding:5px 20px 16px}.category-menu-footer{padding:12px 20px calc(16px + env(safe-area-inset-bottom,0px))}
dialog.catalog-filter-dialog{inset:auto 0 0;margin:0;width:100%;max-width:none;max-height:calc(100dvh - 36px);border:0;border-radius:28px 28px 0 0}.filter-head{padding:16px 20px}.filter-body{padding-inline:20px}.filter-footer{padding:12px 20px calc(16px + env(safe-area-inset-bottom,0px))}}
@media(max-width:359px){.category-tile-copy{padding:8px;column-gap:4px}.category-tile-name{font-size:12px}.category-subcategories .category-tile{flex-basis:146px}.category-menu-photo{width:64px;height:64px}.category-focus-photo{width:60px;height:60px}.category-browse-link{font-size:10px}.category-section-head h2{font-size:20px}.category-main-cards .category-tile{flex-basis:calc((100vw - 40px)/2.05)}.catalog-sort{padding-inline:7px}.catalog-sort svg{display:none}.catalog-filter-trigger{padding-inline:10px}.category-menu-roots{gap:8px}.category-menu-roots .category-menu-copy{padding:9px}.category-menu-copy strong{font-size:13px}.filter-body,.filter-head,.filter-footer{padding-inline:16px}}


.home-layout-slot,.home-media-section{scroll-margin-top:calc(var(--store-header-height,76px) + 18px)}
.home-media-section{margin:28px 14px 40px;min-width:0}
.home-media-section.home-portrait{width:calc(100% - 28px);max-width:440px;margin-inline:auto}
.home-media-surface{position:relative;overflow:hidden;border-radius:var(--home-radius,24px);background:var(--cd);border:1px solid var(--bd);box-shadow:0 18px 42px -26px #0b201047;isolation:isolate}
.home-media-frame{position:relative;aspect-ratio:var(--home-ratio,16/9);overflow:hidden;background:var(--soft);touch-action:pan-y}
.home-media-frame>img,.home-media-frame>video,.home-media-frame>noscript>img{display:block;width:100%;height:100%;object-fit:var(--home-fit,cover)}
.home-media-frame>video{background:#121716}
.home-media-frame>.home-media-visual{position:relative;z-index:1}
.home-media-frame>noscript>img{position:relative;z-index:1}
.home-media-frame>.home-media-backdrop{position:absolute;inset:0;object-fit:cover;filter:blur(24px);transform:scale(1.12);opacity:.65;pointer-events:none}
.home-media-placeholder{position:absolute;inset:0;overflow:hidden;pointer-events:none;background:var(--soft);transition:opacity .35s ease,visibility .35s ease}
.home-media-placeholder::before{content:'';position:absolute;inset:0 -50%;background:linear-gradient(100deg,transparent 30%,var(--cd) 50%,transparent 70%);opacity:.65;transform:translateX(50%);animation:home-placeholder-shimmer 1.8s ease-in-out .18s infinite;animation-play-state:paused}
.home-media-slide[data-home-state=ready] .home-media-placeholder{opacity:0;visibility:hidden}
.home-media-slide[data-home-reveal=waiting] img.home-media-visual{opacity:0}
.home-media-slide[data-home-reveal=ready] img.home-media-visual{transition:opacity .35s ease}
.home-media-slide[data-home-state=error] img.home-media-visual{visibility:hidden}
.home-media-slide[data-home-state=error] .home-media-backdrop{visibility:hidden}
.home-media-slide[data-home-state=ready] .home-media-placeholder::before,.home-media-slide[data-home-state=error] .home-media-placeholder::before{animation:none}
.home-media-section[data-home-motion=running] .home-media-slide[aria-hidden=false][data-home-state=loading] .home-media-placeholder::before{animation-play-state:running}
@keyframes home-placeholder-shimmer{to{transform:translateX(-50%)}}
.home-media-slides{display:grid;min-width:0}.home-media-slide{grid-area:1/1;min-width:0}
/* Inactive slides reserve caption space; inert/aria-hidden keep them unavailable. */
.home-media-slide[hidden]{display:block!important;visibility:hidden;pointer-events:none}
.home-media-caption{padding:18px 20px;display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.home-media-caption h3{font-size:clamp(18px,2.6vw,26px);line-height:1.4;margin:0;color:var(--tx)}
.home-media-caption p{margin:0;font-size:14px;line-height:1.8;color:var(--mu);white-space:pre-line}
.home-product-heading>div{min-width:0}.home-product-heading h2,.home-media-caption h3,.home-media-caption p{overflow-wrap:anywhere}
.home-media-link{position:absolute;z-index:2;inset:0;display:block;touch-action:pan-y;color:inherit;text-decoration:none}.home-media-link:focus-visible{outline:3px solid var(--ac);outline-offset:-6px;border-radius:inherit}
.home-media-simple .home-media-frame{background:var(--soft)}
.home-media-simple .home-media-frame>video{background:transparent}
.home-media-simple .home-media-slide[data-home-ready=true]:not([hidden]) .home-media-frame>img.home-media-visual{animation:home-image-breathe 12s ease-in-out infinite alternate;animation-play-state:paused}
.home-media-section[data-home-motion=running] .home-media-slide[aria-hidden=false] .home-media-frame>img.home-media-visual{animation-play-state:running}
/* A contained scale keeps every edge of advertisement artwork visible. */
@keyframes home-image-breathe{from{transform:scale(1)}to{transform:scale(.99)}}
.home-carousel-controls{position:absolute;z-index:4;inset:0;pointer-events:none;direction:rtl}
.home-carousel-arrow{position:absolute;inset-block-start:50%;translate:0 -50%;width:44px;height:44px;display:grid;place-items:center;border:1px solid #fff4;border-radius:50%;background:#1116;color:white;font:28px/1 Arial,sans-serif;pointer-events:auto;cursor:pointer;opacity:0;transition:opacity .2s ease,background .2s ease}
.home-carousel-arrow[data-home-prev]{inset-inline-start:12px}.home-carousel-arrow[data-home-next]{inset-inline-end:12px}
.home-carousel-dots{position:absolute;inset-block-end:6px;left:50%;translate:-50% 0;display:flex;align-items:center;justify-content:center;direction:ltr;max-width:calc(100% - 24px);overflow:auto;scrollbar-width:none;pointer-events:auto;filter:drop-shadow(0 1px 4px #0009)}
.home-carousel-dots button{display:grid;place-items:center;flex:none;width:28px;min-height:44px;padding:0;border:0;background:transparent;cursor:pointer}
.home-carousel-dots button::after{content:'';width:6px;height:6px;border-radius:50%;background:#fff;opacity:.55;transition:width .25s ease,opacity .25s ease}
.home-carousel-dots button[aria-pressed=true]::after{width:20px;border-radius:6px;opacity:1}
.home-carousel-controls button:focus-visible{outline:2px solid #fff;outline-offset:-4px;border-radius:10px;opacity:1}
@media(hover:hover){.home-media-surface:hover .home-carousel-arrow,.home-media-surface:focus-within .home-carousel-arrow{opacity:1}.home-carousel-arrow:hover{background:#1119}}
@media(hover:none){.home-carousel-arrow{display:none}}
.home-color-slide{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;color:#fff}
.home-color-slide>span{font-size:clamp(48px,10vw,100px)}.home-color-slide h3{font-size:clamp(24px,5vw,46px);margin:12px 0}
.home-media-error{position:absolute;z-index:3;inset:12px 16px auto;margin:0;text-align:center;padding:10px 12px;border:1px solid var(--bd);border-radius:12px;background:var(--cd);color:var(--tx);font-size:12px;line-height:1.6}
:root[data-radius=square] .home-media-surface{border-radius:10px}:root[data-radius=rounded] .home-media-surface{border-radius:30px}
@media(min-width:760px){.home-media-section{margin-block:34px 48px}.home-media-caption{padding:24px 30px}.home-media-section.home-portrait .home-media-caption{padding:20px}}
.hero:has(.image-slide){width:calc(100% - 28px);max-width:1200px;margin-inline:auto}
.hero .hs.image-slide{aspect-ratio:16/9;min-height:0}
.hero .hs.image-slide .slide-cta{bottom:48px!important;inset-inline-start:16px!important;min-height:44px;padding:10px 18px;font-size:13px}
.home-product-section{margin:24px 0;scroll-margin-top:calc(var(--store-header-height,76px) + 18px)}
.home-default-anchor{display:block;scroll-margin-top:calc(var(--store-header-height,76px) + 18px)}
.home-product-heading{padding:0 16px 18px}
.home-product-eyebrow{display:block;color:var(--ac);font-size:12px;font-weight:800;letter-spacing:.02em}
.home-product-heading h2{font-size:clamp(20px,3vw,27px);line-height:1.3;margin:2px 0 0}
.home-section-more{display:inline-flex;align-items:center;justify-content:center;min-height:44px;white-space:nowrap;color:var(--ac);background:var(--cd);border:1px solid var(--bd);font-size:13px;font-weight:700;text-decoration:none;padding:10px 24px;border-radius:999px;transition:background .25s ease,border-color .25s ease}
.home-section-more:hover{background:var(--soft);border-color:var(--ac)}
.home-section-more:focus-visible,.home-group-discover:focus-visible,.home-product-grid:focus-visible{outline:3px solid var(--ac);outline-offset:3px}
.home-group-count{font-size:12px;line-height:1.6;margin:7px 0 0;color:var(--mu)}
.home-product-grid{display:grid;align-items:start;grid-auto-flow:column;grid-auto-columns:clamp(145px,43vw,228px);gap:12px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scroll-padding-inline:14px;scrollbar-width:none;padding:2px 14px 12px}
.home-product-carousel{min-width:0;position:relative;isolation:isolate}
.home-product-carousel .home-product-grid::-webkit-scrollbar{display:none}
.home-product-carousel::after{content:'';position:absolute;inset-block:0 12px;inset-inline-end:0;width:22px;background:linear-gradient(to right,var(--bg),transparent);pointer-events:none;opacity:0;transition:opacity .3s ease}
.home-product-carousel[data-can-next]::after{opacity:1}
.home-product-carousel[data-slider-dir=ltr]::after{background:linear-gradient(to left,var(--bg),transparent)}
.home-product-grid>.card{align-self:start;height:auto;min-height:0;scroll-snap-align:start;min-width:0;animation:home-rise .55s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(min(var(--i,0),6)*45ms)}
.home-product-grid .card .media{aspect-ratio:var(--ratio)}
.home-product-grid[data-dragging]{scroll-snap-type:none;cursor:grabbing;user-select:none}
.home-product-grid[data-slider-hint]{scroll-snap-type:none;scroll-behavior:auto}
.home-product-carousel .home-product-grid{padding-block-start:6px}
@media(hover:hover) and (pointer:fine){.home-product-carousel[data-overflow] .home-product-grid{cursor:grab}.home-product-carousel .home-product-grid[data-dragging]{cursor:grabbing}}
/* Products determine the row height; the discovery tile fills that row. */
.home-group-discover{contain:size;align-self:stretch;min-height:0;display:flex;position:relative;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-width:0;overflow:hidden;padding:18px 12px;text-align:center;scroll-snap-align:start;border:1px solid color-mix(in srgb,var(--ac) 16%,var(--bd));border-radius:26px;background:radial-gradient(ellipse at 25% 15%,color-mix(in srgb,var(--ac) 10%,transparent),transparent 70%),linear-gradient(150deg,var(--soft),var(--cd));color:var(--tx);text-decoration:none;transition:border-color .3s ease,box-shadow .3s ease}
.home-group-preview{display:flex;position:relative;direction:ltr;justify-content:center;align-items:center;max-width:100%;flex:0 0 88px;min-height:0;margin:0 0 6px;padding:0 4px}
.home-group-preview>span:not(.home-group-extra){width:clamp(48px,13vw,65px);height:clamp(66px,17vw,88px);flex:none;overflow:hidden;border-radius:15px;border:3px solid var(--cd);box-shadow:0 10px 24px -10px color-mix(in srgb,var(--tx) 35%,transparent);transform:translateY(5px) rotate(-12deg);transition:transform .55s cubic-bezier(.22,1,.36,1)}
.home-group-preview>span+span:not(.home-group-extra){margin-left:-28px;transform:translateY(-10px) rotate(1deg)}
.home-group-preview>span:nth-child(3):not(.home-group-extra){transform:translateY(4px) rotate(12deg)}
.home-group-preview img{width:100%;height:100%;object-fit:cover}
.home-group-preview>span.home-group-preview-empty{display:grid;place-items:center;width:84px;height:88px;background:var(--cd);color:var(--ac)}
.home-group-preview-empty svg{width:38px;height:38px}
.home-group-preview .home-group-extra{position:absolute;inset-block-end:0;inset-inline-end:0;display:grid;place-items:center;min-width:40px;min-height:40px;padding:0 8px;border:3px solid var(--cd);border-radius:999px;background:var(--soft);color:var(--ac);font:700 13px/1.3 Arial,sans-serif;box-shadow:0 5px 15px #0001}
.home-group-discover strong{flex:none;font-size:clamp(15px,2vw,18px);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.home-group-discover small{flex:none;font-size:11px;color:var(--mu);line-height:1.5;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home-group-discover-label{flex:none;display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:114px;margin-top:4px;padding:9px 16px;border:1px solid color-mix(in srgb,var(--ac) 23%,var(--bd));border-radius:999px;background:var(--cd);color:var(--ac);font-weight:800;font-size:13px;transition:background .3s ease,border-color .3s ease}
@media(hover:hover){.home-group-discover:hover{border-color:var(--ac);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ac) 8%,transparent)}.home-group-discover:hover .home-group-preview>span:first-child:not(.home-group-extra){transform:translate(-4px,0) rotate(-16deg)}.home-group-discover:hover .home-group-preview>span:nth-child(3):not(.home-group-extra){transform:translate(4px,0) rotate(16deg)}.home-group-discover:hover .home-group-discover-label{background:var(--soft);border-color:var(--ac)}}
.home-group-footer{display:flex;justify-content:center;padding:20px 16px 0}
.home-group-footer .home-section-more{min-width:180px}
.home-collection-back{display:flex;align-items:center;gap:8px;padding:24px 16px 0;color:var(--mu);font-size:12px}
.home-collection-back a{display:inline-flex;align-items:center;min-height:44px;color:var(--ac);font-weight:700;text-decoration:none}
.home-product-empty{margin:0 16px;padding:20px;border:1px dashed var(--bd);border-radius:16px;color:var(--mu);background:var(--soft)}
@keyframes home-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@media(min-width:760px){.home-product-section{margin:34px 0 46px}.home-product-heading{padding:0 14px 17px}.home-product-grid{grid-auto-columns:clamp(185px,22vw,280px);gap:18px;padding-bottom:22px}}
[data-home-layout=grid] .home-product-grid{grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;padding-bottom:0}
@media(min-width:600px){[data-home-layout=grid] .home-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:1000px){[data-home-layout=grid] .home-product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.home-product-grid>.card{animation:none}.home-section-more,.home-group-discover,.home-group-preview>span,.home-group-discover-label,.home-product-carousel::after{transition:none}}


#pm{flex-direction:column;height:min(92dvh,790px);overflow:hidden;isolation:isolate;will-change:transform,opacity;backface-visibility:hidden;transform:translate3d(0,calc(100% + 24px),0);opacity:0;pointer-events:none;transition:transform .38s cubic-bezier(.4,0,.6,1),opacity .3s ease,visibility 0s linear .38s}
#ov.product-motion{transition:opacity .38s ease,visibility 0s linear .38s}
#ov.product-motion.on{transition:opacity .45s ease,visibility 0s}
#pm.on{transform:translate3d(0,0,0);opacity:1;pointer-events:auto;transition:transform .65s cubic-bezier(.2,1.15,.3,1),opacity .3s ease,visibility 0s}
#pm .product-scroll{flex:1 1 auto;min-height:0;min-width:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;scroll-padding-block:12px}
#pm .product-scroll:focus-visible{outline-offset:-3px}
#pm .product-gallery{min-width:0;position:relative}
#pm .gal{flex:none;width:100%;height:clamp(160px,42dvh,380px);min-height:0;overscroll-behavior-x:contain;touch-action:pan-x pan-y pinch-zoom}
#pm .gallery-toolbar{display:flex;align-items:center;gap:8px;padding:9px 14px;color:var(--mu);font-size:12px;background:var(--cd);border-bottom:1px solid var(--bd)}
#pm .gallery-toolbar p{margin:0;flex:1;min-width:0}
#pm .gallery-count{direction:ltr;font-variant-numeric:tabular-nums;font-weight:700;color:var(--tx)}
#pm .gallery-step{display:grid;place-items:center;flex:none;width:36px;height:36px;border:1px solid var(--bd);border-radius:50%;color:var(--ac);background:var(--soft);font-size:20px}
#pm .gallery-step:disabled{opacity:.35;cursor:default}
#pm .gallery-thumbnails{display:flex;gap:7px;overflow-x:auto;scrollbar-width:thin;padding:8px 14px 12px;background:var(--cd)}
#pm .gallery-thumbnail{position:relative;display:grid;place-items:center;flex:0 0 48px;height:48px;padding:2px;border:2px solid transparent;border-radius:11px;background:var(--soft);overflow:hidden;color:var(--ac)}
#pm .gallery-thumbnail img{width:100%;height:100%;object-fit:cover;border-radius:7px}
#pm .gallery-thumbnail[aria-current=true]{border-color:var(--ac)}
#pm .gallery-thumbnail span{position:absolute;inset:0;display:grid;place-items:center;background:#0003;color:#fff;font-size:15px}
#pm :is(.gallery-thumbnail,.gallery-step):focus-visible{outline:3px solid var(--ac);outline-offset:2px}
#pm .pb{display:block;flex:none;min-height:auto;min-width:0;width:auto;overflow:visible;padding:16px 18px 22px}
#pm .pb .ds{overflow:visible;max-height:none;height:auto;font-size:14px;line-height:1.8;margin:10px 0 16px;white-space:pre-line;overflow-wrap:anywhere}
#pm .product-options{max-height:none;min-height:auto;height:auto;overflow:visible;flex-shrink:0}
#pm .product-options h4{font-size:14px;margin:14px 0 8px}
#pm .product-options .opts{gap:8px;margin:0 0 12px}
#pm .product-options .o{min-height:44px;padding:8px 13px}
#pm .product-purchase{flex:0 0 auto;position:relative;z-index:2;padding:10px 16px calc(12px + env(safe-area-inset-bottom,0px));background:var(--cd);border-top:1px solid var(--bd);box-shadow:0 -5px 18px #10291b08}
#pm .product-purchase .stock-note{display:block;font-size:12px;line-height:1.6}
#pm .product-purchase .row{margin:6px 0 0;gap:10px;padding:0}
#pm .product-purchase .btn{min-width:0;min-height:48px;padding:11px 14px;font-size:14px;line-height:1.5;white-space:normal;overflow-wrap:anywhere}
#pm .product-purchase .qty{flex:none}
#pm .product-purchase .qty button{width:36px;height:36px}
#pm .product-purchase .qty b{min-width:20px;text-align:center}
#pm .x{width:44px;height:44px;background:var(--cd);color:var(--tx);border:1px solid var(--bd);box-shadow:0 4px 18px #0001}
#pm.on .pb>*{animation:product-detail-enter .65s cubic-bezier(.2,1.15,.3,1) backwards}
#pm.on .pb>h2{animation-delay:60ms}#pm.on .pb>.pr{animation-delay:100ms}#pm.on .pb>.ds{animation-delay:140ms}#pm.on .pb>.product-options{animation-delay:180ms}
#pm.on .product-purchase{animation:product-detail-enter .6s .14s cubic-bezier(.2,1.15,.3,1) backwards}
#pm.on .gs img:not(.bg){animation:product-photo-enter .85s cubic-bezier(.22,1,.36,1)}
@keyframes product-detail-enter{from{opacity:0;translate:0 18px}to{opacity:1;translate:0}}
@keyframes product-photo-enter{from{scale:1.07}to{scale:1}}
@media(prefers-reduced-motion:reduce){#pm,#pm *{animation:none!important;transition:none!important}}
@media(min-width:760px){
  #pm{top:50%;bottom:auto;left:50%;right:auto;width:min(960px,calc(100vw - 40px));max-width:none;max-height:none;margin:0;height:min(660px,calc(100dvh - 40px));border:1px solid var(--bd);border-radius:28px;box-shadow:0 32px 90px -24px #0007;transform:translate3d(-50%,calc(-50% + 46px),0) scale(.88);transform-origin:var(--product-origin,50% 60%)}
  #pm.on{transform:translate3d(-50%,-50%,0) scale(1)}
  #pm .product-scroll{display:grid;grid-template-columns:minmax(0,55fr) minmax(0,45fr);align-items:start}
  #pm .product-gallery{position:sticky;top:0}
  #pm .gal{height:clamp(160px,calc(100dvh - 232px),466px)}
  #pm .pb{padding:28px}
  #pm .product-purchase{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 24px}
  #pm .product-purchase .row{min-width:min(420px,65%);margin:0}
}
@media(max-width:359px){#pm .product-purchase{padding-inline:12px}#pm .product-purchase .row{gap:7px}#pm .product-purchase .btn{font-size:12px;padding-inline:9px}}

body.store-page{background-image:radial-gradient(ellipse at 0 0,color-mix(in srgb,var(--a) 12%,transparent),transparent 55%),radial-gradient(ellipse at 100% 65%,color-mix(in srgb,var(--b) 10%,transparent),transparent 60%);background-attachment:fixed}
.card .media,.gs,.media-fullscreen,.media-fullscreen .gs{isolation:isolate;background:radial-gradient(ellipse at 15% 15%,color-mix(in srgb,var(--a) 25%,transparent),transparent 65%),radial-gradient(ellipse at 90% 85%,color-mix(in srgb,var(--b) 22%,transparent),transparent 65%),var(--soft);box-shadow:inset 0 0 0 1px var(--bd)}
#pm .gal{background:linear-gradient(145deg,color-mix(in srgb,var(--soft) 92%,var(--a) 8%),color-mix(in srgb,var(--cd) 90%,var(--b) 10%))}
#pm .gal .gs{isolation:isolate;background:radial-gradient(circle at 14% 10%,color-mix(in srgb,var(--a) 30%,transparent),transparent 46%),radial-gradient(circle at 88% 82%,color-mix(in srgb,var(--b) 28%,transparent),transparent 50%),linear-gradient(145deg,color-mix(in srgb,var(--soft) 86%,var(--a) 14%),color-mix(in srgb,var(--cd) 86%,var(--b) 14%));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--bd) 78%,var(--a) 22%)}
#pm .gal .gs::before,#pm .gal .gs::after{content:"";position:absolute;pointer-events:none;z-index:0}
#pm .gal .gs::before{width:58%;aspect-ratio:1;top:-28%;inset-inline-start:-18%;border-radius:50%;background:color-mix(in srgb,var(--a) 16%,transparent);filter:blur(28px)}
#pm .gal .gs::after{width:52%;aspect-ratio:1;bottom:-26%;inset-inline-end:-16%;border-radius:50%;background:color-mix(in srgb,var(--b) 14%,transparent);filter:blur(30px)}
.card .media .media-backdrop{position:absolute;inset:-24px;width:calc(100% + 48px);height:calc(100% + 48px);object-fit:cover;filter:blur(26px);opacity:.3;pointer-events:none;z-index:-1}
.card .media{width:100%;height:auto;min-height:0;aspect-ratio:var(--ratio)}
.card .media .media-foreground,.card .media noscript img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;background:transparent;pointer-events:none}
.gs video,.gs img:not(.bg){position:relative;z-index:1;background:transparent;object-fit:contain}
.gs img.bg,.media-fullscreen .gs img.bg{display:block;opacity:.28;filter:blur(28px);z-index:-1}
#pm .video-poster,.media-fullscreen .video-poster{position:absolute;inset:0;z-index:2;width:100%;height:100%;object-fit:contain;background:transparent;pointer-events:none;transition:opacity .18s ease}
#pm .gs.video-started .video-poster,.media-fullscreen .gs.video-started .video-poster{opacity:0;visibility:hidden}
.media-expand{position:absolute;z-index:3;inset-inline-end:14px;inset-block-end:14px;display:grid;place-items:center;width:44px;height:44px;border:1px solid #fff4;border-radius:50%;background:#1116;color:#fff;font-size:22px;cursor:pointer}.media-expand:focus-visible{outline:3px solid var(--ac);outline-offset:3px}

#ft{display:flex;flex-direction:column;align-items:center;gap:18px;padding:32px 20px 110px}.footer-identity{display:grid;gap:4px;min-width:0;max-width:100%;overflow-wrap:anywhere;text-align:center}.footer-identity strong{color:var(--tx);font-size:17px}.footer-identity span{font-size:12px}.footer-socials{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}.footer-socials a{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:9px 13px;border:1px solid var(--bd);border-radius:99px;background:var(--cd);color:var(--tx);font-size:12px;transition:transform .18s,background .18s}.footer-socials svg{width:19px;height:19px}.footer-socials a:focus-visible{outline:3px solid var(--a);outline-offset:3px}@media(hover:hover){.footer-socials a:hover{transform:translateY(-3px);background:var(--soft)}}@media(prefers-reduced-motion:reduce){.footer-socials a{transition:none}}

body,button,input,textarea,select{font-family:'Tajawal','IBM Plex Sans Arabic',system-ui,sans-serif}
h1,h2,h3,h4,.logo{font-family:'Tajawal',system-ui,sans-serif;font-weight:800}
#dr{top:var(--drawer-top,0px);bottom:auto;height:var(--drawer-height,100dvh);max-height:var(--drawer-height,100dvh);min-height:0;display:flex;flex-direction:column;overflow:hidden;overscroll-behavior:contain}
#dr .dh{flex:0 0 auto;padding:14px 16px;border-bottom:1px solid var(--bd);background:var(--cd);z-index:2}
#dr .drawer-guide{flex:0 0 auto;margin:0;padding:7px 16px;font-size:12px;background:var(--soft);color:var(--mu);border-bottom:1px solid var(--bd)}
#dr .dl,#dr .dn{flex:1 1 0;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable;scroll-padding:18px}
#dr .dl{padding:16px 16px 32px}#dr .df{flex:0 0 auto;position:relative;z-index:2;background:var(--cd);padding:10px 16px calc(12px + env(safe-area-inset-bottom,0px));border-top:2px solid var(--bd);box-shadow:0 -10px 24px #0000000d}
#dr .df .sum{margin-bottom:8px}#dr .df .sum>div{margin:3px 0;font-size:13px}#dr .df .sum>.t{padding-top:6px;margin-top:6px;font-size:16px}
#dr .df .btn{width:100%;min-height:48px}#dr .footer-label{display:block;font-size:11px;color:var(--mu);margin-bottom:5px}
#dr .f input,#dr .f select,#dr .f textarea{font-size:16px;min-height:46px}#dr .f label{display:block;margin-bottom:16px}#dr .method-row label{margin-bottom:0}#dr .method-row input{min-height:auto}
#pm .gal .gs img:not(.bg),#pm .gal .gs video{display:block;width:100%;height:100%;max-height:none;object-fit:contain;object-position:center;transform:none;border-radius:0}
#pm .gal .gs{position:relative;min-width:0;overflow:hidden}#pm .gal .gs video{padding-bottom:56px}#pm .gs .bg{display:none}
#pm .media-expand{background:color-mix(in srgb,var(--tx) 72%,transparent);color:var(--cd)}#pm .video-ui{bottom:6px}
.pixel-preferences{margin-top:16px;padding:10px;border:1px solid var(--bd);border-radius:12px;background:var(--cd);color:var(--tx);font:inherit;cursor:pointer}
.pixel-consent{position:fixed;z-index:45;inset:auto 12px calc(90px + env(safe-area-inset-bottom,0px));margin:0 auto;box-sizing:border-box;max-width:420px;width:calc(100% - 24px);max-height:calc(100dvh - 180px);overflow:auto;padding:14px 16px;border:1px solid var(--bd);border-radius:16px;background:var(--cd);color:var(--tx);box-shadow:0 8px 28px #0002;text-align:start}
.pixel-consent[hidden]{display:none}.pixel-consent h2{font-size:16px;margin:0 0 6px}.pixel-consent p{line-height:1.6;margin:0 0 8px;font-size:13px}.pixel-consent summary{min-height:44px;display:flex;align-items:center;font-size:12px;text-decoration:underline;cursor:pointer}.pixel-consent details[open] p{margin-top:4px}.pixel-consent-actions{display:flex;gap:8px;margin-top:6px}.pixel-consent button{flex:1;min-height:44px;padding:9px 12px;border-radius:10px;font:inherit;font-size:14px;background:var(--soft);color:var(--tx);border:1px solid var(--bd);cursor:pointer}.pixel-consent [data-consent=granted]{background:var(--a);color:#fff}.pixel-consent :is(button,summary):focus-visible{outline:3px solid var(--ac);outline-offset:3px}
@media(min-width:1024px){.pixel-consent{inset-inline-start:auto;inset-inline-end:20px;bottom:20px;margin:0}}
@media(max-height:550px){.pixel-consent{bottom:calc(76px + env(safe-area-inset-bottom,0px));max-height:calc(100dvh - 125px);padding:10px 12px}.pixel-consent h2{font-size:14px}}
#dr[data-compact-viewport=true] .df .sum>div:not(.t),#dr[data-compact-viewport=true] .drawer-guide,#dr[data-compact-viewport=true] .footer-label{display:none}#dr[data-compact-viewport=true] .dh{padding-block:6px}#dr[data-compact-viewport=true] .df{padding-block:6px}#dr[data-compact-viewport=true] .f label{margin-bottom:10px}
@media(max-height:550px){#dr .df .sum>div:not(.t){display:none}#dr .drawer-guide{font-size:11px;padding-block:4px}#dr .dh{padding-block:6px}#dr .df{padding-block:6px}#dr .f label{margin-bottom:10px}}
@media(prefers-reduced-motion:reduce){#dr{scroll-behavior:auto}}


.ui-motion-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:9px 13px;border:1px solid var(--bd,var(--line,#e5e1ee));border-radius:999px;background:var(--cd,#fff);color:var(--tx,var(--ink,#2b2540));font:500 12px/1.5 "IBM Plex Sans Arabic",Tahoma,sans-serif;cursor:pointer;touch-action:manipulation}
.ui-motion-toggle[hidden]{display:none}.ui-motion-toggle:disabled{cursor:default;opacity:.65}.ui-motion-toggle svg{width:17px;height:17px;flex:none}.motion-play{display:none}
html[data-ui-motion=paused] .motion-pause{display:none}html[data-ui-motion=paused] .motion-play{display:block}
.ui-motion-toggle:focus-visible{outline:3px solid var(--ac,var(--green,#574a95));outline-offset:3px}
.skip-link{clip-path:inset(50%);position:fixed;z-index:1200;inset-block-start:12px;inset-inline-start:12px;transform:translateY(-160%);padding:12px 18px;border-radius:12px;background:var(--cd,#fff);color:var(--tx,var(--ink,#2b2540));border:2px solid currentColor;font:600 14px "IBM Plex Sans Arabic",Tahoma,sans-serif;text-decoration:none}
.skip-link:focus{transform:none;clip-path:none}.skip-link:focus-visible{outline:3px solid var(--ac,var(--green,#574a95));outline-offset:3px}
html[data-ui-motion=paused]{scroll-behavior:auto!important}html[data-ui-motion=paused] *,html[data-ui-motion=paused] *::before,html[data-ui-motion=paused] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
html[data-ui-motion=paused] .cin-glow{display:none}html[data-ui-motion=paused] .card,html[data-ui-motion=paused] .hero{transform:none!important;filter:none!important;opacity:1!important}
html[data-ui-motion=paused] .toast{opacity:1!important;transform:none!important}html[data-ui-motion=paused] .ok circle,html[data-ui-motion=paused] .ok path{stroke-dashoffset:0}
@media(prefers-reduced-motion:reduce){.toast{opacity:1!important;transform:none!important;animation:none!important}.ok circle,.ok path{stroke-dashoffset:0}.skip-link{transition:none}}


.store-page{--store-spring:cubic-bezier(.2,1.15,.3,1);--store-ease:cubic-bezier(.22,1,.36,1)}
.store-page .hero{border-radius:32px;animation:none;opacity:1;filter:none}
.store-page .hero:after{animation:none;display:none}
.hero .hs.image-slide:before{inset:0;z-index:1;filter:none;animation:none;background:linear-gradient(0deg,#14251ee6, #14251e70 36%,transparent 75%)}
.hero .hs.image-slide:after{display:none}
.hero .hero-caption{position:absolute;z-index:2;inset:auto 5% 9%;max-width:650px;pointer-events:none;text-align:start}
.hero .hero-caption h2{font-size:clamp(25px,5.2vw,66px);line-height:1.2;max-width:12ch;text-wrap:balance;margin:10px 0 14px}
.hero .hero-caption p{font-size:clamp(12px,1.3vw,17px);line-height:1.8;max-width:36ch;margin:0 0 18px;color:#fff}
.hero .hero-kicker{display:inline-flex;align-items:center;gap:9px;font-size:12px;letter-spacing:.04em;color:#fff}
.hero .hero-kicker:before{content:'✦';font-size:17px;color:#f5d99c;animation:store-twinkle 5s ease-in-out infinite}
.hero .hs.image-slide .hero-caption .slide-cta{position:relative;bottom:auto!important;inset:auto!important;display:inline-flex;align-items:center;gap:16px;pointer-events:auto;padding:13px 24px;font-size:14px;background:#f6e3b8;color:#28372d;border:1px solid #ffffff52;box-shadow:0 8px 28px #0002}
.hero .slide-cta span{display:inline-block;transition:transform .4s var(--store-spring)}
.hero .slide-cta:hover span{transform:translate(-4px,-3px)}
.hero .dots{z-index:3;bottom:16px;gap:2px}
.hero .dots button{height:28px;width:28px;min-width:28px;border-radius:50%;background:transparent;display:grid;place-items:center}
.hero .dots button:before{content:'';width:6px;height:6px;border-radius:99px;background:#ffffff70;transition:width .35s,background .35s}
.hero .dots button.on{width:38px;background:transparent}.hero .dots button.on:before{width:24px;background:#fff}.hero .dots button.on:after{display:none}
.hero .dots:has(button:only-child){display:none}
@keyframes store-twinkle{50%{transform:rotate(90deg) scale(.8);opacity:.65}}

/* Organic circles retain real links, counts and the existing category tree. */
.store-page .cats{padding-top:26px;padding-bottom:18px;scroll-margin-top:calc(var(--store-header-height,80px) + 12px)}
.category-section-head{margin-bottom:12px}.category-section-head h2{font-size:clamp(23px,3vw,30px)}
.category-section-head p{margin-top:4px}
.category-browse-link{border:1px solid var(--bd);border-radius:99px;padding:9px 16px;background:var(--cd);transition:background .25s,transform .35s var(--store-spring)}
.store-page .category-gallery{gap:28px;padding:16px 10px 18px;scroll-padding-inline:10px}
.store-page .category-gallery .category-tile{position:relative;flex:0 0 132px;display:flex;flex-direction:column;align-items:center;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none;text-align:center;transition:transform .45s var(--store-spring)}
.store-page .category-tile .category-cover{width:120px;height:120px;aspect-ratio:1;border-radius:50%;overflow:hidden;isolation:isolate;background:var(--soft);box-shadow:0 0 0 5px var(--bg),0 0 0 6px color-mix(in srgb,var(--category-start,var(--a)) 50%,var(--bd)),0 14px 28px -17px var(--a);animation:store-organic 9s ease-in-out infinite;animation-delay:calc(var(--category-i,0)*-1.7s);transition:box-shadow .45s,transform .55s var(--store-spring)}
.store-page .category-cover img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--store-spring)}
.store-page .category-tile-copy{display:flex;flex-direction:column;gap:3px;padding:17px 0 0;min-height:0;border:0;width:100%;text-align:center}
.store-page .category-tile-name{font-size:15px;line-height:1.5;font-weight:800;overflow-wrap:anywhere}
.store-page .category-tile-copy small{font-size:11px;color:var(--mu)}

.store-page .category-more-cover{border:1px dashed color-mix(in srgb,var(--a) 55%,var(--bd));box-shadow:none;background:color-mix(in srgb,var(--a) 7%,var(--cd));color:var(--ac)}
.category-more-cover svg{width:30px;height:30px}
@keyframes store-organic{0%,100%{border-radius:50% 46% 52% 48%/48% 54% 46% 52%}50%{border-radius:44% 56% 46% 54%/54% 44% 56% 46%}}
.category-blob,.category-focus::after{animation:category-glow 9s ease-in-out infinite}.category-focus::after{animation-delay:-4s}
@keyframes category-glow{50%{opacity:.45}}

/* A spacious dropdown on desktop, a generous sheet on a phone. */
dialog.dd.category-dialog{inset:calc(var(--store-header-height,80px) + 20px) max(20px,calc((100vw - 1220px)/2)) auto auto;width:600px;max-width:calc(100vw - 40px);height:auto;max-height:calc(100dvh - var(--store-header-height,80px) - 40px);border-radius:30px;background:var(--cd);transform-origin:90% 0;box-shadow:0 32px 90px #07140d44;overflow:hidden}
dialog.dd.category-dialog[open]{animation:store-menu-enter .6s var(--store-spring)}
dialog.dd.category-dialog::backdrop{background:#10251b80;backdrop-filter:blur(8px);animation:store-veil-enter .4s ease both}
dialog.dd.category-dialog[data-closing]::backdrop{animation:store-veil-exit .28s ease both}
.category-menu-head{padding:24px 24px 18px;background:linear-gradient(120deg,color-mix(in srgb,var(--a) 9%,var(--cd)),var(--cd));border-bottom:0}
.category-menu-head h2{font-size:29px}.category-menu-guide{font-size:13px}
.category-search{margin-top:4px;border-radius:99px}.category-menu-body{padding-bottom:22px}
.category-menu-roots{gap:14px}
dialog.dd .category-menu-roots .category-menu-item{position:relative;display:block;min-height:190px;aspect-ratio:1.25;border:1px solid #ffffff30;border-radius:22px;isolation:isolate;background:linear-gradient(140deg,var(--category-start),var(--category-end));color:#fff;transition:transform .5s var(--store-spring),box-shadow .4s}
.category-menu-roots .category-menu-photo{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;border-radius:inherit;background:transparent;color:#ffffff90}
.category-menu-photo img{transition:transform .8s var(--store-spring)}
.category-menu-roots .category-menu-item:after{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(0deg,#101e18ed, #101e1855 55%, #101e180a)}
.category-menu-roots .category-menu-copy{position:absolute;inset:auto 16px 16px 16px;min-height:0;padding:0;z-index:1;gap:5px}
.category-menu-roots .category-menu-copy strong{font-size:21px;color:#fff}.category-menu-roots .category-menu-copy small{color:#ffffffd9;font-size:12px}

.category-menu-close,.category-close{transition:transform .4s var(--store-spring)}
.category-close:hover{transform:rotate(90deg)}
dialog.dd.category-dialog[open]:not([data-closing]) .category-menu-item{animation:store-menu-item .6s var(--store-spring) backwards;animation-delay:calc(var(--category-i,0)*35ms)}
@keyframes store-menu-enter{from{opacity:0;transform:translateY(-24px) scale(.92);clip-path:inset(0 0 65% 40% round 30px)}to{opacity:1;transform:none;clip-path:inset(0 round 30px)}}
@keyframes store-menu-item{from{opacity:.3;translate:0 22px;scale:.96}to{opacity:1;translate:0;scale:1}}
@keyframes store-veil-enter{from{opacity:0}to{opacity:1}}@keyframes store-veil-exit{to{opacity:0}}
dialog.catalog-filter-dialog[open]{animation:store-filter-enter .4s var(--store-spring)}@keyframes store-filter-enter{from{opacity:0;transform:translateY(32px) scale(.97)}to{opacity:1;transform:none}}

/* Quiet surfaces, playful feedback, and no entrance gate on the catalog. */
.store-page .card{padding:7px;border-radius:26px;background:var(--cd);transition:transform .45s var(--store-spring),box-shadow .45s,border-color .3s}
.store-page .card .media{border-radius:20px}.store-page .card .media:before{display:none}
.store-page .card .inf{padding:14px 7px 8px}.store-page .card .inf h3{min-height:2.9em;font-size:16px}
.store-page .card .add{border-radius:99px;min-height:44px;position:relative;overflow:hidden;transition:transform .35s var(--store-spring),background .25s,color .25s,box-shadow .3s}
.store-page .card .add:before{content:'+';display:inline-block;font-size:19px;line-height:1;margin-inline-end:8px;vertical-align:-1px;transition:transform .4s var(--store-spring)}
.store-page .card .add:disabled:before{display:none}.store-page .card .add:disabled{opacity:.55;cursor:not-allowed}
.store-page .card .add.added:before{content:'✓';transform:rotate(360deg)}
.store-page .card .add.added{background:var(--a);color:#fff;box-shadow:0 0 0 4px color-mix(in srgb,var(--a) 13%,transparent)}
.store-page .card .bdg{box-shadow:0 5px 14px #0001;transform:rotate(-4deg)}
.store-page .catalog-tools{background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(16px)}
.store-page .catalog-sort,.store-page .catalog-filter-trigger{border-radius:99px}
.store-page .btn,.store-page .qty button,.store-page .o{transition:transform .35s var(--store-spring),background .25s,box-shadow .3s}
.store-page .btn:active,.store-page .qty button:active,.store-page .o:active{transform:scale(.94)}
.store-page .fly{width:56px;height:56px;border-radius:50%;object-fit:cover;border:3px solid var(--cd);box-shadow:0 10px 30px #0004;z-index:120;pointer-events:none;background:var(--a)}
.store-motion-control{display:flex;justify-content:center;margin:-36px 16px 28px;position:relative;z-index:1}
.store-page #ft{padding-bottom:64px}
@media(hover:hover){
 .store-page .category-tile:hover{transform:translateY(-5px)}
 .store-page .category-tile:hover .category-cover{transform:rotate(-4deg) scale(1.05);box-shadow:0 0 0 5px var(--bg),0 0 0 7px var(--a),0 18px 30px -15px var(--a)}
 .store-page .category-tile:hover img{transform:scale(1.13) rotate(5deg)}
 .category-browse-link:hover{background:var(--soft);transform:translateY(-2px)}
 dialog.dd .category-menu-item:hover{transform:translateY(-4px) rotate(-.6deg);box-shadow:0 16px 26px -14px var(--a)}
 .category-menu-item:hover img{transform:scale(1.1)}
 .store-page .card .add:hover:before{transform:rotate(90deg)}
}
@media(max-width:759px){
 .store-page .hero{border-radius:26px}
 .hero .hero-caption{inset:auto 6% 10%;max-width:85%}.hero .hero-caption h2{font-size:clamp(23px,6.6vw,44px);margin:6px 0 12px;max-width:15ch}
 .hero .hero-kicker{font-size:10px;gap:6px}.hero .hero-kicker:before{font-size:12px}
 .hero .hero-caption p{display:none}.hero .hs.image-slide .hero-caption .slide-cta{padding:8px 15px;font-size:11px;min-height:38px}
 .hero .dots{bottom:0;inset-inline-start:auto;inset-inline-end:12px}
 .store-page .cats{padding-top:18px;padding-bottom:10px}.category-section-head{gap:8px}.category-section-head h2{font-size:22px}.category-browse-link{font-size:11px;padding:8px 12px}
 .store-page .category-gallery{gap:16px;padding-block:14px 12px}
 .store-page .category-gallery .category-tile{flex-basis:98px}.store-page .category-tile .category-cover{width:88px;height:88px}
 .store-page .category-tile-name{font-size:13px}.store-page .category-tile-copy{padding-top:14px;gap:2px}.store-page .category-tile-copy small{font-size:10px}
 dialog.dd.category-dialog{inset:auto 0 0;margin:0;width:100%;max-width:none;max-height:calc(100dvh - 36px);border:0;border-radius:30px 30px 0 0;transform-origin:50% 100%}
 .category-menu-head{padding:18px 20px 14px}.category-menu-head h2{font-size:25px}.category-menu-guide{font-size:12px}
 .category-menu-roots{gap:10px}dialog.dd .category-menu-roots .category-menu-item{min-height:166px;aspect-ratio:.95;border-radius:20px}
 .category-menu-roots .category-menu-copy{inset:auto 12px 14px 38px}.category-menu-roots .category-menu-copy strong{font-size:18px}.category-menu-roots .category-menu-copy small{font-size:11px}

 .store-page .card{padding:5px;border-radius:22px}.store-page .card .media{border-radius:17px}.store-page .card .inf{padding:12px 5px 6px}.store-page .card .inf h3{font-size:14px}
 @keyframes store-menu-enter{from{opacity:.3;transform:translateY(70px) scale(.96);clip-path:inset(12% 0 0 round 30px)}to{opacity:1;transform:none;clip-path:inset(0 round 30px)}}
}
@media(max-width:359px){.category-section-head h2{font-size:19px}.category-browse-link{padding:8px 10px;font-size:10px}.hero .hero-kicker{display:none}.hero .hero-caption h2{font-size:23px}.store-page .card .add{font-size:11px;padding-inline:4px}}
:root[data-radius=square] .store-page :is(.hero,.card),:root[data-radius=square] dialog.dd.category-dialog,:root[data-radius=square] .category-menu-roots .category-menu-item{border-radius:10px}
:root[data-radius=square] .store-page .card .media{border-radius:6px}
html[data-ui-motion=paused] dialog.category-dialog::backdrop,html[data-ui-motion=paused] dialog.catalog-filter-dialog::backdrop{animation:none!important;transition:none!important}
@media(prefers-reduced-motion:reduce){dialog.category-dialog::backdrop,dialog.catalog-filter-dialog::backdrop{animation:none!important;transition:none!important}.store-page *,.store-page *:before,.store-page *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.store-page .category-cover{border-radius:50%!important}.store-page .hero,.store-page .card{transform:none!important;filter:none!important;opacity:1!important}}


/* A complete category path, with a small scroll cue instead of shortened names. */
.category-slider{display:flex;align-items:center;gap:6px;min-width:0;position:relative}
.category-slider-window{flex:1;min-width:0;position:relative;overflow:hidden;padding:3px}
.category-slide-control{display:none;flex:none;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--bd);border-radius:50%;background:var(--cd);color:var(--ac);transition:transform .35s var(--store-spring),opacity .2s,background .2s;touch-action:manipulation}
.category-slider[data-overflow]>.category-slide-control{display:inline-flex}
.category-slide-control svg{width:18px;height:18px}.category-slide-control[data-slide=next] svg,.category-slider[data-slider-dir=rtl] .category-slide-control[data-slide=prev] svg{transform:rotate(180deg)}
.category-slider[data-slider-dir=rtl] .category-slide-control[data-slide=next] svg{transform:none}
.category-slide-control:disabled{opacity:.3;cursor:default}.category-slide-control:active:not(:disabled){transform:scale(.88)}
.category-slider-window::before,.category-slider-window::after{content:'';position:absolute;z-index:3;inset-block:3px 8px;width:22px;pointer-events:none;opacity:0;transition:opacity .2s}
.category-slider-window::before{inset-inline-start:0;background:linear-gradient(90deg,var(--bg),transparent)}
.category-slider-window::after{inset-inline-end:0;background:linear-gradient(-90deg,var(--bg),transparent)}
.category-slider[data-slider-dir=rtl] .category-slider-window::before{background:linear-gradient(-90deg,var(--bg),transparent)}
.category-slider[data-slider-dir=rtl] .category-slider-window::after{background:linear-gradient(90deg,var(--bg),transparent)}
.category-slider[data-can-prev]>.category-slider-window::before,.category-slider[data-can-next]>.category-slider-window::after{opacity:1}
.category-path-slider .category-slider-window::before,.category-path-slider .category-slider-window::after{--bg:var(--cd);width:14px}
.category-location>.category-path-slider,.category-menu-context>.category-path-slider{flex:1;min-width:0}
.category-location>.category-path-slider{border-inline-start:1px solid var(--bd);padding-inline-start:5px}
.category-path-slider .category-trail{font-size:14px;padding:4px 1px 8px;scroll-padding-inline:10px}
.category-path-slider .category-trail-label{max-width:none;overflow:visible;text-overflow:clip;white-space:nowrap}
.category-slider .category-tile-name{display:block;-webkit-line-clamp:unset;overflow:visible}
.category-slider-progress{position:absolute;inset:auto 12px 2px;height:2px;overflow:hidden;border-radius:99px;background:var(--bd);display:none;pointer-events:none}
.category-slider[data-overflow] .category-slider-progress{display:block}.category-slider-progress i{display:block;width:100%;height:100%;border-radius:inherit;background:var(--ac);transform-origin:left;transition:transform .15s}
.category-slider[data-slider-dir=rtl] .category-slider-progress i{transform-origin:right}
.category-slider [data-category-rail][data-dragging]{scroll-snap-type:none;scroll-behavior:auto;cursor:grabbing;user-select:none}
@media(hover:hover) and (pointer:fine){.category-slider[data-overflow] [data-category-rail]{cursor:grab}.category-slide-control:hover:not(:disabled){transform:translateY(-2px);background:var(--soft);box-shadow:var(--sh)}}

/* The header opens navigation; shopping stays in the bottom cart. */
header .hm{min-width:44px;min-height:44px;flex:none;transition:background .25s,box-shadow .25s,transform .35s var(--store-spring)}
header .hm svg{transition:transform .4s var(--store-spring)}
header .hm[aria-expanded=true]{background:var(--soft);border-color:var(--a);box-shadow:0 0 0 4px color-mix(in srgb,var(--a) 9%,transparent)}
header .hm[aria-expanded=true] svg{transform:rotate(-8deg) scale(1.08)}
dialog.dd.category-dialog.store-menu{inset:var(--menu-top,calc(var(--store-header-height,80px) + 12px)) auto auto var(--menu-left,16px);margin:0;width:600px;max-width:calc(100vw - 32px);height:auto;max-height:var(--menu-available,calc(100dvh - var(--store-header-height,80px) - 28px));border:1px solid var(--bd);border-radius:28px;transform-origin:var(--menu-origin,30px) top}
dialog.dd.category-dialog.store-menu[open]{animation:store-dropdown-enter .5s var(--store-spring)}
.store-menu .category-sheet-handle{display:none}.store-menu .category-menu-head{padding-bottom:12px}
.store-menu[data-compact-viewport=true] :is(.store-menu-nav,.category-menu-guide,.category-menu-footer){display:none}.store-menu[data-compact-viewport=true] .category-menu-head{padding-block:10px}.store-menu[data-compact-viewport=true] .category-menu-head h2{font-size:22px}
.store-menu-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 22px 14px;flex:none}
.store-menu-nav a{display:flex;align-items:center;justify-content:space-between;gap:5px;min-height:48px;padding:10px 12px;border:1px solid var(--bd);border-radius:16px;background:var(--soft);color:var(--ac);text-decoration:none;font-size:14px;font-weight:700;transition:transform .35s var(--store-spring),background .25s}
.store-menu-nav a>span:last-child{font-size:18px;transition:transform .35s var(--store-spring)}
.store-menu[open] .store-menu-nav a{animation:store-menu-item .45s var(--store-spring) backwards}.store-menu-nav a:nth-child(2){animation-delay:45ms}.store-menu-nav a:nth-child(3){animation-delay:90ms}
@keyframes store-dropdown-enter{from{opacity:0;transform:translateY(-16px) scale(.94);clip-path:inset(0 0 55% 0 round 28px)}to{opacity:1;transform:none;clip-path:inset(0 round 28px)}}

/* Small, playful feedback in the full-height cart drawer. */
#dr .method-row label{display:flex;align-items:center;min-height:48px;cursor:pointer}#dr .method-row input[type=radio]{flex:none;display:inline-block;width:18px!important;height:18px;min-height:0;padding:0;cursor:pointer;box-shadow:none;transition:none}
#dr.cart-view .dh{padding:18px 20px 12px;border:0;border-radius:28px 28px 0 0;background:linear-gradient(120deg,color-mix(in srgb,var(--a) 8%,var(--cd)),var(--cd));gap:12px}
#dr.cart-view .dh h2{font-size:24px;line-height:1.35}.cart-heading{flex:1;min-width:0}.cart-heading small{display:block;color:var(--mu);font-size:12px;margin-bottom:2px}
#dr.cart-view .dh .ib{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;padding:0;background:var(--soft);border:0;transition:transform .35s var(--store-spring)}
#dr.cart-view .dl{padding:8px 20px 12px;scrollbar-gutter:auto}
#dr.cart-view .it{padding:12px 0;margin:0;gap:12px;background:transparent;border-radius:0;border-bottom:1px dashed var(--bd);animation:none}
#dr.cart-view .it:last-child{border-bottom:0}
#dr.cart-view .th{width:64px;height:64px;aspect-ratio:1;max-height:none;border-radius:19px;background:var(--soft);display:grid;place-items:center}
#dr.cart-view .ii h4{font-size:15px;line-height:1.5;overflow-wrap:anywhere}#dr.cart-view .ii small{font-size:12px;line-height:1.5}#dr.cart-view .ii b{font-size:14px}
#dr.cart-view .qty{flex:none;gap:3px;border-radius:99px;background:var(--soft);padding:3px}
#dr.cart-view .qty button{width:32px;height:36px;border-radius:50%;background:var(--cd);font-size:17px}#dr.cart-view .qty b{min-width:22px;font-size:14px}
#dr.cart-view .df{padding:14px 20px calc(18px + env(safe-area-inset-bottom,0px));border-radius:0 0 28px 28px;border-top:1px dashed var(--bd);box-shadow:none;background:var(--cd)}
.cart-subtotal{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;font-size:16px;font-weight:600}.cart-subtotal b{font-size:21px;color:var(--ac);white-space:nowrap}
#dr.cart-view .df .btn{min-height:48px;border-radius:99px;font-size:15px}.cart-delivery-note{margin-top:7px;color:var(--mu);font-size:12px;text-align:center}
#dr.cart-view .dn{border-radius:0 0 28px 28px;gap:14px;font-size:15px}#dr.cart-view .cart-empty-icon{width:68px;height:68px;padding:19px;border-radius:50%;background:var(--soft);color:var(--ac);animation:cart-empty-float 4s ease-in-out infinite}
#dr.cart-view .cart-empty-icon svg{width:30px;height:30px}.cart-empty-title{font-size:20px}.cart-empty-copy{max-width:26ch;color:var(--mu)}
#dr.cart-fresh .it{animation:cart-item-enter .4s var(--store-spring) backwards;animation-delay:calc(var(--cart-i,0)*35ms)}
.cart-count-pop{display:inline-block;animation:cart-count-pop .4s var(--store-spring)}
.cart-sparkle{position:fixed;z-index:120;pointer-events:none;font-style:normal;font-size:13px;line-height:1;color:var(--ac)}
@keyframes cart-item-enter{from{opacity:0;transform:translateY(-9px) scale(.98)}to{opacity:1;transform:none}}
@keyframes cart-count-pop{45%{transform:scale(1.28) rotate(-7deg)}}
@keyframes cart-empty-float{50%{transform:translateY(-5px) rotate(-5deg)}}
@media(hover:hover){header .hm:hover svg{transform:rotate(-6deg)}.store-menu-nav a:hover{transform:translateY(-3px);background:var(--cd)}.store-menu-nav a:hover>span:last-child{transform:translate(-2px,-2px)}#dr.cart-view .dh .ib:hover{transform:rotate(90deg)}#dr.cart-view .th img{transition:transform .5s var(--store-spring)}#dr.cart-view .it:hover .th img{transform:scale(1.06)}}
@media(max-width:759px){.category-slider{gap:3px}.category-slide-control{width:36px;height:44px;border-radius:15px}.category-path-slider .category-trail{font-size:13px}.category-path-slider .category-trail a,.category-path-slider .category-trail [aria-current]{padding-inline:8px}.category-location>.category-path-slider{padding-inline-start:3px}dialog.dd.category-dialog.store-menu{border-radius:24px}.store-menu-nav{gap:6px;margin-inline:20px}.store-menu-nav a{padding:10px 8px;font-size:12px;border-radius:13px}.store-menu-nav a>span:last-child{font-size:15px}#dr.cart-view .dh{padding:16px 16px 10px;border-radius:24px 24px 0 0}#dr.cart-view .dh h2{font-size:22px}#dr.cart-view .dl{padding-inline:16px}#dr.cart-view .df{padding:12px 16px calc(16px + env(safe-area-inset-bottom,0px));border-radius:0 0 24px 24px}#dr.cart-view .th{width:56px;height:56px;border-radius:16px}#dr.cart-view .it{gap:8px}#dr.cart-view .qty{gap:1px}#dr.cart-view .qty button{width:29px}#dr.cart-view .ii h4{font-size:14px}}
@media(max-height:550px){#dr.cart-view .dh{padding-block:8px}#dr.cart-view .df{padding-block:8px}.cart-delivery-note{display:none}}
:root[data-radius=square] dialog.dd.category-dialog.store-menu,:root[data-radius=square] #dr.cart-view .dh,:root[data-radius=square] #dr.cart-view .df{border-radius:10px}
@media(prefers-reduced-motion:reduce){.category-slider-progress i{transition:none}#dr.cart-fresh .it,.cart-count-pop,.cart-empty-icon{animation:none!important}}


:root{--premium-ease:cubic-bezier(.22,1,.36,1);--store-bottom-clearance:118px}
.store-page{padding-bottom:calc(var(--store-bottom-clearance) + env(safe-area-inset-bottom,0px));font-family:'Tajawal',Tahoma,Arial,sans-serif;font-size:16px}
.store-page header{direction:ltr;display:grid;grid-template-columns:54px minmax(0,1fr) 54px;gap:12px;padding:12px clamp(16px,3vw,48px);background:color-mix(in srgb,var(--cd) 90%,transparent);box-shadow:0 8px 30px -24px color-mix(in srgb,var(--tx) 35%,transparent)}
.store-page header .logo.store-brand{grid-column:1/-1;grid-row:1;display:grid;grid-template-columns:54px minmax(0,1fr) 54px;gap:12px;width:100%;max-width:none;min-height:54px;padding:0;text-align:center;border-radius:0}
.store-page .store-brand-mark{grid-column:1;width:50px;height:50px;justify-self:start;flex-basis:50px;border-radius:16px;background:var(--cd);box-shadow:0 7px 18px -12px color-mix(in srgb,var(--tx) 45%,transparent);animation:premium-mark 7s ease-in-out infinite}
.store-page .store-brand-name{grid-column:2;justify-self:center;max-width:100%;font-family:'Amiri','Tajawal',serif;font-size:clamp(25px,2.8vw,36px);font-weight:700;line-height:1.45;letter-spacing:0;animation:premium-name-in .8s var(--premium-ease) both,premium-name-glow 8s 1s ease-in-out infinite}
.store-page .store-brand[data-brand-length=medium] .store-brand-name{font-size:clamp(20px,2.3vw,29px)}
.store-page .store-brand[data-brand-length=long] .store-brand-name{font-size:clamp(17px,2vw,25px)}
.store-page header .hm{grid-column:3;grid-row:1;justify-self:end;z-index:1;width:50px;height:50px;padding:12px;justify-content:center;border-radius:16px;background:var(--cd);box-shadow:0 6px 16px -12px color-mix(in srgb,var(--tx) 40%,transparent)}
.store-page header .hm svg{width:23px;height:23px;stroke-width:1.5}
.store-page header .hm[aria-expanded=true]{background:var(--soft);box-shadow:0 0 0 4px color-mix(in srgb,var(--a) 10%,transparent)}
@keyframes premium-mark{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
@keyframes premium-name-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes premium-name-glow{0%,100%{text-shadow:0 0 0 transparent}50%{text-shadow:0 2px 18px color-mix(in srgb,var(--a) 20%,transparent)}}
.store-page main>.catalog-tools,.store-page #homeCatalog>.catalog-tools{width:calc(100% - 28px);max-width:1220px;margin-inline:auto}
.store-page #homeCatalog{max-width:1248px;margin-inline:auto}
/* Categories stretch beyond the product column, without widening the document. */
.store-page main{max-width:none;width:100%;margin:0}
.store-page main>:is(#homeSections,.tb,.catalog-tools,.catalog-active,.grid,.catalog-feed){max-width:1248px;margin-inline:auto}
.store-page main>.hero{width:calc(100% - 28px);max-width:1200px;margin:20px auto 24px}
.store-page #cats{width:100%;max-width:none;padding-inline:clamp(14px,2vw,36px)}
.store-page .category-gallery{gap:clamp(16px,2vw,30px);padding:8px 4px 18px;scroll-padding-inline:8px}
.store-page .category-slider{gap:8px}
.store-page .category-slide-control{width:44px;height:44px;border-radius:50%;background:var(--cd)}
.store-page .category-tile{position:relative;flex-basis:128px;border:0;background:transparent;box-shadow:none;border-radius:0;text-align:center;overflow:visible}
.store-page .category-cover{width:100%;aspect-ratio:1;border:3px solid var(--cd);border-radius:50%;box-shadow:0 6px 18px -12px color-mix(in srgb,var(--tx) 45%,transparent);transition:box-shadow .35s var(--premium-ease),border-color .3s,transform .35s var(--premium-ease)}
.store-page .category-tile-copy{border-top:0;display:flex;flex-direction:column;gap:4px;padding:12px 2px 0;min-height:70px}
.store-page .category-tile-name{font-size:15px;line-height:1.5}
.store-page .category-tile-copy small{font-size:13px}
.store-page .category-tile-arrow{display:none}
.store-page .category-tile[aria-current=page] .category-cover{border-color:var(--ac);box-shadow:0 0 0 4px color-mix(in srgb,var(--a) 14%,transparent)}
.store-page .category-tile[data-current-branch] .category-cover{border-color:color-mix(in srgb,var(--ac) 55%,var(--cd))}
.category-selected{display:inline-flex;align-items:center;gap:4px;color:var(--ac);font-size:12px;font-weight:700;line-height:1.5}
.category-selected svg{width:14px;height:14px}
.store-page .category-refine-head,.store-page .category-section-head{padding-inline:4px}
.store-page .category-section-head p,.store-page .category-browse-link,.store-page .category-refine-head{font-size:14px}
.store-page .category-focus{border-radius:24px}
.store-page .category-subcategories .category-tile{flex-basis:116px}
.store-page .category-subcategories .category-cover{aspect-ratio:1}
.store-page .category-subcategories .category-tile-name{font-size:14px}
/* Compact paths share the same navigation in listings, menus and product details. */
.store-page .category-location{--path-surface:var(--bg);min-height:48px;gap:6px;margin:0 0 10px;padding:0;border:0;border-bottom:1px solid var(--bd);border-radius:0;background:transparent;box-shadow:none}
.store-page .category-back,.store-page a.category-menu-back{display:inline-flex;align-items:center;justify-content:center;flex:none;width:44px;min-width:44px;min-height:44px;padding:0;border:0;border-radius:10px;background:transparent;color:var(--mu);box-shadow:none}
.store-page .category-back>span,.store-page a.category-menu-back>span{display:none}.store-page .category-back svg,.store-page a.category-menu-back svg{width:16px;height:16px}
.store-page .category-location>.category-path-slider{border:0;padding-inline-start:0}
.store-page .category-path-slider{display:block;gap:0;min-width:0}.store-page .category-path-slider .category-slider-window{padding:0}
.store-page .category-path-slider .category-trail{display:block;padding:0;scroll-padding-inline:8px;font:500 12px/1.4 'Tajawal',Tahoma,Arial,sans-serif;color:var(--mu)}
.store-page .category-path-slider .category-trail ol{min-height:44px;gap:0}.store-page .category-path-slider .category-trail-step{gap:0}
.store-page .category-path-slider .category-trail :is(a,[aria-current]){gap:5px;min-width:0;min-height:44px;padding:0 7px;border:0;border-radius:8px;background:transparent;color:var(--mu);font-weight:500;box-shadow:none}
.store-page .category-path-slider .category-trail [aria-current]{color:var(--tx);font-weight:600}.store-page .category-path-slider .category-trail [aria-current]::before{display:none}
.store-page .category-path-slider .category-trail-root{width:14px;height:14px}.store-page .category-path-slider .category-divider{width:9px;height:9px;margin-inline:1px;opacity:.55}
.store-page .category-path-slider .category-slider-window::before,.store-page .category-path-slider .category-slider-window::after{--bg:var(--path-surface,var(--cd));inset-block:6px;width:10px}
.store-page .category-menu-context{gap:6px}.store-page .product-category-path{margin-bottom:4px}
@media(hover:hover){.store-page .category-path-slider .category-trail a:hover{transform:none;background:var(--soft);color:var(--ac)}}
/* Native dialogs keep keyboard, dismissal and browser history behavior. */
dialog.dd.category-dialog.store-menu{width:520px;border-radius:26px;background:var(--cd);box-shadow:0 24px 70px -24px #0006;overflow:hidden}
dialog.dd.category-dialog.store-menu[open]{animation:premium-menu-in .42s var(--premium-ease)}
.store-menu .category-menu-head{background:linear-gradient(140deg,color-mix(in srgb,var(--a) 8%,var(--cd)),var(--cd));padding:22px 22px 14px}
.store-menu .category-menu-head h2{font-family:'Tajawal',Tahoma,Arial,sans-serif;font-size:27px;font-weight:800}
.store-menu .category-menu-guide{font-size:14px;line-height:1.5}
.store-menu-nav{gap:8px;margin-bottom:16px}
.store-menu-nav a{min-height:48px;border-radius:14px;background:var(--cd);font-size:14px;justify-content:center}
.store-menu-nav a>span:last-child{display:none}
.store-menu .category-menu-item{border-radius:18px;transition:background .25s,box-shadow .25s,transform .3s var(--premium-ease)}
.store-menu .category-menu-item[aria-current=page]{box-shadow:inset 0 0 0 1px var(--ac);background:var(--soft)}
.store-menu .category-menu-copy strong{font-size:15px}.store-menu .category-menu-copy small{font-size:13px}
.store-menu .category-menu-footer:has(.store-menu-social){padding:0;border:0;background:var(--cd)}
.store-menu-social{border-top:1px solid var(--bd);padding:16px 22px calc(18px + env(safe-area-inset-bottom,0px));flex:none}
.store-menu-social h3{font-size:14px;font-weight:700;margin:0 0 10px;color:var(--mu)}
.store-social-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;direction:ltr}
.store-social-link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-height:72px;padding:10px 3px;border-radius:16px;border:1px solid var(--bd);background:var(--cd);color:var(--tx);text-decoration:none;font-size:12px;transition:transform .25s var(--premium-ease),background .25s,border-color .25s}
.store-social-link svg{width:22px;height:22px;flex:none;color:var(--ac)}
.store-menu[open] .store-social-link{animation:premium-content-in .4s var(--premium-ease) both;animation-delay:calc(var(--social-i)*45ms + 100ms)}
@keyframes premium-menu-in{from{opacity:0;transform:translateY(-10px) scale(.97)}to{opacity:1;transform:none}}
.store-menu-utilities{display:flex;flex-wrap:wrap;gap:8px;flex:none;padding:12px 20px;border-top:1px solid var(--bd);background:var(--cd)}.store-menu-utilities .store-motion-control{padding:0;margin:0}.store-menu-utilities .ui-motion-toggle,.store-menu-utilities .pixel-preferences{min-height:44px;margin:0;padding:8px 12px;border-radius:12px;font-size:13px;background:var(--soft)}.store-menu[data-compact-viewport=true] .store-menu-utilities{display:none}
/* A quiet, continuously moving shopping bag and a readable floating action bar. */
.store-page .bar{max-width:560px;gap:10px;padding:7px;border:1px solid var(--bd);border-radius:25px;background:color-mix(in srgb,var(--cd) 95%,transparent);backdrop-filter:blur(18px);filter:none;box-shadow:0 10px 34px -12px #0003;bottom:calc(12px + env(safe-area-inset-bottom,0px))}
.store-page .cb{width:58px;min-height:54px;border:0;border-radius:18px;background:var(--soft);box-shadow:none;color:var(--ac)}
.store-page .cb [data-ic=cart] svg{width:29px;height:29px;stroke-width:1.5;animation:premium-bag-idle 5s ease-in-out infinite;transform-origin:50% 20%}
.store-page .cart-basket{fill:color-mix(in srgb,var(--a) 6%,var(--cd));transform-origin:50% 50%}
.store-page .cart-handle{transform-origin:50% 30%;animation:premium-handle-idle 5s ease-in-out infinite}
.store-page .cb.bump [data-ic=cart] svg{animation:premium-bag-added .55s var(--premium-ease)}
.store-page .ck{min-height:54px;padding:12px 18px;border-radius:18px;animation:none;font-size:15px;box-shadow:none}
.store-page .ck b{font-size:16px}.store-page .cnt{background:var(--a);color:#fff;top:-3px;inset-inline-end:-3px;border:2px solid var(--cd);height:23px;min-width:23px;font-size:12px;line-height:19px}
@keyframes premium-bag-idle{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-3px) rotate(2deg)}}
@keyframes premium-handle-idle{0%,100%{transform:translateY(0)}50%{transform:translateY(-.5px)}}
@keyframes premium-bag-added{0%,100%{transform:none}40%{transform:translateY(-5px) rotate(-8deg)}70%{transform:translateY(1px) rotate(3deg)}}
/* Cart and checkout share a single scroll surface with fixed purchase actions. */
#dr{padding:0;isolation:isolate;background:var(--cd);backdrop-filter:none;border:1px solid var(--bd);box-shadow:0 24px 90px -30px #0007;opacity:0;will-change:transform,opacity;transition:transform .38s var(--premium-ease),opacity .25s,visibility 0s linear .38s}
#dr.on{opacity:1;transition:transform .5s var(--premium-ease),opacity .3s,visibility 0s}
#dr .dh,#dr.cart-view .dh{padding:22px 24px 16px;gap:12px;border:0;background:linear-gradient(140deg,color-mix(in srgb,var(--a) 7%,var(--cd)),var(--cd));border-radius:26px 26px 0 0}
#dr .dh h2,#dr.cart-view .dh h2{font-family:'Tajawal',Tahoma,Arial,sans-serif;font-size:28px;font-weight:800;line-height:1.35}
#dr .dh .ib,#dr.cart-view .dh .ib{display:grid;place-items:center;flex:none;width:44px;height:44px;padding:0;border:1px solid var(--bd);border-radius:50%;background:var(--cd)}
#dr .dh .ib svg{width:19px;height:19px;stroke-width:1.5}
#dr .cart-heading small{font-size:14px;line-height:1.6}
#dr .dl,#dr.cart-view .dl{min-height:0;padding:12px 24px 20px;scroll-padding-block:20px;overscroll-behavior:contain}
#dr.cart-view .it{display:grid;grid-template-columns:76px minmax(0,1fr);column-gap:16px;row-gap:10px;align-items:start;padding:16px 0;border-bottom:1px solid var(--bd);border-radius:0;background:transparent}
#dr.cart-view .th{grid-row:1/3;width:76px;height:96px;max-height:none;border-radius:16px;background:var(--soft)}
#dr.cart-view .ii h4{font-size:16px;line-height:1.5;font-weight:700}
#dr.cart-view .ii small{font-size:14px;margin-block:4px;color:var(--mu)}
#dr.cart-view .ii b{display:block;font-size:16px;margin-top:6px}
#dr.cart-view .qty{grid-column:2;width:fit-content;gap:5px;padding:3px;border:1px solid var(--bd);background:var(--cd);border-radius:99px}
#dr.cart-view .qty button{width:38px;height:38px;border:0;background:var(--soft);font-size:20px}
#dr.cart-view .qty b{min-width:26px;font-size:15px}
#dr .df,#dr.cart-view .df{flex:none;padding:18px 24px calc(20px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--bd);border-radius:0 0 26px 26px;background:var(--cd);box-shadow:0 -10px 30px -24px #0005}
#dr .df .btn,#dr.cart-view .df .btn{min-height:54px;border-radius:16px;font-size:16px;box-shadow:0 10px 24px -16px var(--a)}
#dr .cart-subtotal{font-size:16px;margin-bottom:14px}#dr .cart-subtotal b{font-size:24px;font-weight:800}
#dr .cart-delivery-note{font-size:13px;line-height:1.5;margin-top:10px}
.checkout-intro{font-size:14px;color:var(--mu);margin:0 24px 12px;flex:none}
.checkout-step{padding:0;margin:0 0 22px;border:0;min-width:0}
.checkout-step legend{display:flex;gap:9px;align-items:center;font-size:16px;font-weight:700;color:var(--tx);margin-bottom:14px}
.checkout-step legend span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:var(--soft);color:var(--ac);font-size:13px}
#dr .f label{font-size:14px;line-height:1.6;color:var(--tx);margin-bottom:14px}
#dr .f :is(input:not([type=radio]),select,textarea){font-family:inherit;font-size:16px;min-height:50px;padding:13px 14px;border:1px solid var(--bd);border-radius:14px;background:color-mix(in srgb,var(--bg) 70%,var(--cd));color:var(--tx);line-height:1.5;transition:border-color .2s,box-shadow .2s}
#dr .f :is(input,select,textarea):focus-visible{outline:0;border-color:var(--ac);box-shadow:0 0 0 3px color-mix(in srgb,var(--a) 14%,transparent)}
#dr .f input[type=tel]{direction:ltr;text-align:start}#dr .f textarea{resize:vertical;min-height:90px;max-height:220px}
#dr .method-row{gap:10px;margin:0 0 18px}#dr .method-row label{margin:0;min-height:54px;border-radius:16px;background:var(--cd);font-size:15px;padding:12px}
#dr .method-row label:has(input:checked){border-color:var(--ac);background:var(--soft);box-shadow:0 0 0 1px var(--ac)}
#dr .pay{font-size:14px;line-height:1.7;border:1px solid var(--bd);background:var(--soft);color:var(--mu);font-weight:500;margin:0}
#dr .sum{font-size:14px;line-height:1.6;margin-bottom:14px}#dr .sum div{padding:3px 0}#dr .sum .t{border-top:1px solid var(--bd);font-size:18px;margin-top:8px;padding-top:10px}#dr .sum .t b{font-size:22px;font-weight:800;color:var(--ac)}
#dr[data-drawer-view=checkout] :is(.checkout-step,.pay){animation:premium-content-in .35s var(--premium-ease) both}
#dr .dn{overflow-y:auto;min-height:0;gap:16px;padding:30px 24px;font-size:16px}
#dr .dn h3{font-family:'Tajawal',Tahoma,Arial,sans-serif;font-size:24px}#dr .dn p{color:var(--mu);line-height:1.7}
#dr .dn .ok{width:82px;height:82px;color:var(--ac)}
@keyframes premium-content-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.catalog-feed{padding:24px 16px 16px;min-height:70px;text-align:center}.catalog-feed-status{font-size:14px;color:var(--mu);min-height:24px}.catalog-feed .catalog-more{margin:12px auto 0;font-size:14px;min-height:44px;border-radius:99px}.catalog-feed-status[data-loading]::before{content:'';display:inline-block;width:15px;height:15px;border:1.5px solid var(--bd);border-top-color:var(--ac);border-radius:50%;vertical-align:middle;margin-inline-end:8px;animation:premium-feed-spin .7s linear infinite}
@keyframes premium-feed-spin{to{transform:rotate(360deg)}}
@media(hover:hover){.store-page .category-tile:hover .category-cover{transform:translateY(-3px);box-shadow:0 12px 26px -18px color-mix(in srgb,var(--tx) 55%,transparent)}.store-social-link:hover{transform:translateY(-3px);border-color:var(--ac);background:var(--soft)}.store-menu .category-menu-item:hover{transform:translateX(-2px);background:var(--soft)}}
@media(min-width:760px){#dr{top:calc(var(--drawer-top,0px) + 16px);bottom:auto;left:16px;right:auto;width:min(480px,calc(100vw - 32px));height:calc(var(--drawer-height,100dvh) - 32px);max-height:calc(var(--drawer-height,100dvh) - 32px);border-radius:26px;transform:translate3d(calc(-100% - 40px),0,0)}#dr.on{transform:translate3d(0,0,0)}}
@media(max-width:759px){.store-page header,.store-page header .logo.store-brand{grid-template-columns:44px minmax(0,1fr) 44px;gap:10px}.store-page header{padding:10px 14px}.store-page .store-brand-mark,.store-page header .hm{width:44px;height:44px;border-radius:14px}.store-page header .logo.store-brand{min-height:44px}.store-page .category-tile{flex-basis:104px}.store-page .category-subcategories .category-tile{flex-basis:96px}.store-page .category-gallery{gap:18px}.store-page .category-slider{gap:4px}.store-page .category-slider>.category-slide-control{position:absolute;z-index:4;top:42px;width:34px;height:34px;box-shadow:0 4px 14px #0002}.store-page .category-slider>.category-slide-control[data-slide=prev]{inset-inline-start:0}.store-page .category-slider>.category-slide-control[data-slide=next]{inset-inline-end:0}.store-page .category-path-slider>.category-slide-control{position:static;flex:none;width:36px;height:44px;box-shadow:none}.store-page .category-slider>.category-slide-control:disabled{visibility:hidden}.store-page .category-tile-name{font-size:14px}.store-page .category-cover{border-radius:50%}#dr{top:calc(var(--drawer-top,0px) + var(--drawer-height,100dvh) - min(92dvh,var(--drawer-height,100dvh)));bottom:auto;inset-inline:0;width:100%;height:min(92dvh,var(--drawer-height,100dvh));max-height:var(--drawer-height,100dvh);border-radius:26px 26px 0 0;transform:translate3d(0,calc(100% + 20px),0)}#dr.on{transform:translate3d(0,0,0)}#dr .dh,#dr.cart-view .dh{padding:20px 18px 14px}#dr .dh h2,#dr.cart-view .dh h2{font-size:25px}#dr .dl,#dr.cart-view .dl{padding:8px 18px 18px}#dr .df,#dr.cart-view .df{padding:16px 18px calc(18px + env(safe-area-inset-bottom,0px));border-radius:0}.checkout-intro{margin-inline:18px}#dr.cart-view .it{column-gap:12px}dialog.dd.category-dialog.store-menu{border-radius:22px}.store-social-grid{gap:6px}.store-menu-social{padding-inline:20px}}
#dr[data-compact-viewport=true] :is(.checkout-intro,.cart-delivery-note){display:none}#dr[data-compact-viewport=true] .df .btn{min-height:44px;padding-block:8px}#dr[data-compact-viewport=true] .sum .t{margin:0;padding:0;border:0;font-size:16px}#dr[data-compact-viewport=true] .sum .t b{font-size:18px}#dr[data-compact-viewport=true] .sum{margin-bottom:6px}.checkout-error{margin-top:16px;padding:12px 14px;border:1px solid #c65757;border-radius:14px;color:light-dark(#a52d2d,#ffb4b4);background:light-dark(#fff1f1,#3b1d1d);font-size:14px}
@media(max-height:550px){#dr{top:var(--drawer-top,0px);bottom:auto;height:var(--drawer-height,100dvh);max-height:var(--drawer-height,100dvh)}#dr .dh,#dr.cart-view .dh{padding:9px 16px}#dr .dh h2,#dr.cart-view .dh h2{font-size:20px}#dr .checkout-intro{display:none}#dr .df,#dr.cart-view .df{padding:8px 16px max(8px,env(safe-area-inset-bottom,0px))}#dr .df .btn,#dr.cart-view .df .btn{min-height:44px;padding:8px 12px}#dr .sum>div:not(.t),#dr .cart-delivery-note{display:none}#dr .sum{margin-bottom:6px}#dr .sum .t{border:0;padding:0;margin:0;font-size:16px}#dr .sum .t b{font-size:18px}.store-menu[data-compact-viewport=true] .store-menu-social{display:none}}
:root[data-radius=square] :is(#dr,.store-page .bar,dialog.dd.category-dialog.store-menu){border-radius:12px}
:root[data-ui-motion=paused] .store-page :is(.store-brand-mark,.store-brand-name,.cart-handle){animation:none!important}
.store-page[data-page-hidden] :is(.store-brand-mark,.store-brand-name,.cb svg,.cart-handle){animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.store-page :is(.store-brand-mark,.store-brand-name,.cart-handle),.store-menu[open] .store-social-link,#dr[data-drawer-view=checkout] :is(.checkout-step,.pay){animation:none!important}.store-page .category-cover{transition:none}#dr,#dr.on{transition-duration:.01ms}}

#pm:dir(rtl) .gallery-step{transform:scaleX(-1)}


.store-desktop-nav,.store-desktop-cart,.store-desktop-search,.store-desktop-label{display:none}
.store-header-actions{display:contents}
@media(min-width:1024px){
  .store-page{--desktop-width:1280px;--desktop-gutter:40px;--desktop-media-height:clamp(240px,44svh,400px)}
  .store-page header{direction:rtl;grid-template-columns:minmax(190px,1fr) auto auto;gap:28px;padding:16px max(var(--desktop-gutter),calc((100vw - var(--desktop-width))/2));min-height:82px}
  .store-page header .logo.store-brand{grid-column:1;grid-row:1;display:flex;gap:12px;width:auto;max-width:390px;min-height:48px;text-align:start;justify-self:start}
  .store-page .store-brand-mark{flex:0 0 46px;width:46px;height:46px;border-radius:14px;animation:none}
  .store-page .store-brand-name{font-size:29px;line-height:1.25;justify-self:start;text-align:start;animation:none}
  .store-page .store-brand[data-brand-length=medium] .store-brand-name{font-size:24px}
  .store-page .store-brand[data-brand-length=long] .store-brand-name{font-size:20px}
  .store-desktop-nav{display:flex;grid-column:2;grid-row:1;align-items:center;justify-content:center;gap:4px;min-width:0}
  .store-desktop-nav>:is(a,button){display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 14px;border-radius:12px;color:var(--mu);text-decoration:none;font-size:14px;font-weight:700;white-space:nowrap;transition:background .2s,color .2s}
  .store-desktop-nav>[aria-current=page]{color:var(--ac);background:var(--soft)}
  .store-header-actions{display:flex;grid-column:3;grid-row:1;justify-self:end;align-items:center;gap:10px}
  .store-page header .hm{display:flex;width:auto;height:44px;min-height:44px;padding:10px 12px;gap:7px;border-radius:12px;box-shadow:none;font-size:13px}
  .store-page header .hm svg{width:20px;height:20px}
  .store-desktop-label{display:inline}
  .store-desktop-cart,.store-desktop-search{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border-radius:12px;box-shadow:none}
  .store-desktop-cart{gap:8px;padding:10px 14px;background:var(--soft);color:var(--ac);font-size:13px}
  .store-desktop-cart svg{width:21px;height:21px}
  .store-desktop-search{width:44px;padding:10px;background:var(--cd)}
  .store-desktop-search svg{width:20px;height:20px}
  .store-desktop-cart .cnt{top:-5px;inset-inline-end:-5px}
  .store-page main>:is(#homeSections,#homeCatalog,#homeListingTop,.hero,.tb,.catalog-tools,.catalog-active,.grid,.catalog-feed){width:calc(100% - var(--desktop-gutter)*2);max-width:var(--desktop-width);margin-inline:auto}
  .store-page #homeCatalog>:is(.tb,.catalog-tools,.catalog-active,.grid,.catalog-feed){width:100%;max-width:none;margin-inline:0;padding-inline:0}
  .store-page #homeCatalog>.catalog-tools{padding-block:12px 16px;gap:12px}
  .store-page #shop{padding-block:24px 12px}
  .store-page #shop h2{font-size:28px}
  .store-page .home-media-section{width:100%;margin:28px 0 40px}
  .store-page .home-media-section.home-portrait{width:calc(var(--desktop-media-height)*(var(--home-ratio,9/16)));max-width:100%;margin-inline:auto}
  .store-page .home-media-surface{position:relative;border-radius:24px;box-shadow:0 16px 36px -26px color-mix(in srgb,var(--tx) 40%,transparent)}
  .store-page .home-media-frame{height:var(--desktop-media-height);aspect-ratio:auto}
  .store-page main>.hero{margin-block:28px 40px}
  .store-page .hero .hs{height:var(--desktop-media-height);min-height:0;aspect-ratio:auto;padding:36px 54px}
  .store-page .hero .hero-caption h2{font-size:clamp(26px,4.2svh,42px);max-width:20ch;margin:8px 0 10px}
  .store-page .hero .hero-caption p{font-size:14px;line-height:1.5;max-width:48ch;margin:0 0 12px}
  .store-page .hero .em{font-size:96px}
  .store-page #cats{width:100%;padding:20px 0 12px}
  .store-page .category-section-head h2{font-size:26px}
  .store-page .category-section-head,.store-page .category-refine-head{padding-inline:0}
  .store-page .category-gallery{gap:26px;padding:12px 6px 18px}
  .store-page .category-gallery .category-tile{flex-basis:116px}
  .store-page .category-tile .category-cover{width:104px;height:104px}
  .store-page .category-tile-copy{min-height:0;padding:14px 0 0;gap:3px}
  .store-page .category-tile-copy small{font-size:12px}
  .store-page .home-product-section{margin:36px 0 44px}
  .store-page .home-product-heading{padding:0 0 18px}
  .store-page .home-product-heading h2{font-size:28px}
  .store-page .home-group-count{margin-top:5px}
  .store-page .home-product-grid{grid-auto-columns:minmax(190px,calc((100% - 60px)/4));gap:20px;padding:6px 0 24px;scroll-padding-inline:0}
  .store-page [data-home-layout=grid] .home-product-grid{grid-template-columns:repeat(4,minmax(0,1fr));padding-bottom:0}
  .store-page .card{padding:8px;border-radius:20px}
  .store-page .card .media{border-radius:14px}
  .store-page .card .inf{padding:14px 8px 8px}
  .store-page .card .inf h3{font-size:15px}
  .store-page .card .pr b{font-size:18px}
  .store-page .card .add{font-size:13px;border-radius:12px}
  .store-page .home-group-discover{border-radius:20px;padding:18px 14px}
  .store-page .home-group-preview{flex-basis:96px;margin-bottom:6px}
  .store-page .home-group-discover strong{font-size:18px}
  .store-page .home-group-footer{padding-top:24px}
  .store-page .home-collection-back{padding:24px 0 0}
  .store-page #grid{gap:20px;grid-template-columns:repeat(var(--cols,4),minmax(0,1fr))}
  .store-page .bar{inset-inline-start:max(var(--desktop-gutter),calc((100vw - var(--desktop-width))/2));inset-inline-end:auto;width:380px;max-width:calc(100% - var(--desktop-gutter)*2);margin:0;border-radius:20px}
  .store-page .ck{min-height:48px;font-size:14px;border-radius:14px;padding:10px 16px}
  .store-page .ck b{font-size:15px}
  .store-page .cb{min-height:48px;width:52px;border-radius:14px}
  .store-page .wa{left:max(var(--desktop-gutter),calc((100vw - var(--desktop-width))/2));bottom:24px}
}
@media(min-width:1280px){
  .store-page .home-product-grid{grid-auto-columns:minmax(190px,calc((100% - 80px)/5))}
  .store-page [data-home-layout=grid] .home-product-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
  .store-page #grid{grid-template-columns:repeat(var(--cols,5),minmax(0,1fr))}
}
@media(min-width:1024px) and (hover:hover){
  .store-desktop-nav>:is(a,button):hover{color:var(--ac);background:var(--soft)}
}



dialog.dd.category-dialog.store-menu{--menu-wash:color-mix(in srgb,var(--a) 7%,var(--cd));width:520px;height:min(780px,var(--menu-available,calc(100dvh - var(--store-header-height,80px) - 40px)));border:1px solid color-mix(in srgb,var(--a) 16%,var(--bd));border-radius:30px;background:var(--cd);box-shadow:0 32px 100px -28px #061b1866,0 0 0 5px #ffffff0a;isolation:isolate}
dialog.dd.category-dialog.store-menu::backdrop{background:#091b1970;backdrop-filter:blur(12px)}
dialog.dd.category-dialog.store-menu[open]:not([data-closing])::backdrop{animation:store-veil-enter .18s ease-out backwards}
dialog.dd.category-dialog.store-menu[open]{animation:menu-unfold .24s cubic-bezier(.22,1,.36,1) backwards}
.store-menu .category-menu-head{position:relative;isolation:isolate;gap:8px;flex:none;padding:10px 16px;background:radial-gradient(ellipse at 100% 0%,var(--menu-wash),transparent 75%);overflow:hidden}

.store-menu .category-menu-head>div:first-child{flex:1;min-width:0}
.store-menu .category-menu-head h2{font-size:21px;line-height:1.35;letter-spacing:-.3px}

.store-menu .store-menu-utilities{display:flex;flex:none;gap:6px;flex-wrap:nowrap;padding:0;border:0;background:none}
.store-menu .store-menu-utilities .store-motion-control{padding:0;margin:0}
.store-menu .store-menu-utilities :is(.ui-motion-toggle,.pixel-preferences),.store-menu .category-close{width:44px;height:44px;min-height:44px;padding:0;margin:0;border:1px solid var(--bd);border-radius:50%;background:var(--cd);color:var(--tx);box-shadow:0 3px 10px #00000004;transition:transform .4s var(--store-spring),background .25s}
.store-menu .store-menu-utilities [data-motion-label]{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.store-menu .pixel-preferences{font-size:0!important}.store-menu .pixel-preferences::before{content:'⋯';font:24px/1 Arial,sans-serif}
.store-menu .category-close{font-size:27px;background:var(--menu-wash)}
.store-menu .store-menu-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 16px 8px;padding:0;flex:none}
.store-menu .store-menu-nav a{position:relative;display:flex;flex:initial;flex-direction:row;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:7px 8px;border:1px solid var(--bd);border-radius:18px;background:var(--cd);color:var(--tx);font-size:13px;font-weight:700;transition:transform .4s var(--store-spring),background .25s,box-shadow .25s}
.store-menu .store-menu-nav a>span:last-child{display:inline;font-size:inherit;transform:none}
.store-menu .store-menu-nav [data-ic]{display:grid;place-items:center;flex:none;color:var(--ac);transition:transform .4s var(--store-spring)}
.store-menu .store-menu-nav svg{width:20px;height:20px;stroke-width:1.5}
.store-menu .category-search{margin:0 16px 8px;padding-inline:12px;border-radius:17px;border-color:color-mix(in srgb,var(--a) 13%,var(--bd));background:var(--bg);transition:box-shadow .25s,border-color .25s}
.store-menu .category-search input{height:44px;font-size:16px}.store-menu .category-search input::placeholder{font-size:13px}.store-menu .category-search svg{color:var(--ac);transition:rotate .4s var(--store-spring)}
.store-menu .category-search:focus-within{border-color:var(--ac);box-shadow:0 0 0 4px color-mix(in srgb,var(--a) 10%,transparent)}
.store-menu .category-search:focus-within svg{rotate:-12deg}
.store-menu .category-menu-context{padding-inline:20px}
.store-menu .category-menu-body{padding:4px 12px 12px;flex:1 1 0;min-height:0;scroll-padding:12px;background:radial-gradient(ellipse at 0% 100%,color-mix(in srgb,var(--a) 4%,transparent),transparent 70%)}
.store-menu .category-menu-roots{gap:12px}
dialog.dd.store-menu .category-menu-roots .category-menu-item{position:relative;min-height:150px;aspect-ratio:1.28;border:1px solid #ffffff38;border-radius:23px;background:linear-gradient(140deg,var(--category-start),var(--category-end));box-shadow:0 5px 12px -9px #0008;transform-origin:center;transition:transform .5s var(--store-spring),box-shadow .4s}
.store-menu .category-menu-roots .category-menu-item::after{background:linear-gradient(0deg,#081a15f5,#081a1560 50%,#081a1500 80%)}
.store-menu .category-menu-roots .category-menu-item::before{content:'';position:absolute;inset:6px;z-index:2;pointer-events:none;border:1px solid #ffffff22;border-radius:17px;transition:border-color .3s}
.store-menu .category-menu-roots .category-menu-copy{inset:auto 14px 15px 14px;padding:0;gap:3px;min-height:0}
.store-menu .category-menu-roots .category-menu-copy strong{font-size:19px;line-height:1.4;color:#fff;text-shadow:0 2px 8px #0005}
.store-menu .category-menu-roots .category-menu-copy small{font-size:11px;line-height:1.5;color:#ffffffe8;-webkit-line-clamp:1}

.store-menu .category-menu-roots .category-menu-item[aria-current],.store-menu .category-menu-roots .category-menu-item[data-current-branch]{outline:2px solid var(--ac);outline-offset:2px}
/* Reveal the content with the panel, without delayed layers or photo zoom. */
dialog.dd.category-dialog.store-menu[open]:not([data-closing]) .category-menu-item,
.store-menu[open] :is(.category-menu-photo img,.store-menu-nav a,.store-social-link){animation:none}
.store-menu .category-menu-footer:has(.store-menu-social){flex:none;padding:0;border:0;background:var(--cd);min-height:0}
.store-menu .store-menu-social{padding:8px 12px max(8px,env(safe-area-inset-bottom,0px));border-top:1px solid var(--bd);background:linear-gradient(150deg,var(--menu-wash),var(--cd) 65%)}
.store-menu .store-social-heading{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.store-menu .store-social-heading>span{display:none}
.store-menu .store-social-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(62px,1fr));gap:8px;direction:rtl}
.store-menu .store-social-link{--social-tint:var(--a);--social-gradient:linear-gradient(145deg,var(--a),var(--ac));position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:9px;min-width:0;min-height:64px;padding:8px;border:1px solid color-mix(in srgb,var(--social-tint) 17%,var(--bd));border-radius:19px;background:var(--cd);color:var(--tx);text-decoration:none;font-size:13px;transition:transform .45s var(--store-spring),border-color .3s,box-shadow .3s,background .3s}
.store-menu [data-social=instagram]{--social-tint:#c94584;--social-gradient:radial-gradient(circle at 25% 110%,#ffc76e 0%,#f57145 30%,#ce327f 57%,#7554c8 100%)}
.store-menu [data-social=facebook]{--social-tint:#3479df;--social-gradient:linear-gradient(145deg,#449cff,#1763d1)}
.store-menu [data-social=tiktok]{--social-tint:#617580;--social-gradient:linear-gradient(145deg,#333b46,#11151d)}
.store-menu [data-social=whatsapp]{--social-tint:#20a86a;--social-gradient:linear-gradient(145deg,#2ddc84,#079552)}
.store-menu .store-social-grid:has(> a:nth-child(3)) .store-social-link{flex-direction:column;justify-content:center;gap:3px;padding:6px 3px;min-height:66px}
.store-menu .store-social-grid:has(> a:nth-child(3)) .store-social-copy{flex:none;text-align:center}
.store-menu .store-social-grid:has(> a:nth-child(3)) .store-social-copy>span{font-size:clamp(10px,2.8vw,12px)}
.store-menu .store-social-grid:has(> a:nth-child(3)) .store-social-icon{width:36px;height:36px;border-radius:12px}
.store-menu .store-social-grid:has(> a:nth-child(3)) .store-social-icon svg{width:25px;height:25px}
.store-menu .store-social-grid:has(> a:nth-child(3)) .store-social-arrow{display:none}
.store-menu .store-social-link::after{content:'';position:absolute;z-index:0;inset:0;background:linear-gradient(110deg,transparent 25%,color-mix(in srgb,var(--social-tint) 12%,transparent) 50%,transparent 75%);transform:translateX(150%);transition:transform .7s ease;pointer-events:none}
.store-menu .store-social-icon{position:relative;z-index:1;display:grid;place-items:center;flex:none;width:44px;height:44px;overflow:hidden;border:1px solid #ffffff30;border-radius:15px;color:#fff;background:var(--social-gradient);box-shadow:0 6px 13px -7px color-mix(in srgb,var(--social-tint) 75%,transparent),inset 0 1px 0 #ffffff55;transition:transform .45s var(--store-spring),border-radius .4s}
.store-menu .store-social-icon svg{position:relative;z-index:1;width:28px;height:28px;color:inherit;animation:none}
.store-menu .store-social-copy{position:relative;z-index:1;display:grid;gap:2px;flex:1;min-width:0;text-align:start}
.store-menu .store-social-copy>span{position:static;width:auto;height:auto;clip-path:none;overflow:visible;font-size:12px;font-weight:700;white-space:nowrap}
.store-menu .store-social-copy small{display:none}
.store-menu .store-social-arrow{position:relative;z-index:1;display:grid;place-items:center;flex:none;opacity:.6;transition:transform .4s var(--store-spring),opacity .3s}
.store-menu .store-social-arrow svg{width:13px;height:13px;color:var(--tx)}

.store-menu :is(.store-social-link,.store-menu-nav a,.category-menu-item):active{transform:scale(.96)}
.store-menu :is(.store-social-link,.store-menu-nav a,.category-menu-item):focus-visible{outline:3px solid var(--ac);outline-offset:3px}
.category-dialog .category-menu-photo img{opacity:0;transition:opacity .24s ease,transform .8s var(--store-spring)}
.category-dialog .category-menu-photo img[data-menu-image-ready]{opacity:1;transition:opacity .24s ease,transform .8s var(--store-spring)}
dialog.dd.category-dialog:not([open]){display:none!important;visibility:hidden;pointer-events:none;animation:none}
.store-menu .store-social-icon::after{content:'';position:absolute;inset:-50%;background:linear-gradient(120deg,transparent 35%,#ffffff40 50%,transparent 65%);transform:translateX(-100%);pointer-events:none}
.store-menu[open] .store-social-icon{animation:menu-social-float 4s ease-in-out infinite;animation-delay:calc(var(--social-i,0)*-.55s)}
.store-menu[open] .store-social-icon::after{animation:menu-social-glint 5s ease-in-out infinite;animation-delay:calc(var(--social-i,0)*.45s)}
.store-menu .store-social-mark :is(circle,path,rect){transform-box:fill-box;transform-origin:center}
.store-menu[open] .social-instagram-lens{animation:social-camera-focus 3.4s ease-in-out infinite}
.store-menu[open] .social-instagram-flash{animation:social-camera-flash 3.4s ease-in-out infinite}
.store-menu[open] .social-facebook-mark{animation:social-facebook-bounce 3.7s var(--store-spring) infinite}
.store-menu[open] .social-tiktok-note{animation:social-note-dance 2.8s ease-in-out infinite}
.store-menu[open] .social-tiktok-cyan{animation:social-note-cyan 2.8s ease-in-out infinite}
.store-menu[open] .social-tiktok-pink{animation:social-note-pink 2.8s ease-in-out infinite}
.store-menu[open] .social-whatsapp-phone{animation:social-phone-ring 3.2s ease-in-out infinite}
.store-menu[open] .social-whatsapp-ring{animation:social-phone-signal 3.2s ease-in-out infinite}
@keyframes menu-social-float{50%{translate:0 -2px}}
@keyframes menu-social-glint{0%,65%{transform:translateX(-100%)}85%,100%{transform:translateX(100%)}}
@keyframes social-camera-focus{0%,55%,100%{scale:1}65%{scale:.8}78%{scale:1.12}}
@keyframes social-camera-flash{0%,57%,75%,100%{opacity:1;scale:1}65%{opacity:.35;scale:1.6}}
@keyframes social-facebook-bounce{0%,55%,100%{transform:none}66%{transform:translateY(-2.2px) rotate(-8deg)}78%{transform:translateY(1px) rotate(4deg)}88%{transform:translateY(-.6px)}}
@keyframes social-note-dance{0%,50%,100%{transform:none}65%{transform:translateY(-1px) rotate(-7deg)}82%{transform:translateY(.7px) rotate(5deg)}}
@keyframes social-note-cyan{0%,50%,100%{translate:0 0}65%{translate:-.9px .8px}82%{translate:.4px -.3px}}
@keyframes social-note-pink{0%,50%,100%{translate:0 0}65%{translate:.9px -.8px}82%{translate:-.4px .3px}}
@keyframes social-phone-ring{0%,52%,85%,100%{rotate:0deg}59%,73%{rotate:-13deg}66%,80%{rotate:11deg}}
@keyframes social-phone-signal{0%,50%,87%,100%{opacity:0}60%,78%{opacity:1}}
@keyframes menu-unfold{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
@keyframes menu-twinkle{0%,65%,100%{transform:scale(1) rotate(0)}35%{transform:scale(.75) rotate(60deg);opacity:.55}}
@media(hover:hover) and (pointer:fine){.store-menu .category-menu-roots .category-menu-item:hover{transform:translateY(-4px) rotate(-1deg);box-shadow:0 16px 28px -18px #0009}.store-menu .category-menu-roots .category-menu-item:nth-child(even):hover{rotate:2deg}.store-menu .category-menu-item:hover .category-menu-photo img{transform:scale(1.07)}.store-menu .category-menu-item:hover::before{border-color:#ffffff80}.store-menu .store-menu-nav a:hover{transform:translateY(-3px);background:var(--menu-wash);box-shadow:0 7px 14px -12px var(--ac)}.store-menu .store-menu-nav a:hover [data-ic]{transform:rotate(-12deg) scale(1.12)}.store-menu .store-social-link:hover{transform:translateY(-3px);background:color-mix(in srgb,var(--social-tint) 5%,var(--cd));border-color:color-mix(in srgb,var(--social-tint) 60%,var(--bd));box-shadow:0 10px 20px -16px var(--social-tint)}.store-menu .store-social-link:hover::after{transform:translateX(-150%)}.store-menu .store-social-link:hover .store-social-icon{transform:rotate(-9deg) scale(1.06);border-radius:50%}.store-menu .store-social-link:hover .store-social-arrow{transform:translate(-2px,-2px);opacity:1}}
@media(max-width:759px){dialog.dd.category-dialog.store-menu{inset:calc(var(--menu-viewport-top,0px) + max(10px,env(safe-area-inset-top,0px))) 8px auto;width:calc(100% - 16px);max-width:none;height:calc(var(--menu-viewport-height,100dvh) - max(10px,env(safe-area-inset-top,0px)) - 10px);max-height:none;border-radius:28px}.store-menu .category-menu-head{padding:9px 12px}.store-menu .category-menu-head h2{font-size:20px}.store-menu .store-menu-nav{margin-inline:16px;gap:7px}.store-menu .store-menu-nav a{font-size:12px;gap:7px;min-height:44px;padding:7px 5px;border-radius:14px}.store-menu .category-search{margin-inline:16px}.store-menu .category-menu-body{padding-inline:12px}.store-menu .category-menu-context{padding-inline:16px}.store-menu .category-menu-roots{gap:10px}dialog.dd.store-menu .category-menu-roots .category-menu-item{min-height:136px;aspect-ratio:1.24;border-radius:21px}.store-menu .category-menu-roots .category-menu-copy strong{font-size:17px}.store-menu .category-menu-roots .category-menu-copy{inset-inline-start:12px;bottom:14px}.store-menu .store-menu-social{padding-inline:12px}}
@media(max-width:359px){.store-menu .category-menu-head{gap:5px;padding-inline:12px}.store-menu .category-menu-head h2{font-size:19px}.store-menu .store-menu-nav,.store-menu .category-search{margin-inline:12px}.store-menu .store-menu-nav a{gap:4px;font-size:11px}.store-menu .store-menu-nav svg{width:18px;height:18px}.store-menu .category-menu-body,.store-menu .store-menu-social{padding-inline:12px}.store-menu .category-menu-roots{gap:8px}dialog.dd.store-menu .category-menu-roots .category-menu-item{min-height:126px}.store-menu .category-menu-roots .category-menu-copy strong{font-size:15px}.store-menu .category-menu-roots .category-menu-copy small{font-size:10px}.store-menu .store-social-link{gap:6px;padding:8px;min-height:58px;border-radius:16px}.store-menu .store-social-icon{width:38px;height:38px;border-radius:13px}.store-menu .store-social-icon svg{width:25px;height:25px}.store-menu .store-social-copy>span{font-size:11px}.store-menu .store-social-copy small{display:none}.store-menu .store-social-arrow{display:none}}
/* Keep category search usable above the phone keyboard. */
.store-menu[data-compact-viewport=true] :is(.store-menu-nav,.category-menu-footer,.store-menu-utilities){display:none}

.store-menu[data-compact-viewport=true] .category-menu-head{padding-block:10px}
:root[data-radius=square] dialog.dd.category-dialog.store-menu,:root[data-radius=square] .store-menu :is(.category-menu-roots .category-menu-item,.store-menu-nav a,.store-social-link){border-radius:12px}
@media(prefers-reduced-motion:reduce){.store-menu,.store-menu *,.store-menu *::before,.store-menu *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}


/* Checkout keeps every field in one compact form and uses one scroll surface. */
#dr #checkoutForm{display:block;min-height:0;margin:0;scroll-padding-block:12px}
#dr #checkoutForm .checkout-step{margin:0 0 14px;padding:0;border:0;min-width:0;animation:none}
#dr #checkoutForm legend{display:block;font-size:13px;line-height:1.4;margin-bottom:8px;font-weight:700}
#dr .checkout-contact-grid,#dr .checkout-address-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0}
#dr .checkout-address-wide{grid-column:1/-1}
#dr #addressFields[hidden]{display:none!important}
#dr #checkoutForm label{display:flex;flex-wrap:wrap;align-content:start;gap:5px;min-width:0;margin:0;font-size:13px;line-height:1.4}
#dr #checkoutForm label>:is(input:not([type=radio]),select,textarea){display:block;width:100%;min-width:0;min-height:46px;padding:10px 11px;font-size:16px;line-height:1.4;border-radius:12px}
#dr #checkoutForm .method-row{display:flex;gap:8px;margin:0 0 12px}
#dr #checkoutForm .method-row label{display:flex;flex:1;align-items:center;justify-content:center;align-content:center;gap:8px;min-height:46px;padding:8px;border-radius:12px;font-size:14px}
#dr #checkoutForm .method-row input{width:18px;height:18px;flex:none;margin:0}
#dr #checkoutForm .checkout-note-field{margin-top:12px}
#dr #checkoutForm .checkout-note-field .stock-note{color:var(--mu);font-size:11px}
#dr #checkoutForm textarea{height:46px;min-height:46px;max-height:140px;resize:vertical}
#dr #checkoutForm textarea:focus{min-height:72px}
#dr #checkoutForm .pay{padding:8px 10px;border:0;border-radius:10px;background:var(--soft);font-size:12px;line-height:1.5;animation:none}
#dr #checkoutForm .checkout-error{margin:10px 0 0;font-size:13px}
@media(max-width:759px){
  #dr{top:var(--drawer-top,0px);bottom:auto;inset-inline:0;width:100%;height:var(--drawer-height,100dvh);max-height:var(--drawer-height,100dvh);border:0;border-radius:0;box-shadow:none;transform:translate3d(0,100%,0);transition:transform .24s cubic-bezier(.22,1,.36,1),opacity .18s,visibility 0s linear .24s}
  #dr.on{transform:translate3d(0,0,0);transition:transform .24s cubic-bezier(.22,1,.36,1),opacity .18s,visibility 0s}
  #dr .dh,#dr.cart-view .dh{flex:none;min-height:60px;gap:10px;margin:0;padding:calc(8px + env(safe-area-inset-top,0px)) 14px 8px;border-bottom:1px solid var(--bd);border-radius:0;background:var(--cd)}
  #dr .dh h2,#dr.cart-view .dh h2{font-size:21px;line-height:1.35;font-weight:700}
  #dr .dh .ib,#dr.cart-view .dh .ib{width:44px;height:44px;min-height:44px;border-radius:12px}
  #dr .cart-heading small{font-size:11px;line-height:1.4;margin-bottom:1px}
  #dr .dl,#dr.cart-view .dl{padding:8px 14px 12px;overflow:auto;scroll-padding:12px;min-height:0}
  #dr #checkoutForm{padding:10px 14px 12px}
  #dr #checkoutForm .checkout-step{margin-bottom:10px}
  #dr #checkoutForm legend{font-size:12px;line-height:16px;margin-bottom:6px}
  #dr .checkout-contact-grid,#dr .checkout-address-grid{gap:8px 10px}
  #dr #checkoutForm label{font-size:12px;line-height:16px;gap:4px}
  #dr #checkoutForm label>:is(input:not([type=radio]),select,textarea){min-height:44px;height:44px;padding:9px 10px;border-radius:11px}
  #dr #checkoutForm .method-row{margin-bottom:8px}
  #dr #checkoutForm .method-row label{min-height:44px;font-size:13px;gap:7px}
  #dr #checkoutForm .checkout-note-field{margin-top:8px}
  #dr #checkoutForm textarea:focus{height:72px}
  #dr #checkoutForm .pay{font-size:11px;line-height:16px;padding:7px 9px}
  #dr .df,#dr.cart-view .df{flex:none;padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px));border-radius:0;box-shadow:none;background:var(--cd)}
  #dr .df .btn,#dr.cart-view .df .btn{min-height:48px;padding-block:10px;font-size:15px;border-radius:12px;box-shadow:none}
  #dr[data-drawer-view=checkout] #checkoutSummary .sum{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 8px;font-size:11px;line-height:1.4}
  #dr[data-drawer-view=checkout] #checkoutSummary .sum>div{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;min-width:0;margin:0;padding:0;border:0;font-size:11px}
  #dr[data-drawer-view=checkout] #checkoutSummary .sum span{color:var(--mu)}
  #dr[data-drawer-view=checkout] #checkoutSummary .sum b{font-size:13px;line-height:1.4;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
  #dr[data-drawer-view=checkout] #checkoutSummary .sum .t b{font-size:16px;color:var(--ac)}
  #dr.cart-view .it{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 0}
  #dr.cart-view .th{grid-row:auto;width:52px;height:64px;border-radius:11px}
  #dr.cart-view .ii h4{font-size:14px;line-height:1.45}
  #dr.cart-view .ii small{font-size:11px;line-height:1.4;margin-block:3px}
  #dr.cart-view .ii b{font-size:13px;margin-top:4px}
  #dr.cart-view .qty{grid-column:auto;grid-row:auto;gap:0;padding:0;border-radius:12px}
  #dr.cart-view .qty button{width:44px;height:44px;min-height:44px;border-radius:11px;font-size:19px}
  #dr.cart-view .qty b{min-width:23px;font-size:13px}
  #dr.cart-view .cart-subtotal{font-size:13px;margin-bottom:8px}
  #dr.cart-view .cart-subtotal b{font-size:19px}
  #dr.cart-view .cart-delivery-note{font-size:11px;margin-top:6px}
}
@media(max-width:359px){#dr.cart-view .it{grid-template-columns:44px minmax(0,1fr) auto;gap:8px}#dr.cart-view .th{width:44px;height:58px}#dr.cart-view .ii h4{font-size:13px}}
@media(prefers-reduced-motion:reduce){#dr,#dr.on{transition:none!important}#dr #checkoutForm *{animation:none!important;transition:none!important}}