/*
Theme Name: Photocom
Theme URI: https://photocom.ir
Author: Photocom
Author URI: https://photocom.ir
Description: قالب فارسی فوتوکام: لندینگ طراحی سایت، ثبت‌نام بدون تایید، پنل کاربری، تیکت و پشتیبانی شناور
Version: 1.2.0
Text Domain: photocom
*/
:root{--bg:#f6f8ff;--card:#fff;--tx:#0d1330;--mut:#566080;--bd:#e1e6f7;--navy:#0b1233;--or:#ff6a2b;--or2:#ff9a3c;--tl:#0fb89a;--bl:#3b6cff;--hd:rgba(255,255,255,.88);--hero:radial-gradient(circle at 85% 0,#dfe6ff 0,transparent 50%),radial-gradient(circle at 5% 100%,#d3faf0 0,transparent 45%),#f6f8ff}
[data-theme=dark]{--bg:#080d26;--card:#111a45;--tx:#eef1ff;--mut:#a5afd6;--bd:#243070;--hd:rgba(11,18,51,.88);--hero:radial-gradient(circle at 85% 0,#2a3fb8 0,transparent 45%),radial-gradient(circle at 5% 100%,rgba(25,211,176,.25) 0,transparent 40%),#0b1233;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:76px}
body{margin:0;background:var(--bg);color:var(--tx);font-family:var(--ff,Vazirmatn,Tahoma,sans-serif);font-size:var(--fs,16px);line-height:1.9;overflow-x:hidden}
a{color:inherit;text-decoration:none}.w{max-width:var(--wmax,1120px);margin:auto;padding:0 var(--wpad,18px)}[hidden]{display:none!important}
header.hd{position:sticky;top:0;z-index:50;background:var(--hd);backdrop-filter:blur(14px);border-bottom:1px solid var(--bd)}.admin-bar header.hd{top:32px}
.hd .w{display:flex;align-items:center;justify-content:space-between;height:62px;gap:10px}
.logo{font-weight:800;font-size:21px}.logo i{color:var(--or);font-style:normal}
nav.mn{display:flex;gap:18px;font-size:14px;color:var(--mut)}@media(max-width:900px){nav.mn{display:none}}
.act{display:flex;gap:8px;align-items:center}.ib{width:40px;height:40px;border-radius:12px;border:1px solid var(--bd);background:var(--card);cursor:pointer;font-size:17px}
[data-theme=dark] .sun,:root:not([data-theme=dark]) .moon{display:none}
.btn{display:inline-block;background:linear-gradient(135deg,var(--or),var(--or2));color:#fff;padding:10px 22px;border-radius:var(--rb,14px);font-weight:600;border:0;font-family:inherit;font-size:14px;cursor:pointer;box-shadow:0 8px 22px rgba(255,106,43,.3);transition:transform .2s}.btn:hover{transform:translateY(-2px)}
.btn.sm{padding:6px 16px;font-size:13px}.btn.g{background:var(--card);color:var(--tx);border:1px solid var(--bd);box-shadow:none}
.hero{background:var(--hero);padding:70px 0 80px}.hero .w{display:grid;grid-template-columns:1.1fr .9fr;gap:36px;align-items:center}@media(max-width:860px){.hero .w{grid-template-columns:1fr;text-align:center}}
.pill{display:inline-block;background:var(--card);border:1px solid var(--bd);padding:4px 16px;border-radius:99px;font-size:13px;color:var(--tl);margin-bottom:14px}
.hero h1{font-size:clamp(28px,5vw,48px);line-height:1.5;margin:0 0 14px;font-weight:800}.hero h1 span{background:linear-gradient(90deg,var(--or),var(--or2));-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p{color:var(--mut);margin:0 0 24px}.hero .btn{margin:4px}
.stats{display:flex;gap:26px;margin-top:30px;flex-wrap:wrap}@media(max-width:860px){.stats{justify-content:center}}.stats b{display:block;font-size:26px;color:var(--bl)}.stats small{color:var(--mut)}
.mock{position:relative;height:340px}.win{position:absolute;inset:20px 0 0 20px;background:var(--card);border:1px solid var(--bd);border-radius:20px;padding:14px;box-shadow:0 30px 60px rgba(59,108,255,.18)}
.dots{display:flex;gap:6px;margin-bottom:12px}.dots i{width:10px;height:10px;border-radius:50%;background:#ff5f57}.dots i:nth-child(2){background:#febc2e}.dots i:nth-child(3){background:#28c840}
.bar{height:12px;border-radius:6px;background:var(--bd);margin:8px 0}.hb{height:84px;border-radius:12px;background:linear-gradient(135deg,var(--bl),var(--tl));margin:10px 0}.row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.row div{height:62px;border-radius:10px;background:var(--bd)}
.fl{position:absolute;background:var(--card);border:1px solid var(--bd);border-radius:14px;padding:8px 14px;font-size:13px;font-weight:600;box-shadow:0 12px 30px rgba(13,19,48,.15);animation:fl 4s ease-in-out infinite}.f1{top:0;right:0}.f2{bottom:30px;left:-6px;animation-delay:1.2s}.f3{bottom:-6px;right:30px;animation-delay:2.2s}
@keyframes fl{50%{transform:translateY(-10px)}}@media(prefers-reduced-motion:reduce){.fl,.mq div{animation:none}}
.mq{background:var(--navy);color:#c8d0ff;padding:14px 0;overflow:hidden;font-size:14px}.mq div{display:flex;gap:44px;white-space:nowrap;width:max-content;animation:mq 30s linear infinite}@keyframes mq{to{transform:translateX(50%)}}
section.s{padding:64px 0}h2.t{text-align:center;font-size:30px;margin:0 0 6px;font-weight:800}.sub{text-align:center;color:var(--mut);margin:0 0 34px}.mut{color:var(--mut)}
.bento{display:grid;gap:14px;grid-template-columns:repeat(4,1fr)}@media(max-width:860px){.bento{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.bento{grid-template-columns:1fr}}
.c{background:var(--card);border:1px solid var(--bd);border-radius:var(--r,20px);padding:22px;transition:transform .25s,box-shadow .25s}.c:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(59,108,255,.12)}
.c h3{margin:8px 0 4px;font-size:17px}.c p{margin:0;color:var(--mut);font-size:14px}.ic{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font-size:22px;background:linear-gradient(135deg,rgba(59,108,255,.15),rgba(25,211,176,.18))}
.big{grid-column:span 2;background:linear-gradient(135deg,var(--bl),#6a3bff);color:#fff;border:0}.big p{color:#dfe5ff}.big .ic{background:rgba(255,255,255,.2)}@media(max-width:520px){.big{grid-column:auto}}
.alt{background:linear-gradient(180deg,var(--bg),rgba(59,108,255,.07))}.g3{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));align-items:stretch}
.p{display:flex;flex-direction:column;position:relative}.p.f{background:var(--navy);color:#fff;border:2px solid var(--or);transform:scale(1.03)}@media(max-width:760px){.p.f{transform:none}}
.p.f .old,.p.f li,.p.f .price small{color:#c8d0ff}.tag{position:absolute;top:-14px;right:22px;background:linear-gradient(135deg,var(--or),var(--or2));color:#fff;font-size:12px;padding:3px 14px;border-radius:99px;font-weight:600}
.p h3{font-size:19px}.old{text-decoration:line-through;color:var(--mut);font-size:14px}.off{display:inline-block;background:rgba(15,184,154,.15);color:var(--tl);font-size:12px;border-radius:8px;padding:0 8px;margin-right:6px}
.price{font-size:32px;font-weight:800;color:var(--or)}.price small{font-size:13px;font-weight:400;color:var(--mut)}.yr{display:inline-block;font-size:12px;background:rgba(59,108,255,.14);color:var(--bl);border-radius:8px;padding:0 10px;margin:6px 0}.p.f .yr{background:rgba(255,255,255,.16);color:#fff}
.p ul{list-style:none;padding:0;margin:12px 0 20px;font-size:14px;flex:1}.p li{padding:3px 0;color:var(--mut)}.p li:before{content:"✓ ";color:var(--tl);font-weight:800}.p .btn{text-align:center}
.pf{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.pj{display:block;background:var(--card);border:1px solid var(--bd);border-radius:var(--r,20px);overflow:hidden}.th{height:150px;padding:16px}.th .bar{background:rgba(255,255,255,.4)}.th .bx{height:52px;border-radius:10px;background:rgba(255,255,255,.3);margin-top:12px}.pj .in{padding:14px 18px}.pj h3{margin:0;font-size:16px}.pj p{margin:0;color:var(--mut);font-size:13px}
.t1{background:linear-gradient(135deg,#3b6cff,#19d3b0)}.t2{background:linear-gradient(135deg,#ff6a2b,#ff3d77)}
.st{color:var(--or2);letter-spacing:2px}.who{display:flex;gap:10px;align-items:center;margin-top:14px;font-size:14px}.av{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--bl),var(--tl));color:#fff;display:grid;place-items:center;font-weight:800}.who small{display:block;color:var(--mut)}
.steps{counter-reset:s}.steps .c:before{counter-increment:s;content:counter(s,persian);display:inline-grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--or),var(--or2));color:#fff;font-weight:800}
details{background:var(--card);border:1px solid var(--bd);border-radius:14px;padding:12px 18px;margin-bottom:10px}summary{cursor:pointer;font-weight:600}details p{color:var(--mut);margin:8px 0 0;font-size:14px}
.cta{background:var(--navy);color:#fff;border-radius:28px;padding:40px 24px;text-align:center;position:relative;overflow:hidden}.cta:before{content:"";position:absolute;width:300px;height:300px;border-radius:50%;background:rgba(255,106,43,.35);filter:blur(80px);left:-80px;top:-80px}.cta>*{position:relative}.cta p{color:#c8d0ff}
.modal{position:fixed;inset:0;z-index:70;background:rgba(8,13,38,.6);display:grid;place-items:center;padding:16px}.mb{background:var(--card);border-radius:22px;padding:24px;width:min(420px,100%);position:relative;max-height:92vh;overflow:auto}.mb>.x{position:absolute;left:14px;top:10px;background:none;border:0;font-size:20px;color:var(--mut);cursor:pointer}
.tabs{display:flex;gap:6px;margin-bottom:14px}.tabs button,.dt button{flex:1;padding:8px 14px;border-radius:10px;border:1px solid var(--bd);background:var(--bg);color:var(--tx);font-family:inherit;cursor:pointer}.tabs button.on,.dt button.on{background:var(--or);color:#fff;border-color:var(--or)}
.fm{display:grid;gap:10px}.fm input,.fm select,.fm textarea{width:100%;padding:11px 14px;border-radius:12px;border:1px solid var(--bd);background:var(--bg);color:var(--tx);font-family:inherit;font-size:14px}
.msg{font-size:13px}.msg.ok{color:#16a34a}.msg.er{color:#e11d48}.hp{position:absolute;left:-9999px}
.dash{padding-top:36px;padding-bottom:60px;min-height:60vh}.dh{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:18px}.dt{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.dt button{flex:none}
.tk{margin-bottom:10px}.tk summary{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.bd2{background:rgba(59,108,255,.12);color:var(--bl);border-radius:8px;padding:0 10px;font-size:12px}
.rp{background:var(--bg);border-radius:12px;padding:10px 14px;margin:8px 0;font-size:14px}.rp small{display:block;color:var(--mut)}.rp.admin{border-right:3px solid var(--or)}.tk form{display:grid;gap:8px;margin-top:10px}
.box3{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));margin:0 auto 26px}
.t3{background:linear-gradient(135deg,#6a3bff,#3b6cff)}.t4{background:linear-gradient(135deg,#0fa97f,#19d3b0)}.t5{background:linear-gradient(135deg,#f59e0b,#ef4444)}.t6{background:linear-gradient(135deg,#0ea5e9,#6366f1)}.th{height:170px}.th.im{padding:0}.th img{width:100%;height:100%;object-fit:cover;display:block}.g3.p4{grid-template-columns:repeat(auto-fit,minmax(235px,1fr))}.sw{font-size:13px;color:var(--mut)}
.logo span{color:var(--or)}.custom-logo{max-height:42px;width:auto;display:block}.mnl{display:flex;gap:18px;list-style:none;margin:0;padding:0}.no-sticky header.hd{position:relative}
.ann{background:linear-gradient(135deg,var(--or),var(--or2));color:#fff;text-align:center;padding:6px 12px;font-size:14px;font-weight:600}.ann a{display:block}
.upd{display:flex;gap:16px;align-items:flex-start;background:var(--card);border:2px solid var(--or);border-radius:var(--r,20px);padding:20px;margin:0 auto 26px;max-width:920px}.upd h3{margin:0 0 4px;font-size:18px}.upd p{margin:6px 0;font-size:14px}.upd .ic{flex:none}@media(max-width:520px){.upd{flex-direction:column}}

/* ---- محاسبه‌گر: همه کلاس‌ها با پیشوند pcq ---- */
.pcq{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:22px;align-items:start;counter-reset:pq}
.pcq-main{display:grid;gap:16px}
.pcq-st{counter-increment:pq}
.pcq-h{display:flex;gap:12px;align-items:center;margin-bottom:14px}
.pcq-n:before{content:counter(pq,persian)}
.pcq-n{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--or),var(--or2));color:#fff;font-weight:800}
.pcq-g{display:grid;gap:10px}.pcq-g.c3{grid-template-columns:repeat(3,1fr)}.pcq-g.c2{grid-template-columns:repeat(2,1fr)}
.pcq-o{position:relative;display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border:1.5px solid var(--bd);border-radius:var(--rb);background:var(--bg);cursor:pointer;transition:border-color .2s,background .2s}
.pcq-o:hover{border-color:var(--or2)}
.pcq-o input{position:absolute;opacity:0;pointer-events:none}
.pcq-o:has(input:checked){border-color:var(--or);background:rgba(255,106,43,.08)}
.pcq-o:has(input:focus-visible){outline:2px solid var(--bl);outline-offset:2px}
.pcq-o:has(input:disabled){cursor:default;opacity:.85}
.pcq-ck{flex:none;width:22px;height:22px;margin-top:3px;border:2px solid var(--bd);border-radius:50%;display:grid;place-items:center;background:var(--card)}
.pcq-o:has(input[type=checkbox]) .pcq-ck{border-radius:7px}
.pcq-o:has(input:checked) .pcq-ck{background:var(--or);border-color:var(--or)}
.pcq-o:has(input:checked) .pcq-ck:after{content:"✓";color:#fff;font-size:13px;font-weight:800;line-height:1}
.pcq-ot{flex:1;min-width:0;display:flex;flex-direction:column}.pcq-ot b{font-size:15px}.pcq-ot small{color:var(--mut);font-size:13px;line-height:1.7}
.pcq-op{font-weight:800;font-size:14px;color:var(--or);white-space:nowrap;align-self:center}.pcq-op.m{color:var(--mut);font-weight:600;font-size:13px}
.pcq-g.c3 .pcq-o{flex-wrap:wrap}.pcq-g.c3 .pcq-op{flex-basis:100%;align-self:auto;font-size:17px;padding-right:34px}
.pcq-in{margin-top:10px}.pcq-in input{width:100%;padding:11px 14px;border-radius:12px;border:1px solid var(--bd);background:var(--bg);color:var(--tx);font-family:inherit;font-size:14px}
.pcq-inc{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:6px 18px;font-size:14px;color:var(--mut);padding:0;margin:0;list-style:none}
.pcq-inc li:before{content:"✓ ";color:var(--tl);font-weight:800}
.pcq-sum{position:sticky;top:78px}
.pcq-sum h3{margin-bottom:2px}.pcq-yr{display:inline-block;font-size:12px;background:rgba(59,108,255,.14);color:var(--bl);border-radius:8px;padding:0 10px;margin:4px 0 8px}
.pcq-rows{list-style:none;margin:8px 0;padding:0}
.pcq-rows li{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px dashed var(--bd);font-size:14px}
.pcq-rows li span:first-child{color:var(--mut)}.pcq-rows li span:last-child{font-weight:600;text-align:left}
.pcq-q{background:rgba(255,154,60,.18);color:var(--or);border-radius:8px;padding:0 8px;font-size:12px;font-weight:600}
.pcq-fr{color:var(--tl)}
.pcq-tot{margin-top:12px;padding:14px 16px;border-radius:var(--rb);background:var(--navy);color:#fff}
.pcq-tot small{display:block;color:#c8d0ff;font-size:13px}.pcq-tot b{font-size:28px;font-weight:800;color:var(--or2)}.pcq-tot span{font-size:13px;color:#c8d0ff;margin-right:6px}
.pcq-note{font-size:12.5px;color:var(--mut);margin:10px 0 14px!important}
.pcq-sum .btn{width:100%;padding:13px;font-size:15px}
.pcq-res{margin-top:14px;padding:14px;border:1px dashed var(--or);border-radius:var(--rb);font-size:13px;white-space:pre-wrap;background:var(--bg)}
.pcq-bar{display:none}
.pcq-dev{margin:30px auto 0;max-width:640px;text-align:center;font-size:13px;color:var(--mut);border:1px dashed var(--bd);border-radius:var(--rb);padding:12px}
.pcq-dev .btn{margin:6px 4px 0}.pcq-dev .btn.on{outline:2px solid var(--or)}
.pcq .c:hover{transform:none;box-shadow:none}
@media(max-width:900px){
 .pcq{grid-template-columns:1fr}.pcq-sum{position:static}.pcq-g.c3{grid-template-columns:1fr}.pcq-g.c3 .pcq-op{flex-basis:auto;align-self:center;padding:0;font-size:14px}.pcq-g.c3 .pcq-o{flex-wrap:nowrap}
 .pcq-g.c2{grid-template-columns:1fr}.pcq-page section.s{padding-bottom:96px}
 .pcq-bar{display:flex;position:fixed;inset:auto 0 0 0;z-index:40;align-items:center;justify-content:space-between;gap:10px;padding:10px 18px calc(10px + env(safe-area-inset-bottom,0px));background:var(--hd);backdrop-filter:blur(14px);border-top:1px solid var(--bd)}
 .pcq-bar small{display:block;color:var(--mut);font-size:12px;line-height:1.4}.pcq-bar b{font-size:18px;color:var(--or)}
}

.pcq-stp{display:flex;align-items:center;gap:10px;margin-bottom:12px}.pcq-stp input{width:110px;text-align:center;padding:10px;font-size:20px;font-weight:800;border-radius:12px;border:1.5px solid var(--bd);background:var(--bg);color:var(--tx);font-family:inherit}
.pcq-stp button,.pcq-chip{min-width:44px;height:44px;border-radius:12px;border:1.5px solid var(--bd);background:var(--bg);color:var(--tx);font-size:20px;cursor:pointer;font-family:inherit}.pcq-stp span{color:var(--mut)}
.pcq-chips{display:flex;gap:8px;flex-wrap:wrap}.pcq-chip{height:36px;min-width:46px;font-size:14px;padding:0 12px}.pcq-chip.on{background:var(--or);border-color:var(--or);color:#fff}
.pcq-info{margin-top:14px;padding:12px 16px;border-radius:var(--rb);background:var(--bg);border:1px dashed var(--bd);font-size:14px;line-height:2}.pcq-info small{display:block;color:var(--mut);font-size:12.5px}
.pcq-o[data-lock]{opacity:.45;cursor:not-allowed}.pcq-lkn{background:rgba(59,108,255,.1);color:var(--bl)!important;border-radius:10px;padding:6px 14px;margin-bottom:10px!important}
.pcq-tg{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.pcq-tc .ic{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font-size:22px;background:linear-gradient(135deg,rgba(59,108,255,.15),rgba(25,211,176,.18));margin-bottom:6px}

.pcq-inl{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px}.pcq-inl li{padding:10px 14px;border:1px solid var(--bd);border-radius:var(--rb);background:var(--bg);font-size:14px}.pcq-inl li b{display:block}.pcq-inl li b:before{content:"✓ ";color:var(--tl)}.pcq-inl li small{display:block;color:var(--mut);font-size:13px;line-height:1.7}
.pcq-rows li{display:block}.pcq-r1{display:flex;justify-content:space-between;gap:10px}.pcq-rows .pcq-r1 span:first-child{color:var(--tx);font-weight:600}.pcq-rows li small{display:block;color:var(--mut);font-size:12.5px;line-height:1.7;margin-top:2px}
.pcq-dt{margin:8px 0;border:1px solid var(--bd);border-radius:12px;padding:6px 14px;font-size:14px}.pcq-dt summary{cursor:pointer;font-weight:600}.pcq-dt ul{margin:8px 0 0;padding-right:18px;font-size:13px;color:var(--mut)}
.pcq-pop{position:relative}.pcq-pb{width:100%;display:flex;gap:12px;align-items:center;text-align:right;padding:14px 16px;border:1.5px solid var(--or);border-radius:var(--rb);background:rgba(255,106,43,.08);color:var(--tx);font-family:inherit;cursor:pointer}
.pcq-pb:disabled{opacity:.45;cursor:not-allowed;border-color:var(--bd);background:var(--bg)}.pcq-chev{color:var(--mut);font-size:18px}
.pcq-pp{position:absolute;inset:calc(100% + 6px) 0 auto 0;z-index:30;background:var(--card);border:1px solid var(--bd);border-radius:var(--r);padding:10px;box-shadow:0 24px 50px rgba(13,19,48,.25);max-height:70vh;overflow:auto}
.pcq-tb{width:100%;padding:12px 16px;border-radius:var(--rb);border:1.5px dashed var(--or);background:transparent;color:var(--or);font-family:inherit;font-size:14px;font-weight:600;cursor:pointer}
.pcq-pp input[type=search]{width:100%;padding:10px 14px;border-radius:12px;border:1px solid var(--bd);background:var(--bg);color:var(--tx);font-family:inherit;margin-bottom:10px}
.pcq-tgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:6px;direction:ltr}
.pcq-tgrid label{display:flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid var(--bd);border-radius:10px;font-size:13px;cursor:pointer;background:var(--bg)}
.pcq-tgrid label:has(input:checked){border-color:var(--or);background:rgba(255,106,43,.1)}
.pcq-sel{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.pcq-x{border:1px solid var(--or);background:rgba(255,106,43,.1);color:var(--tx);border-radius:99px;padding:2px 12px;font-size:13px;cursor:pointer;font-family:inherit;direction:ltr}

h1.t{text-align:center;font-size:30px;margin:0 0 6px;font-weight:800}.pcq-home.c:hover{transform:none;box-shadow:none}
@media(max-width:900px){.pc-order .ssa-fab{bottom:calc(84px + env(safe-area-inset-bottom,0px))}.pc-order .ssa-panel{bottom:150px}}

.ann{background:linear-gradient(90deg,var(--navy),var(--bl));color:#fff;display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;padding:8px 14px;text-align:right}
.ann-t b{display:block;font-size:15px}.ann-t small{color:#d5dbff}.cd{display:flex;align-items:center;gap:4px;direction:ltr}
.cdb{background:rgba(255,255,255,.16);border-radius:8px;padding:0 9px;min-width:34px;text-align:center}.cdb b{font-size:17px;font-weight:800}.cdb i{font-style:normal;font-size:11px;margin-right:3px}.sep{font-style:normal;opacity:.6}
.ann a.annb{display:inline-block;background:#fff;color:#0b1233;border-radius:12px;padding:5px 16px;font-weight:600;font-size:14px}
.lk{background:none;border:0;font-family:inherit;font-size:14px;color:var(--tx);cursor:pointer;padding:6px 8px}.burger{display:none}
.mnl{gap:4px}.mnl>li{position:relative}.mnl>li>a{display:block;padding:8px 12px;border-radius:10px;color:var(--mut)}.mnl>li:hover>a,.mnl>li:focus-within>a{background:rgba(127,127,127,.12);color:var(--tx)}
.mnl .menu-item-has-children>a:after{content:"▾";font-size:11px;margin-right:5px}
.mnl .sub-menu{position:absolute;top:100%;right:0;min-width:200px;list-style:none;margin:0;padding:8px;background:var(--card);border:1px solid var(--bd);border-radius:14px;box-shadow:0 18px 40px rgba(13,19,48,.18);opacity:0;visibility:hidden;transform:translateY(8px);transition:.18s;z-index:60}
.mnl li:hover>.sub-menu,.mnl li:focus-within>.sub-menu{opacity:1;visibility:visible;transform:none}
.mnl .sub-menu a{display:block;padding:9px 12px;border-radius:10px;font-size:14px;color:var(--tx)}.mnl .sub-menu a:hover{background:rgba(127,127,127,.12);color:var(--or)}
@media(max-width:900px){.burger{display:grid;place-items:center}body.nav-open nav.mn{display:block;position:absolute;top:62px;left:0;right:0;background:var(--card);border-bottom:1px solid var(--bd);padding:10px 18px 16px;box-shadow:0 20px 40px rgba(13,19,48,.15)}body.nav-open .mnl{flex-direction:column;gap:2px}.mnl .sub-menu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;background:none;padding:0 14px 0 0}.mnl .menu-item-has-children>a:after{display:none}.act{gap:6px}.hd .w{gap:6px}}
.hero.has-bg{background-size:cover;background-position:center;position:relative;padding:110px 0 120px;text-align:center;color:#fff}
.hero.has-bg:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,13,38,.55),rgba(8,13,38,.8))}
.hero.has-bg .w{position:relative;grid-template-columns:1fr}.hero.has-bg h1{color:#fff}.hero.has-bg p{color:#e3e8ff}.hero.has-bg .mock{display:none}
.hero.has-bg .pill{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.3);color:#fff}.hero.has-bg .btn.g{background:rgba(255,255,255,.14);color:#fff;border-color:rgba(255,255,255,.35)}
.hero.has-bg .stats{justify-content:center}.hero.has-bg .stats b{color:#fff}.hero.has-bg .stats small{color:#cfd6ff}
.hero-note{display:block;margin-top:8px;color:var(--mut);font-size:13px}.hero.has-bg .hero-note{color:#dfe5ff}
.tags{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:16px}.tags span{background:var(--card);border:1px solid var(--bd);border-radius:99px;padding:2px 14px;font-size:13px;color:var(--mut)}
.faqcall{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-top:18px}.faqcall h3{margin:0}.fcb{display:flex;gap:8px;flex-wrap:wrap}
.badges{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin:0 0 16px;background:#fff;border-radius:14px;padding:10px 16px}

/* ---- تحویل فوری، تست رایگان، CTAها و فوتور جدید ---- */
.pills{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin:-14px 0 26px}.pills span{background:var(--card);border:1px solid var(--bd);border-radius:99px;padding:2px 14px;font-size:13px;color:var(--mut)}
.ctar{text-align:center;margin:28px 0 0}.ctar .btn{padding:13px 34px;font-size:15px}
.vip{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-top:18px;border:2px solid var(--or)}.vip>div:nth-child(2){flex:1;min-width:220px}.vip h3{margin:0 0 4px}.vip p{margin:0}.vip.c:hover{transform:none}
.chn{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}

/* ---- اسلایدر دسته‌ها و کارت‌های چرا فوتوکام ---- */
.csl-s{background:var(--navy);color:#fff;padding:56px 0;overflow:hidden}.csl{display:flex;gap:36px;align-items:center}
.csl-h{flex:0 0 250px}.csl-h h2{margin:0 0 20px;font-size:30px;line-height:1.5;font-weight:800;color:#fff}
.csl-a{display:flex;gap:10px;margin-bottom:26px}.csl-b{width:52px;height:52px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08);color:#fff;font-size:20px;cursor:pointer}.csl-b:disabled{opacity:.3;cursor:default}
.csl-go{background:#fff;color:#0b1233;box-shadow:none}
.csl-t{flex:1;min-width:0;display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px 0}.csl-t::-webkit-scrollbar{display:none}
.csc{position:relative;flex:0 0 255px;height:400px;border-radius:12px;overflow:hidden;background:#f1f1ee;scroll-snap-align:start;color:#0d1330}
.csc img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}.csc:hover img{transform:scale(1.04)}
.csc-n{position:absolute;inset:0 0 auto 0;z-index:2;display:flex;justify-content:space-between;padding:14px 16px;font-size:15px;background:linear-gradient(180deg,rgba(255,255,255,.85),rgba(255,255,255,0))}.csc-n i{font-style:normal;font-weight:800}
.csc.ph{background:linear-gradient(160deg,#f6f1ea,#e4e8f5)}.csc-e{position:absolute;inset:0;display:grid;place-items:center;font-size:84px}
@media(max-width:800px){.csl{flex-direction:column;align-items:stretch;gap:20px}.csl-h{flex:none}.csl-h h2{font-size:24px}.csc{flex-basis:210px;height:330px}}
.whyg{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:30px}
.why{position:relative;aspect-ratio:3/4.2;border-radius:var(--r,20px);overflow:hidden;background:var(--navy);color:#fff}.why img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.why:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 45%,rgba(0,0,0,.85))}
.why-t{position:absolute;inset:auto 0 0 0;z-index:2;padding:16px 18px}.why-t b{display:block;font-size:16px}.why-t small{display:block;color:#d5dbff;font-size:13px;line-height:1.7;margin-top:2px}
.why.ph{background:linear-gradient(160deg,var(--bl),var(--navy))}.why.ph:nth-child(2){background:linear-gradient(160deg,var(--or),#6b2108)}.why.ph:nth-child(3){background:linear-gradient(160deg,var(--tl),#08423a)}.why.ph:nth-child(4){background:linear-gradient(160deg,#7a4bff,var(--navy))}
.why-e{position:absolute;inset:0 0 40% 0;display:grid;place-items:center;font-size:72px;z-index:1}.why-t{z-index:2}
.whym{text-align:center;margin:22px 0 0}.whym a{border-bottom:1px dotted var(--mut);padding-bottom:2px}

.cd .cdb i{margin:0 0 0 3px}
.csl-t{cursor:grab;-webkit-overflow-scrolling:touch}.csl-t.drag{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto}.csc img,.csc a{-webkit-user-drag:none;user-select:none}.csc img{pointer-events:none}

/* ===== چهار بسته ===== */
.pl4{display:grid;gap:18px;grid-template-columns:repeat(var(--n,4),1fr);align-items:stretch;margin-top:30px}
@media(max-width:1060px){.pl4{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.pl4{grid-template-columns:1fr}}
.pl4 .p{padding-top:26px}.pl4 .p h3{margin:0 0 2px;font-size:21px}.pl4 .p>p.mut{margin:0 0 8px;font-size:13px}
.p.f .mut{color:#c8d0ff}.pl-old{min-height:24px;margin-top:4px}.pl4 .price{margin:2px 0 12px}.pl4 .price small{display:inline}
.pl-in{display:block;text-align:center;margin:8px 0 4px;font-size:12px;color:var(--mut)}.p.f .pl-in{color:#c8d0ff}
.pl4 .p ul{border-top:1px solid var(--bd);padding-top:12px;margin-top:12px}.p.f ul{border-color:rgba(255,255,255,.2)}
.p li.no{opacity:.5}.p li.no:before{content:"✕ ";color:#e5484d}.p li.lm:before{content:"— ";color:var(--or2)}
.pcq-old{text-decoration:line-through;color:var(--mut);font-weight:400;font-size:12px;margin-left:6px}
/* OTP */
.fm input.otp{text-align:center;letter-spacing:.5em;font-size:20px;direction:ltr}
.otp-a{display:flex;justify-content:space-between;gap:10px}
.lnk{background:none;border:0;padding:4px 0;color:var(--bl);font:inherit;font-size:13px;cursor:pointer}.lnk:disabled{color:var(--mu,#888);cursor:default}
.tabs button{font-size:13px}

/* تصویر کارت نمونه‌کار از آدرس (بدون تصویر شاخص) */
.th.im{padding:0}.th.im img{display:block;width:100%;height:100%;object-fit:cover}

/* ===== هدر: چیدمان قابل تنظیم (راست / وسط / چپ) و سه طرح ===== */
:root{--hdh:66px}
.hd .w.hd-w{display:flex;align-items:center;justify-content:flex-start;height:var(--hdh);gap:14px}
.hd-z{display:flex;align-items:center;gap:8px;min-width:0}
.hd-start,.hd-end{flex:0 0 auto}
.hd-center{flex:1 1 auto;justify-content:center}
.hd .logo{font-size:22px;white-space:nowrap}
.hd .mnl>li>a{padding:9px 14px;border-radius:99px;font-weight:600}
.hd .mnl .current-menu-item>a,.hd .mnl .current_page_item>a,.hd .mnl .current-menu-ancestor>a{background:rgba(59,108,255,.1);color:var(--bl)}
.hd .ib{width:42px;height:42px;border-radius:50%;transition:transform .18s,box-shadow .18s}
.hd .ib:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(13,19,48,.12)}
.hd .lk{font-weight:600;border-radius:99px;padding:8px 14px}
.hd .lk:hover{background:rgba(127,127,127,.12)}
.hd .btn.sm{white-space:nowrap}
.hd .sx-in[data-mode=bar]{flex:0 0 260px}
/* طرح شناور */
header.hd.hd-float{background:transparent;border:0;backdrop-filter:none;-webkit-backdrop-filter:none;padding:10px 0 0}
.hd-float .w.hd-w{height:62px;background:var(--hd);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--bd);border-radius:99px;box-shadow:0 12px 34px rgba(13,19,48,.12);padding-inline:16px}
/* طرح تیره */
header.hd.hd-dark{background:var(--navy);border-bottom-color:rgba(255,255,255,.1);backdrop-filter:none;-webkit-backdrop-filter:none}
.hd-dark .logo,.hd-dark .lk,.hd-dark .burger{color:#fff}
.hd-dark .mnl>li>a{color:#d5dbff}
.hd-dark .mnl>li:hover>a,.hd-dark .mnl>li:focus-within>a{background:rgba(255,255,255,.12);color:#fff}
.hd-dark .mnl .current-menu-item>a,.hd-dark .mnl .current_page_item>a,.hd-dark .mnl .current-menu-ancestor>a{background:rgba(255,255,255,.16);color:#fff}
.hd-dark .ib{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.16);color:#fff}
.hd-dark .lk:hover{background:rgba(255,255,255,.12)}
@media(max-width:900px){
 body.nav-open .hd nav.mn{top:100%}
 body.nav-open .hd-float nav.mn{top:calc(100% + 6px);left:12px;right:12px;border:1px solid var(--bd);border-radius:22px}
 body.nav-open .hd-dark .mnl>li>a{color:var(--mut)}
 body.nav-open .hd-dark .mnl>li:hover>a,body.nav-open .hd-dark .mnl>li:focus-within>a{background:rgba(127,127,127,.12);color:var(--tx)}
 body.nav-open .hd-dark .mnl .current-menu-item>a,body.nav-open .hd-dark .mnl .current_page_item>a{background:rgba(59,108,255,.1);color:var(--bl)}
}
@media(max-width:640px){.hd-end .hi{display:none}.hd .btn.sm{padding:8px 13px;font-size:13px}.hd .w.hd-w{gap:8px}.hd-float .w.hd-w{padding-inline:10px}}

/* ===== چهار طرح جدید هدر: جزیره، دو ردیفه، شفق، شفاف ===== */
/* -- مشترک بین طرح‌های رنگی (جزیره و شفق): متن روشن روی زمینه تیره -- */
.hd-island .logo,.hd-island .lk,.hd-island .burger,.hd-aurora .logo,.hd-aurora .lk,.hd-aurora .burger{color:#fff}
.hd-island .mnl>li>a,.hd-aurora .mnl>li>a{color:#d5dbff}
.hd-island .mnl>li:hover>a,.hd-island .mnl>li:focus-within>a,.hd-aurora .mnl>li:hover>a,.hd-aurora .mnl>li:focus-within>a{background:rgba(255,255,255,.14);color:#fff}
.hd-island .ib,.hd-aurora .ib{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2);color:#fff}
.hd-island .lk:hover,.hd-aurora .lk:hover{background:rgba(255,255,255,.14)}

/* -- ۱) جزیره: کپسول تیره و فشرده در مرکز -- */
header.hd.hd-island{background:transparent;border:0;backdrop-filter:none;-webkit-backdrop-filter:none;padding:12px 0 0;pointer-events:none}
.hd-island .w.hd-w{pointer-events:auto;width:fit-content;max-width:calc(100% - 24px);margin-inline:auto;height:56px;padding:0 12px 0 16px;gap:10px;background:rgba(13,19,48,.9);backdrop-filter:blur(18px) saturate(1.5);-webkit-backdrop-filter:blur(18px) saturate(1.5);border:1px solid rgba(255,255,255,.12);border-radius:99px;box-shadow:0 18px 50px rgba(8,13,38,.35),inset 0 1px 0 rgba(255,255,255,.12)}
.hd-island .hd-center{flex:0 1 auto}
.hd-island .logo{font-size:19px}
.hd-island .mnl .current-menu-item>a,.hd-island .mnl .current_page_item>a,.hd-island .mnl .current-menu-ancestor>a{background:#fff;color:#0b1233}
.hd-island .ib{width:38px;height:38px}

/* -- ۲) دو ردیفه: لوگو و ابزارها بالا، منو در ردیف دوم -- */
header.hd.hd-stack{background:linear-gradient(90deg,var(--or),var(--or2),var(--bl)) top/100% 3px no-repeat,var(--hd)}
.hd-stack .w.hd-w{display:grid;grid-template-columns:1fr auto;grid-template-areas:"s e" "c c";height:auto;padding-top:12px;padding-bottom:0;row-gap:0;gap:0 14px}
.hd-stack .hd-start{grid-area:s;justify-self:start}
.hd-stack .hd-end{grid-area:e;justify-self:end}
.hd-stack .hd-center{grid-area:c;justify-content:center;border-top:1px solid var(--bd);margin-top:12px;padding:2px 0}
.hd-stack .hd-center:empty{display:none}
.hd-stack .logo{font-size:24px}
.hd-stack .mnl>li>a{position:relative;border-radius:0;padding:12px 16px;background:none}
.hd-stack .mnl>li>a::after{content:"";position:absolute;inset-inline:16px;bottom:4px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--or),var(--or2));transform:scaleX(0);transition:transform .25s}
.hd-stack .mnl>li:hover>a,.hd-stack .mnl>li:focus-within>a,.hd-stack .mnl .current-menu-item>a,.hd-stack .mnl .current_page_item>a,.hd-stack .mnl .current-menu-ancestor>a{background:none;color:var(--tx)}
.hd-stack .mnl>li:hover>a::after,.hd-stack .mnl>li:focus-within>a::after,.hd-stack .mnl .current-menu-item>a::after,.hd-stack .mnl .current_page_item>a::after{transform:scaleX(1)}

/* -- ۳) شفق: گرادیان متحرک و درخشان -- */
header.hd.hd-aurora{background:linear-gradient(110deg,#0b1233 0%,#1d2f8f 38%,#5b3bff 72%,#12b8a0 118%);background-size:170% 100%;animation:hdAur 14s ease-in-out infinite alternate;border-bottom:1px solid rgba(255,255,255,.14);backdrop-filter:none;-webkit-backdrop-filter:none}
header.hd.hd-aurora::after{content:"";position:absolute;inset:auto 0 -1px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.75),transparent);pointer-events:none}
@keyframes hdAur{to{background-position:100% 0}}
.hd-aurora .mnl .current-menu-item>a,.hd-aurora .mnl .current_page_item>a,.hd-aurora .mnl .current-menu-ancestor>a{background:rgba(255,255,255,.2);color:#fff}
.hd-aurora .btn.sm{background:#fff;color:#0b1233;box-shadow:0 8px 22px rgba(0,0,0,.25)}
@media(prefers-reduced-motion:reduce){header.hd.hd-aurora{animation:none}}

/* -- ۴) شفاف: بدون پس‌زمینه، با اسکرول شیشه‌ای می‌شود -- */
header.hd.hd-clear{background:transparent;border-bottom:1px solid transparent;backdrop-filter:none;-webkit-backdrop-filter:none;transition:background .3s,border-color .3s,box-shadow .3s}
header.hd.hd-clear.hd-scrolled{background:var(--hd);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom-color:var(--bd);box-shadow:0 8px 30px rgba(13,19,48,.08)}
.hd-clear .mnl>li>a{position:relative;border-radius:0;padding:10px 14px;background:none}
.hd-clear .mnl>li>a::after{content:"";position:absolute;inset-inline:14px;bottom:3px;height:2px;border-radius:2px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .25s}
.hd-clear .mnl>li:hover>a,.hd-clear .mnl>li:focus-within>a,.hd-clear .mnl .current-menu-item>a,.hd-clear .mnl .current_page_item>a,.hd-clear .mnl .current-menu-ancestor>a{background:none;color:var(--tx)}
.hd-clear .mnl>li:hover>a::after,.hd-clear .mnl>li:focus-within>a::after,.hd-clear .mnl .current-menu-item>a::after,.hd-clear .mnl .current_page_item>a::after{transform:scaleX(1)}
.hd-clear .btn.sm{background:transparent;color:var(--tx);box-shadow:none;border:1.5px solid var(--tx)}
.hd-clear .btn.sm:hover{background:var(--tx);color:var(--bg)}

@media(max-width:900px){
 /* منوی بازشونده موبایل روی زمینه روشن کارت */
 body.nav-open .hd-island .mnl>li>a,body.nav-open .hd-aurora .mnl>li>a{color:var(--mut)}
 body.nav-open .hd-island .mnl>li:hover>a,body.nav-open .hd-aurora .mnl>li:hover>a{background:rgba(127,127,127,.12);color:var(--tx)}
 body.nav-open .hd-island .mnl .current-menu-item>a,body.nav-open .hd-island .mnl .current_page_item>a,body.nav-open .hd-aurora .mnl .current-menu-item>a,body.nav-open .hd-aurora .mnl .current_page_item>a{background:rgba(59,108,255,.1);color:var(--bl)}
 body.nav-open .hd-island nav.mn{top:calc(100% + 8px);left:12px;right:12px;border:1px solid var(--bd);border-radius:24px;pointer-events:auto}
 .hd-island .w.hd-w{width:auto;max-width:none;margin-inline:12px;justify-content:space-between}
 .hd-island .hd-center{flex:1 1 auto}
 .hd-stack .w.hd-w{display:flex;height:var(--hdh);padding-top:0;padding-bottom:0}
 .hd-stack .hd-center{border:0;margin:0;padding:0;flex:1 1 auto}
 .hd-stack .mnl>li>a::after,.hd-clear .mnl>li>a::after{display:none}
 .hd-clear .mnl>li>a,.hd-stack .mnl>li>a{border-radius:10px}
}

/* ===== پیگیری سفارش ===== */
.pct{margin:12px 0}.pct-steps{list-style:none;margin:0 0 14px;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;counter-reset:none}
.pct-steps li{position:relative;text-align:center;font-size:13px;color:var(--mut)}
.pct-steps li:not(:last-child):after{content:"";position:absolute;top:17px;right:calc(50% + 22px);left:calc(-50% + 22px);height:3px;background:var(--bd);border-radius:2px}
.pct-steps li.done:not(:last-child):after{background:var(--tl)}
.pct-dot{display:grid;place-items:center;width:36px;height:36px;margin:0 auto 6px;border-radius:50%;background:var(--bg);border:2px solid var(--bd);font-weight:800;position:relative;z-index:1}
.pct-steps li b{display:block;font-weight:600}.pct-steps li small{display:block;color:var(--mut)}
.pct-steps li.done .pct-dot{background:var(--tl);border-color:var(--tl);color:#fff}.pct-steps li.done{color:var(--tx)}
.pct-steps li.cur .pct-dot{border-color:var(--or);color:var(--or);box-shadow:0 0 0 5px rgba(255,106,43,.15)}.pct-steps li.cur{color:var(--tx)}
.pct-wait{background:var(--bg);border-radius:12px;padding:10px 14px;font-size:14px;color:var(--mut);margin:0}
.pct-box{background:var(--bg);border:1px solid var(--bd);border-radius:14px;padding:14px 16px;margin-top:10px}.pct-box h4{margin:0 0 6px;font-size:15px}.pct-box p{margin:4px 0;font-size:14px}
.pct-cd{display:flex;gap:6px;align-items:baseline;flex-wrap:wrap;margin:10px 0 2px}.pct-cd span{font-size:26px;font-weight:800;color:var(--or);min-width:2ch;text-align:center}.pct-cd small{color:var(--mut);margin-left:10px}
.pct-end{color:#ef4444}
.pct-bar{height:12px;border-radius:99px;background:var(--bd);overflow:hidden;margin:8px 0}.pct-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--tl),var(--bl));border-radius:99px}.pct-bar.md i{background:linear-gradient(90deg,#f59e0b,var(--or2))}.pct-bar.hi i{background:linear-gradient(90deg,#ef4444,#f97316)}
.pct-r{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:5px 0;font-size:14px}.pct-r>span{min-width:80px;color:var(--mut)}.pct-r code{background:var(--card);border:1px solid var(--bd);border-radius:8px;padding:1px 10px;user-select:all}
@media(max-width:480px){.pct-steps li{font-size:12px}}
.pct-b-w{background:rgba(255,106,43,.14);color:var(--or)}.pct-b-x{background:rgba(225,29,72,.12);color:#e11d48}
.pct-pay input[type=time]{max-width:180px}.pct-l{display:flex;gap:10px;align-items:center;font-size:14px;color:var(--mut)}
.pct-exp h4{color:#e11d48}.pct-cdp{direction:rtl}.pct-pay .pct-end{display:none}.pct-pay .pct-end:not([hidden]){display:block}

/* ===== هدر حرفه‌ای: طرح‌های جدید ===== */
/* مینیمال */
header.hd.hd-minimal{background:var(--card);backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom:1px solid var(--bd)}
header.hd.hd-minimal .mnl>li>a{position:relative;border-radius:0;background:none;padding:10px 12px;font-weight:500}
header.hd.hd-minimal .mnl>li>a::after{content:"";position:absolute;inset-inline:12px;bottom:4px;height:1.5px;background:var(--tx);transform:scaleX(0);transform-origin:right;transition:transform .22s}
header.hd.hd-minimal .mnl>li:hover>a,header.hd.hd-minimal .mnl .current-menu-item>a,header.hd.hd-minimal .mnl .current_page_item>a,header.hd.hd-minimal .mnl .current-menu-ancestor>a{background:none;color:var(--tx)}
header.hd.hd-minimal .mnl>li:hover>a::after,header.hd.hd-minimal .mnl .current-menu-item>a::after,header.hd.hd-minimal .mnl .current_page_item>a::after{transform:scaleX(1)}
.hd-minimal .ib{background:none;border-color:transparent}.hd-minimal .btn.sm{border-radius:8px}
/* سازمانی */
header.hd.hd-corporate{background:var(--card);backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom:0;border-top:3px solid var(--or);box-shadow:0 8px 26px rgba(13,19,48,.08)}
header.hd.hd-corporate .mnl{gap:0}
header.hd.hd-corporate .mnl>li>a{border-radius:0;background:none;padding:9px 16px;font-weight:600}
header.hd.hd-corporate .mnl>li+li{border-inline-start:1px solid var(--bd)}
header.hd.hd-corporate .mnl>li:hover>a,header.hd.hd-corporate .mnl .current-menu-item>a,header.hd.hd-corporate .mnl .current_page_item>a,header.hd.hd-corporate .mnl .current-menu-ancestor>a{background:none;color:var(--or)}
.hd-corporate .btn.sm{border-radius:6px}
/* منوی کپسولی */
header.hd.hd-pill .mnl{background:rgba(127,127,127,.1);border:1px solid var(--bd);border-radius:99px;padding:4px;gap:2px}
header.hd.hd-pill .mnl>li>a{padding:8px 16px}
header.hd.hd-pill .mnl>li:hover>a{background:rgba(127,127,127,.14);color:var(--tx)}
header.hd.hd-pill .mnl .current-menu-item>a,header.hd.hd-pill .mnl .current_page_item>a,header.hd.hd-pill .mnl .current-menu-ancestor>a{background:linear-gradient(120deg,var(--or),var(--or2));color:#fff}
/* گرادیان گرم */
header.hd.hd-sunset{background:linear-gradient(100deg,#ff6a2b 0%,#ff3d6e 55%,#b14dff 115%);border-bottom:0;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:0 10px 30px rgba(255,61,110,.25)}
.hd-sunset .logo,.hd-sunset .logo span,.hd-sunset .lk,.hd-sunset .burger,.hd-frost .logo,.hd-frost .lk,.hd-frost .burger{color:#fff}
.hd-sunset .mnl>li>a{color:rgba(255,255,255,.94)}.hd-frost .mnl>li>a{color:#e4e8ff}
header.hd.hd-sunset .mnl>li:hover>a,header.hd.hd-sunset .mnl>li:focus-within>a,header.hd.hd-sunset .mnl .current-menu-item>a,header.hd.hd-sunset .mnl .current_page_item>a,header.hd.hd-sunset .mnl .current-menu-ancestor>a{background:rgba(255,255,255,.22);color:#fff}
.hd-sunset .ib,.hd-frost .ib{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.28);color:#fff}
.hd-sunset .lk:hover,.hd-frost .lk:hover{background:rgba(255,255,255,.16)}
.hd-sunset .btn.sm{background:#fff;color:#c2285a;box-shadow:0 8px 22px rgba(0,0,0,.2)}
/* یخی تیره */
header.hd.hd-frost{background:rgba(11,18,51,.58);backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);border-bottom:1px solid rgba(255,255,255,.12)}
header.hd.hd-frost .mnl>li:hover>a,header.hd.hd-frost .mnl>li:focus-within>a{background:rgba(255,255,255,.14);color:#fff}
header.hd.hd-frost .mnl .current-menu-item>a,header.hd.hd-frost .mnl .current_page_item>a,header.hd.hd-frost .mnl .current-menu-ancestor>a{background:rgba(255,255,255,.2);color:#fff}

/* ===== جابه‌جایی هدر موبایل و دسکتاپ (حالت «تنظیم جدا») ===== */
header.hd.hd-mob{display:none}
@media(max-width:900px){
 header.hd.hd-desk{display:none}header.hd.hd-mob{display:block}
 header.hd-pill .mnl,header.hd.hd-pill .mnl{background:none;border:0;border-radius:0;padding:0}
 header.hd.hd-pill .mnl>li>a{border-radius:12px}
 header.hd.hd-corporate .mnl>li+li{border-inline-start:0}
 body.nav-open .hd-sunset .mnl>li>a,body.nav-open .hd-frost .mnl>li>a{color:var(--mut)}
 body.nav-open header.hd.hd-sunset .mnl>li:hover>a,body.nav-open header.hd.hd-frost .mnl>li:hover>a{background:rgba(127,127,127,.12);color:var(--tx)}
 body.nav-open header.hd.hd-sunset .mnl .current-menu-item>a,body.nav-open header.hd.hd-frost .mnl .current-menu-item>a,body.nav-open header.hd.hd-sunset .mnl .current_page_item>a,body.nav-open header.hd.hd-frost .mnl .current_page_item>a{background:rgba(59,108,255,.1);color:var(--bl)}
 body.nav-open .hd-minimal nav.mn,body.nav-open .hd-corporate nav.mn,body.nav-open .hd-pill nav.mn{top:100%}
}
/* کوچک‌شدن هدر هنگام اسکرول */
.hd-shrink header.hd .w.hd-w{transition:height .25s ease}
.hd-shrink header.hd.scrolled .w.hd-w{height:54px}
.hd-shrink header.hd.scrolled .logo{font-size:19px}
/* نوار بالایی */
.tb{background:var(--navy);color:#d5dbff;font-size:13px}
.tb-w{display:flex;justify-content:space-between;align-items:center;gap:14px;min-height:38px;flex-wrap:wrap}
.tb-t{opacity:.95}.tb-l{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.tb a{color:inherit;text-decoration:none;opacity:.92}.tb a:hover{opacity:1;color:#fff}
@media(max-width:900px){.tb.tb-desk{display:none}}
@media(max-width:640px){.tb-w{justify-content:center;padding-block:6px}.tb-em,.tb-s{display:none}}

/* ===== ظاهر جستجو / ورود / تماس در هدر ===== */
.hd .ib{width:var(--hb,42px);height:var(--hb,42px)}
.hd .sx-in .sx-f{height:var(--sx-h,40px);border-radius:var(--sx-r,99px)}
.hd .sx-in[data-mode=bar]{flex:1 1 var(--sx-w,280px);max-width:var(--sx-w,280px)}
.hd .sx-in[data-mode=expand].open .sx-w{width:var(--sx-w,260px)}
.sx-bd{position:absolute;inset-inline-end:12px;top:50%;transform:translateY(-50%);font-size:11px;font-weight:800;padding:3px 9px;border-radius:99px;background:linear-gradient(120deg,var(--or),var(--or2),var(--bl));color:#fff;pointer-events:none;line-height:1.3}
.sx-in .sx-f{padding-inline-end:56px}
/* نوار کشیده (حالت pill) */
.sx-pill{position:relative;isolation:isolate;display:flex;align-items:center;gap:10px;width:var(--sx-w,360px);max-width:100%;height:var(--sx-h,42px);padding:0 14px;border-radius:var(--sx-r,999px);background:var(--card);border:1px solid var(--bd);color:var(--mut);font:inherit;font-size:14px;cursor:text;text-align:start;transition:box-shadow .25s,border-color .25s}
.sx-pill:hover{box-shadow:0 8px 26px rgba(13,19,48,.14);border-color:rgba(59,108,255,.35)}
.sx-pill .sx-pt{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:opacity .23s,transform .23s}.sx-pill .sx-pt.out{opacity:0;transform:translateY(6px)}
.sx-pill .sx-pk{font-size:11px;font-weight:800;padding:3px 9px;border-radius:99px;background:linear-gradient(120deg,var(--or),var(--or2),var(--bl));color:#fff;line-height:1.3}
.sx-pill .sx-pg{flex:none;opacity:.7}
.sx-pill[data-style=aurora]{border:2px solid transparent;background:linear-gradient(var(--card),var(--card)) padding-box,conic-gradient(from var(--sxa),var(--or),var(--bl),var(--tl),var(--or2),var(--or)) border-box;animation:sxspin 6s linear infinite}
.sx-pill[data-style=aurora]::before{content:"";position:absolute;inset:-2px;border-radius:inherit;z-index:-1;background:conic-gradient(from var(--sxa),var(--or),var(--bl),var(--tl),var(--or2),var(--or));filter:blur(16px);opacity:.34}
.sx-pill[data-style=midnight]{background:#070b24;border-color:rgba(120,160,255,.35);color:#aeb8e6;box-shadow:0 0 22px rgba(70,140,255,.2),inset 0 0 14px rgba(70,140,255,.08)}
.sx-pill[data-style=glass]{background:rgba(255,255,255,.55);backdrop-filter:blur(14px) saturate(1.4);border-color:rgba(60,80,170,.22);box-shadow:0 8px 30px rgba(31,45,120,.14)}
[data-theme=dark] .sx-pill[data-style=glass]{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18)}
.hd .sx-mob-pill{display:none}
@media(max-width:1100px){.sx-pill{display:none}.hd .sx-mob-pill{display:grid}}
@media(prefers-reduced-motion:reduce){.sx-pill{animation:none!important}}
/* دکمه ورود / پنل */
.lk.lk-pill,.lk.lk-solid,.lk.lk-soft,.lk.lk-avatar{display:inline-flex;align-items:center;gap:8px;height:var(--hb,42px);padding:0 16px;border-radius:99px;font-weight:700;font-size:14px;line-height:1;transition:transform .18s,box-shadow .18s,background .18s,border-color .18s;text-decoration:none}
.lk-i{display:inline-grid;place-items:center}
.lk.lk-pill{border:1.5px solid rgba(127,127,127,.38);background:transparent;color:var(--tx)}.lk.lk-pill:hover{border-color:var(--or);color:var(--or);background:rgba(255,106,43,.06)}
.lk.lk-solid{border:0;background:linear-gradient(120deg,var(--or),var(--or2));color:#fff;box-shadow:0 8px 20px rgba(255,106,43,.3)}.lk.lk-solid:hover{transform:translateY(-1px);box-shadow:0 12px 26px rgba(255,106,43,.4);background:linear-gradient(120deg,var(--or),var(--or2))}
.lk.lk-soft{border:0;background:rgba(59,108,255,.12);color:var(--bl)}.lk.lk-soft:hover{background:rgba(59,108,255,.2)}
.lk.lk-avatar{width:var(--hb,42px);padding:0;justify-content:center;border:1.5px solid rgba(127,127,127,.38);background:transparent;color:var(--tx)}.lk.lk-avatar:hover{border-color:var(--or);color:var(--or);background:rgba(255,106,43,.06)}
.hd-dark .lk.lk-soft,.hd-aurora .lk.lk-soft,.hd-island .lk.lk-soft,.hd-sunset .lk.lk-soft,.hd-frost .lk.lk-soft{background:rgba(255,255,255,.16);color:#fff}
.hd-dark .lk.lk-pill,.hd-aurora .lk.lk-pill,.hd-island .lk.lk-pill,.hd-sunset .lk.lk-pill,.hd-frost .lk.lk-pill,.hd-dark .lk.lk-avatar,.hd-aurora .lk.lk-avatar,.hd-island .lk.lk-avatar,.hd-sunset .lk.lk-avatar,.hd-frost .lk.lk-avatar{color:#fff;border-color:rgba(255,255,255,.4)}
.hd-sunset .lk.lk-solid{background:#fff;color:#c2285a;box-shadow:0 8px 22px rgba(0,0,0,.2)}
/* دکمه تماس / واتساپ */
.pb{display:inline-flex;align-items:center;gap:8px;height:var(--hb,42px);border-radius:99px;font-size:14px;font-weight:700;white-space:nowrap;text-decoration:none;color:var(--tx);transition:transform .18s,box-shadow .18s,border-color .18s;position:relative}
.pb-i{display:inline-grid;place-items:center}
.pb-pill{padding:0 16px;border:1.5px solid rgba(127,127,127,.38)}.pb-pill:hover{border-color:var(--tl);color:var(--tl)}
.pb-solid{padding:0 16px;border:0;color:#fff;background:linear-gradient(120deg,var(--tl),#0fb89a);box-shadow:0 8px 20px rgba(15,184,154,.32)}.pb-solid:hover{transform:translateY(-1px);box-shadow:0 12px 26px rgba(15,184,154,.42)}
.pb-wa.pb-solid{background:linear-gradient(120deg,#25d366,#128c7e);box-shadow:0 8px 20px rgba(37,211,102,.32)}
.pb-text{padding:0 6px;color:var(--tx)}.pb-text:hover{color:var(--tl)}
.pb-ring{width:var(--hb,42px);justify-content:center;border:1.5px solid rgba(127,127,127,.38);color:var(--tl)}
.pb-ring::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid var(--tl);opacity:0;animation:pbring 2.2s ease-out infinite}
.pb-wa.pb-ring{color:#25d366}.pb-wa.pb-ring::after{border-color:#25d366}
@keyframes pbring{0%{transform:scale(.85);opacity:.7}100%{transform:scale(1.25);opacity:0}}
.hd-dark .pb,.hd-aurora .pb,.hd-island .pb,.hd-sunset .pb,.hd-frost .pb{color:#fff}.hd-dark .pb-ring,.hd-aurora .pb-ring,.hd-island .pb-ring,.hd-sunset .pb-ring,.hd-frost .pb-ring{border-color:rgba(255,255,255,.4)}
@media(max-width:640px){.pb .pb-t{display:none}.pb-pill,.pb-solid,.pb-text{width:var(--hb,42px);padding:0;justify-content:center}}
@media(prefers-reduced-motion:reduce){.pb-ring::after{animation:none}}

/* ---- فرم سفارش مرحله‌ای ---- */
.pcq{display:block;max-width:min(var(--wmax,1120px),1160px);margin-inline:auto}
.pcq-steps{list-style:none;display:flex;gap:8px;margin:0 0 22px;padding:0;scroll-margin-top:84px}
.pcq-sp{flex:1;border-top:4px solid var(--bd);border-radius:2px;padding-top:10px;transition:border-color .2s}
.pcq-sp.cu{border-top-color:var(--or)}.pcq-sp.dn:not(.cu){border-top-color:var(--tl)}
.pcq-sp button{display:flex;align-items:center;gap:10px;width:100%;background:none;border:0;padding:4px 2px;color:var(--mut);font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;text-align:right}
.pcq-sp button:disabled{cursor:not-allowed;opacity:.55}.pcq-sp.cu button{color:var(--tx)}
.pcq-sp button:focus-visible{outline:2px solid var(--bl);outline-offset:2px;border-radius:10px}
.pcq-sn{flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;border:2px solid var(--bd);background:var(--card);font-weight:800;font-size:14px}
.pcq-sp.dn .pcq-sn{border-color:var(--tl);background:var(--tl);color:#fff}
.pcq-sp.cu .pcq-sn{border-color:var(--or);background:var(--or);color:#fff}
.pcq-wh{margin:0 0 14px}.pcq-wh h3{font-size:22px;margin:0 0 4px;outline:0}.pcq-wh p{margin:0;color:var(--mut);font-size:14px;line-height:1.9}
.pcq-body{display:grid;gap:16px}
.pcq-plan{background:none!important;border:0!important;box-shadow:none!important;padding:0!important}
.pcq-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px;padding:14px 16px;border:1px solid var(--bd);border-radius:var(--rb);background:var(--card)}
.pcq-nt small{display:inline;color:var(--mut);font-size:12px}.pcq-nt b{font-size:20px;color:var(--or)}
.pcq-nb{display:flex;gap:8px}
.pcq-sum{position:static}
.pcq-sum .pcq-act{display:flex;gap:10px;margin-top:6px}.pcq-sum .pcq-act .btn{flex:1;width:auto}
.pcq-incs{margin-top:16px}.pcq-incs h4{margin:0 0 4px;font-size:15px}
@media(max-width:760px){
 .pcq-sp button{flex-direction:column;gap:4px;text-align:center;font-size:12.5px}
 .pcq-nav{position:sticky;bottom:0;z-index:20;box-shadow:0 -8px 24px rgba(13,19,48,.14);padding-bottom:calc(14px + env(safe-area-inset-bottom,0px))}
 .pcq-sum .pcq-act{flex-direction:column-reverse}
}

/* ---- فوتر جدید ---- */
.pf-cta{position:relative;z-index:2;margin-top:48px;margin-bottom:-60px}
.pf-cta-in{display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap;padding:30px 34px;border-radius:24px;color:#fff;background:radial-gradient(circle at 12% 0,rgba(255,255,255,.22),transparent 45%),linear-gradient(135deg,var(--or),var(--or2));box-shadow:0 24px 60px rgba(255,106,43,.32)}
.pf-cta h2{margin:0;font-size:24px;font-weight:800}.pf-cta p{margin:6px 0 0;opacity:.95}
.pf-cta-a{display:flex;gap:10px;flex-wrap:wrap}
.pf-cta .btn{background:#fff;color:#0b1233;box-shadow:none;padding:12px 28px;font-size:15px}
.pf-ghost{display:inline-block;padding:11px 24px;border-radius:var(--rb,14px);border:1.5px solid rgba(255,255,255,.7);color:#fff;font-weight:600;font-size:15px;transition:background .2s}.pf-ghost:hover{background:rgba(255,255,255,.16)}
footer.pf{position:relative;overflow:hidden;color:#a5afd6;font-size:14px;padding:56px 0 24px;background:radial-gradient(circle at 90% 0,rgba(59,108,255,.18),transparent 40%),radial-gradient(circle at 5% 100%,rgba(15,184,154,.12),transparent 40%),var(--navy);border-top:1px solid rgba(255,255,255,.06)}
.pf-cta+footer.pf{padding-top:112px}
.pf-grid{display:grid;grid-template-columns:1.7fr repeat(4,1fr);gap:34px;text-align:right}
.pf-grid>div>b{display:block;color:#fff;font-size:15px;margin-bottom:14px}
.pf-grid ul{list-style:none;margin:0;padding:0}.pf-grid li{margin:0 0 10px}
.pf-grid li a{color:#a5afd6;transition:color .2s,padding .2s}.pf-grid li a:hover{color:#fff;padding-right:4px}
.pf-logo{display:inline-block;font-size:24px;font-weight:800;color:#fff;margin-bottom:10px}
.pf-brand p{margin:0 0 18px;line-height:2;max-width:380px}
.pf-brand .pf-ct{margin:0 0 16px}.pf-ct a{display:flex;align-items:center;gap:10px;color:#fff}.pf-ct span{color:#8d98c4;font-size:12.5px;min-width:38px}
.pf-soc{display:flex;gap:8px;flex-wrap:wrap}.pf-soc a{padding:6px 16px;border-radius:99px;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:13px;transition:background .2s,border-color .2s}.pf-soc a:hover{background:var(--or);border-color:var(--or)}
.pf-seo{margin:34px 0 0;padding:12px 18px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:rgba(255,255,255,.03);text-align:right}.pf-seo summary{cursor:pointer;color:#fff;font-weight:600}
.pf-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.pf-tags span{padding:3px 12px;border:1px solid rgba(255,255,255,.16);border-radius:99px;font-size:12.5px;color:#c8d0ff}
.pf-bot{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:34px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);font-size:13px}
.pf-bot .badges{margin:0;justify-content:flex-start}
.pf-top{display:inline-flex;gap:6px;align-items:center;padding:7px 16px;border-radius:99px;border:1px solid rgba(255,255,255,.2);background:transparent;color:#fff;font-family:inherit;font-size:13px;cursor:pointer;transition:background .2s}.pf-top:hover{background:rgba(255,255,255,.1)}
@media(max-width:980px){.pf-grid{grid-template-columns:repeat(2,1fr)}.pf-brand{grid-column:1/-1}}
@media(max-width:600px){.pf-cta-in{padding:24px 20px}.pf-cta h2{font-size:20px}.pf-cta-a,.pf-cta-a a{width:100%;text-align:center}.pf-bot{flex-direction:column;align-items:flex-start}}

/* ---- جدول مقایسه در مرحله ۱ سفارش ---- */
.pcq-cmpw{overflow-x:auto;margin-top:12px;border:1px solid var(--bd);border-radius:var(--r);background:var(--card)}
.pcq-cmpw table{border-collapse:collapse;width:100%;min-width:640px;font-size:13.5px}
.pcq-cmpw th,.pcq-cmpw td{padding:11px 14px;text-align:center;border:0;border-bottom:1px solid var(--bd)}
.pcq-cmpw tbody tr:last-child td{border-bottom:0}
.pcq-cmpw th:first-child,.pcq-cmpw td:first-child{text-align:right;position:sticky;right:0;background:var(--card);font-weight:600}
.pcq-cmpw thead th{font-size:15px;padding:16px 12px;background:var(--bg)}
.pcq-cmpw thead th:first-child{background:var(--bg)}
.pcq-cmpw thead small{display:block;font-weight:400;font-size:11.5px;color:var(--mut);margin-top:2px}
.pcq-cmpw tr.sec td{background:var(--bg);text-align:right;font-weight:800;position:static}
.pcq-cmpw td.sel{background:rgba(255,106,43,.08)}
.pcq-cmpw thead th.sel{background:var(--or);color:#fff}.pcq-cmpw thead th.sel small{color:#fff;opacity:.9}
.pcq-ck2{color:var(--tl);font-weight:800}.pcq-xx{color:var(--mut);opacity:.55}

/* ---- کیف پول و پرداخت اقساطی ---- */
.pcw-ban{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:0 0 14px;padding:14px 18px;border:1px solid var(--bd);border-right:5px solid var(--tl);border-radius:var(--rb,14px);background:var(--card)}
.pcw-ban.od{border-right-color:#e5484d;background:rgba(229,72,77,.06)}.pcw-ban p{margin:4px 0 0;color:var(--mut);font-size:14px}
.pcw-w{display:grid;gap:12px}.pcw-w h4{margin:6px 0 0}
.pcw-bal{display:flex;align-items:baseline;gap:8px;padding:18px 20px;border-radius:16px;color:#fff;background:linear-gradient(135deg,var(--navy),#2a3a8f)}
.pcw-bal small{flex-basis:100%;opacity:.8;font-size:13px}.pcw-bal b{font-size:32px}
.pcw-m{margin:10px 0;padding:14px 16px;border:1px solid var(--bd);border-radius:14px;background:var(--card)}
.pcw-m summary{cursor:pointer}.pcw-m p{margin:6px 0}
.pcw-modes{display:grid;gap:10px;margin:12px 0}
.pcw-mo{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border:1.5px solid var(--bd);border-radius:14px;cursor:pointer;background:var(--card)}
.pcw-mo input{width:auto;margin-top:5px}.pcw-mo small{display:block;color:var(--mut);margin-top:2px;line-height:1.8}
.pcw-mo:has(input:checked){border-color:var(--or);background:rgba(255,106,43,.06)}
.pcw-how{margin:10px 0;padding:12px 14px;border-radius:12px;background:rgba(15,184,154,.08);line-height:2;font-size:14px}.pcw-how p{margin:4px 0 0}
.pcw-tw{overflow-x:auto;margin:10px 0;border:1px solid var(--bd);border-radius:12px}
.pcw-tb{width:100%;border-collapse:collapse;font-size:13.5px;min-width:420px}
.pcw-tb th,.pcw-tb td{padding:9px 12px;text-align:right;border-bottom:1px solid var(--bd)}.pcw-tb tbody tr:last-child td{border-bottom:0}
.pcw-tb thead th{background:var(--bg);font-weight:700}.pcw-tb tr.nx td{background:rgba(255,106,43,.07)}
.pcw-ok{color:var(--tl);font-weight:600}.pcw-od{color:#e5484d;font-weight:600}.pcw-pos{color:var(--tl);font-weight:700}.pcw-neg{color:#e5484d;font-weight:700}
.pcw-in .pcw-auto{margin-top:12px;padding-top:12px;border-top:1px dashed var(--bd)}

/* ---- مسیر صفحه (breadcrumb) ---- */
.pc-bc{margin:0 0 14px}.pc-bc ol{display:flex;flex-wrap:wrap;gap:4px 8px;list-style:none;margin:0;padding:0;font-size:13px;color:var(--mut)}
.pc-bc li+li:before{content:"‹";margin-inline-end:8px;opacity:.6}.pc-bc a{color:var(--mut);transition:color .2s}.pc-bc a:hover{color:var(--or)}.pc-bc [aria-current]{color:var(--tx)}
.ps-bcw{padding-top:22px}.ps-bcw .pc-bc{margin:0}

.pf-logo-img{display:block;height:auto;max-height:54px;width:auto;max-width:220px;object-fit:contain}
.pf-logo:has(.pf-logo-img){margin-bottom:14px}

/* ---- سبک مینیمال: فوتر (body.pc-min) ---- */
.pc-min footer.pf{background:var(--navy);border-top:0}
.pc-min .pf-cta-in{background:var(--or);box-shadow:none;border-radius:22px}

/* ===== پنجره ورود / ثبت‌نام (طراحی مدرن: کارت وسط‌صفحه در دسکتاپ، Bottom Sheet در موبایل) ===== */
.hp{position:absolute;inset-inline-start:0;top:0;width:1px;height:1px;opacity:0;overflow:hidden;clip-path:inset(50%);pointer-events:none}
.fm{position:relative}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
html.au-lock{overflow:hidden}
#pcAuth.modal{background:rgba(8,12,32,.55);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:16px;overflow:hidden}
#pcAuth .mb{width:min(420px,100%);max-height:calc(100dvh - 32px);overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding:34px 28px 26px;border-radius:28px;border:1px solid var(--bd);box-shadow:0 40px 90px -24px rgba(8,13,38,.5);animation:pcAuthIn .3s cubic-bezier(.2,.8,.2,1);scrollbar-width:thin}
@keyframes pcAuthIn{from{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:none}}
@keyframes pcSheet{from{transform:translateY(100%)}to{transform:none}}
#pcAuth .mb>.x{left:auto;right:auto;inset-inline-end:14px;top:14px;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;padding:0;background:var(--bg);color:var(--mut);transition:background .2s,color .2s}
#pcAuth .mb>.x:hover,#pcAuth .mb>.x:focus-visible{color:var(--tx);background:var(--bd)}
.au-h{text-align:center;margin:0 0 20px}
.au-ic{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 14px;border-radius:18px;color:#fff;background:linear-gradient(135deg,var(--or),var(--or2));box-shadow:0 12px 24px -10px rgba(255,106,43,.6)}
.au-h h2{margin:0;font-size:21px;font-weight:800;line-height:1.5}
.au-h p{margin:6px 0 0;color:var(--mut);font-size:13.5px;line-height:1.9}.au-h p:empty{display:none}
#pcAuth .tabs{gap:0;padding:4px;margin:0 0 20px;background:var(--bg);border-radius:14px;border:1px solid var(--bd)}
#pcAuth .tabs button{border:0;background:transparent;color:var(--mut);padding:10px 8px;border-radius:10px;font-size:13.5px;font-weight:600;transition:background .2s,color .2s,box-shadow .2s}
#pcAuth .tabs button.on{background:var(--card);color:var(--tx);box-shadow:0 1px 2px rgba(8,13,38,.08),0 4px 12px -4px rgba(8,13,38,.18)}
#pcAuth .fm{gap:14px}
.au-f{display:grid;gap:6px}
.au-f label{font-size:13px;font-weight:700}.au-f label em{font-style:normal;font-weight:400;color:var(--mut);font-size:12px;margin-inline-start:6px}
#pcAuth .fm input:not(.hp){height:52px;padding:0 16px;border:1.5px solid var(--bd);background:var(--bg);border-radius:14px;font-size:16px;transition:border-color .2s,box-shadow .2s,background .2s}
#pcAuth .fm input[dir=ltr]:not(.otp){text-align:left}
#pcAuth .fm input::placeholder{color:var(--mut);opacity:.55}
#pcAuth .fm input:focus{outline:0;background:var(--card);border-color:var(--or);box-shadow:0 0 0 4px rgba(255,106,43,.16)}
#pcAuth .fm input.otp{height:60px;text-align:center;font-size:28px;font-weight:800;letter-spacing:.5em;text-indent:.5em;font-variant-numeric:tabular-nums}
.au-pw{position:relative;display:block}.au-pw input{padding-inline-end:50px!important}
.au-eye{position:absolute;inset-inline-end:6px;top:50%;transform:translateY(-50%);width:40px;height:40px;border:0;background:none;color:var(--mut);display:grid;place-items:center;border-radius:12px;cursor:pointer}
.au-eye:hover,.au-eye[aria-pressed=true]{color:var(--or)}
#pcAuth .fm .btn{width:100%;height:52px;border-radius:14px;font-size:16px;font-weight:800;display:flex;align-items:center;justify-content:center;margin-top:2px}
#pcAuth .fm .btn:disabled{opacity:.6;cursor:wait}
#pcAuth .fm .msg{text-align:center;line-height:1.8}#pcAuth .fm .msg:empty{display:none}
.au-capr{display:flex;align-items:center;gap:8px}
#pcAuth .fm .au-capr input[name=cap]{flex:1 1 auto;min-width:0;text-align:center;font-size:20px;font-weight:800;letter-spacing:.3em;text-indent:.3em;font-variant-numeric:tabular-nums}
#pcAuth .fm .au-capr input[name=cap]::placeholder{font-size:13px;font-weight:400;letter-spacing:0;text-indent:0}
.au-capi{flex:0 0 auto;display:flex;align-items:center;gap:6px}
.au-capi img{display:block;width:132px;height:52px;border-radius:12px;border:1.5px solid var(--bd);background:#f1f5f9;object-fit:contain}
.au-cap.ld .au-capi img{opacity:.45}
.au-caprf{width:40px;height:40px;border:1.5px solid var(--bd);background:var(--bg);color:var(--mut);border-radius:12px;display:grid;place-items:center;cursor:pointer;padding:0}
.au-caprf:hover{color:var(--or);border-color:var(--or)}
@media(max-width:420px){.au-capr{flex-wrap:wrap}.au-capr input[name=cap]{flex-basis:100%}.au-capi{width:100%;justify-content:space-between}}
.au-ft,.au-fg{text-align:center;margin:0;font-size:12.5px;color:var(--mut);line-height:1.9}
.au-fg{display:block;width:100%;color:var(--bl);font-size:13px}
.au-to{margin:0;text-align:center;font-size:14px;color:var(--mut);line-height:1.9}
#pcAuth .otp-a{justify-content:center;gap:22px}
#pcAuth :focus-visible{outline:2px solid var(--or);outline-offset:2px}
#pcAuth .fm input:focus-visible{outline:0}
@media(max-width:560px){
 #pcAuth.modal{place-items:end center;padding:0}
 #pcAuth .mb{width:100%;max-height:92dvh;border-radius:26px 26px 0 0;border-bottom:0;padding:28px 20px calc(22px + env(safe-area-inset-bottom));animation:pcSheet .34s cubic-bezier(.2,.8,.2,1)}
 #pcAuth .mb:before{content:"";display:block;width:40px;height:4px;border-radius:4px;background:var(--bd);margin:-14px auto 16px}
 .au-ic{width:52px;height:52px;margin-bottom:10px}.au-h h2{font-size:19px}
}
@media(prefers-reduced-motion:reduce){#pcAuth .mb{animation:none}}

/* کارت نمونه‌کار: بخش مشاهده + دکمه سفارش همین نمونه */
.pj{display:flex;flex-direction:column}.pj-lnk{display:block;flex:1;color:inherit;text-decoration:none}
.pj-act{padding:0 20px 20px}.pj-act .btn{display:block;width:100%;text-align:center;padding:11px 16px;font-size:14.5px}