:root{--bg:#0a0b10;--s1:#11131b;--s2:#181b26;--line:rgba(255,255,255,.08);--tx:#f2f4f8;--mu:#8b92a5;--ac:#c8ff3e;--vi:#7c5cff;--r:22px}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--tx);font-family:Vazirmatn,Tahoma,sans-serif;line-height:1.8;-webkit-font-smoothing:antialiased;
background-image:radial-gradient(60% 40% at 85% -5%,rgba(124,92,255,.22),transparent),radial-gradient(40% 30% at 5% 10%,rgba(200,255,62,.08),transparent);background-repeat:no-repeat}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}
.wrap{width:min(1180px,calc(100% - 32px));margin-inline:auto}
.sec{padding:72px 0 8px}
/* nav */
.nav{position:sticky;top:0;z-index:30;backdrop-filter:blur(16px);background:rgba(10,11,16,.72);border-bottom:1px solid var(--line)}
.nav-in{display:flex;align-items:center;justify-content:space-between;height:72px;gap:16px}
.logo{display:flex;align-items:center;gap:10px;font-weight:900;letter-spacing:.12em;font-size:20px}
.logo small{font-weight:500;letter-spacing:0;color:var(--mu);font-size:13px}
.logo-mark{width:26px;height:26px;border-radius:9px;background:conic-gradient(from 200deg,var(--ac),var(--vi),var(--ac));position:relative}
.logo-mark:after{content:"";position:absolute;inset:7px;border-radius:50%;background:var(--bg)}
.nav-links{display:flex;gap:6px}.nav-links a{padding:8px 14px;border-radius:99px;color:var(--mu);font-size:14px;transition:.2s}
.nav-links a:hover{color:var(--tx);background:var(--s2)}
.nav-act{display:flex;align-items:center;gap:6px}.link-ghost{padding:8px 12px;color:var(--mu);font-size:14px}.link-ghost:hover{color:var(--tx)}
.burger{display:none;background:var(--s2);border:1px solid var(--line);width:42px;height:42px;border-radius:12px;cursor:pointer;flex-direction:column;gap:5px;align-items:center;justify-content:center}
.burger i{width:18px;height:2px;background:var(--tx);border-radius:2px}
/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:99px;padding:10px 20px;font:700 14px Vazirmatn,sans-serif;cursor:pointer;transition:.2s}
.btn-lg{padding:14px 28px;font-size:15px}.btn-block{width:100%;padding:14px}
.btn-accent{background:var(--ac);color:#0a0b10}.btn-accent:hover{transform:translateY(-2px);box-shadow:0 10px 30px -8px rgba(200,255,62,.5)}
.btn-line{border-color:var(--line);color:var(--tx);background:var(--s1)}.btn-line:hover{border-color:var(--ac);color:var(--ac)}
.btn-dark{background:#0a0b10;color:var(--tx)}.btn-dark:hover{transform:translateY(-2px)}
.row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.row.end{margin-top:22px;justify-content:space-between}
/* hero */
.hero{padding:64px 0 24px}.hero-in{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.pill{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border:1px solid var(--line);border-radius:99px;background:var(--s1);color:var(--mu);font-size:13px}
.dot{width:8px;height:8px;border-radius:50%;background:var(--ac);box-shadow:0 0 12px var(--ac)}
h1{font-size:clamp(38px,6vw,68px);line-height:1.25;margin:20px 0 16px;font-weight:900;letter-spacing:-.02em}
.grad{background:linear-gradient(90deg,var(--ac),#6ef0c8 50%,var(--vi));-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-copy>p{color:var(--mu);font-size:17px;max-width:520px;margin:0 0 28px}
.stats{list-style:none;display:flex;gap:34px;padding:0;margin:40px 0 0}.stats b{display:block;font-size:26px;font-weight:900}.stats span{color:var(--mu);font-size:13px}
.hero-art{position:relative;height:480px;display:grid;place-items:center}
.ring{position:absolute;border-radius:50%;border:1px dashed rgba(255,255,255,.14);animation:spin 40s linear infinite}
.r1{width:420px;height:420px}.r2{width:300px;height:300px;border-color:rgba(200,255,62,.25);animation-direction:reverse}
@keyframes spin{to{transform:rotate(360deg)}}
.phone{width:230px;height:430px;border-radius:38px;padding:9px;background:linear-gradient(160deg,#2a2e3f,#0e1018);border:1px solid rgba(255,255,255,.14);box-shadow:0 40px 80px -20px rgba(124,92,255,.5);transform:rotate(-6deg);animation:float 6s ease-in-out infinite}
@keyframes float{50%{transform:rotate(-6deg) translateY(-14px)}}
.screen{height:100%;border-radius:30px;background:radial-gradient(100% 60% at 50% 0,rgba(124,92,255,.7),transparent),linear-gradient(#141726,#0a0b10);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;position:relative}
.notch{position:absolute;top:12px;width:70px;height:20px;border-radius:99px;background:#000}
.screen b{font-size:28px;letter-spacing:.2em;font-weight:900}.screen small{font-size:9px;letter-spacing:.25em;color:var(--ac)}
.bars{display:flex;gap:5px;align-items:flex-end;height:60px;margin-top:26px}.bars i{width:8px;border-radius:4px;background:var(--ac);animation:eq 1.4s ease-in-out infinite}
.bars i:nth-child(1){height:30%}.bars i:nth-child(2){height:80%;animation-delay:.2s}.bars i:nth-child(3){height:50%;animation-delay:.4s}.bars i:nth-child(4){height:100%;animation-delay:.1s}.bars i:nth-child(5){height:40%;animation-delay:.3s}
@keyframes eq{50%{transform:scaleY(.4)}}.bars i{transform-origin:bottom}
.chip{position:absolute;padding:9px 16px;border-radius:99px;background:rgba(24,27,38,.85);backdrop-filter:blur(10px);border:1px solid var(--line);font-size:13px;font-weight:700;animation:float2 5s ease-in-out infinite}
.c1{top:60px;inset-inline-start:0}.c2{bottom:110px;inset-inline-end:0;animation-delay:1s}.c3{bottom:30px;inset-inline-start:30px;animation-delay:2s}
@keyframes float2{50%{transform:translateY(-10px)}}
/* sections */
.sec-head{margin-bottom:28px}.sec-head.split{display:flex;justify-content:space-between;align-items:end;gap:20px;flex-wrap:wrap}
.kicker{color:var(--ac);font-size:13px;font-weight:700;letter-spacing:.04em}
h2{font-size:clamp(26px,4vw,40px);margin:4px 0 0;font-weight:900;line-height:1.35}.sec-head p{color:var(--mu);margin:6px 0 0}
.bento{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:16px}
.tile{position:relative;overflow:hidden;padding:28px;border-radius:var(--r);border:1px solid var(--line);background:var(--s1);min-height:200px;display:flex;flex-direction:column;transition:.3s}
.tile:hover{transform:translateY(-5px);border-color:rgba(200,255,62,.45)}
.tile .ico{font-size:34px;width:62px;height:62px;display:grid;place-items:center;border-radius:18px;background:var(--s2)}
.tile h3{margin:auto 0 0;font-size:19px}.tile p{margin:2px 0 0;color:var(--mu);font-size:14px}
.tile em{position:absolute;top:26px;inset-inline-end:26px;font-style:normal;color:var(--mu);transition:.3s}.tile:hover em{color:var(--ac);transform:translateX(-6px)}
.t-mobile{background:linear-gradient(145deg,rgba(124,92,255,.35),var(--s1) 70%)}
.t-pc{background:linear-gradient(145deg,rgba(200,255,62,.16),var(--s1) 70%)}
/* search + chips */
.search{display:flex;align-items:center;gap:8px;background:var(--s1);border:1px solid var(--line);border-radius:99px;padding:0 18px;min-width:min(320px,100%)}
.search:focus-within{border-color:var(--ac)}.search input{flex:1;background:none;border:0;outline:0;color:var(--tx);font:inherit;padding:11px 0}
.search span{color:var(--mu);font-size:20px}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:26px}
.chip-btn{padding:8px 18px;border-radius:99px;border:1px solid var(--line);background:var(--s1);color:var(--mu);font:500 14px Vazirmatn,sans-serif;cursor:pointer;transition:.2s}
.chip-btn:hover{color:var(--tx)}.chip-btn.on{background:var(--ac);color:#0a0b10;border-color:var(--ac);font-weight:700}
/* products */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px}
.card{background:var(--s1);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;transition:.3s;display:flex;flex-direction:column}
.card:hover{transform:translateY(-6px);border-color:rgba(200,255,62,.4);box-shadow:0 24px 50px -24px rgba(124,92,255,.6)}
.card[hidden]{display:none}
.thumb{position:relative;display:block;aspect-ratio:1;background:radial-gradient(circle at 50% 40%,#232740,var(--s2));overflow:hidden}
.thumb img{width:100%;height:100%;object-fit:cover;transition:.5s}.card:hover .thumb img{transform:scale(1.07)}
.ph{height:100%;display:grid;place-items:center}.ph b{font-size:90px;font-weight:900;color:rgba(255,255,255,.07)}
.tag{position:absolute;top:12px;inset-inline-start:12px;padding:3px 12px;border-radius:99px;background:rgba(10,11,16,.75);backdrop-filter:blur(8px);font-size:12px;border:1px solid var(--line)}
.card-body{padding:18px;display:flex;flex-direction:column;flex:1}
.card h3{margin:0;font-size:16px}.card p{color:var(--mu);font-size:13px;margin:4px 0 14px}
.card-foot{margin-top:auto;display:flex;justify-content:space-between;align-items:center}
.price b{font-size:19px;font-weight:900}.price small{color:var(--mu);font-size:12px}
.add{width:200px;height:42px;border-radius:14px;display:grid;place-items:center;background:var(--s2);border:1px solid var(--line);font-size:22px;transition:.2s}
.card:hover .add,.add:hover{background:var(--ac);color:#0a0b10;border-color:var(--ac)}
.empty{grid-column:1/-1;text-align:center;padding:60px 20px;border:1px dashed var(--line);border-radius:var(--r);color:var(--mu)}
.empty span{font-size:40px;color:var(--ac)}.empty h3{color:var(--tx);margin:8px 0 0}
.none{text-align:center;color:var(--mu);padding:40px 0}
/* why + cta */
.why{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.why>div{padding:28px;border-radius:var(--r);background:var(--s1);border:1px solid var(--line)}
.why b{color:var(--ac);font-size:14px;letter-spacing:.1em}.why h4{margin:8px 0 4px;font-size:19px}.why p{margin:0;color:var(--mu);font-size:14px}
.cta{margin:72px auto 0;padding:44px;border-radius:30px;background:linear-gradient(120deg,var(--ac),#6ef0c8);color:#0a0b10;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
.cta h2{margin:0}.cta p{margin:4px 0 0;opacity:.75}
/* footer */
.foot{margin-top:80px;border-top:1px solid var(--line);padding-top:40px}
.foot-in{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}.foot p{color:var(--mu);max-width:320px;font-size:14px}
.foot-cols{display:flex;gap:60px}.foot-cols b{display:block;margin-bottom:6px}.foot-cols a{display:block;color:var(--mu);font-size:14px}.foot-cols a:hover{color:var(--ac)}
.copy{padding:28px 0;color:var(--mu);font-size:13px}
/* forms */
.form-wrap{padding:48px 0;max-width:640px}.back{color:var(--mu);font-size:14px;display:inline-block;margin-bottom:16px}.back:hover{color:var(--ac)}
.panel{background:var(--s1);border:1px solid var(--line);border-radius:28px;padding:34px}.panel.wide{max-width:none}
body.form-page .form-wrap:has(.wide){max-width:820px}
.sub{margin:26px 0 6px;font-size:16px;color:var(--ac)}
.fields p{margin:0 0 16px;display:flex;flex-direction:column;gap:6px}.fields label{font-size:14px;color:var(--mu)}
.fields input:not([type=checkbox]),.fields select,.fields textarea{width:100%;background:var(--s2);border:1px solid var(--line);border-radius:14px;color:var(--tx);padding:12px 16px;font:inherit;outline:0;transition:.2s}
.fields input:focus,.fields select:focus,.line input:focus,.line select:focus{border-color:var(--ac);box-shadow:0 0 0 3px rgba(200,255,62,.12)}
input[type=file]{color:var(--mu)}
.line{display:grid;grid-template-columns:1fr 120px auto;gap:12px;align-items:end;padding:16px;margin-bottom:12px;background:var(--s2);border-radius:18px}
.line p{margin:0;display:flex;flex-direction:column;gap:4px}.line label{font-size:13px;color:var(--mu)}
.line input:not([type=checkbox]),.line select{width:100%;background:var(--bg);border:1px solid var(--line);border-radius:12px;color:var(--tx);padding:10px 14px;font:inherit;outline:0}
.line p:last-child{flex-direction:row;align-items:center;gap:8px}
.alt{text-align:center;color:var(--mu);margin:18px 0 0;font-size:14px}.alt a:hover{color:var(--ac)}
.errorlist{list-style:none;margin:0;padding:0;color:#ff7a7a;font-size:13px}.helptext{color:var(--mu);font-size:12px}
.toasts{padding-top:14px}.toast{padding:12px 18px;border-radius:14px;background:var(--s2);border:1px solid var(--line);margin-bottom:8px}
.toast.success{border-color:rgba(200,255,62,.5)}.toast.error{border-color:rgba(255,122,122,.5)}
/* reveal */
.js .rv{opacity:0;transform:translateY(24px);transition:opacity .7s,transform .7s}.js .rv.in{opacity:1;transform:none}
/* responsive */
@media(max-width:900px){
.hero-in{grid-template-columns:1fr}.hero-art{height:400px;order:-1}.r1{width:340px;height:340px}.phone{width:190px;height:360px}
.bento,.why{grid-template-columns:1fr}
.nav-links{display:none;position:absolute;top:72px;inset-inline:0;flex-direction:column;background:var(--s1);padding:12px 16px;border-bottom:1px solid var(--line)}
.nav-links.open{display:flex}.burger{display:flex}.hide-sm{display:none}
.cta{padding:30px}.line{grid-template-columns:1fr}}
@media(max-width:520px){.grid{grid-template-columns:repeat(2,1fr);gap:12px}.card-body{padding:12px}.card p{display:none}.stats{gap:20px}.panel{padding:22px}.link-ghost:not(.hide-sm){display:none}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.rv{opacity:1;transform:none}}
/* ===== صفحه‌ی محصول ===== */
.crumbs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;color:var(--mu);font-size:13px;padding:26px 0 16px}
.crumbs i{font-style:normal;opacity:.4}.crumbs a:hover{color:var(--ac)}.crumbs span{color:var(--tx)}
.pd{display:grid;grid-template-columns:1.05fr 1fr;gap:44px;align-items:start}
.pd-media{position:sticky;top:96px;aspect-ratio:1;border-radius:30px;overflow:hidden;border:1px solid var(--line);background:radial-gradient(circle at 50% 40%,#232740,var(--s2))}
.pd-media img{width:100%;height:100%;object-fit:cover;transition:transform .25s ease-out}
.pd-media .ph b{font-size:180px}
.pd h1{font-size:clamp(26px,4vw,40px);margin:8px 0 10px;line-height:1.4;letter-spacing:0}
.pd-short{color:var(--mu);margin:0 0 22px}
.pd-price{display:flex;align-items:baseline;gap:8px;padding:18px 0;border-block:1px solid var(--line)}
.pd-price b{font-size:36px;font-weight:900;color:var(--ac)}.pd-price small{color:var(--mu)}
.pd-buy{display:flex;gap:12px;margin-top:22px;flex-wrap:wrap}
.qty{display:flex;align-items:center;background:var(--s1);border:1px solid var(--line);border-radius:99px;overflow:hidden}
.qty button{width:46px;height:50px;background:none;border:0;color:var(--tx);font-size:22px;cursor:pointer;transition:.2s}.qty button:hover{background:var(--s2);color:var(--ac)}
.qty input{width:56px;text-align:center;background:none;border:0;outline:0;color:var(--tx);font:700 16px Vazirmatn,sans-serif;-moz-appearance:textfield}
.qty input::-webkit-outer-spin-button,.qty input::-webkit-inner-spin-button{-webkit-appearance:none}
.pd-buy .btn{flex:1;min-width:200px}
.pd-total{margin:14px 0 22px;color:var(--mu);font-size:14px}.pd-total b{color:var(--tx);font-size:18px}
.perks{list-style:none;padding:0;margin:0 0 22px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.perks li{display:flex;gap:10px;align-items:center;padding:14px;background:var(--s1);border:1px solid var(--line);border-radius:16px}
.perks li>span{width:36px;height:36px;border-radius:12px;background:var(--s2);color:var(--ac);display:grid;place-items:center;flex:none}
.perks b{display:block;font-size:13px}.perks small{color:var(--mu);font-size:11px}
.pd-desc{margin-top:56px;padding:34px;background:var(--s1);border:1px solid var(--line);border-radius:28px}
.pd-desc h2{font-size:24px;margin:0 0 14px}.prose{color:#c7ccd9;max-width:760px}.prose p{margin:0 0 12px}
.card h3 a:hover{color:var(--ac)}
.buybar{display:none}
@media(max-width:900px){
.pd{grid-template-columns:1fr;gap:24px}.pd-media{position:relative;top:0}.perks{grid-template-columns:1fr}
.buybar{display:flex;position:fixed;inset-inline:0;bottom:0;z-index:25;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));background:rgba(10,11,16,.9);backdrop-filter:blur(14px);border-top:1px solid var(--line)}
.buybar .price b{font-size:18px}body:has(.buybar){padding-bottom:78px}}

/* VISION BLUE THEME */
:root{--bg:#07152f;--s1:#0d2042;--s2:#122b53;--line:rgba(148,190,255,.14);--tx:#f4f8ff;--mu:#a6b9d8;--ac:#55b7ff;--vi:#356dff;--r:22px}
body{background-color:var(--bg);background-image:radial-gradient(60% 40% at 85% -5%,rgba(53,109,255,.28),transparent),radial-gradient(40% 30% at 5% 10%,rgba(85,183,255,.12),transparent)}
.nav{background:rgba(7,21,47,.82)}
.logo-mark{background:conic-gradient(from 200deg,#55b7ff,#356dff,#8ed8ff)}
.logo-mark:after{background:var(--bg)}
.btn-accent{background:linear-gradient(135deg,#68c8ff,#3478ff);color:#06152e;box-shadow:0 8px 24px rgba(53,109,255,.2)}
.btn-accent:hover{box-shadow:0 12px 30px rgba(53,109,255,.38)}
.btn-line{background:rgba(13,32,66,.72)}
.grad{background:linear-gradient(90deg,#8ed8ff,#55b7ff 48%,#789cff);-webkit-background-clip:text;background-clip:text}
.dot{background:#55b7ff;box-shadow:0 0 12px #55b7ff}
.kicker{color:#70c8ff}
.tile:hover{border-color:rgba(85,183,255,.5)}
.t-mobile{background:linear-gradient(145deg,rgba(53,109,255,.28),var(--s1) 70%)}
.t-pc{background:linear-gradient(145deg,rgba(85,183,255,.18),var(--s1) 70%)}
.chip-btn.on{background:#55b7ff;color:#06152e;border-color:#55b7ff}
.search:focus-within{border-color:#55b7ff}
.card:hover{border-color:rgba(85,183,255,.45);box-shadow:0 24px 50px -24px rgba(53,109,255,.45)}
.card:hover .add,.add:hover{background:#55b7ff;color:#06152e;border-color:#55b7ff}
.add{width:42px;height:42px}
.thumb{background:radial-gradient(circle at 50% 40%,#244b82,var(--s2))}
.ph b{color:rgba(160,205,255,.12)}
.why>div{background:linear-gradient(145deg,rgba(18,43,83,.9),rgba(13,32,66,.95))}
.why b{color:#70c8ff}
.cta{background:linear-gradient(120deg,#55b7ff,#8ed8ff);color:#06152e}
.cta .btn-dark{background:#071a38;color:#f4f8ff}
.foot{border-color:var(--line)}
.fields input:focus,.fields select:focus,.fields textarea:focus,.line input:focus,.line select:focus{border-color:#55b7ff;box-shadow:0 0 0 3px rgba(85,183,255,.13)}
.sub{color:#70c8ff}
@media(max-width:760px){.hero{padding-top:38px}.hero-in{gap:10px}.hero-art{height:330px}.r1{width:290px;height:290px}.r2{width:220px;height:220px}.phone{width:160px;height:285px;border-radius:28px}.screen{border-radius:22px}.screen b{font-size:22px}.chip{font-size:11px;padding:7px 11px}.bento{grid-template-columns:1fr}.why{grid-template-columns:1fr}.cta{padding:28px}}

/* ORDER FORM FIXES */
.order-wrap{width:min(760px,calc(100% - 28px));margin:48px auto 75px}
.order-back{display:inline-block;color:#8fcaff;margin-bottom:22px;font-size:13px}
.order-heading{text-align:center;margin-bottom:28px}
.order-heading>span{color:#55b7ff;font-size:11px;font-weight:800;letter-spacing:3px}
.order-heading h1{font-size:35px;margin:8px 0}
.order-heading h1 b{color:#55b7ff}
.order-heading p,.section-title p{color:#91a9cb;font-size:13px}
.order-card{background:linear-gradient(145deg,#10264a,#0a1933);border:1px solid rgba(100,170,255,.17);border-radius:24px;padding:32px;box-shadow:0 25px 70px rgba(0,0,0,.2)}
.section-title{display:flex;align-items:center;gap:13px;margin-bottom:23px}
.section-icon{width:43px;height:43px;flex:0 0 43px;display:grid;place-items:center;background:rgba(65,155,255,.13);border:1px solid rgba(85,183,255,.3);border-radius:13px;color:#65bdff;font-weight:900}
.section-title h3{font-size:18px;margin:0 0 4px}
.section-title p{margin:0}
.order-fields{display:grid;grid-template-columns:1fr 1fr;gap:17px}
.order-field{display:flex;flex-direction:column;gap:8px;min-width:0}
.order-field label{color:#b9cce8;font-size:13px}
.order-field input:not([type=checkbox]):not([type=file]),.order-field select,.order-field textarea{box-sizing:border-box;width:100%;min-width:0;height:48px;padding:0 13px;background:#091a35;border:1px solid rgba(130,180,255,.2);border-radius:11px;color:#f4f8ff;font-family:inherit;font-size:14px;outline:none}
.order-field select option{background:#10264a;color:#fff}
.order-field input:focus,.order-field select:focus{border-color:#55b7ff;box-shadow:0 0 0 3px rgba(85,183,255,.1)}
.order-divider{height:1px;background:rgba(140,180,255,.13);margin:28px 0}
.product-row{display:grid;grid-template-columns:minmax(0,1fr) 145px;align-items:end;gap:15px;background:rgba(5,18,39,.48);border:1px solid rgba(130,180,255,.15);padding:17px;border-radius:15px;margin-bottom:12px}
.delete-row{grid-column:1/-1;display:flex;align-items:center;justify-content:flex-start;gap:8px;color:#ff9b9b;font-size:12px;cursor:pointer}
.delete-row input[type=checkbox]{width:16px;height:16px;accent-color:#55b7ff;margin:0}
.add-product{width:100%;height:47px;border:1px dashed #398edc;border-radius:12px;background:rgba(53,125,220,.08);color:#67bdff;font-family:inherit;font-size:14px;cursor:pointer;margin-top:3px}
.add-product:hover{background:rgba(53,125,220,.2)}
.add-product span{font-size:20px;margin-left:5px}
.receipt-box{text-align:center;padding:28px 15px;border:1px dashed rgba(85,183,255,.4);background:rgba(53,125,220,.07);border-radius:17px}
.receipt-icon{width:50px;height:50px;display:grid;place-items:center;margin:auto;border-radius:15px;background:rgba(85,183,255,.16);color:#65bdff;font-size:28px}
.receipt-box h4{margin:12px 0 5px}
.receipt-box p{color:#91a9cb;font-size:12px;margin:0 0 15px}
.receipt-box input[type=file]{display:block;max-width:100%;margin:0 auto;color:#b9cce8;font-family:inherit;font-size:12px}
.submit-order{width:100%;height:56px;margin-top:25px;border:0;border-radius:14px;background:linear-gradient(110deg,#55b7ff,#3478ff);color:#06152e;font-family:inherit;font-size:16px;font-weight:900;cursor:pointer;transition:.2s}
.submit-order:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(53,120,255,.3)}
.submit-order span{margin-right:8px}
.order-note{text-align:center;color:#8199ba;font-size:11px;margin:13px 0 0}
.field-error{display:block;color:#ff9999;font-size:12px;margin-top:5px}
@media(max-width:600px){.order-card{padding:22px 16px}.order-fields,.product-row{grid-template-columns:1fr}.order-heading h1{font-size:30px}.delete-row{grid-column:auto}}
.total-price-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    margin-top: 18px;
    padding: 22px;
    background: linear-gradient(120deg, #102f60, #123e78);
    border: 1px solid #3478ff;
    border-radius: 16px;
}

.total-price-box span {
    color: #fff;
    font-weight: 800;
}

.total-price-box small {
    display: block;
    color: #9dbce8;
    margin-top: 7px;
    font-size: 11px;
}

.total-price-box strong {
    color: #65bdff;
    font-size: 19px;
    white-space: nowrap;
}

/* AUTH PAGES */
.auth-wrap{width:min(520px,calc(100% - 28px));margin:38px auto 80px;min-height:55vh}
.auth-card{padding:34px;background:linear-gradient(145deg,#10264a,#0a1933);border:1px solid rgba(100,170,255,.2);border-radius:24px;box-shadow:0 25px 70px rgba(0,0,0,.22)}
.auth-brand{font-size:22px;font-weight:900;letter-spacing:2px;color:#f4f8ff;margin-bottom:25px}
.auth-brand span{font-size:10px;color:#70c8ff;letter-spacing:3px;margin-right:7px}
.auth-card h1{font-size:30px;margin:8px 0}.auth-card h1 b{color:#70c8ff}
.auth-intro{font-size:13px;color:#91a9cb;margin:0 0 25px}
.auth-form{display:grid;gap:17px}
.auth-field{display:flex;flex-direction:column;gap:8px}
.auth-field label{font-size:13px;color:#c5d6ee}
.auth-field input{box-sizing:border-box;width:100%;height:49px;padding:0 14px;border-radius:11px;border:1px solid rgba(130,180,255,.22);background:#091a35;color:#f4f8ff;font:14px Vazirmatn,Tahoma,sans-serif;outline:none}
.auth-field input:focus{border-color:#55b7ff;box-shadow:0 0 0 3px rgba(85,183,255,.12)}
.auth-help{font-size:11px;line-height:1.9;color:#8199ba}.auth-help ul{padding-right:18px;margin:5px 0}
.auth-error{padding:12px;border-radius:10px;background:rgba(255,90,90,.1);color:#ffaaaa;font-size:12px}
.auth-switch{text-align:center;color:#9bb0ce;font-size:13px;margin:22px 0 0}
.auth-switch a,.nav-auth{color:#70c8ff;font-weight:700}
.nav-auth{font-size:13px;padding:8px}.nav-logout{display:inline;margin:0}
.nav-logout button{border:0;background:transparent;color:#ffaaaa;font:inherit;font-size:13px;cursor:pointer;padding:8px}
@media(max-width:600px){.auth-card{padding:25px 18px}.auth-card h1{font-size:26px}}