/* =====================================================================
   شاه‌لینک — تم شاد سفید/بنفش با طلایی سلطنتی | موبایل‌محور، بدون CDN
   ===================================================================== */
@font-face{font-family:Vazirmatn;src:url(../fonts/Vazirmatn-Regular.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Vazirmatn;src:url(../fonts/Vazirmatn-Medium.woff2) format("woff2");font-weight:500 600;font-display:swap}
@font-face{font-family:Vazirmatn;src:url(../fonts/Vazirmatn-Bold.woff2) format("woff2");font-weight:700 800;font-display:swap}
@font-face{font-family:VazirBlack;src:url(../fonts/Vazir-Black.woff2) format("woff2");font-weight:900;font-display:swap}
:root{
  --p:#6D28D9;--p2:#7C3AED;--p3:#5B21B6;--p4:#4C1D95;--p-soft:#F3EEFF;--p-soft2:#E9DFFF;--p-tint:#C4B5FD;
  --gold:#F5B301;--gold2:#E09A00;--gold-soft:#FFF6D6;--pink:#EC4899;--cyan:#06B6D4;--green:#16A34A;--green-soft:#DCFCE7;--red:#E11D48;
  --ink:#1E1033;--ink2:#4B3F63;--ink3:#8A80A0;--line:#EEE8F8;--line2:#E2D9F3;--bg:#FBF9FF;--bg2:#F5F1FD;--card:#fff;
  --r:20px;--r-sm:14px;--sh:0 1px 2px rgba(76,29,149,.05),0 8px 28px -14px rgba(76,29,149,.22);--sh-lg:0 24px 60px -24px rgba(76,29,149,.45);
  --grad:linear-gradient(135deg,#7C3AED 0%,#6D28D9 45%,#9333EA 100%);--gold-grad:linear-gradient(135deg,#FFD54A,#F5B301 55%,#E09A00);
  --wrap:1240px;--hdr:132px
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:150px}
body{margin:0;font-family:Vazirmatn,Tahoma,sans-serif;font-size:15.5px;line-height:1.85;color:var(--ink);background:var(--bg);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;padding-bottom:env(safe-area-inset-bottom)}
img,svg,video{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
[hidden]{display:none!important}
h1,h2,h3{line-height:1.45;margin:0 0 .6rem}
h1{font-size:clamp(1.45rem,3.6vw,2.1rem)}h2{font-size:clamp(1.2rem,2.6vw,1.55rem)}h3{font-size:1.05rem}
p{margin:0 0 1rem}
.ltr{direction:ltr;unicode-bidi:isolate;display:inline-block}
.muted{color:var(--ink3)}.xs{font-size:.8rem}.err{color:var(--red);font-weight:600;font-size:.88rem;margin:.4rem 0}
.wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:16px}
.skip{position:absolute;top:-40px;right:8px;z-index:200;background:var(--p);color:#fff;padding:.4rem .8rem;border-radius:8px}.skip:focus{top:8px}
.display{font-family:VazirBlack,Vazirmatn,sans-serif;font-weight:900;letter-spacing:-.2px}
.ic{width:1.25em;height:1.25em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
:focus-visible{outline:3px solid var(--p-tint);outline-offset:2px;border-radius:6px}

/* ---------- دکمه‌ها و برچسب‌ها ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:46px;padding:.5rem 1.3rem;border:0;border-radius:14px;background:var(--grad);color:#fff;font-weight:700;font-size:.95rem;box-shadow:0 8px 20px -10px rgba(109,40,217,.8);transition:transform .15s,box-shadow .15s,filter .15s;white-space:nowrap}
.btn:hover{transform:translateY(-1px);filter:brightness(1.06)}.btn:active{transform:none}
.btn .ic{width:1.15em;height:1.15em}
.btn--sm{min-height:38px;padding:.3rem .9rem;font-size:.85rem;border-radius:12px}
.btn--lg{min-height:54px;font-size:1.05rem;border-radius:16px}
.btn--block{width:100%}
.btn--ghost{background:#fff;color:var(--p3);box-shadow:inset 0 0 0 1.5px var(--line2)}
.btn--soft{background:var(--p-soft);color:var(--p3);box-shadow:none}
.btn--gold{background:var(--gold-grad);color:#4A2C00;box-shadow:0 8px 20px -10px rgba(224,154,0,.9)}
.btn--danger{background:#FFE4E6;color:var(--red);box-shadow:none}
.btn--google{background:#fff;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line2);font-weight:600}
.btn[disabled]{opacity:.55;pointer-events:none}
.lnk{border:0;background:none;color:var(--p);font-weight:700;padding:0}
.chip{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .9rem;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1.5px var(--line2);font-size:.85rem;font-weight:600;color:var(--ink2);white-space:nowrap}
.chip.on,.chip:hover{background:var(--p);color:#fff;box-shadow:none}
.chip--sm{padding:.1rem .6rem;font-size:.72rem;background:var(--p-soft);box-shadow:none;color:var(--p3)}
.badge{position:absolute;top:-4px;inset-inline-end:-4px;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:var(--pink);color:#fff;font-size:.68rem;font-weight:800;font-style:normal;display:grid;place-items:center;line-height:1;box-shadow:0 0 0 2px #fff}
.st{display:inline-block;padding:.05rem .6rem;border-radius:999px;font-size:.75rem;font-weight:700;white-space:nowrap}
.st--ok{background:var(--green-soft);color:#14532D}.st--warn{background:#FEF3C7;color:#78350F}.st--bad{background:#FFE4E6;color:#9F1239}.st--info{background:#E0E7FF;color:#3730A3}.st--mute{background:#F1EDF7;color:var(--ink2)}
.flash{margin:1rem 0;padding:.85rem 1.1rem;border-radius:var(--r-sm);font-weight:600;background:var(--green-soft);color:#14532D}
.flash--err{background:#FFE4E6;color:#9F1239}.flash--info{background:#EDE9FE;color:var(--p4)}.flash--ok{background:var(--green-soft);color:#14532D}
.stars{position:relative;display:inline-block;width:78px;height:14px;background:linear-gradient(90deg,#E5DEF2 0 100%);-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 14'><g fill='black'><path id='s' d='m7 0 2 4.4 4.9.5-3.6 3.3 1 4.8L7 10.6 2.7 13l1-4.8L0 4.9l4.9-.5z'/><use href='%23s' x='16.5'/><use href='%23s' x='33'/><use href='%23s' x='49.5'/><use href='%23s' x='66'/></g></svg>") 0 0/78px 14px;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 14'><g fill='black'><path id='s' d='m7 0 2 4.4 4.9.5-3.6 3.3 1 4.8L7 10.6 2.7 13l1-4.8L0 4.9l4.9-.5z'/><use href='%23s' x='16.5'/><use href='%23s' x='33'/><use href='%23s' x='49.5'/><use href='%23s' x='66'/></g></svg>") 0 0/78px 14px;vertical-align:middle}
.stars i{position:absolute;inset:0;inset-inline-end:auto;width:var(--w);background:var(--gold)}
[dir=rtl] .stars{transform:scaleX(-1)}

/* ---------- نوار بالا و هدر ---------- */
.topbar{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.45rem 16px;background:var(--gold-grad);color:#3B2300;font-size:.86rem;font-weight:700;text-align:center}
.topbar a{text-decoration:underline}
.hdr{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.94);backdrop-filter:saturate(1.4) blur(12px);-webkit-backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid var(--line);transition:box-shadow .2s}
.hdr.scrolled{box-shadow:0 10px 30px -22px rgba(76,29,149,.5)}
.hdr__in{display:flex;align-items:center;gap:1rem;height:72px}
.logo img{height:48px;width:auto}
.hsearch{position:relative;flex:1;max-width:620px;display:flex;align-items:center;background:var(--bg2);border-radius:16px;box-shadow:inset 0 0 0 1.5px transparent;transition:box-shadow .15s,background .15s}
.hsearch:focus-within{background:#fff;box-shadow:inset 0 0 0 2px var(--p-tint),0 10px 30px -18px rgba(109,40,217,.6)}
.hsearch input{flex:1;min-width:0;height:48px;border:0;background:transparent;padding:0 1.1rem;outline:0;font-size:.95rem}
.hsearch button{width:48px;height:48px;border:0;background:transparent;color:var(--p);display:grid;place-items:center}
.hdr__end{display:flex;align-items:center;gap:.5rem;margin-inline-start:auto}
.ic-btn{position:relative;width:44px;height:44px;border-radius:14px;border:0;background:transparent;color:var(--ink);display:grid;place-items:center;flex:none}
.ic-btn:hover{background:var(--p-soft);color:var(--p)}
.ic-btn .ic{width:24px;height:24px}
.hdr__menu,.hdr__s{display:none}
.hdr__sell{white-space:nowrap}
.umenu{position:relative}
.umenu__btn{display:flex;align-items:center;gap:.45rem;border:0;background:var(--bg2);border-radius:999px;padding:.25rem .3rem .25rem .9rem;font-weight:700;font-size:.85rem;position:relative}
[dir=rtl] .umenu__btn{padding:.25rem .3rem .25rem .9rem}
.umenu__btn span{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.umenu__btn .dot{position:absolute;top:2px;inset-inline-start:26px;width:10px;height:10px;border-radius:50%;background:var(--pink);box-shadow:0 0 0 2px #fff}
.umenu__dd{position:absolute;top:calc(100% + 8px);inset-inline-end:0;width:230px;background:#fff;border-radius:18px;box-shadow:var(--sh-lg);padding:.5rem;z-index:70;animation:pop .15s ease-out}
.umenu__dd a,.umenu__dd button{display:flex;align-items:center;gap:.6rem;width:100%;padding:.55rem .7rem;border-radius:12px;border:0;background:none;font-weight:600;font-size:.9rem;color:var(--ink2);text-align:start}
.umenu__dd a:hover,.umenu__dd button:hover{background:var(--p-soft);color:var(--p3)}
.umenu__dd .badge{position:static;margin-inline-start:auto;box-shadow:none}
@keyframes pop{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.av{flex:none;width:var(--s);height:var(--s);border-radius:50%;overflow:hidden;display:inline-grid;place-items:center;background:var(--grad);color:#fff;font-weight:800;font-size:calc(var(--s)*.42)}
.av img{width:100%;height:100%;object-fit:cover}
.nav{border-top:1px solid var(--line)}
.nav__in{display:flex;align-items:center;gap:.2rem;height:48px;overflow-x:auto;scrollbar-width:none}
.nav__in::-webkit-scrollbar{display:none}
.nav__in>a,.mega__btn{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .8rem;border-radius:12px;font-weight:600;font-size:.9rem;color:var(--ink2);white-space:nowrap;border:0;background:none}
.nav__in>a:hover,.nav__in>a.on{background:var(--p-soft);color:var(--p3)}
.nav__in>a.hot{color:var(--red)}
.nav__end{margin-inline-start:auto}
.mega{position:static}
.mega__btn{background:var(--p);color:#fff!important;margin-inline-end:.4rem}
.mega__dd{position:absolute;top:100%;inset-inline:0;z-index:65;background:#fff;box-shadow:var(--sh-lg);border-top:1px solid var(--line);padding:1.4rem max(16px,calc((100% - var(--wrap))/2 + 16px));display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:1rem 1.5rem;animation:pop .15s ease-out;max-height:70vh;overflow:auto}
.mega__col{display:flex;flex-direction:column;gap:.15rem}
.mega__col a{font-size:.88rem;color:var(--ink2);padding:.2rem 0}
.mega__col a:hover{color:var(--p)}
.mega__h{display:flex;align-items:center;gap:.5rem;font-weight:800!important;color:var(--ink)!important;font-size:.95rem!important;margin-bottom:.2rem}
.mega__h span,.emo{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:color-mix(in srgb,var(--c,#7C3AED) 14%,#fff);font-size:1.05rem;flex:none}
.suggest{position:absolute;top:calc(100% + 6px);inset-inline:0;z-index:80;background:#fff;border-radius:18px;box-shadow:var(--sh-lg);overflow:hidden}
.suggest a{display:flex;align-items:center;gap:.7rem;padding:.55rem .9rem;border-bottom:1px solid var(--line)}
.suggest a:hover,.suggest a.on{background:var(--bg2)}
.suggest img,.suggest .si{width:44px;height:34px;border-radius:8px;object-fit:cover;background:var(--p-soft);flex:none;display:grid;place-items:center;font-size:1.1rem}
.suggest b{font-weight:600;flex:1;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.suggest small{color:var(--ink3);font-size:.78rem;white-space:nowrap}
.suggest .all{justify-content:center;color:var(--p);font-weight:700;font-size:.85rem}

/* ---------- کشوی منو ---------- */
.drawer{position:fixed;inset:0;z-index:100;background:rgba(30,16,51,.45);animation:fade .2s}
.drawer__b{position:absolute;inset-block:0;inset-inline-start:0;width:min(330px,88vw);background:#fff;padding:1rem;overflow-y:auto;animation:slide .25s ease-out;display:flex;flex-direction:column;gap:.8rem}
@keyframes slide{from{transform:translateX(100%)}to{transform:none}}
@keyframes fade{from{opacity:0}to{opacity:1}}
.drawer__h{display:flex;justify-content:space-between;align-items:center}
.drawer__me{display:flex;align-items:center;gap:.7rem;padding:.7rem;border-radius:16px;background:var(--p-soft)}
.drawer__me small{display:block;color:var(--ink3);font-size:.78rem}
.drawer nav{display:flex;flex-direction:column}
.drawer nav a{display:flex;align-items:center;gap:.7rem;padding:.6rem .5rem;border-radius:12px;font-weight:600;color:var(--ink2)}
.drawer nav a:hover{background:var(--bg2)}
.drawer nav .emo{width:30px;height:30px}
.drawer hr{border:0;border-top:1px solid var(--line);margin:.4rem 0}

/* ---------- عمومی ---------- */
.main{min-height:60vh}
.sec{padding:2.2rem 0}
.sec--tint{background:linear-gradient(180deg,var(--p-soft),#fff)}
.sec-h{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1.1rem}
.sec-h h2{margin:0;display:flex;align-items:center;gap:.5rem}
.sec-h h2 .ic{color:var(--p)}
.sec-h p{margin:.2rem 0 0;color:var(--ink3);font-size:.9rem}
.sec-h .more{display:inline-flex;align-items:center;gap:.25rem;color:var(--p);font-weight:700;font-size:.9rem;white-space:nowrap}
.card{background:#fff;border-radius:var(--r);box-shadow:var(--sh);padding:1.3rem}
.crumbs{display:flex;flex-wrap:wrap;gap:.3rem;list-style:none;margin:1rem 0;padding:0;font-size:.82rem;color:var(--ink3)}
.crumbs li+li::before{content:"‹";margin-inline-end:.3rem;color:var(--line2)}
.crumbs a:hover{color:var(--p)}
.grid{display:grid;gap:1rem}
.g-products{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
.g-2{grid-template-columns:repeat(2,minmax(0,1fr))}.g-3{grid-template-columns:repeat(3,minmax(0,1fr))}.g-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(220px,calc((100% - 4rem)/5));gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;padding:.3rem 0 .8rem;scrollbar-width:thin}
.rail>*{scroll-snap-align:start}
.pager{display:flex;justify-content:center;gap:.35rem;margin:1.8rem 0;flex-wrap:wrap}
.pager a,.pager span{min-width:42px;height:42px;padding:0 .7rem;border-radius:12px;display:grid;place-items:center;background:#fff;box-shadow:inset 0 0 0 1.5px var(--line2);font-weight:700}
.pager .on{background:var(--p);color:#fff;box-shadow:none}
.empty{text-align:center;padding:2rem 1rem;display:flex;flex-direction:column;align-items:center;gap:.5rem}
.empty img{height:150px;width:auto;margin-bottom:.4rem}
.empty b{font-size:1.1rem}.empty p{color:var(--ink3);margin:0 0 .5rem}

/* ---------- هیرو ---------- */
.hero{position:relative;overflow:hidden;background:radial-gradient(1200px 500px at 85% -10%,#EDE4FF 0,transparent 60%),radial-gradient(900px 500px at 0% 110%,#FFF4D1 0,transparent 55%),#fff}
.hero::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(124,58,237,.12) 1.2px,transparent 1.3px);background-size:22px 22px;mask-image:linear-gradient(180deg,#000,transparent 85%);pointer-events:none}
.hero__in{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:2rem;align-items:center;padding:2.4rem 16px 2.8rem}
.hero h1{font-size:clamp(1.8rem,4.6vw,3rem);line-height:1.35;margin-bottom:.8rem}
.hero h1 em{font-style:normal;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero h1 .gold{background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p.lead{font-size:1.05rem;color:var(--ink2);max-width:560px}
.hero__search{position:relative;display:flex;gap:.5rem;background:#fff;border-radius:20px;padding:.45rem;box-shadow:var(--sh-lg);max-width:600px;margin:1.3rem 0 1rem}
.hero__search input{flex:1;min-width:0;border:0;outline:0;padding:0 .9rem;font-size:1rem;background:transparent}
.hero__tags{display:flex;flex-wrap:wrap;gap:.4rem;font-size:.85rem;color:var(--ink3);align-items:center}
.hero__tags a{padding:.15rem .7rem;border-radius:999px;background:var(--p-soft);color:var(--p3);font-weight:600}
.hero__art{position:relative;justify-self:center;width:min(440px,100%)}
.hero__art img{width:100%;height:auto;border-radius:32px;box-shadow:0 40px 80px -40px rgba(76,29,149,.6);animation:float 6s ease-in-out infinite}
@keyframes float{50%{transform:translateY(-10px)}}
.hero__stat{position:absolute;display:flex;align-items:center;gap:.5rem;background:#fff;border-radius:16px;padding:.55rem .9rem;box-shadow:var(--sh-lg);font-size:.8rem;font-weight:700;white-space:nowrap}
.hero__stat b{font-family:VazirBlack,Vazirmatn;font-size:1.1rem;color:var(--p)}
.hero__stat .ic{color:var(--gold2);width:28px;height:28px}
.hero__stat--1{top:12%;inset-inline-end:-14px}.hero__stat--2{bottom:10%;inset-inline-start:-18px}
.trust{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;margin-top:-1.4rem;position:relative;z-index:2}
.trust div{display:flex;align-items:center;gap:.7rem;background:#fff;border-radius:18px;padding:.9rem 1rem;box-shadow:var(--sh)}
.trust .ic{width:42px;height:42px;padding:9px;border-radius:14px;background:var(--p-soft);color:var(--p)}
.trust b{display:block;font-size:.92rem}.trust small{color:var(--ink3);font-size:.78rem}

/* ---------- دسته‌ها ---------- */
.cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.8rem}
.cat{position:relative;display:flex;flex-direction:column;align-items:center;gap:.45rem;padding:1.1rem .6rem;border-radius:20px;background:#fff;box-shadow:var(--sh);text-align:center;transition:transform .2s,box-shadow .2s;overflow:hidden}
.cat::after{content:"";position:absolute;inset:auto -20% -60% -20%;height:80%;background:radial-gradient(closest-side,color-mix(in srgb,var(--c) 18%,transparent),transparent);pointer-events:none}
.cat:hover{transform:translateY(-4px);box-shadow:var(--sh-lg)}
.cat .emo{width:58px;height:58px;border-radius:18px;font-size:1.7rem}
.cat b{font-size:.92rem}.cat small{color:var(--ink3);font-size:.76rem}

/* ---------- کارت محصول ---------- */
.pc{position:relative;display:flex;flex-direction:column;background:#fff;border-radius:var(--r);box-shadow:var(--sh);overflow:hidden;transition:transform .2s,box-shadow .2s;min-width:0}
.pc:hover{transform:translateY(-4px);box-shadow:var(--sh-lg)}
.pc__img{position:relative;display:block;aspect-ratio:4/3;background:var(--p-soft);overflow:hidden}
.pc__img img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.pc:hover .pc__img img{transform:scale(1.05)}
.pc__ph{position:absolute;inset:0;display:grid;place-items:center;color:var(--p-tint)}.pc__ph .ic{width:56px;height:56px}
.pc__b{position:absolute;top:10px;inset-inline-start:10px;display:flex;flex-wrap:wrap;gap:.3rem}
.bdg{display:inline-flex;align-items:center;gap:.2rem;padding:.1rem .55rem;border-radius:999px;background:rgba(255,255,255,.92);color:var(--p3);font-size:.7rem;font-weight:800;box-shadow:0 2px 8px rgba(0,0,0,.08)}
.bdg .ic{width:12px;height:12px}
.bdg--sale{background:var(--red);color:#fff}.bdg--free{background:var(--green);color:#fff}.bdg--gold{background:var(--gold-grad);color:#3B2300}
.pc__fav{position:absolute;top:10px;inset-inline-end:10px;width:36px;height:36px;border-radius:50%;border:0;background:rgba(255,255,255,.92);color:var(--ink3);display:grid;place-items:center;box-shadow:0 2px 8px rgba(0,0,0,.1)}
.pc__fav .ic{width:18px;height:18px}
.pc__fav.on{color:var(--pink)}.pc__fav.on .ic{fill:currentColor}
.pc__body{display:flex;flex-direction:column;gap:.35rem;padding:.8rem .95rem .95rem;flex:1}
.pc__cat{font-size:.74rem;color:var(--p);font-weight:700}
.pc h3{font-size:.95rem;line-height:1.65;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:3.2em}
.pc h3 a:hover{color:var(--p)}
.pc__meta{display:flex;align-items:center;justify-content:space-between;gap:.4rem;font-size:.75rem;color:var(--ink3)}
.pc__meta .muted{display:inline-flex;align-items:center;gap:.2rem}.pc__meta .ic{width:14px;height:14px}
.pc__shop{display:inline-flex;align-items:center;gap:.2rem;max-width:55%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.pc__shop--sl{color:var(--gold2);font-weight:700}
.pc__foot{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:auto;padding-top:.5rem;border-top:1px dashed var(--line2)}
.pc__add{width:42px;height:42px;border-radius:14px;border:0;background:var(--p-soft);color:var(--p);display:grid;place-items:center;transition:background .15s,color .15s}
.pc__add:hover{background:var(--p);color:#fff}
.pc__add.added{background:var(--green);color:#fff}
.pr{display:flex;flex-direction:column;line-height:1.3}
.pr del{font-size:.75rem;color:var(--ink3)}
.pr b{font-family:VazirBlack,Vazirmatn;font-size:1.08rem;color:var(--ink)}
.pr small{font-size:.7rem;color:var(--ink3);margin-inline-start:.2rem}
.pr b+small{display:inline}
.pr--free{font-family:VazirBlack,Vazirmatn;color:var(--green);font-size:1.05rem}
.pr--big b{font-size:1.7rem}

/* ---------- بلوک‌های صفحه اصلی ---------- */
.flash-sale{position:relative;border-radius:28px;padding:1.5rem;background:linear-gradient(135deg,#4C1D95,#7C3AED 60%,#C026D3);color:#fff;overflow:hidden}
.flash-sale::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 10% 0,rgba(255,213,74,.35),transparent 40%);pointer-events:none}
.flash-sale .sec-h h2,.flash-sale .sec-h p,.flash-sale .sec-h .more{color:#fff}
.flash-sale .sec-h h2 .ic{color:var(--gold)}
.cd{display:inline-flex;gap:.3rem;direction:ltr;font-family:VazirBlack,Vazirmatn;font-size:1rem}
.cd span{min-width:40px;padding:.2rem .4rem;border-radius:10px;background:rgba(255,255,255,.18);text-align:center}
.promo{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.promo a{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:200px;padding:1.3rem;border-radius:24px;color:#fff;overflow:hidden;box-shadow:var(--sh)}
.promo a img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s}
.promo a:hover img{transform:scale(1.06)}
.promo a::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(30,16,51,.85),rgba(30,16,51,.05) 70%)}
.promo a>*:not(img){position:relative;z-index:1}
.promo b{font-size:1.2rem}.promo small{opacity:.9}
.services{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1rem}
.svc{display:flex;gap:.9rem;align-items:flex-start;padding:1.1rem;border-radius:20px;background:#fff;box-shadow:var(--sh);transition:transform .2s}
.svc:hover{transform:translateY(-3px)}
.svc .ic{width:48px;height:48px;padding:11px;border-radius:16px;color:#fff;background:var(--c,var(--grad));flex:none}
.svc b{display:block}.svc small{color:var(--ink3);font-size:.82rem;line-height:1.7}
.sellcta{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:1rem;border-radius:28px;overflow:hidden;background:#2E1065;color:#fff}
.sellcta img{width:100%;height:100%;object-fit:cover}
.sellcta>div{padding:1.6rem 1.8rem}
.sellcta h2{color:#FFD54A}
.sellcta ul{list-style:none;padding:0;margin:0 0 1.2rem;display:grid;gap:.35rem}
.sellcta li{display:flex;gap:.5rem;align-items:center}.sellcta li .ic{color:var(--gold)}
.shcs{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}
.shc{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;background:#fff;border-radius:22px;box-shadow:var(--sh);padding:0 1rem 1rem;overflow:hidden;transition:transform .2s}
.shc:hover{transform:translateY(-4px)}
.shc__bn{align-self:stretch;margin:0 -1rem;height:84px;background:var(--grad) center/cover}
.shc__lg{width:76px;height:76px;margin-top:-38px;border-radius:22px;background:#fff;box-shadow:0 0 0 4px #fff,var(--sh);display:grid;place-items:center;overflow:hidden;color:var(--p)}
.shc__lg img{width:100%;height:100%;object-fit:cover}.shc__lg .ic{width:34px;height:34px}
.shc b{margin-top:.5rem;display:flex;align-items:center;gap:.3rem;flex-wrap:wrap;justify-content:center}
.shc small{color:var(--ink3);font-size:.8rem}
.shc__st{display:flex;gap:.6rem;margin-top:.6rem;font-size:.75rem;color:var(--ink2);flex-wrap:wrap;justify-content:center}
.shc__st span{background:var(--bg2);border-radius:999px;padding:.05rem .55rem}
.pro{display:inline-flex;align-items:center;gap:.15rem;padding:0 .45rem;border-radius:999px;background:var(--gold-grad);color:#3B2300;font-size:.68rem;font-weight:800}.pro .ic{width:12px;height:12px}
.ac{display:flex;flex-direction:column;background:#fff;border-radius:var(--r);box-shadow:var(--sh);overflow:hidden;transition:transform .2s}
.ac:hover{transform:translateY(-3px)}
.ac__img{aspect-ratio:16/9;background:var(--p-soft);overflow:hidden;display:block}
.ac__img img{width:100%;height:100%;object-fit:cover}
.ac__ph{display:grid;place-items:center;height:100%;color:var(--p-tint)}.ac__ph .ic{width:48px;height:48px}
.ac__b{display:flex;flex-direction:column;gap:.35rem;padding:.9rem 1rem 1rem}
.ac__b b{line-height:1.7}.ac__b small{color:var(--ink3);font-size:.78rem}
.ac__ex{color:var(--ink2);font-size:.88rem}
.ac--big{grid-row:span 2}.ac--big .ac__b b{font-size:1.15rem}
.newsl{display:flex;align-items:center;gap:1.4rem;border-radius:28px;padding:1.5rem;background:linear-gradient(135deg,#FFF6D6,#F3EEFF)}
.newsl img{width:120px;height:auto}
.funstrip{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.8rem}
.fun-t{display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:1rem .6rem;border-radius:20px;background:#fff;box-shadow:var(--sh);text-align:center;font-weight:700;font-size:.9rem;transition:transform .2s}
.fun-t:hover{transform:translateY(-3px) rotate(-1deg)}
.fun-t span{font-size:2rem}
.fun-t small{font-weight:400;color:var(--ink3);font-size:.75rem}

/* ---------- فهرست محصولات ---------- */
.shop{display:grid;grid-template-columns:260px minmax(0,1fr);gap:1.4rem;align-items:start;padding-bottom:2rem}
.filters{position:sticky;top:150px;background:#fff;border-radius:var(--r);box-shadow:var(--sh);padding:1rem}
.filters h3{font-size:.95rem;margin:.6rem 0 .4rem}
.filters a.fl{display:flex;justify-content:space-between;padding:.35rem .6rem;border-radius:10px;font-size:.88rem;color:var(--ink2)}
.filters a.fl:hover,.filters a.fl.on{background:var(--p-soft);color:var(--p3);font-weight:700}
.filters a.fl small{color:var(--ink3)}
.res-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}
.res-top h1{margin:0;font-size:1.35rem}
.sorts{display:flex;gap:.35rem;overflow-x:auto;scrollbar-width:none}
.cat-intro{background:#fff;border-radius:var(--r);box-shadow:var(--sh);padding:1.1rem 1.3rem;margin-bottom:1rem;color:var(--ink2)}
.seo-text{margin-top:2rem;padding:1.4rem;border-radius:var(--r);background:#fff;box-shadow:var(--sh);color:var(--ink2);font-size:.92rem}

/* ---------- صفحه محصول ---------- */
.pp{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:1.6rem;align-items:start;padding-bottom:2rem}
.pp__gal{background:#fff;border-radius:24px;box-shadow:var(--sh);padding:.7rem}
.pp__main{position:relative;aspect-ratio:4/3;border-radius:18px;overflow:hidden;background:var(--p-soft)}
.pp__main img{width:100%;height:100%;object-fit:contain;cursor:zoom-in}
.pp__th{display:flex;gap:.5rem;margin-top:.6rem;overflow-x:auto}
.pp__th button{flex:none;width:76px;height:58px;border-radius:12px;border:0;padding:0;overflow:hidden;box-shadow:inset 0 0 0 2px transparent;background:var(--bg2);opacity:.7}
.pp__th button.on{box-shadow:0 0 0 2px var(--p);opacity:1}
.pp__th img{width:100%;height:100%;object-fit:cover}
.pp__h h1{font-size:clamp(1.3rem,3vw,1.8rem);margin:.2rem 0 .4rem}
.pp__h .sub{color:var(--ink2);margin:0 0 .8rem}
.pp__meta{display:flex;flex-wrap:wrap;gap:.5rem 1rem;align-items:center;font-size:.85rem;color:var(--ink3);margin-bottom:1rem}
.pp__meta a{color:var(--p);font-weight:700}
.buy{position:sticky;top:150px;background:#fff;border-radius:24px;box-shadow:var(--sh-lg);padding:1.3rem;display:flex;flex-direction:column;gap:.9rem}
.buy .pr{flex-direction:row;align-items:baseline;gap:.5rem;flex-wrap:wrap}
.buy__off{display:inline-block;padding:.05rem .55rem;border-radius:999px;background:var(--red);color:#fff;font-weight:800;font-size:.8rem}
.buy__timer{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.6rem .8rem;border-radius:14px;background:#FFF1F2;color:#9F1239;font-weight:700;font-size:.85rem}
.buy__timer .cd span{background:#FFE4E6}
.buy ul{list-style:none;margin:0;padding:0;display:grid;gap:.45rem;font-size:.87rem}
.buy li{display:flex;justify-content:space-between;gap:.5rem;border-bottom:1px dashed var(--line2);padding-bottom:.4rem}
.buy li span{color:var(--ink3)}
.buy .owned{padding:.7rem;border-radius:14px;background:var(--green-soft);color:#14532D;font-weight:700;text-align:center}
.guar{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem;text-align:center;font-size:.72rem;color:var(--ink2)}
.guar div{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.5rem .2rem;border-radius:12px;background:var(--bg2)}
.guar .ic{color:var(--p)}
.seller-box{display:flex;align-items:center;gap:.7rem;padding:.8rem;border-radius:16px;background:var(--bg2)}
.seller-box img,.seller-box .ph{width:48px;height:48px;border-radius:14px;object-fit:cover;background:#fff;display:grid;place-items:center;color:var(--p);flex:none}
.seller-box b{display:block;font-size:.92rem}.seller-box small{color:var(--ink3);font-size:.78rem}
.ptabs{position:sticky;top:120px;z-index:5;display:flex;gap:.3rem;background:rgba(251,249,255,.95);backdrop-filter:blur(8px);padding:.5rem 0;margin:1.4rem 0 .8rem;overflow-x:auto}
.ptabs a{padding:.45rem 1rem;border-radius:12px;font-weight:700;font-size:.9rem;color:var(--ink2);white-space:nowrap;background:#fff;box-shadow:inset 0 0 0 1.5px var(--line2)}
.ptabs a:hover{color:var(--p)}
.feat{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.6rem;list-style:none;padding:0;margin:0 0 1rem}
.feat li{display:flex;gap:.5rem;align-items:flex-start;padding:.6rem .8rem;border-radius:14px;background:var(--p-soft);font-size:.9rem}
.feat .ic{color:var(--green);margin-top:.25rem}
.spec{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.6rem}
.spec div{padding:.7rem .9rem;border-radius:14px;background:#fff;box-shadow:inset 0 0 0 1.5px var(--line)}
.spec span{display:block;font-size:.76rem;color:var(--ink3)}.spec b{font-size:.92rem}
.faq details{background:#fff;border-radius:16px;box-shadow:var(--sh);margin-bottom:.6rem;padding:.2rem 1rem}
.faq summary{cursor:pointer;font-weight:700;padding:.7rem 0;list-style:none;display:flex;justify-content:space-between;gap:1rem}
.faq summary::after{content:"+";color:var(--p);font-size:1.3rem;line-height:1}
.faq details[open] summary::after{content:"−"}
.faq details p{color:var(--ink2);margin:0 0 .8rem}
.rv{display:flex;gap:.8rem;padding:1rem 0;border-bottom:1px solid var(--line)}
.rv b{font-size:.92rem}.rv small{color:var(--ink3);font-size:.78rem}
.rv p{margin:.3rem 0 0;color:var(--ink2);font-size:.92rem}
.rv .reply{margin-top:.5rem;padding:.6rem .8rem;border-radius:12px;background:var(--p-soft);font-size:.86rem}
.rate-in{display:flex;flex-direction:row-reverse;justify-content:flex-end;gap:.2rem}
.rate-in input{display:none}
.rate-in label{font-size:1.7rem;color:#E5DEF2;cursor:pointer;line-height:1}
.rate-in input:checked~label,.rate-in label:hover,.rate-in label:hover~label{color:var(--gold)}
.mob-buy{display:none}

/* ---------- محتوای متنی ---------- */
.prose{font-size:1rem;line-height:2.05;color:var(--ink)}
.prose h2{font-size:1.3rem;margin:2rem 0 .7rem;padding-inline-start:.8rem;border-inline-start:4px solid var(--p)}
.prose h3{font-size:1.1rem;margin:1.5rem 0 .5rem;color:var(--p3)}
.prose a{color:var(--p);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.prose ul,.prose ol{padding-inline-start:1.4rem;margin:0 0 1rem}.prose li{margin:.25rem 0}
.prose img{border-radius:18px;margin:1rem auto;height:auto}
.prose blockquote{margin:1.2rem 0;padding:.9rem 1.2rem;border-radius:16px;background:var(--p-soft);border-inline-start:4px solid var(--p);color:var(--ink2)}
.prose .tip{margin:1.2rem 0;padding:.9rem 1.2rem;border-radius:16px;background:var(--gold-soft);border-inline-start:4px solid var(--gold)}
.prose table{width:100%;border-collapse:collapse;margin:1rem 0;font-size:.92rem;display:block;overflow-x:auto}
.prose th,.prose td{padding:.6rem .8rem;border:1px solid var(--line2);text-align:start}.prose th{background:var(--p-soft)}
.prose code{background:var(--bg2);padding:.1rem .4rem;border-radius:6px;font-size:.88em}
.prose pre{background:#1E1033;color:#EDE4FF;padding:1rem;border-radius:16px;overflow-x:auto;direction:ltr;text-align:left}
.prose .box{padding:1rem 1.2rem;border-radius:18px;background:#fff;box-shadow:var(--sh);margin:1rem 0}
.prose .cta{display:block;text-align:center;padding:1.2rem;border-radius:20px;background:var(--grad);color:#fff!important;text-decoration:none!important;font-weight:800;margin:1.4rem 0}
.art{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:2rem;align-items:start;padding-bottom:2rem}
.art__hd{border-radius:28px;overflow:hidden;margin-bottom:1.2rem;background:var(--p-soft);aspect-ratio:16/8}
.art__hd img{width:100%;height:100%;object-fit:cover}
.art__meta{display:flex;flex-wrap:wrap;gap:.4rem 1rem;color:var(--ink3);font-size:.85rem;margin-bottom:1.2rem}
.toc{position:sticky;top:150px;background:#fff;border-radius:var(--r);box-shadow:var(--sh);padding:1rem;font-size:.88rem}
.toc a{display:block;padding:.25rem 0;color:var(--ink2)}.toc a:hover{color:var(--p)}
.side-box{background:#fff;border-radius:var(--r);box-shadow:var(--sh);padding:1rem;margin-bottom:1rem}

/* ---------- فرم‌ها ---------- */
.field{display:flex;flex-direction:column;gap:.3rem;margin-bottom:1rem;min-width:0}
.field>label,.lbl{font-size:.87rem;font-weight:700;color:var(--ink2)}
.field input,.field select,.field textarea,.inp{width:100%;min-height:48px;border-radius:14px;border:0;background:#fff;box-shadow:inset 0 0 0 1.5px var(--line2);padding:.55rem .95rem;outline:0;transition:box-shadow .15s}
.field input:focus,.field select:focus,.field textarea:focus,.inp:focus{box-shadow:inset 0 0 0 2px var(--p)}
.field textarea{min-height:130px;resize:vertical;line-height:1.9}
.field .hint,.hint{font-size:.78rem;color:var(--ink3)}
.inp-lg{font-size:1.15rem!important;letter-spacing:.06em;text-align:center}
.row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.8rem}
.check{display:flex;gap:.55rem;align-items:flex-start;cursor:pointer;font-size:.9rem}
.check input{width:20px;height:20px;accent-color:var(--p);flex:none;margin-top:.25rem}
.check a{color:var(--p);font-weight:700}
.seg,.tabs{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:4px;padding:4px;border-radius:16px;background:var(--bg2);margin-bottom:1rem}
.seg button,.seg a,.tabs a,.tabs button{border:0;background:transparent;padding:.55rem;border-radius:12px;font-weight:700;font-size:.9rem;color:var(--ink2);text-align:center}
.seg .on,.tabs .on{background:#fff;color:var(--p3);box-shadow:0 2px 8px rgba(76,29,149,.12)}
.or{display:flex;align-items:center;gap:.7rem;margin:1rem 0;font-size:.8rem;color:var(--ink3)}
.or::before,.or::after{content:"";flex:1;height:1px;background:var(--line2)}
.otp{display:flex;gap:.45rem;justify-content:center;direction:ltr;margin:.6rem 0 .9rem}
.otp input{width:54px;height:60px;text-align:center;font-size:1.6rem;font-weight:800;border-radius:14px;border:0;box-shadow:inset 0 0 0 1.5px var(--line2);outline:0;background:#fff}
.otp input:focus{box-shadow:inset 0 0 0 2px var(--p)}
.auth{max-width:470px;margin:2rem auto 3rem}
.auth h1{text-align:center;font-size:1.5rem;margin-bottom:.2rem}
.auth .sub{text-align:center;color:var(--ink2);margin:0 0 1.2rem;font-size:.92rem}
.auth .mascot{display:block;height:120px;width:auto;margin:0 auto .5rem}
.warn-box{display:flex;gap:.6rem;padding:.85rem 1rem;border-radius:var(--r-sm);background:#FFFBEB;color:#78350F;font-size:.86rem;margin:1rem 0}
.wallet{display:flex;align-items:center;gap:.6rem;padding:.8rem 1rem;border-radius:14px;background:var(--bg2);margin:.4rem 0;word-break:break-all}

/* ---------- مودال ورود ---------- */
.lm{position:fixed;inset:0;z-index:110;display:grid;place-items:center;padding:16px;background:rgba(30,16,51,.55);backdrop-filter:blur(4px);animation:fade .2s}
.lm__b{position:relative;display:grid;grid-template-columns:230px minmax(0,1fr);width:min(760px,100%);max-height:calc(100vh - 32px);overflow:auto;background:#fff;border-radius:28px;box-shadow:var(--sh-lg);animation:pop .25s ease-out}
.lm__side{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:.4rem;padding:1.5rem 1rem;text-align:center;background:var(--grad);color:#fff}
.lm__side img{height:200px;width:auto;filter:drop-shadow(0 18px 24px rgba(0,0,0,.25))}
.lm__side small{opacity:.9;font-size:.8rem;line-height:1.8}
.lm__main{padding:1.6rem 1.5rem 1.3rem}
.lm__main h2{font-size:1.3rem}
.lm__x{position:absolute;top:12px;inset-inline-end:12px;width:38px;height:38px;border-radius:50%;border:0;background:var(--bg2);display:grid;place-items:center;z-index:2}
.lm__row{display:flex;justify-content:space-between;gap:.5rem;font-size:.85rem;margin:.6rem 0 0}
.lm__row a{color:var(--p);font-weight:700}

/* ---------- سبد و پرداخت ---------- */
.cart{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:1.4rem;align-items:start;padding-bottom:2rem}
.ci{display:flex;gap:.9rem;align-items:center;padding:.9rem;border-bottom:1px solid var(--line)}
.ci:last-child{border:0}
.ci img,.ci .ph{width:92px;height:70px;border-radius:14px;object-fit:cover;background:var(--p-soft);flex:none;display:grid;place-items:center;color:var(--p-tint)}
.ci .grow{flex:1;min-width:0}.ci b{display:block;line-height:1.6}.ci small{color:var(--ink3);font-size:.8rem}
.sum{position:sticky;top:150px}
.sum dl{display:grid;grid-template-columns:1fr auto;gap:.5rem;margin:0 0 1rem}
.sum dt{color:var(--ink2)}.sum dd{margin:0;font-weight:700}
.sum .tot{font-family:VazirBlack,Vazirmatn;font-size:1.3rem;color:var(--p3)}
.coupon{display:flex;gap:.4rem;margin-bottom:1rem}.coupon input{flex:1}
.gws{display:grid;gap:.6rem;margin:1rem 0}
.gw{display:flex;align-items:center;gap:.8rem;padding:.9rem 1rem;border-radius:16px;background:#fff;box-shadow:inset 0 0 0 1.5px var(--line2);cursor:pointer}
.gw:has(input:checked){box-shadow:inset 0 0 0 2px var(--p);background:var(--p-soft)}
.gw input{accent-color:var(--p);width:20px;height:20px}
.gw b{display:block}.gw small{color:var(--ink3);font-size:.8rem}
.gw .ic{width:38px;height:38px;padding:8px;border-radius:12px;background:var(--p-soft);color:var(--p)}

/* ---------- حساب کاربری و پنل فروشنده ---------- */
.acc{display:grid;grid-template-columns:260px minmax(0,1fr);gap:1.4rem;align-items:start;padding:1.2rem 0 2.5rem}
.acc-nav{position:sticky;top:150px;background:#fff;border-radius:var(--r);box-shadow:var(--sh);padding:.6rem}
.acc-nav .me{display:flex;align-items:center;gap:.6rem;padding:.6rem .5rem .9rem;border-bottom:1px solid var(--line);margin-bottom:.4rem}
.acc-nav .me b{display:block;font-size:.95rem}.acc-nav .me small{color:var(--ink3);font-size:.76rem}
.acc-nav a{display:flex;align-items:center;gap:.6rem;padding:.55rem .7rem;border-radius:12px;font-weight:600;font-size:.9rem;color:var(--ink2);position:relative}
.acc-nav a:hover{background:var(--bg2)}
.acc-nav a.on{background:var(--p-soft);color:var(--p3)}
.acc-nav a .badge{position:static;margin-inline-start:auto;box-shadow:none}
.acc-nav .seller-hd{margin:.6rem .5rem .2rem;font-size:.75rem;color:var(--gold2);font-weight:800}
.kpis{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:.8rem;margin-bottom:1.2rem}
.kpi{position:relative;background:#fff;border-radius:var(--r);box-shadow:var(--sh);padding:1rem 1.1rem;overflow:hidden}
.kpi::after{content:"";position:absolute;inset-inline-end:-20px;top:-20px;width:80px;height:80px;border-radius:50%;background:var(--p-soft)}
.kpi span{position:relative;display:block;font-size:.8rem;color:var(--ink3)}.kpi b{position:relative;font-family:VazirBlack,Vazirmatn;font-size:1.5rem;color:var(--p3)}
.lst{display:flex;flex-direction:column;background:#fff;border-radius:var(--r);box-shadow:var(--sh);overflow:hidden}
.li{display:flex;align-items:center;gap:.8rem;padding:.85rem 1rem;border-bottom:1px solid var(--line);flex-wrap:wrap}
.li:last-child{border:0}
.li .grow{flex:1;min-width:180px}
.li .grow b{display:block;font-weight:700}
.li .grow small{display:block;color:var(--ink3);font-size:.8rem}
.li img.th{width:76px;height:58px;border-radius:12px;object-fit:cover;flex:none;background:var(--bg2)}
.li.unread{background:#FBF8FF}
.tbl{width:100%;border-collapse:collapse;font-size:.88rem}
.tbl th{background:var(--bg2);text-align:start;padding:.6rem .8rem;font-size:.8rem;color:var(--ink2);white-space:nowrap}
.tbl td{padding:.65rem .8rem;border-bottom:1px solid var(--line);vertical-align:middle}
.tbl-wrap{overflow-x:auto;background:#fff;border-radius:var(--r);box-shadow:var(--sh)}
.dl-item{display:flex;align-items:center;gap:.8rem;padding:1rem;border-radius:18px;background:#fff;box-shadow:var(--sh);margin-bottom:.8rem;flex-wrap:wrap}
.dl-item img{width:84px;height:64px;border-radius:12px;object-fit:cover}
.dl-files{display:flex;flex-wrap:wrap;gap:.4rem;width:100%}
.lic{display:flex;align-items:center;gap:.5rem;padding:.6rem .9rem;border-radius:12px;background:var(--gold-soft);font-family:monospace;direction:ltr;word-break:break-all;width:100%}
.panel-hero{display:flex;align-items:center;gap:1rem;padding:1.2rem 1.4rem;border-radius:24px;background:var(--grad);color:#fff;margin-bottom:1.2rem;flex-wrap:wrap}
.panel-hero img{width:64px;height:64px;border-radius:18px;object-fit:cover;background:#fff}
.panel-hero h1{margin:0;font-size:1.3rem}.panel-hero p{margin:0;opacity:.9;font-size:.88rem}
.panel-hero .btn{margin-inline-start:auto}
.chart{width:100%;height:auto;display:block}
.chart rect{fill:var(--p)}.chart text{font-size:11px;fill:var(--ink3);font-family:Vazirmatn}

/* ---------- تیکت ---------- */
.tk{display:flex;flex-direction:column;gap:.8rem}
.tk-msg{max-width:85%;padding:.9rem 1.1rem;border-radius:18px;background:#fff;box-shadow:var(--sh);white-space:pre-wrap;word-break:break-word}
.tk-msg.staff{align-self:flex-end;background:var(--p-soft)}
.tk-msg header{display:flex;justify-content:space-between;gap:1rem;font-size:.78rem;color:var(--ink3);margin-bottom:.3rem}
.tk-msg header b{color:var(--ink)}
.tk-msg .att{display:inline-flex;align-items:center;gap:.3rem;margin-top:.5rem;color:var(--p);font-weight:700;font-size:.85rem}

/* ---------- دکان فروشنده ---------- */
.store-hd{position:relative;border-radius:28px;overflow:hidden;background:var(--grad);margin:1rem 0 1.4rem;color:#fff}
.store-hd__bn{height:200px;background:center/cover}
.store-hd__in{display:flex;align-items:flex-end;gap:1rem;padding:0 1.4rem 1.2rem;margin-top:-50px;flex-wrap:wrap}
.store-hd__lg{width:110px;height:110px;border-radius:28px;background:#fff;box-shadow:0 0 0 5px rgba(255,255,255,.5);overflow:hidden;display:grid;place-items:center;color:var(--p)}
.store-hd__lg img{width:100%;height:100%;object-fit:cover}
.store-hd h1{margin:0;font-size:1.5rem;display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}
.store-hd p{margin:0;opacity:.9}
.store-hd__st{display:flex;gap:1rem;margin-inline-start:auto;flex-wrap:wrap}
.store-hd__st div{text-align:center;background:rgba(255,255,255,.14);border-radius:14px;padding:.4rem .9rem}
.store-hd__st b{display:block;font-family:VazirBlack,Vazirmatn;font-size:1.2rem}
.store-hd__st small{font-size:.75rem;opacity:.85}

/* ---------- صفحه فروشندگان ---------- */
.sl-hero{position:relative;border-radius:0 0 40px 40px;background:#1F0A4D;color:#fff;overflow:hidden}
.sl-hero img.bg{width:100%;max-height:420px;object-fit:cover}
.sl-hero__in{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center;padding:2.5rem 16px}
.sl-hero h1{color:#FFD54A;font-size:clamp(1.8rem,4.5vw,2.8rem)}
.sl-hero p{opacity:.9}
.sl-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;counter-reset:s}
.sl-steps div{counter-increment:s;position:relative;background:#fff;border-radius:22px;box-shadow:var(--sh);padding:1.3rem 1rem 1rem;text-align:center}
.sl-steps div::before{content:counter(s,persian);position:absolute;top:-16px;inset-inline-start:50%;transform:translateX(50%);width:34px;height:34px;border-radius:50%;background:var(--gold-grad);color:#3B2300;font-weight:900;display:grid;place-items:center}
.sl-steps b{display:block;margin:.3rem 0}.sl-steps small{color:var(--ink3);font-size:.84rem}
.apply-steps{display:flex;gap:.4rem;margin-bottom:1.2rem}
.apply-steps span{flex:1;height:6px;border-radius:999px;background:var(--line2)}.apply-steps span.on{background:var(--p)}

/* ---------- تفریحی ---------- */
.tool{max-width:760px;margin:0 auto 2rem}
.tool-box{background:#fff;border-radius:24px;box-shadow:var(--sh-lg);padding:1.4rem}
.tool-out{margin-top:1rem;padding:1rem 1.2rem;border-radius:18px;background:var(--p-soft);font-size:1.05rem;line-height:2}
.tool-out b{color:var(--p3);font-family:VazirBlack,Vazirmatn;font-size:1.3rem}
.g2048{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:8px;border-radius:18px;background:#D8CCF2;aspect-ratio:1;max-width:400px;margin:1rem auto;direction:ltr;touch-action:none}
.g2048 div{display:grid;place-items:center;border-radius:12px;background:#EDE7F9;font-family:VazirBlack,Vazirmatn;font-size:clamp(1.1rem,6vw,2rem);color:var(--ink)}
.mem{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;max-width:420px;margin:1rem auto}
.mem button{aspect-ratio:1;border-radius:16px;border:0;background:var(--grad);font-size:2rem;color:transparent;transition:transform .3s}
.mem button.open,.mem button.done{background:#fff;color:inherit;box-shadow:inset 0 0 0 2px var(--p-tint)}
.mem button.done{opacity:.55}
.hafez{text-align:center;line-height:2.4;font-size:1.08rem}
.hafez .bt{display:grid;grid-template-columns:1fr 1fr;gap:.2rem 1.5rem;margin:.4rem 0}

/* ---------- فوتر ---------- */
.ftr{margin-top:2rem;background:#fff;border-top:1px solid var(--line);padding-bottom:5rem}
.ftr__trust{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;padding-top:1.6rem;padding-bottom:1.4rem;border-bottom:1px solid var(--line)}
.ftr__trust div{display:grid;grid-template-columns:auto 1fr;column-gap:.6rem;align-items:center}
.ftr__trust .ic{grid-row:span 2;width:44px;height:44px;padding:10px;border-radius:14px;background:var(--p-soft);color:var(--p)}
.ftr__trust b{font-size:.9rem}.ftr__trust small{color:var(--ink3);font-size:.78rem}
.ftr__grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr) 1.2fr;gap:1.4rem;padding-top:1.6rem;padding-bottom:1.4rem}
.ftr__grid h3{font-size:.95rem;margin-bottom:.6rem}
.ftr__grid>div>a{display:block;padding:.18rem 0;font-size:.88rem;color:var(--ink2)}
.ftr__grid>div>a:hover{color:var(--p)}
.ftr__about p{font-size:.87rem;color:var(--ink2);margin:.6rem 0}
.ftr__ph{display:flex!important;align-items:center;gap:.4rem;font-weight:700;color:var(--p3)!important}
.seals{display:flex;flex-wrap:wrap;gap:.6rem}
.seals img{max-width:110px;height:auto}
.soc{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.8rem}
.soc a{padding:.2rem .8rem;border-radius:999px;background:var(--bg2);font-size:.8rem;font-weight:700}
.ftr__bottom{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;font-size:.8rem;color:var(--ink3);border-top:1px solid var(--line);padding-top:1rem}

/* ---------- ناوبری موبایل ---------- */
.mnav{display:none}
.toasts{position:fixed;z-index:130;top:84px;inset-inline:0;display:flex;flex-direction:column;align-items:center;gap:.5rem;pointer-events:none;padding:0 16px}
.toast{max-width:440px;padding:.75rem 1.1rem;border-radius:16px;background:var(--ink);color:#fff;font-weight:600;font-size:.9rem;box-shadow:var(--sh-lg);animation:pop .2s}
.toast.ok{background:var(--green)}.toast.err{background:var(--red)}
.modal{position:fixed;inset:0;z-index:115;display:grid;place-items:center;padding:16px;background:rgba(30,16,51,.5)}
.modal__b{width:min(460px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:24px;padding:1.4rem;box-shadow:var(--sh-lg);animation:pop .2s}

/* ---------- بنر ---------- */
.bn{position:relative;margin:1rem auto;border-radius:22px;overflow:hidden;line-height:0}
.bn img{width:100%;height:auto}
.bn__ad{position:absolute;top:8px;inset-inline-start:8px;line-height:1.6;font-size:.66rem;font-weight:700;padding:0 .45rem;border-radius:6px;background:rgba(0,0,0,.45);color:#fff}
.bn--top_bar{margin:.7rem auto 0;width:calc(100% - 32px);max-width:calc(var(--wrap) - 32px);border-radius:16px}
.bn-pop{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:16px;background:rgba(30,16,51,.55)}
.bn-pop__b{position:relative;width:min(480px,100%)}
.bn-pop__x{position:absolute;top:-14px;inset-inline-end:-10px;z-index:2;width:36px;height:36px;border-radius:50%;border:0;background:#fff;box-shadow:var(--sh)}
@media (min-width:641px){.bn--m{display:none!important}}
@media (max-width:640px){.bn--d{display:none!important}}

/* ---------- واکنش‌گرا ---------- */
@media (max-width:1100px){
  .ftr__grid{grid-template-columns:1fr 1fr 1fr}.ftr__about{grid-column:1/-1}
  .pp{grid-template-columns:minmax(0,1fr) 340px}
}
@media (max-width:960px){
  :root{--hdr:64px}
  html{scroll-padding-top:80px}
  .hdr__in{height:64px;gap:.4rem}
  .hdr__menu,.hdr__s{display:grid}
  .hsearch{display:none;position:absolute;top:64px;inset-inline:0;max-width:none;border-radius:0;background:#fff;padding:.5rem 16px;box-shadow:0 10px 20px -10px rgba(0,0,0,.2)}
  .hsearch.open{display:flex}
  .hsearch input{background:var(--bg2);border-radius:14px}
  .logo img{height:40px}
  .hdr__sell,.hdr__login span,.umenu__btn span{display:none}
  .hdr__login{width:44px;padding:0}
  .umenu__btn{padding:.2rem}
  .nav{display:none}
  .hero__in{grid-template-columns:1fr;padding:1.4rem 16px 2.4rem;text-align:center}
  .hero__search,.hero p.lead{margin-inline:auto}
  .hero__tags{justify-content:center}
  .hero__art{width:min(330px,82%)}
  .trust{grid-template-columns:repeat(2,minmax(0,1fr))}
  .shop,.pp,.cart,.acc,.art{grid-template-columns:minmax(0,1fr)}
  .filters,.buy,.sum,.acc-nav,.toc{position:static}
  .filters{display:none}.filters.open{display:block;position:fixed;inset:0;z-index:105;overflow:auto;border-radius:0}
  .acc-nav{display:flex;overflow-x:auto;gap:.3rem;padding:.4rem;scrollbar-width:none}
  .acc-nav .me,.acc-nav form,.acc-nav .seller-hd{display:none}
  .acc-nav a{white-space:nowrap;flex:none}
  .promo{grid-template-columns:1fr;}.promo a{min-height:160px}
  .sellcta,.sl-hero__in{grid-template-columns:1fr}
  .sl-steps{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:1.6rem}
  .ftr__trust{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mnav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;bottom:0;inset-inline:0;z-index:90;height:calc(64px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:rgba(255,255,255,.97);backdrop-filter:blur(10px);border-top:1px solid var(--line);box-shadow:0 -8px 24px -18px rgba(76,29,149,.5)}
  .mnav a,.mnav button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.1rem;font-size:.7rem;font-weight:700;color:var(--ink3);border:0;background:none}
  .mnav .ic{width:23px;height:23px}
  .mnav .on{color:var(--p)}
  .mnav .badge{top:6px;inset-inline-end:calc(50% - 22px)}
  .mnav__c{margin-top:-22px}
  .mnav__c .ic{width:58px;height:58px;padding:15px;border-radius:20px;background:var(--grad);color:#fff;box-shadow:0 10px 24px -8px rgba(109,40,217,.8)}
  .mob-buy{display:flex;align-items:center;gap:.8rem;position:fixed;bottom:calc(64px + env(safe-area-inset-bottom));inset-inline:0;z-index:89;background:#fff;padding:.6rem 16px;box-shadow:0 -10px 24px -16px rgba(76,29,149,.5)}
  .mob-buy .btn{flex:1}
  body.has-mob-buy .ftr{padding-bottom:9rem}
  .ptabs{top:64px}
  .lm__b{grid-template-columns:1fr}
  .lm__side{flex-direction:row;justify-content:flex-start;padding:1rem 1.2rem;text-align:start;gap:.8rem}
  .lm__side img{height:84px}
  .lm__side small{display:none}
}
@media (max-width:640px){
  body{font-size:15px}
  .sec{padding:1.6rem 0}
  .g-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}
  .pc__body{padding:.6rem .65rem .7rem}
  .pc h3{font-size:.84rem}
  .pc__meta{font-size:.68rem}.pc__shop{display:none}
  .pr b{font-size:.95rem}
  .pc__add{width:36px;height:36px;border-radius:12px}
  .pc__fav{width:32px;height:32px}
  .rail{grid-auto-columns:minmax(46%,1fr);gap:.6rem}
  .cats{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}
  .cat{padding:.8rem .3rem}.cat .emo{width:46px;height:46px;font-size:1.35rem}.cat b{font-size:.8rem}.cat small{display:none}
  .g-3,.g-4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .g-2,.row{grid-template-columns:minmax(0,1fr)}
  .trust div{padding:.7rem}.trust .ic{width:36px;height:36px;padding:7px}.trust small{display:none}
  .ftr__grid{grid-template-columns:1fr 1fr}
  .ftr__seals{grid-column:1/-1}
  .hero__stat{display:none}
  .newsl{flex-direction:column;text-align:center}
  .card{padding:1rem}
  .ac--big{grid-row:auto}
  .otp input{width:48px;height:56px}
  .store-hd__bn{height:130px}
  .tk-msg{max-width:100%}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.hdr,.ftr,.mnav,.mob-buy,.btn{display:none!important}body{background:#fff}}

/* ---------- اپلیکیشن شاه‌لینک ---------- */
.nav__app{color:var(--p)!important;font-weight:800!important;background:var(--gold-soft)}
.appcta{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1.4rem;padding:1rem 1.6rem;border-radius:28px;background:linear-gradient(135deg,#2E1065,#6D28D9 60%,#9333EA);color:#fff;box-shadow:var(--sh-lg);overflow:hidden}
.appcta img{height:120px;width:auto;border-radius:20px}
.appcta b{display:block;font-size:1.45rem;color:#FFD54A}.appcta small{opacity:.9;font-size:.95rem}
.app-hero{background:linear-gradient(135deg,#2E1065,#6D28D9 60%,#9333EA);color:#fff;border-radius:0 0 40px 40px}
.app-hero__in{display:grid;grid-template-columns:1.1fr .9fr;gap:2rem;align-items:center;padding:2.6rem 16px}
.app-hero h1{color:#FFD54A;font-size:clamp(1.8rem,4.5vw,2.8rem)}
.app-hero img{width:100%;border-radius:30px;box-shadow:0 40px 80px -30px rgba(0,0,0,.6)}
.app-btns{display:flex;gap:.6rem;flex-wrap:wrap;margin:1.2rem 0 .6rem}
.app-hero .btn--ghost{background:rgba(255,255,255,.12);color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.4)}
.appbar{display:none}
@media (max-width:960px){
  .appcta{grid-template-columns:1fr;text-align:center;justify-items:center;padding:1.2rem}
  .appcta img{height:110px}
  .app-hero__in{grid-template-columns:1fr;text-align:center}.app-btns{justify-content:center}
  .appbar:not([hidden]){display:flex;align-items:center;gap:.6rem;position:fixed;inset-inline:10px;bottom:calc(72px + env(safe-area-inset-bottom));z-index:88;background:#fff;border-radius:18px;padding:.5rem .6rem;box-shadow:var(--sh-lg);animation:pop .3s}
  .appbar img{border-radius:12px}.appbar span{flex:1;line-height:1.5}.appbar b{display:block;font-size:.88rem}.appbar small{font-size:.74rem;color:var(--ink3)}
  body.has-mob-buy .appbar{display:none!important}
}