:root{
  --bg:#060a14; --panel:#0d1424; --panel2:#121c33; --line:#1d2b4d;
  --blue:#1e7bff; --cyan:#33c8ff; --text:#e9f0ff; --mute:#8a9bc2;
  --sale:#ff4560; --ok:#2fd18b;
  --glow:0 0 24px rgba(30,123,255,.45);
}
*{box-sizing:border-box;margin:0}
[hidden]{display:none!important}
html{scroll-behavior:smooth}
body{font-family:'Vazirmatn',Tahoma,sans-serif;background:var(--bg);color:var(--text);line-height:1.8;
  background-image:radial-gradient(900px 400px at 85% -5%,rgba(30,123,255,.22),transparent 70%)}
a{color:inherit;text-decoration:none}
:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}
button,input,select{font:inherit;color:inherit}

/* loader */
#loader{position:fixed;inset:0;z-index:99;background:var(--bg);display:grid;place-content:center;justify-items:center;gap:14px;transition:opacity .5s,visibility .5s}
#loader.done{opacity:0;visibility:hidden}
#loader img{width:120px;grid-area:1/1;filter:drop-shadow(0 0 18px rgba(30,123,255,.8));animation:pulse 1.6s ease-in-out infinite}
.ring{grid-area:1/1;width:190px;height:190px;border-radius:50%;border:3px solid transparent;border-top-color:var(--blue);border-bottom-color:var(--cyan);animation:spin 1.1s linear infinite;align-self:center;justify-self:center}
#loader p{grid-area:2/1;margin-top:150px;color:var(--mute);font-size:.9rem}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes pulse{50%{transform:scale(.92);opacity:.8}}

/* header */
.top{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:14px;padding:10px 4vw;background:rgba(6,10,20,.85);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);min-height:58px}
.brand{display:flex;align-items:center;gap:10px;font-size:1.2rem;white-space:nowrap}
.brand img{width:42px;filter:drop-shadow(0 0 8px rgba(30,123,255,.7))}
nav{display:flex;gap:2px;margin-inline-start:auto}
nav a{padding:6px 12px;border-radius:8px;color:var(--mute);font-size:.95rem}
nav a:hover,nav a.on{color:var(--text);background:var(--panel2)}
.acts{display:flex;align-items:center;gap:10px;margin-inline-start:auto}
nav + .acts{margin-inline-start:0}
.who{padding:6px 16px;border:1px solid var(--blue);border-radius:8px;white-space:nowrap;max-width:150px;overflow:hidden;text-overflow:ellipsis}
.who:hover{box-shadow:var(--glow)}
/* دکمه همبرگری — فقط موبایل */
.burger{display:none;width:40px;height:38px;border:1px solid var(--line);border-radius:10px;background:var(--panel);cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:0}
.burger span{display:block;width:18px;height:2px;border-radius:2px;background:var(--cyan);box-shadow:0 0 8px var(--cyan);transition:transform .25s,opacity .25s}
.burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
/* آیکون سبد خرید در هدر */
.icart{position:relative;display:grid;place-items:center;width:40px;height:38px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text)}
.icart svg{width:19px;height:19px}
.icart:hover{border-color:var(--cyan);box-shadow:0 0 12px rgba(51,200,255,.35)}
/* منوی کشویی موبایل — از سمت راست (RTL) */
#scrim{position:fixed;inset:0;z-index:40;background:rgba(2,5,12,.6);backdrop-filter:blur(3px)}
#drawer{position:fixed;top:0;bottom:0;right:0;z-index:41;width:min(320px,86vw);background:linear-gradient(180deg,#0a1120,#0d1424);border-left:1px solid var(--line);box-shadow:-18px 0 50px rgba(0,0,0,.55);transform:translateX(105%);transition:transform .3s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column}
#drawer.open{transform:translateX(0)}
#drawer .dhead{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--line)}
#drawer .dhead .brand{font-size:1.05rem}
#dclose{width:36px;height:36px;border:1px solid var(--line);border-radius:9px;background:var(--panel2);color:var(--text);cursor:pointer;display:grid;place-items:center}
#dclose svg{width:16px;height:16px}
#dnav{display:flex;flex-direction:column;padding:10px;gap:2px;overflow-y:auto;flex:1}
#dnav a{padding:11px 14px;border-radius:10px;color:var(--text);font-size:1rem}
#dnav a:hover,#dnav a.on{background:var(--panel2);color:var(--cyan)}
#dnav a.on::after{display:none}
#drawer .dfoot{padding:14px 18px;border-top:1px solid var(--line);display:grid;gap:8px}

