/* Electric Store UAE — shared styles for inner pages (Live Circuit) */
.es{--ink:#2A170A;--graphite:#3A2212;--steel:#553520;--slate:#6E5A47;--fog:#CDB8A0;--paper:#FAF6F0;--bone:#F1EFEB;--rule:#E6DACA;--white:#FFFFFF;--copper:#F5AD3C;--copper-bright:#FFC560;--copper-deep:#8F5A0C;--arc:#F5AD3C;--in-stock:#F5AD3C;--low-stock:#9A8670;--alert:#E5484D;--warm:#FBF4E8;
--wrgb:255,255,255;--crgb:251,244,232;--irgb:42,23,10;--prgb:58,34,18;--field:#301C0E;
--ease-out-expo:cubic-bezier(.16,1,.3,1);--ease-in-out:cubic-bezier(.65,0,.35,1);--ease-out:cubic-bezier(.22,1,.36,1);
--f-display:'Archivo','Arial Narrow',Arial,sans-serif;--f-text:'IBM Plex Sans',system-ui,-apple-system,'Segoe UI',sans-serif;--f-mono:'IBM Plex Mono',ui-monospace,Menlo,Consolas,monospace;
--gut:24px;--mar:48px;--max:1440px;
position:relative;min-height:100vh;font-family:var(--f-text);font-size:16px;line-height:1.6;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;overflow-x:clip}
.es *,.es *::before,.es *::after{box-sizing:border-box}
.es img,.es svg{display:block}
.es button,.es input,.es select,.es textarea{font-family:inherit}
.es :focus-visible{outline:2px solid var(--arc);outline-offset:2px}
.wrap{max-width:var(--max);margin-inline:auto;padding-inline:var(--mar);position:relative}
@media (max-width:1279px){.es{--mar:40px}}
@media (max-width:1023px){.es{--mar:32px;--gut:20px}}
@media (max-width:767px){.es{--mar:16px;--gut:16px}}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
[data-surface=stage]{--bg:var(--ink);--surface:var(--graphite);--text:var(--warm);--text-muted:var(--fog);--border:rgba(var(--wrgb),.08);--accent-text:var(--copper-bright);background-color:var(--bg);color:var(--text)}
[data-surface=workbench]{--bg:var(--paper);--surface:var(--bone);--text:var(--ink);--text-muted:var(--slate);--border:var(--rule);--accent-text:var(--copper-deep);background-color:var(--bg);color:var(--text)}
[data-surface]{transition:background-color 500ms var(--ease-out),color 500ms var(--ease-out)}
/* light mode: stage surfaces become light */
.es.light [data-surface=stage],.es.light .sh{--ink:#FAF6F0;--graphite:#F0E8DC;--steel:#E6DACA;--warm:#2A170A;--fog:#6E5A47;--copper-bright:#8F5A0C;--wrgb:42,23,10;--crgb:42,23,10;--irgb:250,246,240;--prgb:255,255,255;--field:#FFFFFF}
.es.light .keep-dark{--ink:#2A170A;--graphite:#3A2212;--steel:#553520;--warm:#FBF4E8;--fog:#CDB8A0;--copper-bright:#FFC560;--wrgb:255,255,255;--crgb:251,244,232;--text:#FBF4E8}
.es:not(.light) [data-surface=workbench]{--paper:#FAF6F0}
/* type */
.dl{font-family:var(--f-display);font-weight:800;font-stretch:112%;font-size:clamp(40px,6vw,92px);line-height:.95;letter-spacing:-.02em;margin:0;text-transform:uppercase}
.h1{font-family:var(--f-display);font-weight:700;font-stretch:106%;font-size:clamp(36px,4.5vw,72px);line-height:1;letter-spacing:-.015em;margin:0}
.h2{font-family:var(--f-display);font-weight:700;font-stretch:106%;font-size:clamp(28px,3.2vw,48px);line-height:1.05;letter-spacing:-.01em;margin:0;text-wrap:balance}
.h3{font-weight:600;font-size:clamp(20px,1.8vw,28px);line-height:1.2;margin:0}
.lead{font-size:clamp(16px,1.3vw,19px);line-height:1.6;color:var(--text-muted);max-width:56ch;margin:0;text-wrap:pretty}
.body{font-size:16px;line-height:1.6;color:var(--text-muted);margin:0;max-width:64ch}
.lbl{font-family:var(--f-mono);font-weight:500;font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.mono{font-family:var(--f-mono)}
.idx{display:flex;align-items:center;gap:12px;font-family:var(--f-mono);font-weight:500;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin:0 0 18px}
.term{width:8px;height:8px;border-radius:999px;border:1.5px solid var(--copper);flex:none;transition:background-color 400ms,box-shadow 400ms}
.term.on,.in .idx .term{background:var(--copper);box-shadow:0 0 0 4px rgba(245,173,60,.16),0 0 18px rgba(255,197,96,.55)}
/* icons */
.ic{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:square;stroke-linejoin:miter;flex:none}
.iec{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:square}
/* buttons */
.btn{--h:44px;position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:10px;height:var(--h);padding-inline:20px;border-radius:4px;border:1px solid transparent;font-weight:500;font-size:15px;line-height:1;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color 180ms var(--ease-out),border-color 180ms,color 180ms,transform 150ms var(--ease-out)}
.btn.lg{--h:52px;padding-inline:26px}.btn.sm{--h:36px;padding-inline:14px;font-size:14px}
.btn:active{transform:scale(.98)}
.btn .ic{width:18px;height:18px}
.btn .arr{transition:transform 180ms var(--ease-out)}.btn:hover .arr{transform:translateX(4px)}
.btn-p{background:var(--copper);color:#2A170A}.btn-p:hover{background:var(--copper-bright);color:#2A170A}
.btn-p::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.4) 50%,transparent 70%);transform:translateX(-120%);transition:transform 600ms var(--ease-in-out)}
.btn-p:hover::after{transform:translateX(120%)}
[data-surface=workbench] .btn-p{background:#2A170A;color:#FBF4E8}[data-surface=workbench] .btn-p:hover{background:#4A2D17}
[data-surface=workbench] .btn-p::after{background:linear-gradient(105deg,transparent 30%,rgba(245,173,60,.6) 50%,transparent 70%)}
.btn-s{background:transparent;color:var(--text);border-color:rgba(var(--crgb),.4)}.btn-s:hover{background:rgba(var(--crgb),.08)}
[data-surface=workbench] .btn-s{border-color:rgba(42,23,10,.2);color:var(--ink)}[data-surface=workbench] .btn-s:hover{background:rgba(42,23,10,.06)}
.btn[disabled]{opacity:.4;pointer-events:none}
.tl{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--accent-text);text-decoration:none;font-weight:500;border:0;padding:0;background-color:transparent;cursor:pointer;font-size:inherit;background-image:linear-gradient(currentColor,currentColor);background-position:0 calc(100% - 10px);background-size:0 1px;background-repeat:no-repeat;transition:background-size 300ms var(--ease-out)}
.tl:hover{background-size:100% 1px}
.tl .ic{width:18px;height:18px}
.ib{position:relative;width:44px;height:44px;display:inline-grid;place-items:center;border:1px solid var(--border);border-radius:4px;background:transparent;color:inherit;cursor:pointer;text-decoration:none;flex:none;transition:border-color 180ms}
.ib:hover{border-color:var(--copper)}
.chip{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:4px 8px;border:1px solid var(--border);border-radius:2px;font-family:var(--f-mono);font-size:12px;line-height:1.2;color:var(--text);background:transparent;white-space:nowrap}
button.chip,a.chip{cursor:pointer;min-height:36px;padding-inline:12px;text-decoration:none;transition:border-color 180ms,color 180ms,background-color 180ms}
button.chip:hover,a.chip:hover{border-color:var(--copper);color:var(--accent-text)}
button.chip.on{background:var(--copper);border-color:var(--copper);color:#2A170A}
.pill{display:inline-flex;align-items:center;gap:6px;height:24px;padding-inline:10px;border-radius:999px;background:rgba(255,255,255,.9);border:1px solid var(--rule);font-family:var(--f-mono);font-size:11px;color:#2A170A;white-space:nowrap}
.pill i{width:6px;height:6px;border-radius:999px;background:var(--in-stock);animation:livedot 2s ease-in-out infinite}
.pill.low i{background:var(--low-stock)}.pill.lead i{background:#9A8670;animation:none}
@keyframes livedot{0%,100%{box-shadow:0 0 0 0 rgba(61,190,126,.5)}50%{box-shadow:0 0 0 4px rgba(61,190,126,0)}}
/* forms */
.fld label{display:block;font-size:14px;font-weight:500;margin-bottom:6px}
.fld .opt{font-weight:400;color:var(--text-muted)}
.fw{position:relative}
.fw::after{content:"";position:absolute;inset-inline:0;bottom:0;height:2px;background:var(--copper);transform:scaleX(0);transform-origin:left;transition:transform 300ms var(--ease-out)}
.fw:focus-within::after{transform:scaleX(1)}
.inp{width:100%;height:52px;padding-inline:14px;border:1px solid var(--rule);border-radius:4px;background:#FFFFFF;color:#2A170A;font-size:16px;transition:border-color 200ms}
textarea.inp{height:120px;padding-block:12px;resize:vertical}
select.inp{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#6E5A47 50%),linear-gradient(135deg,#6E5A47 50%,transparent 50%);background-position:calc(100% - 20px) 50%,calc(100% - 15px) 50%;background-size:5px 5px;background-repeat:no-repeat;padding-inline-end:36px}
[data-surface=stage] .inp{background:var(--field);border-color:var(--steel);color:var(--warm)}
.inp:hover{border-color:#C9B79F}
.fld.err .inp{border-color:var(--alert)}
.help{font-size:13px;margin:6px 0 0;color:var(--text-muted)}.help.err{color:#B4282D}
[data-surface=stage] .help.err{color:#FF8E91}
.es.light [data-surface=stage] .help.err{color:#B4282D}
/* header */
.sprog{position:fixed;top:0;inset-inline:0;height:2px;z-index:130;pointer-events:none}
.sprog i{display:block;height:100%;background:linear-gradient(90deg,var(--copper-deep),var(--copper-bright));transform:scaleX(0);transform-origin:left;box-shadow:0 0 10px rgba(255,197,96,.7)}
.sh{position:sticky;top:0;z-index:100;background:rgba(var(--irgb),.86);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid rgba(var(--wrgb),.08);color:var(--warm);--border:rgba(var(--wrgb),.12);--text:var(--warm);--accent-text:var(--copper-bright)}
.sh-in{display:flex;align-items:center;gap:24px;height:72px}
.logo{display:flex;align-items:center;gap:7px;color:var(--warm);text-decoration:none;flex:none;min-height:44px}
.logo-w{font-family:var(--f-display);font-weight:800;font-stretch:120%;font-size:18px;letter-spacing:-.01em;line-height:1}
.logo-dot{width:10px;height:10px;border-radius:999px;border:2px solid var(--copper);animation:logopulse 3s ease-in-out infinite}
@keyframes logopulse{0%,100%{box-shadow:0 0 0 0 rgba(255,197,96,0)}50%{box-shadow:0 0 0 4px rgba(255,197,96,.25),0 0 12px rgba(255,197,96,.6);background:var(--copper)}}
.logo-uae{font-family:var(--f-mono);font-size:12px;letter-spacing:.1em;color:var(--fog)}
.sh-nav{display:flex;gap:2px;margin-inline:auto}
.sh-nav a{position:relative;display:inline-flex;align-items:center;height:44px;padding-inline:12px;color:var(--warm);opacity:.8;font-weight:500;font-size:15px;text-decoration:none}
.sh-nav a::after{content:"";position:absolute;inset-inline:12px;bottom:6px;height:1px;background:var(--copper);transform:scaleX(0);transform-origin:left;transition:transform 300ms var(--ease-out)}
.sh-nav a:hover,.sh-nav a.on{opacity:1}.sh-nav a:hover::after,.sh-nav a.on::after{transform:scaleX(1)}
.sh-act{display:flex;align-items:center;gap:8px}
.sh-act .ib{border-color:transparent;color:var(--warm)}.sh-act .ib:hover{border-color:rgba(var(--wrgb),.16)}
.badge{position:absolute;top:4px;inset-inline-end:2px;min-width:18px;height:18px;padding-inline:5px;border-radius:999px;background:var(--copper);color:#2A170A;font-family:var(--f-mono);font-size:11px;font-weight:500;display:grid;place-items:center;line-height:1}
.badge.b0{animation:bumpA 420ms var(--ease-out-expo)}.badge.b1{animation:bumpB 420ms var(--ease-out-expo)}
@keyframes bumpA{40%{transform:scale(1.4)}}@keyframes bumpB{40%{transform:scale(1.4)}}
.sh-mnav{display:none}
@media (max-width:1023px){.sh-nav,.sh-act .hide-t{display:none}.sh-in{height:60px}.sh-act{margin-inline-start:auto}.sh-mnav{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;padding:0 var(--mar) 10px}.sh-mnav a{flex:none;display:inline-flex;align-items:center;min-height:36px;padding-inline:12px;border:1px solid rgba(var(--wrgb),.12);border-radius:999px;color:var(--warm);text-decoration:none;font-size:14px}.sh-mnav a.on{border-color:var(--copper);color:var(--copper-bright)}}
/* page head */
.phead{position:relative;overflow:hidden;padding-block:72px 64px;isolation:isolate}
.phead .wrap{z-index:2}
.crumb{display:flex;gap:8px;align-items:center;font-family:var(--f-mono);font-size:12px;letter-spacing:.06em;color:var(--fog);margin-bottom:24px;flex-wrap:wrap}
.crumb a{color:var(--fog);text-decoration:none}.crumb a:hover{color:var(--copper-bright)}
.crumb span[aria-hidden]{color:var(--copper)}
.phead .h1 .ln{display:block;overflow:hidden}.phead .h1 .ln>span{display:block;animation:lnUp 900ms var(--ease-out-expo) 100ms both}
@keyframes lnUp{from{transform:translateY(105%)}to{transform:none}}
.phead .lead{margin-top:18px;animation:fadeUp 700ms var(--ease-out-expo) 350ms both}
.pgrid{position:absolute;inset:0;z-index:0;background-image:linear-gradient(rgba(var(--wrgb),.05) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--wrgb),.05) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse at 80% 40%,#000 20%,transparent 70%);mask-image:radial-gradient(ellipse at 80% 40%,#000 20%,transparent 70%);animation:gridpan 20s linear infinite}
@keyframes gridpan{to{background-position:56px 56px}}
.traces{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
.tr-base path{fill:none;stroke:rgba(var(--crgb),.08);stroke-width:1}
.tr-pulse{filter:drop-shadow(0 0 4px rgba(255,197,96,.9))}
.tr-pulse path{fill:none;stroke:#FFC560;stroke-width:1.6;stroke-linecap:round;stroke-dasharray:70 2400;stroke-dashoffset:2470;animation:flow 7s linear infinite}
.tr-pulse path:nth-child(2){animation-duration:9s;animation-delay:-2s}.tr-pulse path:nth-child(3){animation-duration:5s;animation-delay:-1s}.tr-pulse path:nth-child(4){animation-duration:6s;animation-delay:-4s}
@keyframes flow{to{stroke-dashoffset:0}}
.es.light .tr-pulse{filter:none}.es.light .tr-pulse path{stroke:#F5AD3C}
.phead-glow{position:absolute;z-index:0;width:520px;height:520px;inset-inline-end:-120px;top:-180px;border-radius:50%;background:radial-gradient(circle,rgba(245,173,60,.22),transparent 65%);animation:glowmove 12s ease-in-out infinite alternate}
@keyframes glowmove{to{transform:translate(-120px,80px) scale(1.15)}}
/* reveal */
.armed [data-rv]{opacity:0;transform:translateY(20px);transition:opacity 900ms var(--ease-out-expo),transform 900ms var(--ease-out-expo)}
.armed [data-rv].in{opacity:1;transform:none}
.armed [data-rv] .h2{clip-path:inset(0 0 100% 0);transform:translateY(28px);transition:clip-path 1000ms var(--ease-in-out),transform 1000ms var(--ease-out-expo)}
.armed [data-rv].in .h2{clip-path:inset(-20% -10% -30% -10%);transform:none}
@keyframes fadeUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes rise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@keyframes riseB{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@keyframes fade{from{opacity:0}to{opacity:1}}
@keyframes energise{from{filter:brightness(.35) saturate(.6);transform:scale(1.06)}to{filter:none;transform:none}}
/* product card */
.card{position:relative;display:flex;flex-direction:column;background:#FFFFFF;border:1px solid var(--rule);border-radius:4px;color:#2A170A;transition:box-shadow 300ms var(--ease-out),transform 250ms var(--ease-out);transform-style:preserve-3d;will-change:transform}
.card:hover{box-shadow:0 28px 56px -24px rgba(42,23,10,.25)}
.card::after{content:"";position:absolute;inset:0;border-radius:4px;pointer-events:none;background:radial-gradient(360px circle at var(--gx,50%) var(--gy,0%),rgba(255,255,255,.55),transparent 45%);opacity:0;transition:opacity 300ms;mix-blend-mode:soft-light;z-index:5}
.card:hover::after{opacity:1}
.card .ol{position:absolute;inset:-1px;width:calc(100% + 2px);height:calc(100% + 2px);pointer-events:none;z-index:4;overflow:visible}
.card .ol rect{width:calc(100% - 1.5px);height:calc(100% - 1.5px);fill:none;stroke:var(--copper);stroke-width:1.5;stroke-dasharray:4000;stroke-dashoffset:4000;transition:stroke-dashoffset 250ms var(--ease-out)}
.card:hover .ol rect{stroke-dashoffset:0;transition:stroke-dashoffset 600ms var(--ease-in-out)}
.well{position:relative;display:block;aspect-ratio:4/5;border-radius:3px 3px 0 0;overflow:hidden;background:radial-gradient(70% 60% at 50% 38%,#FFFFFF 0%,var(--bone) 62%,#E8E6E2 100%)}
.well img{position:absolute;inset:9% 9% 11%;width:82%;height:80%;object-fit:contain;mix-blend-mode:multiply;transition:transform 600ms var(--ease-out-expo)}
.card:hover .well img{transform:scale(1.06) translateY(-4px)}
.well .brand{position:absolute;z-index:2;top:12px;inset-inline-start:12px;font-family:var(--f-mono);font-size:11px;letter-spacing:.08em;color:var(--slate)}
.card:hover .well .brand{color:var(--copper-deep)}
.well .pill{position:absolute;z-index:2;top:8px;inset-inline-end:8px}
.cbody{display:flex;flex-direction:column;gap:10px;padding:16px;flex:1}
.cname{margin:0;font-size:16px;font-weight:500;line-height:1.35;min-height:2.7em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#2A170A;text-decoration:none}
a.cname:hover{color:var(--copper-deep)}
.part{display:inline-flex;align-items:center;gap:4px;font-family:var(--f-mono);font-size:13px;color:var(--slate);direction:ltr}
.cpy{position:relative;width:28px;height:28px;display:inline-grid;place-items:center;border:0;background:none;color:inherit;cursor:pointer;border-radius:2px;opacity:.7}
.cpy::before{content:"";position:absolute;inset:-8px}
.cpy .ic{width:16px;height:16px}.cpy:hover{opacity:1;color:var(--copper-deep)}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.card .chip{border-color:var(--rule);color:#2A170A}
.cfoot{margin-top:auto;padding-top:12px;border-top:1px solid var(--rule);display:flex;align-items:center;justify-content:space-between;gap:8px}
.price{font-family:var(--f-mono);font-weight:500;font-size:20px;line-height:1;white-space:nowrap}
.price small{font-size:11px;letter-spacing:.08em;color:var(--slate);margin-inline-end:6px;font-weight:500}
.addq{--h:40px;padding-inline:14px;font-size:14px}
.addq.added{background:var(--copper)!important;color:#2A170A!important}
/* footer */
.sf{position:relative;overflow:hidden;padding-top:72px;border-top:1px solid rgba(var(--wrgb),.06)}
.sf-top{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:var(--gut);padding-bottom:48px;border-bottom:1px solid rgba(var(--wrgb),.08)}
.sf-top p{color:var(--fog);max-width:34ch;margin:16px 0 0}
.sf-cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gut)}
.sf-cols h3{margin:0 0 12px;font-family:var(--f-mono);font-weight:500;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--fog)}
.sf-cols ul{list-style:none;margin:0;padding:0}
.sf-cols a{display:inline-flex;align-items:center;min-height:34px;color:var(--warm);opacity:.82;text-decoration:none;font-size:15px}
.sf-cols a:hover{opacity:1;color:var(--copper-bright)}
.sf-bot{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding-block:24px;font-family:var(--f-mono);font-size:12px;color:var(--fog)}
.sf-wm{position:relative;height:8vw;margin-top:8px}
.sf-wm span{position:absolute;inset-inline-start:-.05em;top:0;font-family:var(--f-display);font-weight:800;font-stretch:112%;font-size:10.5vw;line-height:.86;letter-spacing:-.02em;white-space:nowrap;color:transparent;-webkit-text-stroke:1px var(--steel)}
.sf-wm .fill{color:var(--copper);-webkit-text-stroke:0;clip-path:inset(0 100% 0 0)}
.sf-wm.in .fill{animation:sweep 2400ms var(--ease-in-out) 200ms both}
@keyframes sweep{0%{clip-path:inset(0 100% 0 0)}50%{clip-path:inset(0 0 0 0)}100%{clip-path:inset(0 0 0 100%)}}
@media (max-width:1023px){.sf-top{grid-template-columns:1fr;gap:40px}}
@media (max-width:767px){.sf-cols{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* toasts + cursor */
.toasts{position:fixed;z-index:400;inset-inline-end:24px;bottom:24px;display:flex;flex-direction:column;align-items:flex-end;gap:8px;pointer-events:none}
.toast{display:flex;align-items:center;gap:10px;max-width:360px;padding:12px 16px;border:1px solid #553520;border-radius:4px;background:#2A170A;color:#FBF4E8;font-size:14px;box-shadow:0 32px 64px -24px rgba(0,0,0,.5);animation:toastIn 420ms var(--ease-out-expo)}
.toast .term{background:var(--copper)}
@keyframes toastIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.cur{position:fixed;left:0;top:0;z-index:600;width:34px;height:34px;margin:-17px 0 0 -17px;border-radius:999px;border:1px solid rgba(245,173,60,.8);pointer-events:none;opacity:0;transition:width 250ms var(--ease-out),height 250ms var(--ease-out),margin 250ms var(--ease-out),opacity 250ms,background-color 250ms}
.cur::after{content:"";position:absolute;left:50%;top:50%;width:4px;height:4px;margin:-2px;border-radius:999px;background:var(--copper-bright)}
.cur.on{opacity:1}.cur.big{width:60px;height:60px;margin:-30px 0 0 -30px;background:rgba(245,173,60,.12)}
@media (hover:none),(pointer:coarse){.cur{display:none}}
/* reduced motion */
@media (prefers-reduced-motion:reduce){.es *,.es *::before,.es *::after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}.armed [data-rv]{opacity:1;transform:none}.armed [data-rv] .h2{clip-path:none;transform:none}.cur{display:none}}

@media (max-width:767px){.logo-w{font-size:15px}.logo-uae{display:none}.sh-act{gap:0}}

/* ── v20 · green touch, cart, tab bar, mobile motion ── */
.es{--volt:#F5AD3C;--volt-bright:#FFC560;--volt-deep:#8F5A0C;--vrgb:245,173,60;--in-stock:#F5AD3C}
[data-surface=stage]{--volt-text:var(--volt-bright)}
[data-surface=workbench],.es.light [data-surface=stage]{--volt-text:var(--volt-deep)}
.es.light .keep-dark{--volt-text:var(--volt-bright)}
.grad{background:linear-gradient(100deg,var(--copper-bright) 0%,var(--volt-bright) 55%,var(--copper-bright) 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gradmove 6s ease-in-out infinite alternate}
[data-surface=workbench] .grad,.es.light [data-surface=stage] .grad{background-image:linear-gradient(100deg,var(--copper-deep) 0%,var(--volt-deep) 55%,var(--copper-deep) 100%)}
@keyframes gradmove{to{background-position:100% 0}}
.logo-dot{border-color:var(--volt);animation:logopulse2 3s ease-in-out infinite}
@keyframes logopulse2{0%,100%{box-shadow:0 0 0 0 rgba(var(--vrgb),0);background:transparent}50%{box-shadow:0 0 0 4px rgba(var(--vrgb),.22),0 0 14px rgba(var(--vrgb),.6);background:var(--volt)}}
.sprog i{background:linear-gradient(90deg,var(--copper),var(--volt-bright));box-shadow:0 0 10px rgba(var(--vrgb),.6)}
.pill i{background:var(--volt)}
@keyframes livedot{0%,100%{box-shadow:0 0 0 0 rgba(245,173,60,.55)}50%{box-shadow:0 0 0 4px rgba(245,173,60,0)}}
.tr-pulse path:nth-child(even){stroke:var(--volt-bright)}
.tr-pulse.g{filter:drop-shadow(0 0 4px rgba(255,197,96,.9))}
.es.light .tr-pulse path:nth-child(even){stroke:var(--volt-deep)}
.phead-glow.g{inset-inline-end:auto;inset-inline-start:-160px;top:auto;bottom:-260px;background:radial-gradient(circle,rgba(245,173,60,.18),transparent 65%);animation-duration:15s;animation-direction:alternate-reverse}
.term.g{border-color:var(--volt)}.term.g.on,.in .idx .term.g{background:var(--volt);box-shadow:0 0 0 4px rgba(var(--vrgb),.16),0 0 18px rgba(var(--vrgb),.55)}
.btn-g{background:var(--volt);color:#2A170A;font-weight:600}.btn-g:hover{background:var(--volt-bright);color:#2A170A}
.btn-g::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.5) 50%,transparent 70%);transform:translateX(-120%);animation:gshine 3.2s var(--ease-in-out) infinite}
@keyframes gshine{0%,55%{transform:translateX(-120%)}100%{transform:translateX(120%)}}
[data-surface=workbench] .btn-g{background:var(--volt-deep);color:#fff}[data-surface=workbench] .btn-g:hover{background:#6F4609;color:#fff}
.btn-g .ic{stroke-width:1.8}
.badge.g{background:var(--volt);color:#2A170A}
.toast .term.g{background:var(--volt);border-color:var(--volt)}
.vtxt{color:var(--volt-text)}
.dot-live{display:inline-block;width:8px;height:8px;border-radius:999px;background:var(--volt);animation:livedot 2s ease-in-out infinite;flex:none}
/* payment marks (text badges) */
.pays{display:flex;flex-wrap:wrap;gap:6px}
.pm{display:inline-flex;align-items:center;justify-content:center;height:28px;min-width:48px;padding-inline:9px;border:1px solid rgba(var(--wrgb),.14);border-radius:4px;font-family:var(--f-mono);font-size:11px;font-weight:500;letter-spacing:.04em;color:var(--text,inherit);background:rgba(var(--wrgb),.03);white-space:nowrap}
[data-surface=workbench] .pm{border-color:var(--rule);background:#fff;color:#2A170A}
/* ripple */
.rip{--rx:50%;--ry:50%}
.rip::before{content:"";position:absolute;z-index:6;left:var(--rx);top:var(--ry);width:16px;height:16px;margin:-8px;border-radius:999px;background:rgba(var(--vrgb),.35);pointer-events:none;animation:ripple 650ms var(--ease-out) forwards}
@keyframes ripple{from{transform:scale(0);opacity:1}to{transform:scale(28);opacity:0}}
/* header extras */
.sh{transition:transform 400ms var(--ease-out-expo),background-color 300ms}
.sh .ib.cart .badge{background:var(--volt);color:#2A170A}
.sh-menu{display:none}
@media (max-width:1023px){.sh-menu{display:inline-grid}.sh-mnav{display:none!important}.es[data-dir=down] .sh{transform:translateY(-100%)}}
/* mobile menu sheet */
.msheet{position:fixed;inset:0;z-index:300;display:flex;flex-direction:column;background:#2A170A;color:#FBF4E8;padding:20px var(--mar) 120px;overflow:auto;animation:sheetIn 600ms var(--ease-out-expo) both}
@keyframes sheetIn{from{clip-path:circle(0% at calc(100% - 40px) 36px)}to{clip-path:circle(150% at calc(100% - 40px) 36px)}}
.msheet::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 40% at 100% 0%,rgba(245,173,60,.25),transparent 70%),radial-gradient(60% 40% at 0% 100%,rgba(245,173,60,.18),transparent 70%);pointer-events:none}
.msheet>*{position:relative}
.msheet .mtop{display:flex;justify-content:space-between;align-items:center;height:44px;margin-bottom:28px}
.msheet .ib{color:#FBF4E8;border-color:rgba(255,255,255,.16)}
.msheet nav{display:flex;flex-direction:column}
.msheet nav a{display:flex;align-items:center;justify-content:space-between;padding-block:14px;border-bottom:1px solid rgba(255,255,255,.08);font-family:var(--f-display);font-weight:700;font-stretch:106%;font-size:30px;line-height:1.1;color:#FBF4E8;text-decoration:none;animation:rise 600ms var(--ease-out-expo) backwards}
.msheet nav a .ic{color:var(--volt-bright)}
.msheet nav a.on{color:var(--copper-bright)}
.msheet nav a:nth-child(1){animation-delay:120ms}.msheet nav a:nth-child(2){animation-delay:170ms}.msheet nav a:nth-child(3){animation-delay:220ms}.msheet nav a:nth-child(4){animation-delay:270ms}.msheet nav a:nth-child(5){animation-delay:320ms}.msheet nav a:nth-child(6){animation-delay:370ms}.msheet nav a:nth-child(7){animation-delay:420ms}.msheet nav a:nth-child(8){animation-delay:470ms}
.msheet .mfoot{margin-top:28px;display:grid;gap:10px;animation:rise 600ms var(--ease-out-expo) 520ms backwards}
.msheet .mfoot .btn{width:100%}
.msheet .btn-s{color:#FBF4E8;border-color:rgba(255,255,255,.25)}
/* bottom tab bar (mobile) */
.tabbar{display:none}
@media (max-width:1023px){
.es{padding-bottom:calc(72px + env(safe-area-inset-bottom))}
.tabbar{position:fixed;z-index:150;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(5,1fr);height:62px;padding:6px;border-radius:18px;background:rgba(42,23,10,.88);-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);border:1px solid rgba(255,255,255,.08);box-shadow:0 18px 40px -12px rgba(0,0,0,.55);animation:tabIn 700ms var(--ease-out-expo) 300ms backwards;transition:transform 400ms var(--ease-out-expo)}
.es[data-dir=down] .tabbar{transform:translateY(calc(100% + 20px))}
@keyframes tabIn{from{transform:translateY(120%)}}
.tabbar a{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border-radius:12px;color:#CDB8A0;text-decoration:none;font-size:10.5px;font-weight:500;letter-spacing:.02em;overflow:hidden;-webkit-tap-highlight-color:transparent}
.tabbar a .ic{width:22px;height:22px;transition:transform 300ms var(--ease-out-expo)}
.tabbar a:active .ic{transform:scale(.82)}
.tabbar a.on{color:#FBF4E8;background:linear-gradient(180deg,rgba(245,173,60,.16),rgba(245,173,60,.04))}
.tabbar a.on::after{content:"";position:absolute;top:0;left:30%;right:30%;height:2px;border-radius:2px;background:var(--volt-bright);box-shadow:0 0 10px var(--volt-bright);animation:tabline 500ms var(--ease-out-expo)}
.tabbar a.on .ic{color:var(--volt-bright);animation:tabpop 600ms var(--ease-out-expo)}
@keyframes tabline{from{transform:scaleX(0)}}
@keyframes tabpop{40%{transform:translateY(-3px) scale(1.12)}}
.tabbar .badge{top:4px;inset-inline-end:calc(50% - 22px);background:var(--volt);color:#2A170A}
.es.light .tabbar{background:rgba(255,255,255,.9);border-color:rgba(42,23,10,.08);box-shadow:0 18px 40px -16px rgba(42,23,10,.3)}
.es.light .tabbar a{color:#6E5A47}.es.light .tabbar a.on{color:#2A170A}.es.light .tabbar a.on .ic{color:var(--volt-deep)}
.toasts{bottom:96px;inset-inline:16px;align-items:stretch}
}
/* mobile motion */
@media (max-width:767px){
.armed [data-rv]{transform:translateY(28px) scale(.97);filter:blur(4px);transition:opacity 800ms var(--ease-out-expo) var(--d,0ms),transform 800ms var(--ease-out-expo) var(--d,0ms),filter 800ms var(--ease-out-expo) var(--d,0ms)}
.armed [data-rv].in{filter:none}
.armed [data-rv=l]{transform:translateX(-36px) rotate(-1.5deg)}
.armed [data-rv=r]{transform:translateX(36px) rotate(1.5deg)}
.armed [data-rv=l].in,.armed [data-rv=r].in{transform:none}
.phead{padding-block:40px 44px}
.phead .h1{font-size:clamp(34px,10vw,48px)}
.btn{min-height:48px}.btn.sm{min-height:36px}
.card:active{transform:scale(.98)}
.sf{padding-top:48px}
}
/* sparks in page heads */
.sparks{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}
.sparks i{position:absolute;bottom:-10px;width:3px;height:3px;border-radius:999px;background:var(--volt-bright);box-shadow:0 0 8px var(--volt-bright);opacity:0;animation:spark 7s linear infinite}
.sparks i:nth-child(odd){background:var(--copper-bright);box-shadow:0 0 8px var(--copper-bright)}
.sparks i:nth-child(1){left:8%;animation-delay:-1s}.sparks i:nth-child(2){left:22%;animation-delay:-3.5s;animation-duration:9s}.sparks i:nth-child(3){left:37%;animation-delay:-5s}.sparks i:nth-child(4){left:52%;animation-delay:-2s;animation-duration:8s}.sparks i:nth-child(5){left:66%;animation-delay:-6s}.sparks i:nth-child(6){left:79%;animation-delay:-4s;animation-duration:10s}.sparks i:nth-child(7){left:91%;animation-delay:-.5s}
@keyframes spark{0%{transform:translateY(0);opacity:0}10%{opacity:.9}100%{transform:translateY(-420px) translateX(30px);opacity:0}}
.es.light .sparks i{box-shadow:none}
/* section heads */
.shd{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-bottom:40px}
.uline{position:relative;display:inline-block}
.uline::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:3px;border-radius:2px;background:linear-gradient(90deg,var(--copper),var(--volt));transform:scaleX(0);transform-origin:left;transition:transform 900ms var(--ease-out-expo) 300ms}
.in .uline::after,.uline.in::after{transform:scaleX(1)}
.sec{padding-block:96px}
@media (max-width:767px){.sec{padding-block:56px}.shd{margin-bottom:28px}}
/* footer pays */
.sf-pay{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding-block:20px;border-bottom:1px solid rgba(var(--wrgb),.08)}
.sf-pay .lbl{color:var(--fog)}
.tap{position:relative;overflow:hidden}

/* ── v21 · human touch: fewer effects, hand-made details ── */
.grad{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 24' preserveAspectRatio='none'%3E%3Cpath d='M3 16 C 38 9, 74 19, 112 11 S 172 14, 197 8' fill='none' stroke='%23F5AD3C' stroke-width='7' stroke-linecap='round' opacity='.55'/%3E%3C/svg%3E") no-repeat 0 96%/100% .34em!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;color:inherit!important;animation:none!important;padding-bottom:.02em}
.sparks,.hero-glow-g{display:none!important}
.phead-glow{opacity:.45}
.btn-g::after{animation:none!important}
.btn-g:hover::after{transform:translateX(120%);transition:transform 600ms var(--ease-in-out)}
.logo-dot{animation:none!important;background:var(--volt)!important;box-shadow:none!important}
.term.on,.in .idx .term,.term.g.on,.in .idx .term.g{box-shadow:none!important}
.tr-pulse,.tr-pulse.g{filter:none!important}
.uline::after{height:.32em;bottom:-.06em;z-index:-1;border-radius:0;opacity:.35;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 24' preserveAspectRatio='none'%3E%3Cpath d='M3 14 C 50 8, 90 18, 140 10 S 185 13, 197 9' fill='none' stroke='%23F5AD3C' stroke-width='9' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat 0 0/100% 100%}
.uline{position:relative;z-index:0}
.hand{font-family:'Caveat','Segoe Print','Comic Sans MS',cursive;font-weight:600;font-size:23px;line-height:1.15;color:var(--copper-deep);letter-spacing:0;text-transform:none}
[data-surface=stage] .hand{color:var(--copper-bright)}
.es.light [data-surface=stage] .hand{color:var(--copper-deep)}
.note{position:relative;display:inline-flex;align-items:flex-start;gap:8px;max-width:30ch;transform:rotate(-2deg);margin:0}
.note svg{flex:none;width:44px;height:30px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;margin-top:6px}
.tape{position:relative}
.tape::before{content:"";position:absolute;z-index:4;top:-12px;left:50%;width:96px;height:26px;margin-left:-48px;background:rgba(242,236,214,.82);box-shadow:0 1px 2px rgba(0,0,0,.12);transform:rotate(-4deg)}
.stamp{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:2px solid currentColor;border-radius:6px;font-family:var(--f-mono);font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--volt-deep);transform:rotate(-6deg);opacity:.85}
.ln>span.grad,.hl .grad{display:inline-block!important;width:auto!important}

/* ── v22 · one typeface, calm motion ── */
.es{--f-display:'IBM Plex Sans',system-ui,-apple-system,'Segoe UI',sans-serif;--f-text:'IBM Plex Sans',system-ui,-apple-system,'Segoe UI',sans-serif;--f-mono:'IBM Plex Sans',system-ui,-apple-system,'Segoe UI',sans-serif}
.es,.es *{font-family:'IBM Plex Sans','IBM Plex Sans Arabic',system-ui,-apple-system,'Segoe UI',sans-serif!important;font-stretch:100%!important}
.es .price,.es .mono,.es .part,.es [class*=price],.es b,.es .stat,.es .num b{font-variant-numeric:tabular-nums}
.dxl,.dl,.ahero .dl,.bh .dl{text-transform:none!important;font-weight:600!important;letter-spacing:-.035em!important;line-height:1.02!important}
.h1,.h2,.wm,.bw,.grp h2,.tc h3,.disc,.yr,.hs b,.num b,.bstats b,.stat .v,.sb-v{font-weight:600!important;letter-spacing:-.025em!important;text-transform:none!important}
.lbl,.idx,.crumb,.so-kb,.cc-bot small,.tier .lbl,.spec dt,.dr-b .row span:first-child,.hs span,.num span,.bstats span,.ord span,.bankd span:first-child{text-transform:none!important;letter-spacing:0!important;font-size:13px!important;font-weight:500!important}
.idx{color:var(--text-muted)}
.idx .term{display:none!important}
.wrow span,.mono-l,.tlc .yr,.sf-wm span{-webkit-text-stroke:0!important}
.mono-l{color:rgba(42,23,10,.05)!important;transform:none!important}
.tlc .yr{color:var(--copper-bright)!important;font-size:40px!important}
.wall,.sf-wm{display:none!important}
.grad{background:none!important;color:var(--volt-text,#8F5A0C)!important;padding:0}
.hl .grad,[data-surface=stage] .grad{color:var(--volt-bright)!important}
.es.light [data-surface=stage] .grad,[data-surface=workbench] .grad{color:var(--volt-deep)!important}
.uline::after{display:none!important}
.hand{font-size:15px!important;font-style:italic;font-weight:400!important;color:var(--text-muted,#6E5A47)!important;line-height:1.5!important}
.note{transform:none!important;padding-inline-start:14px;border-inline-start:2px solid var(--volt);max-width:46ch}
.note svg{display:none!important}
.tape::before{display:none!important}
.f2.tape{transform:none!important}
/* remove decorative motion */
.intro,.traces,.pgrid,.phead-glow,.bloom,.hero>.dots,.sparks,.hero-glow-g,.cur,.sprog,.scan,.scanl,.ring,.ring-t,.plinth,.fchip,.spec1,.spec2,.confetti,.caret,.card .ol,.card::after,.cc-f::after,.okc::before{display:none!important}
.ln>span,.phead .lead,.bsearch,.bstats,.live,.hs,.acc,.ao,.bh .lead,.bh .cta,.ticks,.ahero .lead,.typed,.msheet nav a,.msheet .mfoot,.bb>*,.pp>*,.line,.rec,.sc,.qr,.stepin,.tp{animation:none!important}
.es img{animation:none!important}
.hs-slide.on .hero-img{animation:none!important}
.pill i,.dot-live,.live .d,.logo-dot,.tk.now .n,.stp.on .n,.tabbar a.on .ic,.tabbar a.on::after,.empty .eic,.gw-b .shield,.qempty .ic,.badge2,.stage .mimg,.mapc .pulse{animation:none!important}
.stp.on .n,.tabbar a.on::after,.pill i,.sprog i{box-shadow:none!important}
.btn-p::after,.btn-g::after{display:none!important}
.card,.spot,.ccard,.vcard{will-change:auto}
.card:hover{box-shadow:0 12px 28px -18px rgba(42,23,10,.35)!important;border-color:#C9B79F!important}
.bc:hover,.ben:hover,.val:hover,.chan:hover,.tc:hover,.tlc:hover,.doc:hover,.rec:hover,.th:hover,.tier:hover{transform:translateY(-2px)!important}
.bc::before,.ben::after,.bc .meta .go .ic{transition:none!important}
.armed [data-rv]{opacity:0;transform:translateY(10px)!important;filter:none!important;transition:opacity 450ms ease,transform 450ms ease!important;transition-delay:0ms!important}
.armed [data-rv].in{opacity:1;transform:none!important}
.armed [data-rv] .h2{clip-path:none!important;transform:none!important}
.armed [data-rv=l],.armed [data-rv=r]{transform:translateY(10px)!important}
.rip::before{background:rgba(42,23,10,.12)!important}
/* hero: a calm product card instead of floating cut-outs */
.hero-art{transform:none!important;background:#F1EFEB;border-radius:14px;overflow:hidden!important;box-shadow:0 30px 60px -40px rgba(0,0,0,.6)}
.hero-img{filter:drop-shadow(0 18px 16px rgba(0,0,0,.18))!important}
.hs-slide{transition:opacity 500ms ease!important}
.npf{border-top-color:rgba(var(--wrgb),.1)!important}
.typed{clip-path:none!important;width:auto!important}

/* ── v23 · crafted motion (replaces removed effects) ── */
.es{--em:cubic-bezier(.2,.7,.1,1);--eio:cubic-bezier(.7,0,.2,1)}
@keyframes lineRise{from{transform:translateY(105%)}to{transform:none}}
@keyframes upIn{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@keyframes cardIn{from{opacity:0;transform:translateY(36px) scale(.98)}to{opacity:1;transform:none}}
@keyframes wipeUp{from{clip-path:inset(100% 0 0 0)}to{clip-path:inset(0)}}
@keyframes settle{from{transform:scale(1.14)}to{transform:none}}
@keyframes softPulse{0%,100%{opacity:1}50%{opacity:.35}}
/* page headlines rise line by line */
.phead .h1 .ln,.ahero .dl .ln,.bh .dl .ln,.hl .ln,.co-h .h1{display:block;overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em}
.phead .h1 .ln>span,.ahero .dl .ln>span,.bh .dl .ln>span,.hl .ln>span{display:block;animation:lineRise 1000ms var(--em) both!important}
.phead .h1 .ln:nth-child(2)>span,.ahero .dl .ln:nth-child(2)>span,.bh .dl .ln:nth-child(2)>span,.hl .ln:nth-child(2)>span{animation-delay:110ms!important}
.phead .h1 .ln:nth-child(3)>span,.ahero .dl .ln:nth-child(3)>span,.bh .dl .ln:nth-child(3)>span,.hl .ln:nth-child(3)>span{animation-delay:220ms!important}
.phead .lead,.ahero .lead,.bh .lead,.hero-lead{animation:upIn 800ms var(--em) 320ms both!important}
.bsearch,.live,.bh .cta,.hsearch{animation:upIn 800ms var(--em) 420ms both!important}
.bstats,.ticks,.hstats,.hs-meta,.note,.hero .ctas{animation:upIn 800ms var(--em) 520ms both!important}
.hs:nth-child(2){animation:upIn 800ms var(--em) 600ms both!important}.hs:nth-child(3){animation:upIn 800ms var(--em) 680ms both!important}.hs:nth-child(4){animation:upIn 800ms var(--em) 760ms both!important}
.hs:nth-child(1){animation:upIn 800ms var(--em) 520ms both!important}
.acc{animation:cardIn 1100ms var(--em) 350ms both!important}
.ao{animation:upIn 700ms var(--em) both!important}.ao:nth-child(1){animation-delay:900ms!important}.ao:nth-child(2){animation-delay:1000ms!important}.ao:nth-child(3){animation-delay:1100ms!important}
.ahero .bg img{animation:settle 2200ms var(--em) both!important}
/* scroll entrances: staggered, physical */
.armed [data-rv]{opacity:0;transform:translateY(32px)!important;transition:opacity 900ms var(--em),transform 1000ms var(--em)!important;transition-delay:var(--d,0ms)!important}
.armed [data-rv].in{opacity:1;transform:none!important}
.armed [data-rv=l],.armed [data-rv=r]{transform:translateY(32px)!important}
.armed [data-rv=l].in,.armed [data-rv=r].in{transform:none!important}
/* photos wipe in and settle */
.armed .cap[data-rv],.armed .ctx,.armed .stack[data-rv] figure,.armed .spot-i{clip-path:inset(100% 0 0 0);transition:clip-path 1200ms var(--eio) var(--d,0ms)}
.armed .cap[data-rv].in,.armed .in .ctx,.armed .stack[data-rv].in figure,.armed .spot-i{clip-path:inset(0)}
.armed .stack[data-rv].in .f2{transition-delay:250ms}
.armed .cap[data-rv] img,.armed .ctx img,.armed .stack[data-rv] figure img{transform:scale(1.14);transition:transform 1600ms var(--em) var(--d,0ms)!important}
.armed .cap[data-rv].in img,.armed .in .ctx img,.armed .stack[data-rv].in figure img{transform:none}
.cap:hover img,.stack figure:hover img{transform:scale(1.04)!important}
.spot-i img{animation:settle 1600ms var(--em) both!important}
.spot-t{animation:upIn 700ms var(--em) both!important}
/* buttons: solid fill sweep */
.btn-s::before{content:"";position:absolute;inset:0;z-index:-1;background:currentColor;opacity:.08;transform:scaleX(0);transform-origin:left;transition:transform 450ms var(--em)}
.btn-s:hover::before{transform:scaleX(1)}
.btn-p,.btn-g{transition:background-color 250ms,transform 200ms var(--em),box-shadow 250ms}
.btn-p:hover,.btn-g:hover{transform:translateY(-1px);box-shadow:0 10px 20px -12px rgba(42,23,10,.5)}
.btn .arr{transition:transform 350ms var(--em)}
/* cards */
.card{transition:box-shadow 400ms var(--em),border-color 300ms,transform 400ms var(--em)!important}
.card:hover{transform:translateY(-4px)!important}
.card .well img{transition:transform 900ms var(--em)!important}
.card:hover .well img{transform:scale(1.06)!important}
.bc,.ben,.val,.chan,.tc,.tlc,.doc,.rec,.tier{transition:transform 450ms var(--em),box-shadow 450ms var(--em),border-color 300ms!important}
.bc:hover,.ben:hover,.val:hover,.chan:hover,.tc:hover,.tlc:hover{transform:translateY(-5px)!important;box-shadow:0 22px 40px -28px rgba(42,23,10,.4)}
.ben:hover .bi,.chan:hover .ci,.val:hover .vi{transform:translateY(-3px)}
.ben .bi,.chan .ci,.val .vi{transition:transform 450ms var(--em)}
/* small life */
.pill i,.dot-live{animation:softPulse 2.4s ease-in-out infinite!important}
.tabbar a.on .ic{animation:upIn 400ms var(--em)!important}
.stp.on .n{transition:all 500ms var(--em)}
.stepin,.tp{animation:upIn 600ms var(--em) both!important}
.line,.qr,.rec{animation:upIn 600ms var(--em) backwards!important}
.bb>*{animation:upIn 700ms var(--em) backwards!important}
.bb>*:nth-child(2){animation-delay:70ms!important}.bb>*:nth-child(3){animation-delay:140ms!important}.bb>*:nth-child(4){animation-delay:210ms!important}.bb>*:nth-child(5){animation-delay:280ms!important}.bb>*:nth-child(6){animation-delay:350ms!important}.bb>*:nth-child(7){animation-delay:420ms!important}
.stage .mimg{animation:cardIn 900ms var(--em) both!important}
.msheet nav a{animation:upIn 500ms var(--em) backwards!important}
/* progress bar: thin, quiet */
.sprog{display:block!important}.sprog i{background:var(--volt)!important}
/* hero product carousel: slide, don't glow */
.hs-slide{transform:translateX(48px);transition:opacity 700ms var(--em),transform 1000ms var(--em)!important}
.hs-slide.on{transform:none}
.hs-slide.on .hero-img{animation:cardIn 1100ms var(--em) both!important}
.npf{transition:opacity 600ms var(--em),transform 700ms var(--em)!important}
.hero-art{animation:cardIn 1200ms var(--em) 200ms both}
@media (prefers-reduced-motion:reduce){.es *,.es *::before{animation:none!important;transition:none!important}.armed [data-rv]{opacity:1;transform:none!important}.armed .cap[data-rv],.armed .ctx,.armed .stack[data-rv] figure,.armed .spot-i{clip-path:none}}

/* ── v25 · sticky tab bar, credit ── */
.credit{color:var(--copper-bright);text-decoration:underline;text-underline-offset:3px}
.credit:hover{color:var(--warm)}
@media (max-width:1023px){
.es[data-dir=down] .tabbar,.es[data-buy="1"] .tabbar,.tabbar{transform:none!important}
.es[data-co="1"] .tabbar{display:grid!important}
.es[data-co="1"]{padding-bottom:170px!important}
.mbar,.mbuy{left:10px!important;right:10px!important;bottom:calc(80px + env(safe-area-inset-bottom))!important;border:1px solid var(--rule)!important;border-radius:14px!important;padding:10px 12px!important;box-shadow:0 14px 30px -18px rgba(42,23,10,.4)}
.es[data-buy="1"]{padding-bottom:160px}
.toasts{bottom:150px!important}
}
.msheet nav a{font-size:26px}

/* ── v26 · brand logo ── */
.lgi{display:block;height:42px;width:auto;max-width:none}
.es .lgl{display:none}
.es.light .lgl{display:block}.es.light .lgd{display:none}
.es .msheet .lgl,.es.light .msheet .lgl{display:none}.es .msheet .lgd,.es.light .msheet .lgd{display:block}
.sf .lgi,.foot .lgi{height:60px}
.logo{gap:0!important}
@media (max-width:1023px){.lgi{height:34px}}
@media (max-width:400px){.lgi{height:30px}}

/* ── v27 · sign-in button ── */
.acc-btn{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 14px;border:1px solid rgba(var(--wrgb),.22);border-radius:999px;color:var(--warm);text-decoration:none;font-size:14px;font-weight:500;white-space:nowrap;flex:none;transition:border-color 250ms,background-color 250ms}
.acc-btn:hover{border-color:var(--copper);color:var(--warm);background:rgba(245,173,60,.08)}
.acc-btn .ic{width:18px;height:18px}
.mdr-acc{display:flex!important;width:100%;margin-bottom:10px}
@media (max-width:1023px){.acc-btn{height:38px;padding:0 12px;font-size:13px}}
@media (max-width:420px){.acc-btn{width:38px;padding:0;justify-content:center}.acc-btn span{display:none}}

/* ── v30 · language & currency ── */
.i18n{display:inline-flex;align-items:center;gap:4px;flex:none}
.i18n select{height:34px;padding:0 24px 0 10px;border:1px solid rgba(var(--wrgb),.2);border-radius:999px;background-color:transparent;color:inherit;font:inherit;font-size:13px;font-weight:500;cursor:pointer;appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - 13px) 52%,calc(100% - 9px) 52%;background-size:4px 4px;background-repeat:no-repeat}
.i18n select:hover{border-color:var(--copper)}
.i18n select option{color:#2A170A;background:#fff}
.i18n-hdr{margin-inline-end:4px}
.i18n-foot{margin-inline-start:auto}
.i18n-foot select{border-color:rgba(var(--wrgb),.25)}
.i18n-note{font-size:12px;color:var(--fog);margin-inline-start:6px}
.i18n-menu{margin-bottom:10px}
.msheet .i18n select,.mdr .i18n select{height:42px;font-size:15px;color:#FBF4E8;border-color:rgba(255,255,255,.25)}
@media (max-width:1279px){.i18n-hdr{display:none!important}}
[dir=rtl] .ic.arr,[dir=rtl] .tl .ic.arr,[dir=rtl] .btn .ic.arr,[dir=rtl] use[href="#u-arrow"],[dir=rtl] use[href="#u-back"]{transform:scaleX(-1);transform-origin:center;transform-box:fill-box}
[dir=rtl] .btn:hover .arr{transform:scaleX(-1) translateX(4px)}
.es.is-ar,.es.is-ar *{letter-spacing:0!important}
.es.is-ar .dxl,.es.is-ar .dl,.es.is-ar .h1,.es.is-ar .h2{line-height:1.25!important}
.es.is-ar .hl .rot,.es.is-ar .hl .rot-t>span{height:1.3em;line-height:1.3em}
@keyframes rotwAr{0%,28%{transform:translateY(0)}33%,61%{transform:translateY(-1.3em)}66%,94%{transform:translateY(-2.6em)}100%{transform:translateY(-3.9em)}}
.es.is-ar .hl .rot-t{animation-name:rotwAr}

.i18n-util select{height:26px;font-size:12px;padding:0 20px 0 8px;border-color:rgba(var(--wrgb),.18)}
.i18n-util{gap:6px}

/* ── v32 · brown & gold ── */
[data-surface=workbench] .btn-g,.card .btn-g,.btn-g{background:#F5AD3C!important;color:#2A170A!important}
[data-surface=workbench] .btn-g:hover,.card .btn-g:hover,.btn-g:hover{background:#FFC560!important;color:#2A170A!important}
.btn-p{color:#2A170A}



/* ── v35 · brand palette: neutral base, brown statement blocks, gold accent ── */
/* dark mode: warm brown from the ad */
.es:not(.light){--ink:#3A2112;--graphite:#4A2C17;--steel:#64401F;--field:#341D0F}
.es:not(.light),.es:not(.light) [data-surface=stage]{background-color:#3A2112}
/* light mode base: clean warm white, no beige */
.es.light{--paper:#FBFAF8;--bone:#F3F1ED;--rule:#E6E1DA;--slate:#6B5D50}
.es.light,.es.light [data-surface=workbench]{background-color:#FBFAF8}
.es.light [data-surface=stage]{--ink:#F3F1ED;--graphite:#EAE6E0;--steel:#DCD5CB;--warm:#24160C;--fog:#6B5D50;--slate:#6B5D50;--copper-bright:#A8660A;--accent-text:#A8660A;--volt-text:#A8660A;--copper-deep:#A8660A;--volt-deep:#A8660A;background-color:#F3F1ED}
.es.light [data-surface=stage] .grad,.es.light .hl .rot{color:#B36D06!important;background-image:none}
.es.light .sh,.es.light .hdr{background-color:#FFFFFF!important;box-shadow:inset 0 -2px 0 #F5AD3C}
.es.light .vault{background:radial-gradient(80% 60% at 50% 72%,#FFFFFF 0%,#F3F1ED 70%)}
/* brown statement blocks */
.es.light .util,.es.light .hero,.es.light .mq,.es.light .ind,.es.light .closing,.es.light .foot,.es.light .sf,.es.light .phead,.es.light .bh,.es.light .co-h{--ink:#3A2112;--graphite:#4A2C17;--steel:#64401F;--warm:#FBF4E8;--fog:#D9C4A8;--slate:#BFA88C;--copper-bright:#FFC560;--accent-text:#FFC560;--volt-text:#F5AD3C;--copper-deep:#F5AD3C;--volt-deep:#FFC560;--wrgb:255,255,255;--crgb:251,244,232;--irgb:58,33,18;--prgb:74,44,23;--field:#341D0F;--text:#FBF4E8;background-color:#3A2112!important;color:#FBF4E8}
.es.light .hero{background:radial-gradient(60% 75% at 74% 46%,#5A3618 0%,#3A2112 70%)!important}
.es.light .hero .grad,.es.light .hero .hl .rot,.es.light .closing .grad,.es.light .phead .grad,.es.light .bh .grad,.es.light .co-h .grad,.es.light .ind .grad{color:#F5AD3C!important}
.es.light .hero .hand,.es.light .phead .hand,.es.light .bh .hand{color:#FFC560}
.es.light .hero-img{filter:drop-shadow(0 24px 30px rgba(0,0,0,.45))!important}
.es.light .plinth{background:radial-gradient(closest-side,rgba(0,0,0,.45),transparent)}
.es.light .hero .lgl,.es.light .foot .lgl,.es.light .sf .lgl{display:none!important}
.es.light .hero .lgd,.es.light .foot .lgd,.es.light .sf .lgd{display:block!important}
.es.light .foot,.es.light .sf{background-color:#2E1A0D!important;border-top:2px solid #F5AD3C}
.es.light .mq{background-color:#2E1A0D!important}
/* gold numbers band */
.es.light .stats-band{--warm:#24160C;--fog:#4A2C17;--slate:#4A2C17;--copper-bright:#24160C;--accent-text:#24160C;--wrgb:36,22,12;background:#F5AD3C!important;color:#24160C}
/* buttons on light surfaces: brown primary, gold CTA */
.es.light [data-surface=workbench] .btn-p,.es.light [data-surface=stage]:not(.hero):not(.closing):not(.phead):not(.bh) .btn-p{background:#3A2112;color:#FBF4E8}
.es.light .tabbar a.on,.es.light .tabbar a.on .ic{color:#A8660A!important}
.es.light .ahero .grad,.es .ahero .grad{color:#F5AD3C!important;background-image:none}

/* ── v36 · white hero search, stronger contrast on brown ── */
.hero .hs-box{--warm:#24160C;--fog:#6B5D50;--copper-bright:#A8660A;--steel:#E6E1DA;--wrgb:36,22,12;color:#24160C;background:#FFFFFF!important;-webkit-backdrop-filter:none;backdrop-filter:none;border:0!important;border-radius:8px;height:64px;padding-inline:20px 6px;box-shadow:0 24px 56px -22px rgba(0,0,0,.65),0 0 0 4px rgba(245,173,60,.18)}
.hero .hs-box:focus-within{box-shadow:0 24px 56px -22px rgba(0,0,0,.65),0 0 0 4px rgba(245,173,60,.55)}
.hero .hs-box::before{display:none}
.hero .hs-box>.ic{color:#A8660A}
.hero .hs-in{color:#24160C!important;font-size:17px;font-weight:500}
.hero .hs-roll,.hero .hs-roll span{color:#7A6A5B!important}
.hero .hs-cat{color:#24160C!important;background-color:transparent;border-inline-start:1px solid #E6E1DA!important;font-weight:500}
.hero .hs-go{background:#F5AD3C!important;color:#24160C!important;font-weight:700;height:52px;border-radius:6px;padding-inline:22px}
.hero .hs-go:hover{background:#FFC560!important}
@media (max-width:767px){.hero .hs-box{height:58px;padding-inline:14px 4px}.hero .hs-go{height:48px;padding-inline:16px}.hero .hs-cat{display:none}}
/* text on brown: brighter */
.es.light .hero,.es.light .mq,.es.light .ind,.es.light .closing,.es.light .foot,.es.light .sf,.es.light .phead,.es.light .bh,.es.light .co-h,.es.light .ahero,.es.light .util,.es:not(.light) [data-surface=stage],.es:not(.light) .ahero{--fog:#EADBC6;--slate:#D8C4A8}
.es.light .hero p,.es.light .mq p,.es.light .ind p,.es.light .closing p,.es.light .foot p,.es.light .sf p,.es.light .phead p,.es.light .bh p,.es.light .co-h p,.es.light .ahero p,.es.light .util p,.es:not(.light) [data-surface=stage] p,.es:not(.light) .ahero p,.es.light .hero .lede,.es.light .mq .lede,.es.light .ind .lede,.es.light .closing .lede,.es.light .foot .lede,.es.light .sf .lede,.es.light .phead .lede,.es.light .bh .lede,.es.light .co-h .lede,.es.light .ahero .lede,.es.light .util .lede,.es:not(.light) [data-surface=stage] .lede,.es:not(.light) .ahero .lede{color:#F1E6D6}
.es.light .hero .chip,.es.light .mq .chip,.es.light .ind .chip,.es.light .closing .chip,.es.light .foot .chip,.es.light .sf .chip,.es.light .phead .chip,.es.light .bh .chip,.es.light .co-h .chip,.es.light .ahero .chip,.es.light .util .chip,.es:not(.light) [data-surface=stage] .chip,.es:not(.light) .ahero .chip{color:#FBF4E8!important;border-color:rgba(251,244,232,.45)!important;background:rgba(255,255,255,.06)}
.es.light .hero .chip:hover,.es.light .mq .chip:hover,.es.light .ind .chip:hover,.es.light .closing .chip:hover,.es.light .foot .chip:hover,.es.light .sf .chip:hover,.es.light .phead .chip:hover,.es.light .bh .chip:hover,.es.light .co-h .chip:hover,.es.light .ahero .chip:hover,.es.light .util .chip:hover,.es:not(.light) [data-surface=stage] .chip:hover,.es:not(.light) .ahero .chip:hover{border-color:#F5AD3C!important;color:#FFC560!important}
.es.light .hero .tl,.es.light .mq .tl,.es.light .ind .tl,.es.light .closing .tl,.es.light .foot .tl,.es.light .sf .tl,.es.light .phead .tl,.es.light .bh .tl,.es.light .co-h .tl,.es.light .ahero .tl,.es.light .util .tl,.es:not(.light) [data-surface=stage] .tl,.es:not(.light) .ahero .tl{color:#FFC560!important;font-weight:600}
.es.light .hero .btn-s,.es.light .mq .btn-s,.es.light .ind .btn-s,.es.light .closing .btn-s,.es.light .foot .btn-s,.es.light .sf .btn-s,.es.light .phead .btn-s,.es.light .bh .btn-s,.es.light .co-h .btn-s,.es.light .ahero .btn-s,.es.light .util .btn-s,.es:not(.light) [data-surface=stage] .btn-s,.es:not(.light) .ahero .btn-s{color:#FFFFFF!important;border:1.5px solid rgba(251,244,232,.8)!important;background:transparent;font-weight:600}
.es.light .hero .btn-s:hover,.es.light .mq .btn-s:hover,.es.light .ind .btn-s:hover,.es.light .closing .btn-s:hover,.es.light .foot .btn-s:hover,.es.light .sf .btn-s:hover,.es.light .phead .btn-s:hover,.es.light .bh .btn-s:hover,.es.light .co-h .btn-s:hover,.es.light .ahero .btn-s:hover,.es.light .util .btn-s:hover,.es:not(.light) [data-surface=stage] .btn-s:hover,.es:not(.light) .ahero .btn-s:hover{background:#FBF4E8!important;color:#24160C!important;border-color:#FBF4E8!important}
.es.light .hero .btn-p,.es.light .mq .btn-p,.es.light .ind .btn-p,.es.light .closing .btn-p,.es.light .foot .btn-p,.es.light .sf .btn-p,.es.light .phead .btn-p,.es.light .bh .btn-p,.es.light .co-h .btn-p,.es.light .ahero .btn-p,.es.light .util .btn-p,.es:not(.light) [data-surface=stage] .btn-p,.es:not(.light) .ahero .btn-p,.es.light .hero .btn-g,.es.light .mq .btn-g,.es.light .ind .btn-g,.es.light .closing .btn-g,.es.light .foot .btn-g,.es.light .sf .btn-g,.es.light .phead .btn-g,.es.light .bh .btn-g,.es.light .co-h .btn-g,.es.light .ahero .btn-g,.es.light .util .btn-g,.es:not(.light) [data-surface=stage] .btn-g,.es:not(.light) .ahero .btn-g{background:#F5AD3C!important;color:#24160C!important;font-weight:700;box-shadow:0 10px 24px -10px rgba(245,173,60,.6)}
.es.light .hero .btn-p:hover,.es.light .mq .btn-p:hover,.es.light .ind .btn-p:hover,.es.light .closing .btn-p:hover,.es.light .foot .btn-p:hover,.es.light .sf .btn-p:hover,.es.light .phead .btn-p:hover,.es.light .bh .btn-p:hover,.es.light .co-h .btn-p:hover,.es.light .ahero .btn-p:hover,.es.light .util .btn-p:hover,.es:not(.light) [data-surface=stage] .btn-p:hover,.es:not(.light) .ahero .btn-p:hover,.es.light .hero .btn-g:hover,.es.light .mq .btn-g:hover,.es.light .ind .btn-g:hover,.es.light .closing .btn-g:hover,.es.light .foot .btn-g:hover,.es.light .sf .btn-g:hover,.es.light .phead .btn-g:hover,.es.light .bh .btn-g:hover,.es.light .co-h .btn-g:hover,.es.light .ahero .btn-g:hover,.es.light .util .btn-g:hover,.es:not(.light) [data-surface=stage] .btn-g:hover,.es:not(.light) .ahero .btn-g:hover{background:#FFC560!important}
.es.light .hero .crumb,.es.light .mq .crumb,.es.light .ind .crumb,.es.light .closing .crumb,.es.light .foot .crumb,.es.light .sf .crumb,.es.light .phead .crumb,.es.light .bh .crumb,.es.light .co-h .crumb,.es.light .ahero .crumb,.es.light .util .crumb,.es:not(.light) [data-surface=stage] .crumb,.es:not(.light) .ahero .crumb,.es.light .hero .crumb a,.es.light .mq .crumb a,.es.light .ind .crumb a,.es.light .closing .crumb a,.es.light .foot .crumb a,.es.light .sf .crumb a,.es.light .phead .crumb a,.es.light .bh .crumb a,.es.light .co-h .crumb a,.es.light .ahero .crumb a,.es.light .util .crumb a,.es:not(.light) [data-surface=stage] .crumb a,.es:not(.light) .ahero .crumb a{color:#EADBC6!important}
.phead .inp,.bh .inp,.co-h .inp,.closing .inp{background:#FFFFFF!important;color:#24160C!important;border:0!important;box-shadow:0 20px 44px -20px rgba(0,0,0,.6),0 0 0 4px rgba(245,173,60,.18)}
.phead .inp::placeholder,.bh .inp::placeholder{color:#7A6A5B!important}
.phead .inp:focus,.bh .inp:focus{box-shadow:0 20px 44px -20px rgba(0,0,0,.6),0 0 0 4px rgba(245,173,60,.55)!important}
.bsearch .ic{color:#A8660A!important;z-index:1}
.es.light .phead .lead,.es.light .bh .lead,.es.light .hero .lead,.es.light .closing .lead,.es.light .ahero .lead,.es:not(.light) [data-surface=stage] .lead{color:#F1E6D6!important}
/* ── v38 · dark mode = black ── */
.es:not(.light){--ink:#0D0B09;--graphite:#181512;--steel:#2A2520;--field:#14110E;--irgb:13,11,9;--prgb:24,21,18}
.es:not(.light),.es:not(.light) [data-surface=stage],.es:not(.light) [data-surface=workbench]{background-color:#0D0B09}
.es:not(.light) [data-surface=workbench]{background-color:#121010}
.es:not(.light) .hero{background:radial-gradient(60% 75% at 74% 46%,#2A2119 0%,#0D0B09 70%)!important}
.es:not(.light) .vault{background:radial-gradient(80% 60% at 50% 72%,#231C16 0%,#0D0B09 70%)!important}
.es:not(.light) .sh,.es:not(.light) .hdr,.es:not(.light) .util{background-color:rgba(13,11,9,.94)!important}
.es:not(.light) .foot,.es:not(.light) .sf{background-color:#080706!important;border-top:2px solid #F5AD3C}
.es:not(.light) .stats-band{background:#181512!important}
.es:not(.light) .mq{background-color:#080706!important}
.es:not(.light) .mq::before{background:linear-gradient(90deg,#080706,rgba(8,7,6,0))}
.es:not(.light) .mq::after{background:linear-gradient(270deg,#080706,rgba(8,7,6,0))}
.es:not(.light) .card,.es:not(.light) .tabbar{background-color:#181512}
.es:not(.light) .ahero::before{background:linear-gradient(180deg,rgba(13,11,9,.35) 0%,rgba(13,11,9,.6) 45%,#0D0B09 100%)}
/* dark mode workbench → black surfaces, light text */
.es:not(.light) [data-surface=workbench]{--ink:#F3EDE4;--paper:#121010;--bone:#1A1714;--white:#1C1916;--rule:#2E2924;--slate:#A89A8A;--fog:#A89A8A;--warm:#F3EDE4;--copper-deep:#F5AD3C;--volt-deep:#F5AD3C;--accent-text:#F5AD3C;--wrgb:255,255,255;--crgb:243,237,228;--irgb:18,16,16;--prgb:28,25,22;--field:#1C1916;--text:#F3EDE4;--text-muted:#A89A8A;--border:#2E2924;--surface:#1A1714;--surface-raised:#1C1916;--bg:#121010;color:#F3EDE4}
.es:not(.light) [data-surface=workbench] .btn-p{background:#F5AD3C!important;color:#14100C!important}
.es:not(.light) [data-surface=workbench] .btn-p:hover{background:#FFC560!important}
.es:not(.light) [data-surface=workbench] .btn-s{border-color:rgba(243,237,228,.35)!important;color:#F3EDE4!important}
.es:not(.light) [data-surface=workbench] .grad{color:#F5AD3C!important}
.es:not(.light) [data-surface=workbench] .wc,.es:not(.light) [data-surface=workbench] .inp,.es:not(.light) [data-surface=workbench] .pnum,.es:not(.light) [data-surface=workbench] .vatt,.es:not(.light) [data-surface=workbench] .pm,.es:not(.light) [data-surface=workbench] .tier,.es:not(.light) [data-surface=workbench] .qs,.es:not(.light) [data-surface=workbench] .eta,.es:not(.light) [data-surface=workbench] .perk,.es:not(.light) [data-surface=workbench] .ben,.es:not(.light) [data-surface=workbench] .calc,.es:not(.light) [data-surface=workbench] .sv,.es:not(.light) [data-surface=workbench] .qo-out,.es:not(.light) [data-surface=workbench] .apf,.es:not(.light) [data-surface=workbench] .val,.es:not(.light) [data-surface=workbench] .chip,.es:not(.light) [data-surface=workbench] .stab,.es:not(.light) [data-surface=workbench] .bc,.es:not(.light) [data-surface=workbench] .chan,.es:not(.light) [data-surface=workbench] .formp,.es:not(.light) [data-surface=workbench] .hours,.es:not(.light) [data-surface=workbench] .pk,.es:not(.light) [data-surface=workbench] .job,.es:not(.light) [data-surface=workbench] .tag,.es:not(.light) [data-surface=workbench] .toc,.es:not(.light) [data-surface=workbench] .grid2,.es:not(.light) [data-surface=workbench] .panel,.es:not(.light) [data-surface=workbench] .rec,.es:not(.light) [data-surface=workbench] .sw,.es:not(.light) [data-surface=workbench] .auth-r,.es:not(.light) [data-surface=workbench] .seg,.es:not(.light) [data-surface=workbench] .demo,.es:not(.light) [data-surface=workbench] input,.es:not(.light) [data-surface=workbench] select,.es:not(.light) [data-surface=workbench] textarea,.es:not(.light) [data-surface=workbench] .seg button.on,.es:not(.light) [data-surface=workbench] .sv>div,.es:not(.light) [data-surface=workbench] .calc div,.es:not(.light) [data-surface=workbench] .grid2>div{background-color:#1C1916!important;border-color:#2E2924!important;color:#F3EDE4}
.es:not(.light) [data-surface=workbench] input::placeholder,.es:not(.light) [data-surface=workbench] textarea::placeholder{color:#8A7D70!important}
.es:not(.light) [data-surface=workbench] select option{background:#1C1916;color:#F3EDE4}
.es:not(.light) [data-surface=workbench] .cname,.es:not(.light) [data-surface=workbench] .price,.es:not(.light) [data-surface=workbench] .bnpl,.es:not(.light) [data-surface=workbench] .bnpl b,.es:not(.light) [data-surface=workbench] .fq,.es:not(.light) [data-surface=workbench] .fq summary,.es:not(.light) [data-surface=workbench] .fq button,.es:not(.light) [data-surface=workbench] .job-b,.es:not(.light) [data-surface=workbench] .ln-n,.es:not(.light) [data-surface=workbench] .pst.on,.es:not(.light) [data-surface=workbench] .toc a.on{color:#F3EDE4!important}
.es:not(.light) [data-surface=workbench] .cntd,.es:not(.light) [data-surface=workbench] .job-d,.es:not(.light) [data-surface=workbench] .toc,.es:not(.light) [data-surface=workbench] .toc a,.es:not(.light) [data-surface=workbench] .doc-s,.es:not(.light) [data-surface=workbench] .doc-s p,.es:not(.light) [data-surface=workbench] .doc-s li{color:#CDBFAF!important}
.es:not(.light) [data-surface=workbench] .doc-s h2,.es:not(.light) [data-surface=workbench] .doc-s h3,.es:not(.light) [data-surface=workbench] .doc-s strong{color:#F3EDE4!important}
.es:not(.light) [data-surface=workbench] .mono-l{color:rgba(243,237,228,.06)!important}
.es:not(.light) [data-surface=workbench] .paym,.es:not(.light) [data-surface=workbench] .need,.es:not(.light) [data-surface=workbench] .side{background-color:#1C1916!important;border-color:#2E2924!important}
.es:not(.light) .wipe{display:none!important}
.es:not(.light) .bshot,.es:not(.light) .well,.es:not(.light) .vc-img,.es:not(.light) .cpan-w{background:radial-gradient(70% 60% at 50% 38%,#FFFFFF 0%,#F1EFEB 62%,#E8E6E2 100%)!important}
.es:not(.light) [data-surface=workbench] .pill{color:#24160C!important;background-color:rgba(255,255,255,.92)!important}
.es:not(.light) .paym>div,.es:not(.light) .need>div,.es:not(.light) .key>div,.es:not(.light) .side>div,.es:not(.light) .ptabs{background-color:#1C1916!important;border-color:#2E2924!important;color:#F3EDE4}

/* ── v-es1 · WordPress build: price on request, real brand logos ── */
.por{display:inline-flex;align-items:center;gap:8px;font-family:var(--f-mono);font-size:13px;font-weight:500;color:var(--ink);white-space:nowrap}
.por .term{width:7px;height:7px}
.prc .por{font-size:16px;padding:6px 0 2px}
.prc .por-n{margin:6px 0 0;font-size:14px;color:var(--slate);max-width:44ch}
.mbuy .por{font-size:13px}
.es:not(.light) .por{color:#F3EDE4}
.es-nocard .sf-pay .pays .pm:nth-child(-n+4){display:none}
.es-nobnpl .sf-pay .pays .pm:nth-child(5),.es-nobnpl .sf-pay .pays .pm:nth-child(6),.es-nobnpl .bnpl{display:none}
.es:not(.light) .blg2,.es:not(.light) .blg,.es:not(.light) .spl{filter:brightness(0) invert(1);opacity:.75}
.es:not(.light) .bc:hover .blg2{filter:brightness(0) invert(1);opacity:1}
.spl,.drl{filter:brightness(0) invert(1)}
.blg2{max-height:40px;object-fit:contain;object-position:left center}
.lth img,.card .well img{object-fit:contain}
.es:not(.light) .qs button{color:#F3EDE4}.es:not(.light) .qs button:hover{color:#F5AD3C}.es:not(.light) .qbtn{color:#F3EDE4;border-color:rgba(255,255,255,.24)!important}.es:not(.light) .qbtn:hover{border-color:#F5AD3C!important;color:#F5AD3C}.es:not(.light) .qbtn.added{color:#24160C}.es:not(.light) .qv{background:rgba(13,11,9,.88);color:#F3EDE4;border-color:rgba(255,255,255,.22)}.es:not(.light) .qv:hover{border-color:#F5AD3C;color:#F5AD3C}