:root{--bg:#0b0b0d;--s1:#141417;--s2:#1c1c21;--line:#2b2b31;--tx:#f3f1ec;--mut:#a5a39d;--gold:#e0b03e;--gold2:#f5cf6d;--red:#ff7a6b;--r:14px}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--tx);font:400 16px/1.6 "Exo 2",system-ui,sans-serif}
img{max-width:100%;display:block}a{color:inherit}h1,h2,h3{font-family:"Barlow Condensed",Inter,sans-serif;line-height:1.08;text-transform:uppercase;letter-spacing:.01em;margin:0 0 .6em}
h1{font-size:clamp(36px,6vw,64px)}h2{font-size:clamp(26px,3.4vw,38px)}h4{margin:1.4em 0 .5em;font-size:13px;letter-spacing:.09em;text-transform:uppercase;color:var(--gold)}
.wrap{max-width:1240px;margin:auto;padding:0 20px}.page{padding-top:40px;padding-bottom:70px}.narrow{max-width:860px}.center{text-align:center}.sec{padding:44px 0 20px}.sec-h{display:flex;justify-content:space-between;align-items:baseline;gap:16px}.sec-h a{color:var(--gold)}
.demo{background:var(--gold);color:#111;text-align:center;font-size:13px;font-weight:600;padding:5px 12px}
.top{position:sticky;top:0;z-index:20;background:rgba(11,11,13,.9);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.top-in{display:flex;align-items:center;gap:22px;min-height:70px}
.brand{font:800 26px "Chakra Petch",sans-serif;color:var(--gold);text-decoration:none;letter-spacing:.05em}.brand img{height:54px;width:auto}
.nav{display:flex;gap:20px}.nav a{text-decoration:none;font-weight:500;color:var(--mut);padding:6px 0}.nav a:hover,.nav a.on{color:var(--tx)}.nav a.on{box-shadow:inset 0 -2px var(--gold)}
.search{margin-left:auto;flex:0 1 240px}.search input{height:40px;border-radius:99px;padding:0 16px}.cartlink{white-space:nowrap;text-decoration:none;font-weight:600}.cartlink b{display:inline-block;min-width:24px;text-align:center;background:var(--gold);color:#111;border-radius:99px;padding:0 7px;margin-left:4px}
.burger{display:none;background:none;border:0;padding:8px;cursor:pointer}.burger span{display:block;width:24px;height:2px;background:var(--tx);margin:6px 0}
input,select,textarea{width:100%;background:var(--s1);border:1px solid var(--line);color:var(--tx);border-radius:10px;padding:11px 13px;font:inherit}input:focus,select:focus,textarea:focus,a:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:1px}input[type=radio],input[type=checkbox]{width:auto;accent-color:var(--gold)}
.btn{display:inline-flex;justify-content:center;align-items:center;min-height:46px;padding:0 24px;border-radius:10px;border:1px solid var(--gold);background:var(--gold);color:#111;font-weight:700;text-decoration:none;cursor:pointer;font-size:15px;transition:.15s}.btn:hover{background:var(--gold2)}.btn.ghost{background:transparent;color:var(--gold)}.btn.ghost:hover{background:rgba(224,176,62,.12)}.btn.sm{min-height:36px;padding:0 14px;font-size:14px}.btn.wide{width:100%}.btn:disabled{opacity:.6}
.row{display:flex;flex-wrap:wrap;gap:12px}.eyebrow{color:var(--gold);font-weight:600;text-transform:uppercase;letter-spacing:.14em;font-size:13px;margin:0 0 12px}.lead{font-size:18px;color:#d4d2cc}
.hero{background:radial-gradient(800px 420px at 80% 20%,rgba(224,176,62,.17),transparent 70%),var(--bg);border-bottom:1px solid var(--line)}.hero-in{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center;padding-top:64px;padding-bottom:64px}.hero h1{font-size:clamp(44px,7vw,84px)}
.hero-img{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.hero-img img{aspect-ratio:3/4;object-fit:cover;border-radius:var(--r);border:1px solid var(--line);background:var(--s1)}.hero-img a:nth-child(2){transform:translateY(22px)}
.perks{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding-top:40px}.perks div{background:var(--s1);border:1px solid var(--line);border-radius:var(--r);padding:18px}.perks b{display:block;font:700 22px "Chakra Petch";text-transform:uppercase;color:var(--gold)}.perks span{color:var(--mut);font-size:15px}
.cats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.cat{position:relative;display:block;border-radius:var(--r);overflow:hidden;aspect-ratio:4/3;border:1px solid var(--line);text-decoration:none}.cat img{width:100%;height:100%;object-fit:cover;opacity:.55;transition:.3s}.cat:hover img{opacity:.8;transform:scale(1.04)}.cat span{position:absolute;inset:auto 0 0;padding:12px;font:700 20px/1.1 "Chakra Petch";text-transform:uppercase;background:linear-gradient(transparent,rgba(0,0,0,.88))}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(225px,1fr));gap:16px}.card{display:flex;flex-direction:column;background:var(--s1);border:1px solid var(--line);border-radius:var(--r);padding:12px;transition:.15s}.card:hover{border-color:var(--gold)}.card>a{text-decoration:none;flex:1}.card small{color:var(--gold);font-size:12px;text-transform:uppercase;letter-spacing:.07em}.card h3{font:600 15px/1.35 "Exo 2";text-transform:none;margin:4px 0 12px}.thumb{position:relative;aspect-ratio:1;border-radius:10px;overflow:hidden;background:#fff;margin-bottom:10px}.thumb img{width:100%;height:100%;object-fit:cover}.tag{position:absolute;left:8px;top:8px;background:#111;color:#fff;font-size:12px;padding:3px 8px;border-radius:99px}.out .thumb img{opacity:.45}.card-b{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
.band{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;margin-top:40px;margin-bottom:60px;padding:34px 30px;border-radius:var(--r);background:linear-gradient(120deg,#26200f,#141417);border:1px solid #4b3d16}.band h2{margin-bottom:6px}.band p{margin:0;color:var(--mut)}
.shop{display:grid;grid-template-columns:230px 1fr;gap:30px}.filters summary{font-weight:700;cursor:pointer;display:none}.filters a{display:block;text-decoration:none;color:var(--mut);padding:4px 0;font-size:15px}.filters a:hover,.filters a.on{color:var(--gold)}.filters h4:first-of-type{margin-top:0}
.bar{display:flex;gap:16px;align-items:center;margin-bottom:18px;flex-wrap:wrap;color:var(--mut)}.bar select{width:auto;margin-left:auto}.chk{display:inline-flex;gap:8px;align-items:center}.pager{display:flex;gap:6px;margin-top:26px;flex-wrap:wrap}.pager a{min-width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;text-decoration:none}.pager a.on{background:var(--gold);color:#111;border-color:var(--gold);font-weight:700}.empty{color:var(--mut)}.empty a{color:var(--gold)}
.pd{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:start}.pd-img{background:#fff;border-radius:var(--r);overflow:hidden}.pd-img img{width:100%;aspect-ratio:1;object-fit:contain}.pd h1{font-size:clamp(30px,4vw,46px)}.price{font:800 36px "Chakra Petch";color:var(--gold);margin:0 0 18px}.opts{border:0;padding:0;margin:0 0 18px;display:flex;flex-wrap:wrap;gap:8px}.opts legend{font-weight:600;margin-bottom:8px;padding:0}.opt input{position:absolute;opacity:0}.opt span{display:block;padding:8px 14px;border:1px solid var(--line);border-radius:9px;cursor:pointer}.opt input:checked+span{border-color:var(--gold);background:rgba(224,176,62,.15);color:var(--gold2)}.opt input:focus-visible+span{outline:2px solid var(--gold)}.opt.dis span{opacity:.4;text-decoration:line-through;cursor:not-allowed}
.buy{display:flex;gap:10px}.qty{width:82px;text-align:center}.qty.w{width:110px}.buy .btn{flex:1}.stock{color:#8ddf9f;font-size:14px;margin-top:12px}.stock.no{color:var(--red);font-size:16px}.pd-ship{list-style:none;padding:14px 0 0;margin:16px 0 0;border-top:1px solid var(--line);color:var(--mut);font-size:15px}
.desc{margin-top:48px;border-top:1px solid var(--line);padding-top:30px;max-width:860px}.rich{color:#d4d2cc;overflow-wrap:anywhere}.rich h2,.rich h3,.rich h4{color:var(--tx);margin-top:1.2em}.rich table{width:100%;border-collapse:collapse;display:block;overflow-x:auto}.rich td,.rich th{border:1px solid var(--line);padding:6px 10px}
.lines{border-top:1px solid var(--line)}.line{display:grid;grid-template-columns:72px 1fr 82px 110px 34px;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.line img{width:72px;height:72px;object-fit:cover;border-radius:8px;background:#fff}.l-n a{font-weight:600;text-decoration:none}.l-n small{display:block;color:var(--mut)}.x{background:none;border:0;color:var(--mut);font-size:24px;cursor:pointer}.err{display:block;color:var(--red)!important;font-size:13px}.cart-f{display:flex;justify-content:space-between;gap:20px;margin-top:22px;flex-wrap:wrap}.right{text-align:right}.right p{margin:0 0 10px}.right b{font-size:22px;color:var(--gold);margin-left:8px}
.co{display:grid;grid-template-columns:1.25fr 1fr;gap:34px;align-items:start}.co-f label,.form label{display:block;font-weight:500;font-size:14px;margin-bottom:14px}.co-f input,.co-f textarea,.form input:not([type=checkbox]),.form textarea,.form select{margin-top:5px}.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.sum{background:var(--s1);border:1px solid var(--line);border-radius:var(--r);padding:22px;position:sticky;top:90px}.sum-l{display:flex;justify-content:space-between;gap:14px;padding:8px 0;font-size:15px}.sum-l b{white-space:nowrap}.sum-l em{font-style:normal;color:var(--mut)}.sum-l.t{border-top:1px solid var(--line);margin-top:6px}.total{border-top:1px solid var(--line);margin:6px 0 14px;font-size:20px}.total b{color:var(--gold)}.sum small{display:block;margin-top:10px;color:var(--mut)}.pay{background:var(--s1);border:1px solid var(--line);border-radius:10px;padding:13px}.hp{position:absolute!important;left:-9999px;width:1px}
.form{max-width:520px}.flash{background:rgba(141,223,159,.1);border:1px solid #3e7a4c;padding:11px 14px;border-radius:10px;margin:18px 0 0}.flash.bad{background:rgba(255,122,107,.1);border-color:#8d463e;margin-bottom:18px}.prose p{color:#d4d2cc}.lead a{color:var(--gold)}
.foot{border-top:1px solid var(--line);background:#08080a;padding:44px 0 20px;color:var(--mut);font-size:15px}.foot-in{display:grid;grid-template-columns:1.4fr 1.4fr 1fr;gap:30px}.foot a{display:block;text-decoration:none;padding:2px 0}.foot a:hover{color:var(--gold)}.foot-b{font:800 24px "Chakra Petch";color:var(--gold);letter-spacing:.05em}.foot h4{margin-top:0}.copy{margin-top:26px;font-size:13px}
.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,30px);background:var(--gold);color:#111;font-weight:600;padding:10px 18px;border-radius:99px;opacity:0;pointer-events:none;transition:.2s;z-index:30}.toast.on{opacity:1;transform:translate(-50%,0)}
.tabs{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin-bottom:26px;border-bottom:1px solid var(--line);padding-bottom:12px}.tabs a{text-decoration:none;color:var(--gold)}.link{background:none;border:0;color:var(--mut);cursor:pointer;font:inherit;text-decoration:underline}.tw{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--line)}th{color:var(--mut);font-weight:600}td small{color:var(--gold)}td a{color:var(--gold)}.stick{position:sticky;bottom:12px;margin-top:14px}.msg{border-bottom:1px solid var(--line);padding:12px 0}.adm{gap:40px}.adm .form{margin-top:18px}
@media(max-width:960px){.hero-in,.pd,.co{grid-template-columns:1fr}.search{display:none}.cartlink{margin-left:auto}.burger{display:block;order:3}.top-in{flex-wrap:wrap}.nav{display:none;order:4;width:100%;flex-direction:column;gap:2px;padding-bottom:12px}.nav.open{display:flex}.sum{position:static}.hero-in{padding-top:44px;padding-bottom:44px}}
@media(max-width:820px){.shop{grid-template-columns:1fr}.filters summary{display:block;padding:10px 0}.filters{border:1px solid var(--line);border-radius:10px;padding:0 14px 8px}.foot-in{grid-template-columns:1fr}}
@media(max-width:600px){.wrap{padding:0 16px}.perks{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.card{padding:9px}.card-b .btn{width:100%}.two{grid-template-columns:1fr}.line{grid-template-columns:60px 1fr 34px;gap:10px}.line img{width:60px;height:60px}.line .qty{grid-column:2;grid-row:2}.line strong{grid-column:2/4;grid-row:3}.line .x{grid-column:3;grid-row:1}.right{text-align:left;width:100%}.right .btn{width:100%}.brand img{height:44px}.bar select{margin-left:0;width:100%}.adm{grid-template-columns:1fr}}

/* ===== FUTURISTICKI SLOJ ===== */
:root{--bg:#04050a;--s1:rgba(16,18,28,.72);--s2:#141726;--line:rgba(120,150,220,.2);--tx:#f2f5ff;--mut:#a3adc6;--gold:#f2c04a;--gold2:#ffe08a;--cy:#35e6ff;--vi:#8b5cff;--r:16px}
@view-transition{navigation:auto}
html{scroll-behavior:smooth}body{background:var(--bg);font-family:"Exo 2",system-ui,sans-serif;overflow-x:clip}
h1,h2,h3{font-family:"Chakra Petch","Exo 2",sans-serif;letter-spacing:.015em}
h1{background:linear-gradient(100deg,#fff 20%,var(--gold2) 55%,var(--cy));-webkit-background-clip:text;background-clip:text;color:transparent}
main,.foot,.top,.demo{position:relative;z-index:1}.top{z-index:20}
#fx{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
.aurora{position:fixed;inset:-20%;z-index:0;pointer-events:none;background:radial-gradient(40% 35% at 20% 25%,rgba(139,92,255,.2),transparent 70%),radial-gradient(38% 34% at 80% 20%,rgba(53,230,255,.14),transparent 70%),radial-gradient(45% 40% at 60% 85%,rgba(242,192,74,.13),transparent 70%);animation:aur 22s ease-in-out infinite alternate}
@keyframes aur{to{transform:translate3d(4%,-4%,0) rotate(8deg) scale(1.1)}}
.progress{position:fixed;left:0;top:0;height:3px;width:100%;transform:scaleX(0);transform-origin:0 50%;background:linear-gradient(90deg,var(--vi),var(--cy),var(--gold));z-index:50;box-shadow:0 0 14px var(--cy)}
.glow{position:fixed;left:0;top:0;width:420px;height:420px;margin:-210px 0 0 -210px;border-radius:50%;background:radial-gradient(circle,rgba(53,230,255,.13),transparent 65%);pointer-events:none;z-index:2;opacity:0;transition:opacity .3s;mix-blend-mode:screen}
.demo{background:linear-gradient(90deg,var(--gold),var(--gold2),var(--gold));background-size:200% 100%;animation:shift 6s linear infinite}@keyframes shift{to{background-position:200% 0}}
.top{background:rgba(6,8,16,.62);backdrop-filter:blur(18px) saturate(1.4);border-bottom:1px solid var(--line)}.top:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--cy),var(--gold),transparent);background-size:200% 100%;animation:shift 7s linear infinite}
.nav a{position:relative;transition:color .2s,text-shadow .2s}.nav a:hover,.nav a.on{color:#fff;text-shadow:0 0 12px var(--cy)}.nav a.on{box-shadow:inset 0 -2px var(--cy)}
.cartlink b{transition:transform .2s;box-shadow:0 0 12px rgba(242,192,74,.7)}.cartlink b.pulse{animation:pulse .6s}@keyframes pulse{40%{transform:scale(1.55);background:var(--cy)}}
.btn{position:relative;overflow:hidden;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);border-radius:0;letter-spacing:.03em;background:linear-gradient(100deg,var(--gold),var(--gold2));border:0;transition:transform .15s,filter .2s;filter:drop-shadow(0 0 10px rgba(242,192,74,.45))}
.btn:hover{background:linear-gradient(100deg,var(--gold2),var(--cy));filter:drop-shadow(0 0 18px rgba(53,230,255,.65))}.btn:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.6) 50%,transparent 65%);transform:translateX(-120%);transition:transform .6s}.btn:hover:before{transform:translateX(120%)}
.btn.ghost{background:rgba(53,230,255,.08);color:var(--cy);box-shadow:inset 0 0 0 1px var(--cy)}.btn.ghost:hover{background:rgba(53,230,255,.2);color:#fff}
input,select,textarea{background:rgba(10,13,24,.75);transition:border-color .2s,box-shadow .2s}input:focus,select:focus,textarea:focus{outline:0;border-color:var(--cy);box-shadow:0 0 0 3px rgba(53,230,255,.2),0 0 18px rgba(53,230,255,.25)}
.eyebrow{color:var(--cy);text-shadow:0 0 12px rgba(53,230,255,.6)}.lead{color:#d6dcef}
.hero{position:relative;overflow:hidden;background:none;min-height:min(86vh,780px);display:flex;align-items:center}.hero-in{width:100%;position:relative;z-index:1}.hero h1{font-size:clamp(42px,6.6vw,86px);position:relative}
.floor{position:absolute;left:-50%;right:-50%;bottom:-8%;height:52%;background-image:linear-gradient(rgba(53,230,255,.32) 1px,transparent 1px),linear-gradient(90deg,rgba(53,230,255,.32) 1px,transparent 1px);background-size:64px 64px;transform:perspective(420px) rotateX(68deg);transform-origin:50% 100%;animation:floor 3.5s linear infinite;mask-image:linear-gradient(transparent,#000 75%);-webkit-mask-image:linear-gradient(transparent,#000 75%)}@keyframes floor{to{background-position:0 64px}}
.glitch:before,.glitch:after{content:attr(data-text);position:absolute;inset:0;pointer-events:none;background:inherit;-webkit-background-clip:text;background-clip:text;opacity:0}
.glitch:before{color:var(--cy);-webkit-text-fill-color:var(--cy);animation:gl1 5s infinite steps(1)}.glitch:after{color:#ff3df0;-webkit-text-fill-color:#ff3df0;animation:gl2 5s infinite steps(1)}
@keyframes gl1{0%,91%,100%{opacity:0}92%{opacity:.8;transform:translate(-4px,-2px);clip-path:inset(10% 0 55% 0)}95%{opacity:.8;transform:translate(3px,1px);clip-path:inset(60% 0 12% 0)}97%{opacity:0}}
@keyframes gl2{0%,92%,100%{opacity:0}93%{opacity:.7;transform:translate(4px,2px);clip-path:inset(40% 0 30% 0)}96%{opacity:.7;transform:translate(-3px,-1px);clip-path:inset(5% 0 75% 0)}98%{opacity:0}}
[data-type]:after{content:"_";animation:blink 1s steps(2) infinite}@keyframes blink{50%{opacity:0}}
.orbit{position:relative;height:440px;perspective:1100px;display:grid;place-items:center}.core{position:absolute;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,var(--gold2),rgba(242,192,74,.15) 45%,transparent 70%);filter:blur(4px);animation:breathe 3s ease-in-out infinite}@keyframes breathe{50%{transform:scale(1.35);opacity:.65}}
.ring{position:relative;width:150px;height:200px;transform-style:preserve-3d;animation:spin 26s linear infinite}@keyframes spin{from{transform:rotateX(-8deg) rotateY(0)}to{transform:rotateX(-8deg) rotateY(360deg)}}
.sat{position:absolute;inset:0;transform:rotateY(calc(var(--i)*360deg/var(--n))) translateZ(270px);border-radius:12px;overflow:hidden;border:1px solid rgba(53,230,255,.55);box-shadow:0 0 24px rgba(53,230,255,.35);background:#fff}.sat img{width:100%;height:100%;object-fit:cover}
.marquee{position:relative;overflow:hidden;border-block:1px solid var(--line);background:rgba(8,10,20,.6);padding:14px 0}.marquee div{display:flex;gap:56px;width:max-content;animation:mq 34s linear infinite}.marquee span{font:600 20px "Chakra Petch";text-transform:uppercase;letter-spacing:.1em;color:transparent;-webkit-text-stroke:1px var(--gold);white-space:nowrap}@keyframes mq{to{transform:translateX(-50%)}}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding-top:44px}.stats div{text-align:center;padding:20px 8px;background:var(--s1);border:1px solid var(--line);border-radius:var(--r);backdrop-filter:blur(10px)}.stats b{display:block;font:700 clamp(30px,4.6vw,50px)/1.1 "Chakra Petch";color:var(--gold);text-shadow:0 0 18px rgba(242,192,74,.55)}.stats span{color:var(--mut);font-size:14px;text-transform:uppercase;letter-spacing:.09em}
[data-reveal]{transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}.js [data-reveal]:not(.in){opacity:0;transform:translateY(34px) scale(.97)}
.card,.cat,.perks div,.sum,.pay,.tiers div,.acc,.order-c{background:var(--s1);backdrop-filter:blur(10px);border-color:var(--line)}
.card,.cat,.tiers div{position:relative;transform-style:preserve-3d;--rx:0deg;--ry:0deg;--mx:50%;--my:50%}.js .card.in,.js .cat.in,.js .tiers div.in{transform:perspective(900px) rotateX(var(--rx)) rotateY(var(--ry));transition:transform .18s ease-out,border-color .2s,opacity .7s}
.card:before,.tiers div:before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:conic-gradient(from var(--a,0deg),var(--cy),var(--vi),var(--gold),var(--cy));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .25s;animation:ang 3s linear infinite;pointer-events:none}.card:hover:before,.tiers div:hover:before{opacity:1}
@property --a{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes ang{to{--a:360deg}}
.card:hover{box-shadow:0 18px 50px rgba(53,230,255,.2)}.card:after,.cat:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(260px circle at var(--mx) var(--my),rgba(255,255,255,.17),transparent 60%);opacity:0;transition:opacity .2s;mix-blend-mode:screen}.card:hover:after,.cat:hover:after{opacity:1}
.thumb{background:#0b0e18}.thumb:after{content:"";position:absolute;left:0;right:0;top:-30%;height:30%;background:linear-gradient(transparent,rgba(53,230,255,.42),transparent);pointer-events:none}.card:hover .thumb:after{animation:scan 1.1s linear}@keyframes scan{to{top:110%}}.thumb img{transition:transform .5s}.card:hover .thumb img{transform:scale(1.07)}
.card small{color:var(--cy)}.card-b strong{color:var(--gold);font-family:"Chakra Petch"}.cat span{font-family:"Chakra Petch";font-size:18px}.perks b{font-family:"Chakra Petch"}
.band{background:linear-gradient(115deg,rgba(139,92,255,.2),rgba(16,18,28,.8) 55%,rgba(53,230,255,.14));border-color:rgba(53,230,255,.32);backdrop-filter:blur(10px)}.band.order{margin-top:0;background:linear-gradient(115deg,rgba(242,192,74,.2),rgba(16,18,28,.8) 60%)}
.pd-img{box-shadow:0 0 50px rgba(53,230,255,.22);border:1px solid var(--line)}.price{font-family:"Chakra Petch";text-shadow:0 0 18px rgba(242,192,74,.5)}.opt input:checked+span{border-color:var(--cy);background:rgba(53,230,255,.14);color:#fff;box-shadow:0 0 14px rgba(53,230,255,.4)}.opt span{transition:.2s}
.foot{background:rgba(4,5,10,.85);backdrop-filter:blur(10px)}.foot-in{grid-template-columns:1.2fr 1.2fr 1fr 1.2fr}.foot-b,.total b{font-family:"Chakra Petch"}
.prose a,.muted a{color:var(--gold)}.muted{color:var(--mut)}.prose h2{margin-top:1.4em}
.steps{list-style:none;counter-reset:s;padding:0}.steps li{counter-increment:s;position:relative;padding:14px 16px 14px 62px;margin-bottom:10px;background:var(--s1);border:1px solid var(--line);border-radius:12px;color:#d6dcef}.steps li:before{content:counter(s);position:absolute;left:16px;top:12px;width:32px;height:32px;display:grid;place-items:center;border-radius:8px;background:var(--gold);color:#111;font:700 16px "Chakra Petch";box-shadow:0 0 14px rgba(242,192,74,.6)}
.tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:26px 0}.tiers div{border:1px solid var(--line);border-radius:var(--r);padding:22px 14px;text-align:center}.tiers span{display:block;color:var(--mut)}.tiers b{display:block;font:700 44px/1.2 "Chakra Petch";color:var(--gold)}.tiers small{font-size:16px}.tiers em{font-style:normal;color:var(--cy);font-size:13px;text-transform:uppercase;letter-spacing:.06em}
.acc{border:1px solid var(--line);border-radius:12px;margin-bottom:10px;padding:0 16px}.acc summary{cursor:pointer;padding:14px 0;font:600 18px "Chakra Petch";color:var(--gold)}.acc[open] summary{color:var(--cy)}
.fly{position:fixed;z-index:60;width:56px;height:56px;border-radius:10px;object-fit:cover;pointer-events:none;box-shadow:0 0 22px var(--cy);transition:transform .75s cubic-bezier(.5,-.2,.3,1),opacity .75s}
.ripple{position:absolute;border-radius:50%;background:rgba(255,255,255,.5);transform:scale(0);animation:rip .6s ease-out;pointer-events:none}@keyframes rip{to{transform:scale(3.5);opacity:0}}
.boot{position:fixed;inset:0;z-index:100;background:#04050a;display:grid;place-items:center;font:600 16px "Chakra Petch";letter-spacing:.3em;color:var(--cy);transition:opacity .35s}.boot i{display:block;height:2px;margin-top:12px;background:linear-gradient(90deg,var(--cy),var(--gold));box-shadow:0 0 12px var(--cy);animation:bootb .65s ease-out forwards}@keyframes bootb{from{width:0}to{width:100%}}
@media(max-width:960px){.orbit{height:330px}.ring{width:104px;height:140px}.sat{transform:rotateY(calc(var(--i)*360deg/var(--n))) translateZ(180px)}.hero{min-height:0}.foot-in{grid-template-columns:1fr 1fr}.glow{display:none}}
@media(max-width:600px){.stats{grid-template-columns:1fr 1fr}.tiers{grid-template-columns:1fr}.foot-in{grid-template-columns:1fr}.floor{background-size:44px 44px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.js [data-reveal]:not(.in){opacity:1;transform:none}.ring{transform:rotateX(-8deg)}#fx,.glow,.boot{display:none}}
.hero-in{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}.hero-t{min-width:0}.hero h1{font-size:clamp(32px,5vw,70px);overflow-wrap:break-word}.orbit{overflow:visible}.ring{width:120px;height:160px}.sat{transform:rotateY(calc(var(--i)*360deg/var(--n))) translateZ(205px)}.orbit{perspective:1400px}.cats{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}
@media(max-width:960px){.hero-in{grid-template-columns:minmax(0,1fr)}.orbit{height:260px;overflow:hidden}.ring{width:86px;height:116px}.sat{transform:rotateY(calc(var(--i)*360deg/var(--n))) translateZ(125px)}}

/* ===== WOOCOMMERCE ===== */
.button,button.button,a.button,input.button,.wc-block-components-button{display:inline-flex;justify-content:center;align-items:center;min-height:44px;padding:0 22px;border:0;position:relative;overflow:hidden;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);background:linear-gradient(100deg,var(--gold),var(--gold2));color:#111!important;font:700 15px "Exo 2",sans-serif;letter-spacing:.03em;text-decoration:none;cursor:pointer;transition:transform .15s,filter .2s;filter:drop-shadow(0 0 10px rgba(242,192,74,.45))}
.button:hover{background:linear-gradient(100deg,var(--gold2),var(--cy));filter:drop-shadow(0 0 18px rgba(53,230,255,.65))}.button:disabled,.button.disabled{opacity:.45;cursor:not-allowed}
ul.products{display:grid;grid-template-columns:repeat(auto-fill,minmax(225px,1fr));gap:16px;list-style:none;padding:0;margin:0}ul.products li.card{margin:0;width:auto;float:none}.card .button{min-height:36px;padding:0 14px;font-size:14px}.card .added_to_cart{font-size:13px;color:var(--cy);margin-left:6px}.card .price,.card-b .price{color:var(--gold);font:700 16px "Chakra Petch"}.card-b del{opacity:.5}
.onsale{display:none}.woocommerce-result-count{color:var(--mut);margin:0}.woocommerce-ordering{margin:0 0 0 auto}.shop-bar{display:flex;align-items:center;gap:16px;margin-bottom:18px;flex-wrap:wrap}.woocommerce-ordering select{width:auto}
.woocommerce-pagination ul{display:flex;gap:6px;list-style:none;padding:0;margin:26px 0 0;flex-wrap:wrap}.woocommerce-pagination a,.woocommerce-pagination span{min-width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;text-decoration:none}.woocommerce-pagination .current{background:var(--gold);color:#111;font-weight:700}
.woocommerce-breadcrumb{color:var(--mut);font-size:14px;margin-bottom:18px}.woocommerce-breadcrumb a{color:var(--cy);text-decoration:none}
.woocommerce-message,.woocommerce-info,.woocommerce-error{list-style:none;margin:0 0 18px;padding:13px 16px;border:1px solid rgba(53,230,255,.4);border-radius:10px;background:rgba(53,230,255,.08);display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}.woocommerce-error{border-color:#8d463e;background:rgba(255,122,107,.1);display:block}.woocommerce-message a,.woocommerce-info a{color:var(--gold)}
div.product{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:start}div.product .woocommerce-product-gallery{width:100%!important;background:#fff;border-radius:var(--r);overflow:hidden;box-shadow:0 0 50px rgba(53,230,255,.22);border:1px solid var(--line);opacity:1!important;margin:0}div.product .woocommerce-product-gallery img{width:100%;aspect-ratio:1;object-fit:contain}.woocommerce-product-gallery__trigger{display:none}
div.product .summary h1{font-size:clamp(28px,3.6vw,44px)}div.product .summary .price{font:800 36px "Chakra Petch";color:var(--gold);text-shadow:0 0 18px rgba(242,192,74,.5);margin:0 0 18px}.product_meta{color:var(--mut);font-size:14px;margin-top:16px}.product_meta a{color:var(--cy)}.product_meta>span{display:block}.stock{font-size:14px}.stock.in-stock{color:#8ddf9f}.stock.out-of-stock{color:var(--red)}
form.cart{display:block;margin:18px 0}form.cart:not(.variations_form),.woocommerce-variation-add-to-cart{display:flex;gap:10px;flex-wrap:wrap}.quantity input{width:82px;text-align:center}form.cart .button{flex:1;min-width:180px}.variations{width:100%;border:0;margin-bottom:14px}.variations td,.variations th{border:0;padding:4px 0;display:block;text-align:left}.reset_variations{color:var(--cy);font-size:13px}.woocommerce-variation-price .price{font:700 26px "Chakra Petch";color:var(--gold)}
.woocommerce-tabs,.related,.upsells{grid-column:1/-1}.woocommerce-tabs ul.tabs{display:none}.woocommerce-Tabs-panel{border-top:1px solid var(--line);padding-top:28px;color:#d6dcef;max-width:860px;overflow-wrap:anywhere}.woocommerce-Tabs-panel table{display:block;overflow-x:auto}.related>h2,.upsells>h2{margin-top:44px}
table.shop_table{width:100%;background:var(--s1);border:1px solid var(--line);border-radius:12px;overflow:hidden}.shop_table img{width:64px;border-radius:8px;background:#fff}.shop_table a{color:var(--gold)}.shop_table .remove{font-size:24px;text-decoration:none;color:var(--red)!important}.cart-collaterals{margin-top:24px;margin-left:auto;max-width:460px}.wc-proceed-to-checkout .button{width:100%;margin-top:14px}.coupon{display:none}.actions .button{float:right}
#customer_details{display:block}form.checkout{display:grid;grid-template-columns:1.25fr 1fr;gap:34px;align-items:start}form.checkout>.woocommerce-NoticeGroup{grid-column:1/-1}.col2-set .col-1,.col2-set .col-2{width:100%}#order_review_heading{grid-column:2;grid-row:1;margin:0}#customer_details{grid-column:1;grid-row:1/4}#order_review{grid-column:2;background:var(--s1);border:1px solid var(--line);border-radius:var(--r);padding:18px}
.form-row{display:block;margin:0 0 14px}.form-row label{display:block;font-size:14px;font-weight:500;margin-bottom:5px}.required{color:var(--gold);text-decoration:none}.optional{color:var(--mut)}#shipping_method{list-style:none;padding:0;margin:0}#shipping_method li{margin:3px 0}.wc_payment_methods{list-style:none;padding:0}.payment_box{color:var(--mut);font-size:14px}#place_order{width:100%;margin-top:12px}.woocommerce-terms-and-conditions-wrapper{font-size:14px;color:var(--mut)}.woocommerce-privacy-policy-text a{color:var(--gold)}
.woocommerce-MyAccount-navigation ul{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:8px 18px;border-bottom:1px solid var(--line);padding-bottom:12px;margin:0 0 22px}.woocommerce-MyAccount-navigation a{text-decoration:none;color:var(--mut)}.woocommerce-MyAccount-navigation .is-active a{color:var(--cy)}.woocommerce-MyAccount-content a{color:var(--gold)}.u-columns{display:grid;grid-template-columns:1fr 1fr;gap:34px}.u-columns .col-1,.u-columns .col-2{width:auto;float:none;background:var(--s1);border:1px solid var(--line);border-radius:var(--r);padding:22px}.lost_password a{color:var(--cy)}
.entry-content{color:#d6dcef}.entry-content a{color:var(--gold)}.blockUI.blockOverlay{background:rgba(4,5,10,.6)!important}.screen-reader-text{position:absolute!important;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden}
.filters a{transition:color .2s}
@media(max-width:800px){div.product,form.checkout,.u-columns{grid-template-columns:minmax(0,1fr)}#order_review_heading,#customer_details,#order_review{grid-column:1;grid-row:auto}ul.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.shop_table{font-size:14px}}
.acctlink{white-space:nowrap;text-decoration:none;font-weight:600}.search{margin-left:auto}.flash{background:rgba(141,223,159,.1);border:1px solid #3e7a4c;padding:11px 14px;border-radius:10px}
.card h3{font-family:"Exo 2",sans-serif}div.product .woocommerce-product-gallery img{aspect-ratio:auto;height:auto}.woocommerce-result-count{float:left;margin:8px 0 14px}.woocommerce-ordering{float:right;margin:0 0 14px}ul.products{clear:both}.woocommerce-result-count{line-height:1.5}
@media(max-width:600px){.woocommerce-ordering{float:none}.woocommerce-result-count{float:none}}