main{padding:28px 5vw 60px;max-width:1280px;margin:auto;min-height:70vh}
h2{font-size:1.5rem;margin-bottom:16px}
.muted{color:var(--mute)}

/* hero */
.hero{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:20px;padding:30px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,var(--panel),#0a1a3a);margin-bottom:30px}
.hero h1{font-size:clamp(1.7rem,4vw,2.8rem);line-height:1.4;font-weight:800}
.hero p{color:var(--mute);margin:10px 0 20px;max-width:46ch}
.hero img{width:min(300px,100%);justify-self:center;filter:drop-shadow(0 0 40px rgba(30,123,255,.7))}

.btn{display:inline-block;padding:9px 22px;border:0;border-radius:10px;background:linear-gradient(90deg,var(--blue),var(--cyan));color:#031024;font-weight:800;cursor:pointer;transition:box-shadow .2s,transform .1s}
.btn:hover{box-shadow:var(--glow)}.btn:active{transform:scale(.97)}
.btn.ghost{background:none;border:1px solid var(--line);color:var(--text)}
.btn.sm{padding:4px 12px;font-size:.85rem}
.btn.danger{background:var(--sale);color:#fff}

/* filters */
.bar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px;align-items:center}
.chip{padding:5px 16px;border:1px solid var(--line);border-radius:99px;background:var(--panel);cursor:pointer}
.chip.on{background:var(--blue);border-color:var(--blue)}
input,select{background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:8px 12px;width:100%}
.bar input{max-width:260px;margin-inline-start:auto}

/* grid & cards */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px}
.card{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;transition:border-color .2s}
.card:hover{border-color:var(--blue)}
.thumb{height:140px;display:grid;place-items:center;background:linear-gradient(140deg,#0a2a66,#05080f);background-size:cover;background-position:center}
.thumb img{width:70px;opacity:.9;filter:drop-shadow(0 0 12px var(--blue))}
.card .in{padding:14px;display:grid;gap:4px;flex:1}
.card small{color:var(--cyan)}
.price{display:flex;gap:10px;align-items:baseline;margin-top:auto;padding-top:8px}
.price b{font-size:1.15rem}.price s{color:var(--mute);font-size:.9rem}
.badge{position:absolute;top:10px;inset-inline-start:10px;background:var(--sale);color:#fff;font-weight:800;padding:2px 12px;border-radius:99px;box-shadow:0 0 14px rgba(255,69,96,.6)}
.left{font-size:.8rem;color:#ffb3bf}
.card .btn{margin:0 14px 14px}

/* panels, tables, forms */
.panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:20px;margin-bottom:20px}
.cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}
form{display:grid;gap:12px}
label{display:grid;gap:4px;color:var(--mute);font-size:.9rem}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.tw{overflow-x:auto}
table{width:100%;border-collapse:collapse}
th,td{padding:10px;text-align:start;border-bottom:1px solid var(--line);white-space:nowrap}
th{color:var(--mute);font-weight:400}
.tag{padding:2px 12px;border-radius:99px;font-size:.8rem;background:var(--panel2)}
.tag.ok{color:var(--ok)}.tag.wait{color:#ffc857}.tag.bad{color:var(--sale)}
.drop{border:2px dashed var(--line);border-radius:12px;padding:18px;text-align:center;cursor:pointer;color:var(--mute)}
.drop:hover,.drop.over{border-color:var(--cyan);color:var(--text)}
.files{display:grid;gap:6px;margin-top:10px;font-size:.9rem}
.empty{text-align:center;padding:50px 10px;color:var(--mute)}

/* فوتر بهینه چندستونه */
.foot{display:block;padding:0;margin-top:36px;border-top:1px solid var(--line);background:rgba(8,13,26,.78);backdrop-filter:blur(8px)}
.foot .fgrid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:26px;max-width:1280px;margin:auto;padding:34px 5vw 22px}
.fcol h4{font-size:.95rem;margin-bottom:12px;color:var(--cyan)}
.fcol ul{list-style:none;padding:0;display:grid;gap:7px}
.fcol ul a{color:var(--mute);font-size:.92rem}
.fcol ul a:hover{color:var(--text)}
.fbrand p{color:var(--mute);font-size:.9rem;margin:10px 0 14px;max-width:42ch}
.fcontact{display:flex;flex-wrap:wrap;gap:8px}
.fchip{padding:4px 14px;border:1px solid var(--line);border-radius:99px;font-size:.85rem;color:var(--mute)}
.fchip:hover{border-color:var(--cyan);color:var(--text)}
.badges{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start}
.nbadge{display:grid;place-items:center;width:96px;height:96px;padding:8px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.04);transition:border-color .2s,box-shadow .2s}
.nbadge:hover{border-color:var(--cyan);box-shadow:0 0 14px rgba(51,200,255,.25)}
.nbadge img{width:80px;height:80px;object-fit:contain;border-radius:0}
.fbot{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;max-width:1280px;margin:auto;padding:14px 5vw;border-top:1px solid var(--line);color:var(--mute);font-size:.85rem}
@media(max-width:960px){.foot .fgrid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.foot .fgrid{grid-template-columns:1fr}.fbot{justify-content:center;text-align:center}}
/* نشان تعداد روی آیکون سبد */
.icart[data-n]:not([data-n=""])::before{content:attr(data-n);position:absolute;top:-7px;inset-inline-start:-7px;min-width:19px;padding:0 5px;border-radius:99px;background:var(--sale);color:#fff;font-size:.72rem;line-height:19px;text-align:center;box-shadow:0 0 10px rgba(255,69,96,.6)}
#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,80px);background:var(--panel2);border:1px solid var(--blue);padding:10px 22px;border-radius:10px;transition:transform .3s;z-index:60}
#toast.show{transform:translate(-50%,0)}

@media(max-width:960px){
  nav{display:none}
  .burger{display:flex}
  .top{gap:10px;padding:8px 3.5vw}
  .brand{font-size:1.05rem}
  .who{padding:6px 10px;font-size:.9rem}
}
@media(max-width:760px){
  .hero{grid-template-columns:1fr;text-align:center}.hero img{width:160px;order:-1}.hero p{margin-inline:auto}
  .bar input{max-width:none;margin:0;width:100%}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* ===== نسخه فیوچریستیک ===== */
#fx{position:fixed;inset:0;z-index:0;pointer-events:none}
.top,main,footer{position:relative;z-index:1}
.top{position:sticky}
body::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.5;
  background:linear-gradient(rgba(30,123,255,.07) 1px,transparent 1px) 0 0/48px 48px,linear-gradient(90deg,rgba(30,123,255,.07) 1px,transparent 1px) 0 0/48px 48px;
  mask-image:radial-gradient(ellipse at 50% 20%,#000 20%,transparent 75%)}
.brand b{font-family:'Orbitron',sans-serif;letter-spacing:.12em;background:linear-gradient(90deg,#fff,var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent}
.top{background:rgba(6,10,20,.6)}
nav a{position:relative}
nav a::after{content:"";position:absolute;inset-inline:14px;bottom:2px;height:2px;background:var(--cyan);box-shadow:0 0 10px var(--cyan);transform:scaleX(0);transition:transform .3s}
nav a:hover::after,nav a.on::after{transform:scaleX(1)}
h2{display:flex;align-items:center;gap:12px}
h2::before{content:"";width:5px;height:1.4em;border-radius:3px;background:linear-gradient(var(--cyan),var(--blue));box-shadow:0 0 14px var(--blue)}

/* loader */
.bar2{grid-area:2/1;width:200px;height:3px;background:var(--line);border-radius:3px;overflow:hidden;margin-top:110px}
.bar2 i{display:block;height:100%;width:40%;background:linear-gradient(90deg,var(--blue),var(--cyan));box-shadow:0 0 12px var(--cyan);animation:load 1s ease-in-out infinite alternate}
@keyframes load{from{margin-inline-start:0}to{margin-inline-start:60%}}
#loader p{margin-top:160px}

/* hero */
.hero{position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(13,20,36,.8),rgba(10,26,58,.8));backdrop-filter:blur(6px);border-color:rgba(51,200,255,.25);box-shadow:0 0 60px rgba(30,123,255,.15) inset}
.hero::after{content:"";position:absolute;inset-inline:0;top:-100%;height:60%;background:linear-gradient(transparent,rgba(51,200,255,.08),transparent);animation:scan 6s linear infinite;pointer-events:none}
@keyframes scan{to{top:140%}}
.hero h1{background:linear-gradient(100deg,#fff 30%,var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent}
.orb{position:relative;display:grid;place-items:center;justify-self:center;width:min(300px,70vw);aspect-ratio:1}
.orb img{width:62%;filter:drop-shadow(0 0 30px rgba(30,123,255,.9));animation:float 5s ease-in-out infinite}
.orb i{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(51,200,255,.5);border-top-color:var(--cyan);border-left-color:transparent;animation:spin 9s linear infinite}
.orb i+i{inset:10%;border-color:rgba(30,123,255,.6);border-bottom-color:transparent;border-right-color:transparent;animation-duration:6s;animation-direction:reverse}
@keyframes float{50%{transform:translateY(-12px)}}
.perks{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0;margin-top:22px}
.perks li{padding:3px 14px;border:1px solid var(--line);border-radius:99px;font-size:.85rem;color:var(--mute);background:rgba(6,10,20,.5)}
.perks li::before{content:"";display:inline-block;width:7px;height:7px;margin-inline-end:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 8px var(--ok)}

/* buttons */
.btn{position:relative;overflow:hidden}
.btn::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.55) 50%,transparent 60%);transform:translateX(-120%)}
.btn:hover::after{transform:translateX(120%);transition:transform .7s}
.chip{transition:all .2s}.chip:hover{border-color:var(--cyan);box-shadow:0 0 12px rgba(51,200,255,.3)}
.chip.on{box-shadow:var(--glow)}

/* cards */
@property --a{syntax:"<angle>";initial-value:0deg;inherits:false}
.card{--rx:0deg;--ry:0deg;background:rgba(13,20,36,.75);backdrop-filter:blur(8px);transform:perspective(800px) rotateX(var(--rx)) rotateY(var(--ry));transition:transform .15s,border-color .3s;
  animation:rise .6s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i)*70ms)}
@keyframes rise{from{opacity:0;transform:perspective(800px) translateY(28px) rotateX(-12deg)}}
.card::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;pointer-events:none;opacity:0;transition:opacity .3s;
  background:conic-gradient(from var(--a),transparent 0 60%,var(--cyan),var(--blue),transparent);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:rot 3s linear infinite}
.card:hover::before{opacity:1}
@keyframes rot{to{--a:360deg}}
.thumb{position:relative;overflow:hidden;background:radial-gradient(circle at 50% 60%,rgba(30,123,255,.35),#05080f 70%)}
.thumb::before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(51,200,255,.1) 1px,transparent 1px) 0 0/20px 20px,linear-gradient(90deg,rgba(51,200,255,.1) 1px,transparent 1px) 0 0/20px 20px}
.ic{position:relative;width:78px;height:78px;display:grid;place-items:center;border-radius:20px;border:1px solid currentColor;background:rgba(5,8,15,.7);animation:float 4s ease-in-out infinite;transition:transform .3s}
.ic svg{width:46px;height:46px;filter:drop-shadow(0 0 8px currentColor)}
.ic img{width:48px}
.t-steam .ic{color:var(--cyan);box-shadow:0 0 28px rgba(51,200,255,.45)}
.t-discord .ic{color:#6d93ff;box-shadow:0 0 28px rgba(80,120,255,.5)}
.t-dc .ic{color:var(--blue);box-shadow:0 0 28px rgba(30,123,255,.45)}
.card:hover .ic{transform:scale(1.12) rotate(-4deg)}
.badge{animation:blink 1.8s ease-in-out infinite}
@keyframes blink{50%{box-shadow:0 0 24px rgba(255,69,96,.95)}}
.panel{background:rgba(13,20,36,.7);backdrop-filter:blur(8px)}
@media(prefers-reduced-motion:reduce){.card{animation:none!important}}

/* ===== لوگو (پلاک روشن تا حروف مشکی دیده شوند) ===== */
.brand img{width:44px;border-radius:12px;filter:none;box-shadow:0 0 16px rgba(30,123,255,.65)}
.orb img{width:62%;border-radius:22%;filter:none;box-shadow:0 0 60px rgba(30,123,255,.75)}
footer img{border-radius:7px}
.ic img{border-radius:10px;filter:none}

/* ===== لودینگ: DC + ربات و سبد خرید ===== */
#loader{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;overflow:hidden}
#loader .bar2,#loader p{grid-area:auto;margin:0}
#loader p{font-size:.9rem}
.dc{font-family:'Orbitron',sans-serif;font-weight:900;font-size:clamp(5.5rem,22vw,10rem);line-height:1;letter-spacing:.08em;padding-inline-start:.08em;direction:ltr;
  background:linear-gradient(180deg,#fff 10%,var(--cyan) 55%,var(--blue));-webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 0 22px rgba(30,123,255,.8));animation:flick 3.6s linear infinite}
@keyframes flick{0%,92%,100%{opacity:1}94%{opacity:.55}96%{opacity:1}98%{opacity:.7}}
.stage{position:relative;direction:ltr;width:min(420px,92vw);height:112px;border-bottom:2px solid var(--line)}
.stage::after{content:"";position:absolute;inset-inline:0;bottom:-2px;height:2px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);box-shadow:0 0 12px var(--cyan)}
.gi{position:absolute;width:38px;height:38px;display:grid;place-items:center;border:1px solid currentColor;border-radius:10px;background:rgba(5,8,15,.8)}
.gi svg{width:24px;height:24px;filter:drop-shadow(0 0 6px currentColor)}
.gi.discord{color:#6d93ff;box-shadow:0 0 16px rgba(80,120,255,.55)}
.gi.steam{color:var(--cyan);box-shadow:0 0 16px rgba(51,200,255,.55)}
.g1,.g2{bottom:6px}.g1{left:58%}.g2{left:74%}
.bot{position:absolute;bottom:-21px;left:0;width:170px;height:110px;animation:drive 3.6s ease-in-out infinite}
.bot svg{width:100%;height:100%;overflow:visible}
.c1,.c2{top:6px;opacity:0;width:30px;height:30px;transform:scale(.3)}.c1{left:100px;animation:put1 3.6s infinite}.c2{left:132px;animation:put2 3.6s infinite}
.g1{animation:take1 3.6s infinite}.g2{animation:take2 3.6s infinite}
.wh{transform-box:fill-box;transform-origin:center;animation:spin .7s linear infinite}
.arm{transform-origin:62px 48px;animation:arm 3.6s ease-in-out infinite}
.eye{animation:blinkE 2.4s infinite;transform-box:fill-box;transform-origin:center}
@keyframes drive{0%{left:-190px}33%{left:90px}42%{left:90px}52%{left:135px}62%{left:135px}100%{left:110%}}
@keyframes take1{0%,38%{transform:none;opacity:1}44%{transform:translateY(-34px) scale(.6);opacity:0}100%{opacity:0}}
@keyframes take2{0%,52%{transform:none;opacity:1}58%{transform:translateY(-34px) scale(.6);opacity:0}100%{opacity:0}}
@keyframes put1{0%,43%{opacity:0;transform:scale(.3)}48%{opacity:1;transform:scale(1.15)}52%,100%{opacity:1;transform:scale(1)}}
@keyframes put2{0%,57%{opacity:0;transform:scale(.3)}62%{opacity:1;transform:scale(1.15)}66%,100%{opacity:1;transform:scale(1)}}
@keyframes arm{0%,32%,46%,50%,64%,100%{transform:rotate(0)}38%,56%{transform:rotate(-35deg)}}
@keyframes blinkE{0%,92%,100%{transform:scaleY(1)}96%{transform:scaleY(.1)}}
#loader .bar2 i{animation:load 3.6s ease-in-out infinite;width:35%}
@keyframes load{0%{margin-inline-start:0}100%{margin-inline-start:65%}}

/* ===== نشان متنی DC (بدون لوگو) ===== */
.mono,.dcbig,.dcmini{font-family:'Orbitron',sans-serif;font-weight:900;direction:ltr;
  background:linear-gradient(180deg,#fff 10%,var(--cyan) 60%,var(--blue));-webkit-background-clip:text;background-clip:text;color:transparent}
.mono{font-size:1.25rem;line-height:1;padding:8px 10px;border:1.5px solid var(--cyan);border-radius:10px;background-color:rgba(30,123,255,.12);box-shadow:0 0 16px rgba(51,200,255,.45),inset 0 0 10px rgba(30,123,255,.35)}
.mono.sm{font-size:.8rem;padding:5px 7px;border-radius:7px;box-shadow:none}
.dcbig{font-size:clamp(4.5rem,13vw,7.5rem);letter-spacing:.06em;filter:drop-shadow(0 0 26px rgba(30,123,255,.9));animation:float 5s ease-in-out infinite}
.dcmini{font-size:1.5rem;letter-spacing:.05em;filter:drop-shadow(0 0 8px var(--blue))}

/* ===== سفارش‌ها، تحویل و مدیریت ===== */
nav a[hidden]{display:none}
.ohead{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:8px}
.codebox{display:flex;gap:10px;align-items:flex-start;margin-top:6px;padding:12px;border:1px dashed var(--cyan);border-radius:10px;background:rgba(51,200,255,.07)}
.codebox pre{flex:1;white-space:pre-wrap;word-break:break-all;direction:ltr;text-align:left;font-family:ui-monospace,Consolas,monospace;color:var(--cyan);user-select:all}
textarea{width:100%;background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:8px 12px;font:inherit;color:inherit;direction:ltr;text-align:left;resize:vertical}
.files a{display:inline-block;margin:2px}
.panel p+p,.panel p+form,.panel p+button{margin-top:8px}

/* ===== سبد، محصول، نظرات، پشتیبانی، راهنما، گزارش ===== */
.bar select{width:auto;min-width:130px}
/* (نشان تعداد سبد حالا روی آیکون هدر — .icart — نمایش داده می‌شود) */
.stars{color:#ffc857;letter-spacing:2px}.stars.sm{font-size:.85rem;letter-spacing:0}
.card h3 a:hover{color:var(--cyan)}
.cd{font-family:'Orbitron',monospace;font-weight:700;direction:ltr;display:inline-block}
.pdetail{display:grid;grid-template-columns:1fr 1.2fr;gap:28px;margin:18px 0 30px}
.pdetail h1{font-size:1.8rem;margin:4px 0}
.thumb.big{height:320px;border-radius:16px;border:1px solid var(--line)}
.thumb.big .ic{width:130px;height:130px;border-radius:30px}.thumb.big .ic svg{width:80px;height:80px}
.price.big b{font-size:1.6rem}
.badge.static{position:static;display:inline-block;margin-inline-end:8px}
.review{border-bottom:1px solid var(--line);padding:10px 0}
.qty{display:inline-flex;align-items:center;gap:10px}
.qty button{width:28px;height:28px;border-radius:8px;border:1px solid var(--line);background:var(--panel2);cursor:pointer}
.qty button:hover{border-color:var(--cyan)}
.cartcols{grid-template-columns:2fr 1fr}
.thread{display:grid;gap:8px;margin:10px 0}
.msg{padding:8px 12px;border-radius:10px;background:var(--panel2);white-space:pre-wrap}
.msg.staff{border:1px solid var(--blue);background:rgba(30,123,255,.12)}
textarea.rtl{direction:rtl;text-align:right}
details{border:1px solid var(--line);border-radius:12px;padding:10px 16px;margin-bottom:10px;background:rgba(13,20,36,.7)}
summary{cursor:pointer;font-weight:600}details p{margin-top:8px;color:var(--mute)}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.stats .panel{margin:0}
.chart{display:flex;gap:10px;align-items:flex-end;height:190px;padding-top:10px}
.chart .col{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px}
.chart i{width:70%;background:linear-gradient(var(--cyan),var(--blue));border-radius:6px 6px 0 0;box-shadow:0 0 12px rgba(30,123,255,.5)}
.rv{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.rv .panel{margin:0}
.inl{display:flex;gap:6px;grid-auto-flow:column}.inl select{width:auto}
nav{flex-wrap:nowrap;overflow-x:auto}nav a{white-space:nowrap}
footer a{color:var(--cyan)}
@media(max-width:760px){.pdetail,.cartcols{grid-template-columns:1fr}.thumb.big{height:220px}}