/* ============================================================
 خورجین — تم آبی زنده | Glassmorphism | RTL | Responsive
 ============================================================ */
:root{
 --blue:#0094ff;
 --blue-2:#00c6ff;
 --blue-deep:#0066ff;
 --navy:#0b1b33;
 --ink:#13233f;
 --ink-2:#51607d;
 --ink-3:#8292ad;
 --bg:#eef4ff;
 --bg-2:#e2edff;
 --card:#ffffff;
 --amber:#ffb703;
 --red:#f04438;
 --green:#12b76a;
 --purple:#7a5cff;
 --grad:linear-gradient(135deg,#00c6ff 0%,#0072ff 100%);
 --grad-deep:linear-gradient(135deg,#0057ff 0%,#00b4ff 100%);
 --glass:rgba(255,255,255,.55);
 --glass-brd:rgba(255,255,255,.7);
 --glass-dark:rgba(9,22,48,.35);
 --r-lg:22px; --r-md:16px; --r-sm:11px;
 --sh-1:0 4px 18px rgba(11,42,94,.07);
 --sh-2:0 14px 40px rgba(0,86,255,.14);
 --sh-glass:0 10px 34px rgba(6,40,95,.14);
 --font:'Vazirmatn','Vazir','IRANSans',Tahoma,'Segoe UI',sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}
html{scroll-behavior:smooth;overscroll-behavior-y:none}
body{
 font-family:var(--font);
 background:
 radial-gradient(1100px 500px at 85% -10%,rgba(0,180,255,.14),transparent 60%),
 radial-gradient(900px 480px at -10% 20%,rgba(0,110,255,.12),transparent 55%),
 linear-gradient(180deg,#f3f8ff 0%,var(--bg) 100%);
 color:var(--ink);
 min-height:100vh;
 line-height:1.85;
 font-size:15px;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
b{font-weight:700}
button{font-family:inherit}
input,select,textarea{font-family:inherit;font-size:14.5px}
.container{width:min(1280px,100% - 32px);margin-inline:auto}
.hidden{display:none!important}
[hidden]{display:none!important}
.cur{font-size:.72em;color:var(--ink-3);font-weight:400}

/* ---------- شیشه‌ای (گلس‌مورفیسم) ---------- */
.glass{
 background:var(--glass);
 -webkit-backdrop-filter:blur(20px) saturate(1.55);
 backdrop-filter:blur(20px) saturate(1.55);
 border:1px solid var(--glass-brd);
 box-shadow:var(--sh-glass);
}
.glass-dark{
 background:var(--glass-dark);
 -webkit-backdrop-filter:blur(18px) saturate(1.4);
 backdrop-filter:blur(18px) saturate(1.4);
 border:1px solid rgba(255,255,255,.22);
 color:#fff;
}
.brand{display:flex;align-items:center;gap:10px;flex-shrink:0}
.brand img{width:46px;height:46px;object-fit:contain;filter:drop-shadow(0 4px 10px rgba(0,110,255,.35))}
.brand-txt{display:flex;flex-direction:column;line-height:1.25}
.brand-txt b{font-size:21px;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:-.3px}
.brand-txt small{font-size:10.5px;color:var(--ink-2)}
.sg-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;transition:.15s}
.sg-item:hover{background:rgba(0,128,255,.09)}
.sg-item img{width:42px;height:42px;border-radius:9px;object-fit:cover}
.sg-item .sg-t{flex:1;font-size:13px;font-weight:600;color:var(--ink)}
.sg-item .sg-p{font-size:12px;color:var(--blue-deep);font-weight:700;white-space:nowrap}
.cart-badge{position:absolute;top:2px;left:2px;min-width:19px;height:19px;padding:0 5px;background:var(--red);color:#fff;
 font-size:11px;font-weight:800;border-radius:99px;display:grid;place-items:center;box-shadow:0 2px 8px rgba(240,68,56,.5)}
.avatar{width:32px;height:32px;border-radius:10px;background:var(--grad);color:#fff;display:grid;place-items:center;font-weight:800;flex-shrink:0}

.page{min-height:52vh;padding-bottom:110px}
@media(min-width:993px){.page{padding-bottom:56px}}

/* ---------- دکمه‌ها ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;cursor:pointer;font-weight:700;
 border-radius:13px;padding:12px 22px;font-size:14.5px;transition:.2s;line-height:1.4;white-space:nowrap}
.btn .ic{width:18px;height:18px}
.btn-primary{background:var(--grad);color:#fff;box-shadow:0 8px 22px rgba(0,110,255,.35)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(0,110,255,.45)}
.btn-outline{background:transparent;border:1.6px solid rgba(0,110,255,.45);color:var(--blue-deep)}
.btn-outline:hover{background:rgba(0,110,255,.08)}
.btn-ghost{background:rgba(0,120,255,.09);color:var(--blue-deep)}
.btn-ghost:hover{background:rgba(0,120,255,.15)}
.btn-glass{background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.35);color:#fff;
 -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.btn-glass:hover{background:rgba(255,255,255,.3)}
.btn-danger{background:linear-gradient(135deg,#ff6a5f,#f04438);color:#fff}
.btn-amber{background:linear-gradient(135deg,#ffd34d,#ffb703);color:#5b3d00}
.btn-green{background:linear-gradient(135deg,#34d399,#12b76a);color:#fff}
.btn-sm{padding:8px 15px;font-size:13px;border-radius:10px}
.btn-xs{padding:5px 11px;font-size:12px;border-radius:8px}
.btn-block{width:100%}
.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}

/* ---------- صفحه اصلی: اسلایدر ---------- */
.hero{ display:grid; grid-template-columns: minmax(0,2.05fr) minmax(0,1fr); gap:16px; margin-top:18px }
.hero-slider{position:relative;border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--sh-2);min-height:300px}
.slide{position:absolute;inset:0;opacity:0;transition:opacity .7s ease;pointer-events:none}
.slide.on{opacity:1;pointer-events:auto;position:relative}
.slide img{width:100%;height:100%;object-fit:cover;aspect-ratio:2.4/1;min-height:300px}
.slide-cap{position:absolute;inset-inline:0;bottom:0;padding:26px 30px;color:#fff;
 background:linear-gradient(0deg,rgba(5,20,45,.65),transparent)}
.slide-cap h3{font-size:clamp(19px,2.6vw,30px);font-weight:800;text-shadow:0 2px 12px rgba(0,0,0,.35)}
.slide-cap p{font-size:14px;opacity:.92}
.hero-dots{position:absolute;bottom:14px;inset-inline-start:24px;display:flex;gap:7px;z-index:5}
.hero-dots .dot{width:9px;height:9px;border-radius:99px;background:rgba(255,255,255,.5);border:0;cursor:pointer;transition:.3s;padding:0}
.hero-dots .dot.on{width:26px;background:#fff}
.hero-side{display:flex;flex-direction:column;gap:16px}
.hero-side .side-bn{flex:1;border-radius:var(--r-lg);overflow:hidden;position:relative;box-shadow:var(--sh-1)}
.hero-side img{width:100%;height:100%;object-fit:cover;min-height:142px}
.side-bn .bn-txt{position:absolute;inset:0;padding:18px;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;
 background:linear-gradient(25deg,rgba(4,25,60,.72),transparent 70%)}
.bn-txt b{font-size:17px}
.bn-txt small{opacity:.9}

/* ---------- استوری‌ها ---------- */
.stories-card{margin-top:18px;border-radius:var(--r-lg);padding:16px 18px}
.stories-row{display:flex;gap:18px;overflow-x:auto;padding:4px 2px 8px;scrollbar-width:none}
.stories-row::-webkit-scrollbar{display:none}
.story{display:flex;flex-direction:column;align-items:center;gap:7px;cursor:pointer;flex-shrink:0;width:76px}
.story-ring{width:70px;height:70px;border-radius:50%;padding:3px;background:conic-gradient(from 210deg,#00c6ff,#0072ff,#7a5cff,#00c6ff);
 display:grid;place-items:center;transition:.25s}
.story:hover .story-ring{transform:scale(1.07) rotate(6deg)}
.story-ring img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid #fff}
.story-name{font-size:11.5px;font-weight:600;color:var(--ink-2);max-width:76px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* ---------- سکشن‌ها ---------- */
.sec{margin-top:34px}
.sec-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:12px}
.sec-title{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:800}
.sec-title .st-ic{width:38px;height:38px;border-radius:12px;background:var(--grad);display:grid;place-items:center;font-size:19px;box-shadow:0 6px 16px rgba(0,110,255,.3)}
.sec-link{color:var(--blue-deep);font-weight:700;font-size:13.5px;display:flex;align-items:center;gap:4px}
.sec-link:hover{gap:8px}

/* دسته‌بندی حبابی */
.cat-bubbles{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:14px}
.bubble{display:flex;flex-direction:column;align-items:center;gap:9px;padding:18px 8px;border-radius:var(--r-md);
 background:var(--card);box-shadow:var(--sh-1);transition:.25s;border:1px solid transparent}
.bubble:hover{transform:translateY(-5px);border-color:rgba(0,140,255,.3);box-shadow:var(--sh-2)}
.bubble .b-ic{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;font-size:27px;
 background:linear-gradient(135deg,rgba(0,198,255,.16),rgba(0,102,255,.14))}
.bubble span{font-size:12.5px;font-weight:700;color:var(--ink-2);text-align:center}

/* ---------- شگفت‌انگیز ---------- */
.amazing{border-radius:var(--r-lg);padding:22px;position:relative;overflow:hidden;background:var(--grad-deep);color:#fff;box-shadow:var(--sh-2)}
.amazing::before{content:"";position:absolute;inset:-40%;background:
 radial-gradient(circle at 20% 20%,rgba(255,255,255,.16),transparent 40%),
 radial-gradient(circle at 80% 70%,rgba(0,255,222,.14),transparent 45%);}
.amz-wrap{position:relative;display:grid;grid-template-columns:210px minmax(0,1fr);gap:18px;align-items:stretch}
.amz-side{display:flex;flex-direction:column;gap:14px;justify-content:center;padding:8px 4px}
.amz-side .bolt{font-size:44px;filter:drop-shadow(0 6px 14px rgba(255,215,64,.6))}
.amz-side h3{font-size:21px;font-weight:900;line-height:1.5}
.countdown{display:flex;gap:6px;direction:ltr}
.countdown .cd{min-width:46px;padding:7px 4px;border-radius:11px;text-align:center;font-weight:800;font-size:17px;
 background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.35);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.countdown .cd small{display:block;font-size:9px;font-weight:500;opacity:.85}
.scroll-x{display:flex;gap:14px;overflow-x:auto;padding:6px 2px 10px;scroll-snap-type:x mandatory}
.scroll-x::-webkit-scrollbar{height:8px}
.scroll-x::-webkit-scrollbar-thumb{background:rgba(255,255,255,.4);border-radius:99px}
.scroll-x .p-card{min-width:200px;max-width:200px;scroll-snap-align:start;background:rgba(255,255,255,.14);
 -webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.28);box-shadow:none;color:#fff}
.scroll-x .p-card .p-title{color:#fff}
.scroll-x .p-price b{color:#fff}
.scroll-x .p-price del{color:rgba(255,255,255,.6)}
.scroll-x .chip-shop{background:rgba(255,255,255,.18);color:#fff}
.scroll-x .cur{color:rgba(255,255,255,.7)}

/* ---------- شبکه محصولات و کارت ---------- */
.grid-products{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px}
.p-card{background:var(--card);border-radius:var(--r-md);overflow:hidden;box-shadow:var(--sh-1);
 border:1px solid rgba(11,42,94,.05);transition:.25s;display:flex;flex-direction:column;position:relative}
.p-card:hover{transform:translateY(-5px);box-shadow:var(--sh-2);border-color:rgba(0,140,255,.25)}
.p-thumb{position:relative;aspect-ratio:1/1;overflow:hidden;background:#f4f9ff}
.p-thumb img{width:100%;height:100%;object-fit:cover;transition:.4s}
.p-card:hover .p-thumb img{transform:scale(1.06)}
.badge-off{position:absolute;top:10px;inset-inline-start:10px;background:var(--red);color:#fff;font-size:12px;font-weight:800;
 padding:3px 9px;border-radius:99px;box-shadow:0 4px 12px rgba(240,68,56,.4)}
.p-body{padding:11px 13px 13px;display:flex;flex-direction:column;gap:7px;flex:1}
.p-title{font-size:13px;font-weight:600;color:var(--ink);line-height:1.7;min-height:44px;
 display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.p-meta{display:flex;gap:6px;flex-wrap:wrap}
.chip{font-size:10.5px;font-weight:600;padding:2.5px 9px;border-radius:99px;background:#f0f5ff;color:var(--ink-2)}
.chip-shop{background:rgba(0,120,255,.09);color:var(--blue-deep)}
.chip-rate{background:rgba(255,183,3,.16);color:#a96e00}
.p-price{display:flex;align-items:baseline;gap:8px;margin-top:auto}
.p-price b{font-size:16px;color:var(--navy)}
.p-price del{font-size:12px;color:var(--ink-3)}
.p-none{color:var(--red);font-size:13px;font-weight:600}
.p-offers{font-size:11px;color:var(--purple);font-weight:700}

/* ---------- بنر دوتایی / فروشگاه‌ها ---------- */
.duo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}
.duo a{border-radius:var(--r-lg);overflow:hidden;position:relative;box-shadow:var(--sh-1)}
.duo img{width:100%;object-fit:cover;aspect-ratio:3.4/1}
.duo .duo-txt{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:26px;color:#fff;
 background:linear-gradient(95deg,rgba(4,25,60,.62),transparent 65%)}
.duo-txt b{font-size:19px}
.duo-txt small{opacity:.9;margin-bottom:10px}
.shops-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.shop-card{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:var(--r-md);background:var(--card);
 box-shadow:var(--sh-1);border:1px solid rgba(11,42,94,.05);transition:.25s}
.shop-card:hover{transform:translateY(-4px);box-shadow:var(--sh-2)}
.shop-card .avatar{width:48px;height:48px;border-radius:14px;font-size:19px;background:var(--grad)}
.shop-card b{font-size:14px;display:block}
.shop-card small{color:var(--ink-3);font-size:11.5px}
.shop-card .sc-l{margin-inline-start:auto;color:var(--blue-deep);font-size:12px;font-weight:700;white-space:nowrap}

/* ---------- فوتر ---------- */
.ftr{margin-top:56px;background:linear-gradient(180deg,rgba(11,27,51,.03),rgba(11,27,51,.08));padding:34px 0 130px;border-top:1px solid rgba(11,42,94,.06)}
@media(min-width:993px){.ftr{padding-bottom:44px}}
.ftr-trust{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:30px}
.trust{display:flex;flex-direction:column;align-items:center;gap:4px;padding:18px 10px;border-radius:var(--r-md);text-align:center}
.trust span{font-size:30px}
.trust b{font-size:14px;color:var(--navy)}
.trust small{color:var(--ink-2);font-size:11.5px}
.ftr-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1.2fr);gap:26px;padding-bottom:26px;border-bottom:1px solid rgba(11,42,94,.08)}
.ftr-col{display:flex;flex-direction:column;gap:9px;font-size:13.5px}
.ftr-col>b{font-size:15px;margin-bottom:4px;color:var(--navy)}
.ftr-col a{color:var(--ink-2);transition:.2s}
.ftr-col a:hover{color:var(--blue-deep);transform:translateX(-3px)}
.ftr-about p{color:var(--ink-2);font-size:13px}
.ftr-pay{display:flex;gap:7px;flex-wrap:wrap}
.pay-chip{font-size:11px;font-weight:700;padding:4px 11px;border-radius:99px;background:rgba(0,120,255,.1);color:var(--blue-deep)}
.ftr-line{color:var(--ink-2)}
.enamad{display:flex;align-items:center;gap:10px;padding:12px;border-radius:var(--r-md);margin-top:6px}
.enamad span{font-size:30px}
.enamad b{font-size:12.5px;display:block}
.enamad small{color:var(--ink-2);font-size:11px}
.ftr-copy{text-align:center;color:var(--ink-3);font-size:12.5px;padding-top:20px}

/* ---------- منوی پایین (گلس) ---------- */
.bnav{position:fixed;bottom:12px;inset-inline:12px;z-index:80;border-radius:20px;display:flex;padding:8px 6px;max-width:560px;margin-inline:auto}
.bnav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 2px;border-radius:14px;color:var(--ink-2);transition:.2s;position:relative}
.bnav-item svg{width:23px;height:23px}
.bnav-item span{font-size:10.5px;font-weight:700}
.bnav-item.on{color:var(--blue-deep);background:rgba(0,120,255,.12)}
.bnav-cart-ic{position:relative;display:grid;place-items:center}
.bnav-cart-ic .cart-badge{top:-8px;left:-12px}
@media(min-width:993px){.bnav{display:none}}
.story-bd{position:relative;width:min(430px,100%);aspect-ratio:9/16;max-height:88vh;border-radius:24px;overflow:hidden;background:#000;box-shadow:0 30px 90px rgba(0,0,0,.55)}
#storyImg{width:100%;height:100%;object-fit:cover}
.story-segs{position:absolute;top:12px;inset-inline:14px;display:flex;gap:5px;z-index:6}
.seg{flex:1;height:3.5px;border-radius:99px;background:rgba(255,255,255,.35);overflow:hidden}
.seg i{display:block;height:100%;width:0;background:#fff;border-radius:99px}
.story-head{position:absolute;top:26px;inset-inline:16px;display:flex;align-items:center;gap:10px;z-index:6;color:#fff}
.story-meta b{font-size:13.5px;display:block;text-shadow:0 2px 8px rgba(0,0,0,.6)}
.story-meta small{font-size:11px;opacity:.85}
.story-x{margin-inline-start:auto;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.3);color:#fff;width:34px;height:34px;
 border-radius:50%;cursor:pointer;font-size:14px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.story-cap{position:absolute;bottom:66px;inset-inline:20px;color:#fff;font-size:14.5px;font-weight:600;z-index:5;text-shadow:0 2px 12px rgba(0,0,0,.75);text-align:center}
.story-nav{position:absolute;top:0;bottom:0;width:34%;background:transparent;border:0;cursor:pointer;z-index:4}
.story-prev{inset-inline-start:0}
.story-next{inset-inline-end:0}
.story-shop-link{position:absolute;bottom:18px;inset-inline:0;display:grid;place-items:center;z-index:6}

/* ---------- توست ---------- */
.toasts{position:fixed;bottom:96px;inset-inline:0;display:flex;flex-direction:column;align-items:center;gap:8px;z-index:300;pointer-events:none}
.toast{padding:11px 20px;border-radius:13px;font-size:13.5px;font-weight:700;color:#fff;box-shadow:0 12px 30px rgba(0,0,0,.25);
 animation:toastIn .35s ease,toastOut .3s ease 3.2s forwards;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.toast.ok{background:rgba(18,183,106,.92)}
.toast.err{background:rgba(240,68,56,.92)}
.toast.info{background:rgba(0,110,255,.92)}
@keyframes toastIn{from{opacity:0;transform:translateY(16px) scale(.95)}to{opacity:1}}
@keyframes toastOut{to{opacity:0;transform:translateY(8px)}}

/* ---------- فرم‌ها ---------- */
.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}
.field label{font-size:13px;font-weight:700;color:var(--ink)}
.input,select.input,textarea.input{width:100%;border:1.6px solid rgba(11,42,94,.13);border-radius:13px;padding:11.5px 15px;
 background:#fbfdff;outline:none;transition:.2s;color:var(--ink)}
.input:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(0,148,255,.13);background:#fff}
textarea.input{resize:vertical;min-height:96px}
.hint{font-size:11.5px;color:var(--ink-3)}
.err-text{color:var(--red);font-size:12px;font-weight:600}
.f-grid2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 14px}

/* ---------- صفحه ورود ---------- */
.auth-wrap{max-width:480px;margin:44px auto;padding:0 16px}
.auth-card{border-radius:26px;padding:32px 28px;text-align:center}
.auth-card .brand{justify-content:center;margin-bottom:8px}
.auth-card h2{font-size:20px;margin:10px 0 4px}
.auth-card p.dsc{color:var(--ink-2);font-size:13px;margin-bottom:22px}
.otp-input{letter-spacing:14px;text-align:center;font-size:23px;font-weight:800;padding-inline-start:14px}
.demo-code{margin:14px 0;padding:14px;border-radius:14px;background:rgba(255,183,3,.13);border:1.5px dashed rgba(255,183,3,.6);color:#8a5f00;font-size:13.5px;font-weight:700}
.demo-code b{font-size:19px;letter-spacing:5px;display:block;margin-top:3px}
.timer-lnk{color:var(--ink-3);font-size:12.5px}
.timer-lnk a{color:var(--blue-deep);font-weight:700}
.auth-foot{margin-top:16px;font-size:12px;color:var(--ink-3)}

/* ---------- جداول ---------- */
.table{width:100%;border-collapse:separate;border-spacing:0;font-size:13.5px}
.table th{background:#f2f7ff;color:var(--ink-2);font-size:12px;font-weight:700;padding:11px 13px;text-align:right;white-space:nowrap}
.table td{padding:12px 13px;border-bottom:1px solid rgba(11,42,94,.06);vertical-align:middle}
.table tr:last-child td{border-bottom:0}
.table-wrap{overflow-x:auto;border-radius:var(--r-md);background:var(--card);box-shadow:var(--sh-1);border:1px solid rgba(11,42,94,.05)}
.tbl-img{width:46px;height:46px;border-radius:10px;object-fit:cover}

/* ---------- badges ---------- */
.bdg{font-size:11px;font-weight:800;padding:3px 10px;border-radius:99px;display:inline-block;white-space:nowrap}
.b-ok{background:rgba(18,183,106,.13);color:#0b8a50}
.b-warn{background:rgba(255,183,3,.16);color:#9a6b00}
.b-bad{background:rgba(240,68,56,.12);color:#c23429}
.b-info{background:rgba(0,110,255,.11);color:var(--blue-deep)}
.b-purple{background:rgba(122,92,255,.13);color:#5b41d8}

/* ---------- صفحه محصول ---------- */
.pd-wrap{display:grid;grid-template-columns:400px minmax(0,1fr) 320px;gap:20px;margin-top:22px;align-items:start}
.pd-gallery{border-radius:var(--r-lg);overflow:hidden;background:#fff;box-shadow:var(--sh-1);position:sticky;top:150px}
.pd-gallery img{width:100%;aspect-ratio:1/1;object-fit:cover}
.pd-info h1{font-size:19px;line-height:1.8;margin-bottom:10px}
.pd-rate{display:flex;align-items:center;gap:12px;font-size:12.5px;color:var(--ink-2);margin-bottom:14px;flex-wrap:wrap}
.stars{color:var(--amber);letter-spacing:2px}
.pd-cat{font-size:12.5px;color:var(--blue-deep);font-weight:700}
.pd-desc{background:var(--card);border-radius:var(--r-md);padding:16px 18px;margin-top:14px;box-shadow:var(--sh-1);font-size:13.5px;color:var(--ink-2);line-height:2}
.buy-box{border-radius:var(--r-lg);padding:18px;position:sticky;top:150px}
.buy-box .bb-shop{display:flex;align-items:center;gap:9px;padding-bottom:12px;border-bottom:1px dashed rgba(11,42,94,.12);margin-bottom:12px}
.buy-box .bb-price{text-align:center;margin:6px 0 4px}
.buy-box .bb-price b{font-size:25px;color:var(--navy)}
.buy-box .bb-price del{color:var(--ink-3);font-size:14px}
.bb-warn{font-size:12px;text-align:center;padding:9px;border-radius:11px;margin-top:10px}
.spec-table{margin-top:16px;background:var(--card);border-radius:var(--r-md);padding:8px 18px;box-shadow:var(--sh-1)}
.spec-table .sp{display:flex;gap:14px;padding:11px 0;border-bottom:1px dashed rgba(11,42,94,.08);font-size:13px}
.spec-table .sp:last-child{border:0}
.spec-table .sp b{min-width:130px;color:var(--ink-2);font-size:12.5px}

/* جدول رقابت قیمت فروشنده‌ها */
.offers-box{margin-top:26px}
.row-best td{background:linear-gradient(90deg,rgba(0,198,255,.08),rgba(0,198,255,.02))!important}
.row-best td:first-child{border-radius:0 12px 12px 0}
.best-tag{display:inline-flex;align-items:center;gap:4px;background:var(--grad);color:#fff;font-size:10.5px;font-weight:800;padding:3px 10px;border-radius:99px}
.rank-num{width:26px;height:26px;border-radius:8px;background:#eef4ff;color:var(--ink-2);display:inline-grid;place-items:center;font-weight:800;font-size:12px}
.rank-1 .rank-num{background:linear-gradient(135deg,#ffd34d,#ffb703);color:#5b3d00}
.o-stock-in{color:var(--green);font-size:11.5px;font-weight:700}
.o-stock-low{color:var(--red);font-size:11.5px;font-weight:700}

/* ---------- سبد خرید ---------- */
.shop-grid>*,.acct>*,.pd-wrap>*,.gw-grid>*,.amz-wrap>*,.kpi-grid>*,.duo>*,.inv-meta>*,.shops-row>*,.hero>*,.ftr-grid>*,.stats-row>*,.why-grid>*{min-width:0}
.shop-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:20px;margin-top:22px;align-items:start}
.cart-item{display:grid;grid-template-columns:92px minmax(0,1fr) auto;gap:14px;background:var(--card);border-radius:var(--r-md);
 padding:14px;box-shadow:var(--sh-1);margin-bottom:12px;border:1px solid rgba(11,42,94,.05)}
.cart-item img{width:92px;height:92px;border-radius:12px;object-fit:cover}
.ci-title{font-size:13.5px;font-weight:700;line-height:1.7}
.ci-shop{font-size:12px;color:var(--ink-2)}
.ci-price{display:flex;flex-direction:column;align-items:flex-end;gap:8px}
.ci-price b{color:var(--navy);font-size:15px}
.stepper{display:inline-flex;align-items:center;border:1.6px solid rgba(0,110,255,.3);border-radius:11px;overflow:hidden}
.stepper button{width:32px;height:32px;border:0;background:rgba(0,110,255,.07);color:var(--blue-deep);font-size:16px;cursor:pointer;font-weight:800}
.stepper button:hover{background:rgba(0,110,255,.16)}
.stepper span{min-width:36px;text-align:center;font-weight:800;font-size:14px}
.ci-remove{border:0;background:none;color:var(--red);cursor:pointer;font-size:12px;font-weight:700}
.sum-card{border-radius:var(--r-lg);padding:20px;position:sticky;top:150px}
.sum-row{display:flex;justify-content:space-between;font-size:13.5px;padding:7px 0;color:var(--ink-2)}
.sum-row.total{border-top:1.5px dashed rgba(11,42,94,.15);margin-top:8px;padding-top:13px;font-weight:800;color:var(--navy);font-size:15.5px}
.sum-row .off{color:var(--red)}
.free-ship{font-size:11.5px;color:var(--green);font-weight:700}
.empty{text-align:center;padding:56px 20px;color:var(--ink-2)}
.empty .em-ic{font-size:56px;margin-bottom:12px}
.empty b{font-size:17px;color:var(--navy);display:block;margin-bottom:6px}

/* ---------- درگاه‌ها (انتخاب) ---------- */
.gw-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:10px 0 4px}
.gw-opt{position:relative;cursor:pointer}
.gw-opt input{position:absolute;opacity:0}
.gw-opt .gw-in{display:flex;align-items:center;gap:10px;border:1.6px solid rgba(11,42,94,.13);border-radius:13px;padding:12px 14px;transition:.2s;background:#fbfdff}
.gw-opt .gw-logo{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;font-size:18px;background:linear-gradient(135deg,rgba(0,198,255,.15),rgba(0,102,255,.12))}
.gw-opt b{font-size:13px;display:block}
.gw-opt small{font-size:10.5px;color:var(--ink-3)}
.gw-opt input:checked + .gw-in{border-color:var(--blue);box-shadow:0 0 0 4px rgba(0,148,255,.13);background:#fff}
.gw-sbx{font-size:10px;background:rgba(255,183,3,.18);color:#9a6b00;border-radius:99px;padding:1px 8px;font-weight:800}

/* ---------- صفحه درگاه دمو ---------- */
.pay-wrap{max-width:460px;margin:40px auto;padding:0 16px}
.pay-bank{border-radius:26px;overflow:hidden;box-shadow:var(--sh-2)}
.pay-bank .pb-head{background:var(--grad);color:#fff;padding:20px 24px;display:flex;align-items:center;gap:12px}
.pay-bank .pb-head .avatar{width:44px;height:44px;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.35)}
.pb-head b{font-size:16.5px}
.pb-head small{opacity:.9;display:block;font-size:11.5px}
.pb-body{background:#fff;padding:22px 24px}
.pb-row{display:flex;justify-content:space-between;font-size:13px;padding:8px 0;border-bottom:1px dashed rgba(11,42,94,.09);color:var(--ink-2)}
.pb-row:last-of-type{border:0}
.pb-row b{color:var(--navy)}
.pb-amount{text-align:center;margin:14px 0 18px}
.pb-amount small{color:var(--ink-3);font-size:12px;display:block}
.pb-amount b{font-size:30px;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.pb-actions{display:grid;gap:9px}
.pay-note{text-align:center;font-size:11.5px;color:var(--ink-3);margin-top:14px}

/* ---------- فاکتور ---------- */
.inv-wrap{max-width:880px;margin:34px auto;padding:0 16px}
.invoice{background:#fff;border-radius:24px;overflow:hidden;box-shadow:var(--sh-2);position:relative}
.inv-top{background:var(--grad);color:#fff;padding:24px 30px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px}
.inv-top .brand-txt b,.inv-top .brand-txt small{color:#fff;-webkit-text-fill-color:#fff}
.inv-top h4{font-size:15px;opacity:.95}
.inv-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:20px 30px;background:#f7faff;border-bottom:1px solid rgba(11,42,94,.06)}
.inv-meta div{font-size:12px;color:var(--ink-3)}
.inv-meta b{display:block;color:var(--navy);font-size:13.5px}
.inv-body{padding:22px 30px}
.inv-table{width:100%;border-collapse:collapse;font-size:13px}
.inv-table th{background:#f2f7ff;padding:10px 12px;text-align:right;color:var(--ink-2);font-size:11.5px}
.inv-table td{padding:12px;border-bottom:1px solid #eef2f9}
.inv-totals{max-width:330px;margin-inline-start:auto;margin-top:16px}
.inv-totals .sum-row{font-size:13px}
.inv-foot{padding:18px 30px 26px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
#fakeQr{border-radius:12px;background:#fff;box-shadow:var(--sh-1)}
.stamp-paid{position:absolute;top:120px;inset-inline-start:44px;transform:rotate(-14deg);border:3.5px solid var(--green);color:var(--green);
 font-weight:900;font-size:21px;padding:8px 22px;border-radius:14px;opacity:.82;background:rgba(255,255,255,.65);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.stamp-test{border-color:var(--amber);color:#c98a00}
.inv-actions{display:flex;gap:10px;justify-content:center;margin-top:20px;flex-wrap:wrap}
.inv-test-ribbon{background:rgba(255,183,3,.15);color:#9a6b00;text-align:center;font-size:12px;font-weight:800;padding:8px}
@media print{
 body{background:#fff}
 .khd,.psb,.ftr,.bnav,.inv-actions,.toasts{display:none!important}
 .inv-wrap{margin:0;max-width:100%;padding:0}
 .invoice{box-shadow:none;border-radius:0}
 .page{padding:0}
}

/* ---------- پنل کاربر ---------- */
.acct{display:grid;grid-template-columns:250px minmax(0,1fr);gap:20px;margin-top:24px;align-items:start}
.acct-side{border-radius:var(--r-lg);padding:10px;position:sticky;top:150px}
.acct-side a{display:flex;align-items:center;gap:10px;padding:11.5px 14px;border-radius:13px;font-size:13.5px;font-weight:600;color:var(--ink-2);transition:.2s}
.acct-side a:hover,.acct-side a.on{background:rgba(0,120,255,.1);color:var(--blue-deep)}
.acct-card{border-radius:var(--r-lg);padding:24px;background:var(--card);box-shadow:var(--sh-1)}
.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:22px}
.kpi{border-radius:var(--r-md);padding:17px;display:flex;align-items:center;gap:13px;background:var(--card);box-shadow:var(--sh-1);border:1px solid rgba(11,42,94,.05)}
.kpi .k-ic{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font-size:21px;flex-shrink:0}
.kpi b{font-size:17px;display:block;color:var(--navy)}
.kpi small{color:var(--ink-2);font-size:11.5px}
.k-blue .k-ic{background:rgba(0,110,255,.12)}
.k-green .k-ic{background:rgba(18,183,106,.13)}
.k-amber .k-ic{background:rgba(255,183,3,.16)}
.k-purple .k-ic{background:rgba(122,92,255,.13)}
.panel-card{background:var(--card);border-radius:var(--r-md);padding:20px;box-shadow:var(--sh-1);margin-bottom:18px;border:1px solid rgba(11,42,94,.05)}
.panel-card h3{font-size:15.5px;margin-bottom:14px;display:flex;align-items:center;gap:8px}
.chip-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.chip-tabs a{padding:8px 16px;border-radius:99px;font-size:13px;font-weight:700;background:rgba(0,110,255,.08);color:var(--ink-2);transition:.2s}
.chip-tabs a.on{background:var(--grad);color:#fff;box-shadow:0 6px 16px rgba(0,110,255,.3)}

/* سوییچ روشن/خاموش */
.switch{position:relative;display:inline-block;width:46px;height:25px;flex-shrink:0}
.switch input{opacity:0;width:0;height:0}
.switch i{position:absolute;inset:0;background:#cbd6e8;border-radius:99px;transition:.25s;cursor:pointer}
.switch i::before{content:"";position:absolute;width:19px;height:19px;border-radius:50%;background:#fff;top:3px;inset-inline-start:3px;transition:.25s;box-shadow:0 2px 6px rgba(0,0,0,.25)}
.switch input:checked + i{background:var(--green)}
.switch input:checked + i::before{transform:translateX(-21px)}

.gw-admin-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:16px;border-radius:var(--r-md);
 background:var(--card);box-shadow:var(--sh-1);margin-bottom:12px;border:1.5px solid rgba(11,42,94,.06)}
.gw-admin-card.off{opacity:.62}
.gw-admin-card .gw-logo{width:52px;height:52px;border-radius:15px;font-size:24px;display:grid;place-items:center;
 background:linear-gradient(135deg,rgba(0,198,255,.15),rgba(0,102,255,.12))}
.gw-admin-card .gw-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
.gw-admin-card .input{padding:8px 12px;font-size:12.5px;border-radius:10px}
.gw-admin-card b{font-size:14px;display:block}
.gw-admin-card small{color:var(--ink-3);font-size:11px}
.gw-toggles{display:flex;flex-direction:column;gap:8px;align-items:flex-end;font-size:11.5px;font-weight:700;color:var(--ink-2)}
.gw-toggles label{display:flex;align-items:center;gap:7px;cursor:pointer}
.story-thumb{width:70px;height:110px;object-fit:cover;border-radius:10px}
.notice-glass{border-radius:var(--r-md);padding:16px 18px;display:flex;gap:12px;align-items:center;font-size:13.5px;margin-bottom:16px}
.notice-glass .n-ic{font-size:26px}

/* ---------- رسپانسیو ---------- */
@media(max-width:1200px){
 .grid-products{grid-template-columns:repeat(4,minmax(0,1fr))}
 .cat-bubbles{grid-template-columns:repeat(6,minmax(0,1fr))}
 .pd-wrap{grid-template-columns:340px minmax(0,1fr)}
 .buy-box{grid-column:1/-1;position:static}
 .kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:992px){
 .hero{grid-template-columns:minmax(0,1fr)}
 .hero-side{flex-direction:row}
 .hero-side .side-bn{min-height:120px}
 .grid-products{grid-template-columns:repeat(3,minmax(0,1fr))}
 .shop-grid{grid-template-columns:minmax(0,1fr)}
 .sum-card{position:static}
 .acct{grid-template-columns:minmax(0,1fr)}
 .acct-side{position:static;display:flex;overflow-x:auto;padding:8px;gap:4px}
 .acct-side a{white-space:nowrap}
 .pd-wrap{grid-template-columns:minmax(0,1fr)}
 .pd-gallery{position:static;max-width:480px;margin-inline:auto}
 .ftr-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .ftr-trust{grid-template-columns:repeat(2,minmax(0,1fr))}
 .gw-admin-card{grid-template-columns:auto minmax(0,1fr)}
 .gw-toggles{grid-column:1/-1;flex-direction:row;justify-content:flex-start;gap:16px}
}
@media(max-width:768px){
 body{font-size:14px}
 .brand-txt small{display:none}
 .grid-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .cat-bubbles{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
 .bubble{padding:12px 4px}
 .bubble .b-ic{width:44px;height:44px;font-size:21px;border-radius:13px}
 .bubble span{font-size:10.5px}
 .duo{grid-template-columns:minmax(0,1fr)}
 .shops-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .amz-wrap{grid-template-columns:minmax(0,1fr)}
 .amz-side{flex-direction:row;align-items:center;flex-wrap:wrap}
 .cart-item{grid-template-columns:74px minmax(0,1fr); }
 .cart-item img{width:74px;height:74px}
 .ci-price{grid-column:1/-1;flex-direction:row;justify-content:space-between;align-items:center}
 .gw-grid{grid-template-columns:minmax(0,1fr)}
 .kpi-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
 .kpi{padding:13px}
 .inv-meta{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .ftr-grid{grid-template-columns:minmax(0,1fr)}
 .slide img{min-height:200px;aspect-ratio:2/1}
 .hero-slider{min-height:200px}
 .stamp-paid{top:96px;font-size:16px;padding:6px 14px;inset-inline-start:20px}
}
@media(max-width:480px){
 .shops-row{grid-template-columns:minmax(0,1fr)}
 .scroll-x .p-card{min-width:168px;max-width:168px}
 .kpi-grid{grid-template-columns:minmax(0,1fr)}
}

/* ============================================================
 حس اپلیکیشن: ترنزیشن صفحه، انیمیشن نرم، سرعت رندر
 ============================================================ */
:root{ --ease-app:cubic-bezier(.22,.9,.24,1); }
@keyframes pageIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
main.page{animation:pageIn .38s var(--ease-app) both}
.p-card,.bubble,.shop-card,.panel-card,.kpi,.trust{transition:transform .28s var(--ease-app),box-shadow .28s var(--ease-app),border-color .28s var(--ease-app),opacity .3s ease}
.btn{transition:transform .18s var(--ease-app),box-shadow .22s var(--ease-app),background .2s ease,opacity .2s ease}
.btn:active{transform:scale(.96)!important}
.p-card:active{transform:scale(.985)}
.bnav-item:active{transform:scale(.92)}
.trust:active,.bubble:active,.shop-card:active{transform:scale(.97)}

/* سرعت رندر صفحه‌های بلند */
.sec,.ftr,.offers-box{content-visibility:auto;contain-intrinsic-size:auto 460px}
.ftr{contain-intrinsic-size:auto 700px}

/* لودینگ نرم عکس‌ها */
.p-thumb img,.cart-item img,.pd-gallery img{animation:imgIn .5s var(--ease-app)}
@keyframes imgIn{from{opacity:0;transform:scale(1.03)}to{opacity:1}}

/* استگر ظریف کارت‌ها در گرید */
.grid-products .p-card{animation:cardIn .4s var(--ease-app) both}
.grid-products .p-card:nth-child(2){animation-delay:.04s}
.grid-products .p-card:nth-child(3){animation-delay:.08s}
.grid-products .p-card:nth-child(4){animation-delay:.12s}
.grid-products .p-card:nth-child(5){animation-delay:.16s}
@keyframes cardIn{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1}}

/* اسکرول‌بار نرم افقی */
.scroll-x{scrollbar-width:thin;-webkit-overflow-scrolling:touch}

/* منوی پایین: خودمخفی‌شونده هنگام اسکرول مثل اپ */
.bnav{transition:transform .32s var(--ease-app),opacity .3s ease;will-change:transform}

/* ============ هدر موبایل فشرده ============ */
@media(max-width:992px){
 .brand img{width:36px;height:36px}
 .brand span.brand-txt b{font-size:16px}
 .brand-txt small{display:none}
 .login-txt{display:none}
}
@media(max-width:400px){
 .brand-txt{display:none}
 .brand img{width:32px;height:32px}
}

/* احترام به ترجیح حرکت کم کاربر */
@media(prefers-reduced-motion:reduce){
 *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}

/* ============================================================
 سرعت: موبایل بدون بلر سنگین (عامل اصلی لگ)
 ============================================================ */
@media(max-width:992px){
 .glass{
 background:rgba(255,255,255,.92)!important;
 -webkit-backdrop-filter:none!important;
 backdrop-filter:none!important;
 }
}

/* جلوگیری از پرش و سنگینی انیمیشن کارت‌ها */
.grid-products .p-card{animation-delay:0s!important}

/* ============================================================
 استوری اینستاگرامی: دیده‌شده خاکستری
 ============================================================ */
.story.seen .story-ring{background:linear-gradient(135deg,#d7dfe9,#bfcbda)}
.story.seen .story-ring img{filter:saturate(.75)}
.story-segs .seg{height:3px}
#storyVid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#000}
.story-mute{background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.3);color:#fff;width:34px;height:34px;border-radius:50%;cursor:pointer;font-size:14px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;place-items:center;padding:0}
.story-product{position:absolute;bottom:120px;inset-inline-start:16px;z-index:7;display:flex;flex-direction:column;align-items:center;gap:5px;
 background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.32);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
 border-radius:16px;padding:8px 8px 9px;max-width:110px;color:#fff;box-shadow:0 12px 30px rgba(0,0,0,.4)}
.story-product img{width:88px;height:88px;border-radius:11px;object-fit:cover}
.story-product span{font-size:10px;font-weight:700;line-height:1.55;text-align:center;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:92px}
.story-product i{font-style:normal;font-size:9.5px;background:#fff;color:#0072ff;border-radius:99px;padding:3px 10px;font-weight:800;white-space:nowrap}
.story-cap{bottom:70px;inset-inline:20px;font-size:13px}

/* ============================================================
 موبایل: ریز و فشرده و مرتب
 ============================================================ */
@media(max-width:768px){
 body{font-size:13.5px;line-height:1.75}
 .container{width:calc(100% - 20px)}
 .sec{margin-top:22px}
 .sec-head{margin-bottom:11px}
 .sec-title{font-size:15.5px;gap:7px}
 .sec-title .st-ic{width:30px;height:30px;font-size:15px;border-radius:9px}
 .sec-link{font-size:12px}

 /* استوری: حلقه کوچک‌تر → حدود ۵ تا تو صفحه می‌شینه */
 .stories-card{margin-top:12px;border-radius:16px;padding:12px 12px}
 .stories-row{gap:10px;padding:2px 0 4px}
 .story{width:62px;gap:5px}
 .story-ring{width:57px;height:57px;padding:2.5px}
 .story-ring img{border-width:2.5px}
 .story-name{font-size:9.5px;max-width:62px}

 /* هیرو فشرده */
 .hero{gap:10px;margin-top:12px}
 .hero-slider{min-height:170px;border-radius:16px}
 .slide img{min-height:170px}
 .slide-cap{padding:14px 16px}
 .slide-cap h3{font-size:16px}
 .slide-cap p{font-size:11.5px}
 .hero-dots{bottom:9px;inset-inline-start:16px}
 .hero-side{display:none}

 /* دسته‌بندی‌ها */
 .cat-bubbles{gap:8px}
 .bubble{padding:10px 3px;border-radius:13px;gap:6px}
 .bubble .b-ic{width:40px;height:40px;font-size:19px;border-radius:12px}
 .bubble span{font-size:9.5px;line-height:1.5}

 /* شگفت‌انگیز */
 .amazing{padding:14px;border-radius:16px}
 .amz-wrap{gap:10px}
 .amz-side .bolt{font-size:26px}
 .amz-side h3{font-size:14px;line-height:1.4}
 .countdown .cd{min-width:38px;padding:5px 2px;font-size:13px;border-radius:9px}
 .amz-side .btn{padding:6px 12px}
 .scroll-x{gap:9px;padding:4px 0 8px}
 .scroll-x .p-card{min-width:150px;max-width:150px;border-radius:13px}

 /* کارت محصول ریزتر */
 .grid-products{gap:8px}
 .p-card{border-radius:13px}
 .p-body{padding:8px 9px 10px;gap:5px}
 .p-title{font-size:11.5px;min-height:38px;line-height:1.65}
 .badge-off{font-size:10px;padding:2px 7px;top:7px;inset-inline-start:7px}
 .p-meta{gap:4px}
 .chip{font-size:9px;padding:2px 7px}
 .p-price b{font-size:13.5px}
 .p-price del{font-size:10.5px}
 .p-offers{font-size:9.5px}

 /* فروشگاه‌ها */
 .shops-row{gap:9px}
 .shop-card{padding:10px 12px;border-radius:13px;gap:9px}
 .shop-card .avatar{width:38px;height:38px;border-radius:11px;font-size:15px}
 .shop-card b{font-size:12px}
 .shop-card small{font-size:10px}
 .shop-card .sc-l{font-size:10px}

 /* فوتر + تضمینی‌ها */
 .ftr{margin-top:36px;padding:24px 0 118px}
 .ftr-trust{gap:8px;margin-bottom:20px}
 .trust{padding:11px 6px;border-radius:13px}
 .trust span{font-size:21px}
 .trust b{font-size:11.5px}
 .trust small{font-size:9.5px}
 .ftr-grid{gap:18px;padding-bottom:18px}
 .ftr-col{font-size:12px;gap:7px}

 /* منوی پایین فشرده‌تر */
 .bnav{bottom:9px;left:10px;right:10px;padding:6px 4px;border-radius:17px}
 .bnav-item{gap:2px;padding:5px 1px;border-radius:12px}
 .bnav-item svg{width:21px;height:21px}
 .bnav-item span{font-size:9.5px}

 /* صفحه محصول */
 .pd-wrap{margin-top:14px;gap:14px}
 .pd-gallery{border-radius:16px}
 .pd-info h1{font-size:15.5px}
 .pd-rate{font-size:11px;gap:8px}
 .pd-desc{margin-top:10px;padding:12px 14px;font-size:12px;border-radius:13px}
 .spec-table{margin-top:10px;padding:4px 14px;border-radius:13px}
 .spec-table .sp{font-size:11.5px;padding:9px 0}
 .spec-table .sp b{min-width:100px;font-size:11px}
 .buy-box{position:static;padding:14px;border-radius:16px}
 .buy-box .bb-price b{font-size:21px}
 .table th{padding:9px 10px;font-size:10.5px}
 .table td{padding:9px 10px;font-size:11.5px}
 .table-wrap{border-radius:13px}
 .offers-box{margin-top:18px}

 /* سبد خرید */
 .cart-item{padding:10px;border-radius:13px;gap:10px}
 .ci-title{font-size:12px}
 .ci-shop{font-size:10.5px}
 .ci-price b{font-size:13px}
 .sum-card{padding:15px;border-radius:16px}
 .sum-row{font-size:12px;padding:6px 0}
 .steps, .gw-grid{gap:8px}
 .gw-opt .gw-in{padding:10px 11px;border-radius:11px;gap:8px}
 .gw-opt .gw-logo{width:32px;height:32px;font-size:15px;border-radius:9px}
 .gw-opt b{font-size:11.5px}
 .gw-opt small{font-size:9px}
 .shop-grid{margin-top:14px;gap:12px}

 /* پروفایل ریسپانسیو */
 .acct{margin-top:14px;gap:12px}
 .acct-side a{padding:9px 12px;font-size:12px;gap:7px}
 .acct-card{padding:15px;border-radius:16px}
 .acct-card h3{font-size:13.5px!important}
 .panel-card{padding:14px;border-radius:14px}
 .empty{padding:34px 12px}
 .empty .em-ic{font-size:40px}
 .auth-wrap{margin:26px auto;padding:0 10px}
 .auth-card{padding:22px 16px;border-radius:20px}
 .field{margin-bottom:11px}
 .field label{font-size:12px}
 .input{padding:10px 12px;font-size:13px;border-radius:11px}
 .btn{padding:11px 18px;font-size:13px}
 .btn-sm{padding:7px 12px;font-size:11.5px}
 .btn-xs{padding:4px 9px;font-size:10.5px}
 .stepper button{width:28px;height:28px}
 .inv-meta{grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:14px 16px;gap:8px}
 .inv-body,.inv-top,.inv-foot{padding-inline:16px}
 .pay-wrap{margin:24px auto}
 .pb-amount b{font-size:24px}

 /* فروشنده/ادمین */
 .kpi{padding:11px;gap:9px;border-radius:13px}
 .kpi .k-ic{width:36px;height:36px;font-size:16px;border-radius:11px}
 .kpi b{font-size:13px}
 .kpi small{font-size:9.5px}
 .gw-admin-card{padding:11px;border-radius:13px;gap:9px}
 .gw-admin-card .gw-logo{width:40px;height:40px;font-size:18px;border-radius:12px}
 .gw-admin-card .gw-fields{grid-template-columns:minmax(0,1fr)}
 .chip-tabs{gap:6px}
 .chip-tabs a{padding:6px 12px;font-size:11.5px}
}

/* ---------- سبد خرید آژاکسی ---------- */
.cart-item.gone{animation:ciGone .32s ease forwards}
@keyframes ciGone{to{opacity:0;transform:translateX(24px) scale(.96);margin-bottom:-92px}}
.js-line{transition:color .25s}
.js-line.flash{animation:lineFlash .6s ease}
@keyframes lineFlash{0%{color:#00a452;transform:scale(1.12)}100%{transform:scale(1)}}
.cart-item .js-qty{min-width:26px;text-align:center;display:inline-block;transition:transform .15s}

/* ══════════════════════════════════════════════
   خورجین v2 — پولیش حرفه‌ای: صفحه اول ۲۳ بخشه،
   کارت‌های یکدست، آیکون SVG، اسکرول نرم اپلیکیشنی
   ══════════════════════════════════════════════ */

/* --- پایه: آیکون‌ها، فوکوس، اسکرول --- */
.icn{vertical-align:-0.18em;flex:none}
.btn .icn{vertical-align:-0.18em}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px}
html{scrollbar-gutter:stable}
::selection{background:rgba(0,148,255,.22)}
:focus-visible{outline:2px solid var(--blue);outline-offset:2px;border-radius:6px}
@media(min-width:993px){
  .glass{-webkit-backdrop-filter:blur(12px) saturate(1.45);backdrop-filter:blur(12px) saturate(1.45);box-shadow:0 8px 26px -12px rgba(8,40,110,.16)}
  .sec{content-visibility:auto;contain-intrinsic-size:auto 380px}
  .hero-sec,.sec-stories{contain-intrinsic-size:auto 330px}
}
@media(min-width:993px) and (prefers-reduced-transparency:reduce){
  .glass{-webkit-backdrop-filter:none;backdrop-filter:none;background:rgba(255,255,255,.92)}
}
img{content-visibility:auto}
.p-card,.shop-card,.svc,.why,.cat-bubble,.cat-tile,.review-card{transform:translateZ(0)}

/* --- بناو: همیشه چسبیده، بدون تکان --- */
.bnav{bottom:0;inset-inline:0;max-width:none;border-radius:20px 20px 0 0;
  padding:7px 6px calc(7px + env(safe-area-inset-bottom,0px));
  border-bottom:0;box-shadow:0 -8px 28px -10px rgba(8,44,110,.18);
  transition:none;will-change:auto;transform:none}
.bnav-item{padding:5px 0}
@media(max-width:992px){ .page{padding-bottom:calc(88px + env(safe-area-inset-bottom,0px))} }
.back-top{position:fixed;bottom:calc(98px + env(safe-area-inset-bottom,0px));inset-inline-end:14px;z-index:79;
  width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.75);cursor:pointer;
  background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(230,243,255,.95));color:var(--blue-deep);
  display:grid;place-items:center;box-shadow:0 10px 26px -8px rgba(0,86,255,.35);
  opacity:0;pointer-events:none;transform:translateY(14px);transition:opacity .28s,transform .28s}
.back-top.show{opacity:1;pointer-events:auto;transform:none}
@media(min-width:993px){ .back-top{bottom:26px;inset-inline-end:26px} }

/* --- استوری: ۴.۸ حلقه در موبایل --- */
.sec-stories{margin-top:14px}
.stories-row{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;
  padding:4px 2px 8px;scrollbar-width:none;-ms-overflow-style:none}
.stories-row::-webkit-scrollbar{display:none}
.story{flex:0 0 calc((100% - 38px)/4.8);scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;gap:5px;cursor:pointer;min-width:0}
.story-ring{width:100%;aspect-ratio:1;max-width:66px;border-radius:50%;padding:2.5px;
  background:linear-gradient(140deg,#00d4ff,#0066ff 45%,#7a5cff);display:grid;place-items:center;transition:transform .2s}
.story:active .story-ring{transform:scale(.93)}
.story-ring img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2.5px solid #fff;background:#fff}
.story-name{font-size:11px;font-weight:600;color:var(--ink-2);max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.story.seen .story-ring{background:#c9d6e8}
@media(min-width:768px){ .story{flex:0 0 74px} .story-ring{max-width:74px} }

/* --- هیرو --- */
.hero-slider{border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--sh-2);min-height:200px;aspect-ratio:2.6/1;position:relative}
.hero-slide img{width:100%;height:100%;object-fit:cover;aspect-ratio:2.6/1;min-height:200px;display:block}
.hero-cap{position:absolute;inset-inline:0;bottom:0;padding:20px 22px 34px;color:#fff;text-shadow:0 2px 14px rgba(0,20,60,.55);
  background:linear-gradient(0deg,rgba(4,18,44,.72),transparent)}
.hero-cap b{display:block;font-size:clamp(16px,2.4vw,26px);font-weight:900}
.hero-cap small{opacity:.92;font-size:12.5px}
@media(max-width:768px){ .hero-slider{aspect-ratio:2.2/1} }

/* --- نوار خدمات --- */
.services-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.svc{display:flex;flex-direction:column;align-items:center;gap:3px;padding:14px 8px;border-radius:var(--r-md);text-align:center}
.svc-ic{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;color:#fff;background:var(--grad);box-shadow:0 8px 18px -8px rgba(0,120,255,.55);margin-bottom:4px}
.svc b{font-size:13px}
.svc small{font-size:10.5px;color:var(--ink-3)}
@media(max-width:600px){ .services-row{grid-template-columns:repeat(2,minmax(0,1fr))} }

/* --- حباب دسته‌بندی --- */
.cat-bubbles{grid-template-columns:repeat(8,minmax(0,1fr));gap:12px}
.cat-bubble{display:flex;flex-direction:column;align-items:center;gap:7px;text-decoration:none}
.cb-ic{width:60px;height:60px;border-radius:22px;display:grid;place-items:center;color:#fff;
  background:linear-gradient(140deg,rgba(0,198,255,.95),rgba(0,94,255,.95));
  box-shadow:0 10px 22px -8px rgba(0,110,255,.5);transition:transform .22s var(--ease-app,cubic-bezier(.22,1,.36,1))}
.cat-bubble:nth-child(4n+2) .cb-ic{background:linear-gradient(140deg,#7a5cff,#4a3ff0)}
.cat-bubble:nth-child(4n+3) .cb-ic{background:linear-gradient(140deg,#ff6a88,#f04438)}
.cat-bubble:nth-child(4n+4) .cb-ic{background:linear-gradient(140deg,#12b76a,#079455)}
.cat-bubble:active .cb-ic{transform:scale(.9)}
@media(hover:hover){ .cat-bubble:hover .cb-ic{transform:translateY(-4px)} }
.cb-name{font-size:12px;font-weight:600;color:var(--ink-2);text-align:center;line-height:1.5}
@media(max-width:768px){ .cat-bubbles{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 6px} .cb-ic{width:54px;height:54px;border-radius:19px} .cb-name{font-size:11px} }

/* --- شگفت‌انگیز: تراز دقیق در همه موبایل‌ها --- */
.amz-sec{margin-top:26px}
.amz-wrap{display:flex!important;gap:10px;background:linear-gradient(135deg,#ff3d68,#ff7847);
  border-radius:var(--r-lg);padding:12px;box-shadow:0 16px 40px -14px rgba(255,61,104,.55)}
.amz-banner{flex:0 0 118px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;
  color:#fff;text-align:center;text-decoration:none}
.amz-rocket{animation:rocketFloat 3s ease-in-out infinite}
@keyframes rocketFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
.amz-banner b{font-size:16px;font-weight:900;line-height:1.5}
.amz-timer{display:inline-flex;gap:2px;direction:ltr;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.35);
  border-radius:10px;padding:4px 7px;font-size:12px;font-weight:800;font-variant-numeric:tabular-nums}
.amz-timer i{font-style:normal;opacity:.8}
.amz-all{font-size:11px;font-weight:700;opacity:.95;display:inline-flex;align-items:center;gap:3px}
.amz-scroll{flex:1;min-width:0;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;-ms-overflow-style:none}
.amz-scroll::-webkit-scrollbar{display:none}
.amz-track{display:flex;gap:10px;padding:2px}
.amz-track .p-card{flex:0 0 142px;scroll-snap-align:start}
@media(min-width:768px){ .amz-wrap{padding:16px;gap:14px} .amz-banner{flex-basis:150px} .amz-banner b{font-size:19px} .amz-track .p-card{flex-basis:168px} }
@media(min-width:1200px){ .amz-scroll{overflow-x:visible} }

/* --- اسکرولر افقی سراسری --- */
.hs-scroll{overflow-x:auto;scroll-snap-type:x proximity;margin-inline:-2px;padding:2px 2px 8px;scrollbar-width:none;-ms-overflow-style:none}
.hs-scroll::-webkit-scrollbar{display:none}
.hs-track{display:flex;gap:11px}
.hs-track .p-card{flex:0 0 142px;scroll-snap-align:start}
@media(min-width:768px){ .hs-track .p-card{flex-basis:172px} }
@media(min-width:1200px){ .hs-track .p-card{flex-basis:0;flex:1 1 0;min-width:150px} .hs-scroll{overflow:visible} }

/* --- گرید محصول --- */
.p-grid.grid-4{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
@media(min-width:640px){ .p-grid.grid-4{grid-template-columns:repeat(3,minmax(0,1fr))} }
@media(min-width:992px){ .p-grid.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))} }

/* --- کارت محصول v2: یکدست، تراز، لذت‌بخش --- */
.p-card{display:flex;flex-direction:column;background:#fff;border:1px solid rgba(11,42,94,.07);border-radius:16px;
  overflow:hidden;text-decoration:none;color:inherit;position:relative;
  transition:transform .25s var(--ease-app,cubic-bezier(.22,1,.36,1)),box-shadow .25s,border-color .25s;will-change:auto}
@media(hover:hover){
 .p-card:hover{transform:translateY(-5px);box-shadow:0 18px 36px -12px rgba(0,86,255,.22);border-color:rgba(0,148,255,.35)}
 .p-card:hover .p-quick{opacity:1;transform:none}
 .p-card:hover .p-thumb img{transform:scale(1.055)}
}
.p-card:active{transform:scale(.975)}
.p-thumb{position:relative;aspect-ratio:1;background:linear-gradient(160deg,#f6faff,#eef4ff);display:grid;place-items:center;overflow:hidden}
.p-thumb img{width:82%;height:82%;object-fit:contain;transition:transform .35s ease;filter:drop-shadow(0 6px 14px rgba(10,40,110,.12))}
.p-quick{position:absolute;top:9px;inset-inline-start:9px;width:32px;height:32px;border-radius:50%;
  background:rgba(255,255,255,.92);color:var(--blue-deep);display:grid;place-items:center;
  box-shadow:0 6px 16px rgba(8,40,110,.18);opacity:0;transform:translateY(-6px);transition:.25s}
.p-sellers-badge{position:absolute;bottom:9px;inset-inline-start:9px;font-size:10px;font-weight:800;color:#fff;
  background:linear-gradient(135deg,#7a5cff,#4a3ff0);padding:3.5px 8px;border-radius:99px;box-shadow:0 5px 12px -4px rgba(74,63,240,.6)}
.badge-off{position:absolute;top:9px;inset-inline-end:9px;background:linear-gradient(135deg,#ff3d68,#f04438);color:#fff;
  font-size:11px;font-weight:900;padding:4px 8px;border-radius:99px;z-index:2;box-shadow:0 6px 14px -4px rgba(240,68,56,.55);font-variant-numeric:tabular-nums}
.p-body{display:flex;flex-direction:column;flex:1;padding:10px 11px 12px;gap:7px}
.p-title{font-size:12.8px;font-weight:600;line-height:1.65;height:2.95em;overflow:hidden;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--ink)}
.p-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-height:21px}
.chip{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;font-weight:700;color:var(--ink-2);
  background:#f0f6ff;border:1px solid rgba(0,94,255,.1);border-radius:99px;padding:2.5px 8px;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.chip-rate{color:#b7791f;background:#fff8e9;border-color:#ffe3a3}
.chip-rate svg{color:var(--amber)}
.p-price{margin-top:auto;display:flex;align-items:baseline;gap:7px;direction:ltr;text-align:end}
.p-price del{color:var(--ink-3);font-size:11px;font-weight:500}
.p-price b{font-size:15.5px;font-weight:900;color:var(--ink);display:inline-flex;align-items:baseline;gap:4px;font-variant-numeric:tabular-nums}
.p-price .cur{font-size:10px;font-weight:600;color:var(--ink-3)}
.p-none{color:var(--ink-3);font-size:12.5px;font-weight:600}
@media(max-width:600px){ .p-title{font-size:12px} .p-price b{font-size:14px} }

/* --- بنرهای دوتایی --- */
.duo-banners{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
.duo-b{position:relative;border-radius:var(--r-md);overflow:hidden;aspect-ratio:2.3/1;display:block;box-shadow:var(--sh-1)}
.duo-b img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.duo-cap{position:absolute;inset-inline:10px;bottom:10px;color:#fff;display:flex;flex-direction:column;gap:1px;
  background:rgba(9,22,48,.42);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  border:1px solid rgba(255,255,255,.25);border-radius:12px;padding:8px 13px}
.duo-cap b{font-size:13.5px;font-weight:800}
.duo-cap small{font-size:11px;opacity:.9}
@media(max-width:560px){ .duo-banners{grid-template-columns:minmax(0,1fr)} .duo-b{aspect-ratio:2.7/1} }

/* --- تایل‌های دسته بزرگ --- */
.cat-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.cat-tile{position:relative;border-radius:var(--r-md);padding:18px 14px 15px;color:#fff;text-decoration:none;
  display:flex;flex-direction:column;gap:7px;overflow:hidden;min-height:128px;transition:transform .22s}
.cat-tile::after{content:"";position:absolute;inset:0;background:radial-gradient(120% 120% at 90% -10%,rgba(255,255,255,.28),transparent 55%)}
.cat-tile b{font-size:14.5px;font-weight:800;position:relative}
.cat-tile small{font-size:11px;opacity:.92;display:inline-flex;align-items:center;gap:4px;position:relative}
.ct-ic{position:relative;color:rgba(255,255,255,.95)}
.tile-1{background:linear-gradient(140deg,#0aa5ff,#0358e0)}
.tile-2{background:linear-gradient(140deg,#7a5cff,#4a3ff0)}
.tile-3{background:linear-gradient(140deg,#ff6a88,#ef4444)}
.tile-4{background:linear-gradient(140deg,#12b76a,#079455)}
@media(hover:hover){ .cat-tile:hover{transform:translateY(-4px)} }
@media(max-width:768px){ .cat-tiles{grid-template-columns:repeat(2,minmax(0,1fr))} .cat-tile{min-height:112px} }

/* --- کارت فروشگاه در اسکرولر --- */
.hs-track.shops{gap:10px}
.shop-card{flex:0 0 158px;display:flex;flex-direction:column;align-items:center;gap:7px;border-radius:var(--r-md);
  padding:16px 10px 13px;text-decoration:none;color:inherit;text-align:center;scroll-snap-align:start}
.shop-av{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;font-size:22px;font-weight:900;color:#fff;
  background:var(--grad);box-shadow:0 9px 20px -8px rgba(0,110,255,.55)}
.shop-card b{font-size:13px}
.shop-meta{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:var(--ink-2)}
.shop-meta svg{color:var(--amber)}
.dot-sep{width:4px;height:4px;border-radius:50%;background:var(--ink-3);display:inline-block}
.shop-num{font-size:10.5px;color:var(--ink-3)}

/* --- پیشنهاد روز --- */
.daily-spot{display:flex;align-items:center;gap:16px;border-radius:var(--r-lg);padding:16px;text-decoration:none;color:inherit;
  border:1.5px solid rgba(255,183,3,.4);position:relative;overflow:hidden}
.daily-spot::before{content:"";position:absolute;inset:-40% -20% auto auto;width:280px;height:280px;pointer-events:none;
  background:radial-gradient(closest-side,rgba(255,183,3,.18),transparent);border-radius:50%}
.ds-thumb{flex:0 0 128px;aspect-ratio:1;border-radius:var(--r-md);background:linear-gradient(160deg,#fff,#f2f7ff);
  display:grid;place-items:center;box-shadow:var(--sh-1)}
.ds-thumb img{width:84%;height:84%;object-fit:contain}
.ds-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
.ds-badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:800;color:#a16207}
.ds-info h3{font-size:15.5px;font-weight:800;line-height:1.6}
.ds-rate{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--ink-2)}
.ds-rate svg{color:var(--amber)}
.ds-price{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.ds-price del{color:var(--ink-3);font-size:12px}
.ds-price .badge-off{position:static;box-shadow:none}
.ds-price b{font-size:19px;font-weight:900}
.ds-cta{flex:none;width:46px;height:46px;border-radius:50%;background:var(--grad);color:#fff;display:grid;place-items:center;
  box-shadow:0 10px 22px -8px rgba(0,110,255,.55)}
@media(max-width:600px){ .ds-thumb{flex-basis:96px} .ds-info h3{font-size:13.5px} .ds-price b{font-size:16px} .ds-cta{width:38px;height:38px} }

/* --- بنر فروشنده شو --- */
.seller-cta{display:flex;align-items:center;justify-content:space-between;gap:14px;border-radius:var(--r-lg);
  padding:20px 22px;color:#fff;background:linear-gradient(120deg,#062a63,#0057c9 55%,#0094ff);position:relative;overflow:hidden}
.seller-cta::after{content:"";position:absolute;inset:0;background:radial-gradient(90% 160% at 100% 0%,rgba(0,198,255,.35),transparent 55%)}
.seller-cta .sc-txt{position:relative;display:flex;flex-direction:column;gap:4px}
.seller-cta b{font-size:17px;font-weight:900}
.seller-cta small{opacity:.9;font-size:12px}
.seller-cta .btn{position:relative;flex:none;background:#fff;color:var(--blue-deep);box-shadow:0 10px 26px -8px rgba(0,30,90,.5)}
@media(max-width:600px){ .seller-cta{flex-direction:column;align-items:flex-start;padding:18px 16px} }

/* --- کارت نظر خریداران --- */
.hs-track.reviews{gap:10px}
.review-card{flex:0 0 246px;border-radius:var(--r-md);padding:14px 15px;display:flex;flex-direction:column;gap:9px;scroll-snap-align:start}
.review-card blockquote{margin:0;font-size:12.5px;line-height:2;color:var(--ink-2);
  display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.rv-stars{display:flex;gap:1px;color:var(--amber)}
.review-card figcaption{display:flex;flex-direction:column;gap:1px;border-top:1px dashed rgba(11,42,94,.12);padding-top:9px}
.review-card figcaption b{font-size:12.5px}
.review-card figcaption small{font-size:11px;color:var(--ink-3)}

/* --- شمارنده‌ها --- */
.stats-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.stat{display:flex;flex-direction:column;align-items:center;gap:4px;padding:18px 8px;border-radius:var(--r-md);text-align:center}
.stat-ic{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;color:#fff;background:var(--grad);margin-bottom:5px;box-shadow:0 9px 20px -8px rgba(0,110,255,.5)}
.stat-num{font-size:clamp(19px,2.6vw,26px);font-weight:900;background:linear-gradient(135deg,#0057ff,#00b4ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-variant-numeric:tabular-nums}
.stat small{font-size:11.5px;color:var(--ink-3);font-weight:600}
@media(max-width:600px){ .stats-row{grid-template-columns:repeat(2,minmax(0,1fr))} }

/* --- چرا خورجین --- */
.why-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.why{display:flex;flex-direction:column;gap:7px;border-radius:var(--r-md);padding:17px 14px}
.why-ic{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;color:var(--blue-deep);background:rgba(0,116,255,.1);border:1px solid rgba(0,116,255,.16)}
.why b{font-size:13.5px}
.why small{font-size:11.5px;color:var(--ink-3);line-height:1.8}
@media(max-width:768px){ .why-grid{grid-template-columns:repeat(2,minmax(0,1fr))} }

/* --- سوالات متداول --- */
.faq{border-radius:var(--r-md);overflow:hidden}
.faq details{border-bottom:1px solid rgba(11,42,94,.08)}
.faq details:last-child{border-bottom:0}
.faq summary{display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;list-style:none;
  padding:14px 17px;font-size:13.5px;font-weight:700}
.faq summary::-webkit-details-marker{display:none}
.faq-ch{color:var(--blue);transition:transform .3s}
.faq details[open] .faq-ch{transform:rotate(180deg)}
.faq details p{padding:0 17px 15px;font-size:12.5px;line-height:2.05;color:var(--ink-2)}

/* --- خبرنامه و PWA --- */
.newsletter{display:flex;align-items:center;justify-content:space-between;gap:16px;border-radius:var(--r-lg);padding:18px 20px;flex-wrap:wrap}
.nl-txt{display:flex;align-items:center;gap:13px}
.nl-ic{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;color:#fff;background:var(--grad);flex:none;box-shadow:0 9px 20px -8px rgba(0,110,255,.5)}
.nl-txt b{display:block;font-size:15px;margin-bottom:2px}
.nl-txt small{font-size:12px;color:var(--ink-2)}
.nl-form{display:flex;gap:8px;flex:1;min-width:250px;max-width:430px}
.nl-form .input{flex:1}
.pwa-banner{display:flex;align-items:center;gap:14px;border-radius:var(--r-lg);padding:18px 20px;flex-wrap:wrap}
.pwa-ic{width:54px;height:54px;border-radius:17px;display:grid;place-items:center;color:#fff;background:linear-gradient(140deg,#0b1b33,#14345f);flex:none}
.pwa-txt{flex:1;min-width:180px}
.pwa-txt b{display:block;font-size:15px;margin-bottom:2px}
.pwa-txt small{font-size:12px;color:var(--ink-2)}

/* --- سرفصل‌ها --- */
.sec-more{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:700;color:var(--blue-deep);text-decoration:none;
  background:rgba(0,116,255,.08);border:1px solid rgba(0,116,255,.14);border-radius:99px;padding:6px 13px;transition:.2s}
@media(hover:hover){ .sec-more:hover{background:rgba(0,116,255,.15)} }
.st-ic{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;color:#fff;background:var(--grad);
  box-shadow:0 8px 18px -8px rgba(0,110,255,.55);flex:none}
@media(max-width:600px){ .sec-title{font-size:16px;gap:8px} .st-ic{width:34px;height:34px;border-radius:11px} .sec{margin-top:24px} }

/* --- هدر فروشگاه (صفحه فروشنده) فشرده --- */
.shop-head{border-radius:var(--r-lg);padding:16px 18px;display:flex;flex-direction:column;gap:14px;margin-top:16px}
.sh-main{display:flex;align-items:center;gap:14px}
.sh-av{flex:none;width:60px;height:60px;border-radius:19px;display:grid;place-items:center;color:#fff;font-size:24px;font-weight:900;
  background:var(--grad);box-shadow:0 10px 22px -8px rgba(0,110,255,.55)}
.sh-title{min-width:0;flex:1}
.sh-title h1{font-size:17px;font-weight:900;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.sh-verified{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;font-weight:800;color:#0a7d4c;
  background:rgba(18,183,106,.12);border:1px solid rgba(18,183,106,.3);border-radius:99px;padding:3px 9px}
.sh-verified svg{color:var(--green)}
.sh-title p{font-size:12px;color:var(--ink-3);margin-top:4px;line-height:1.7}
.sh-story-link{display:inline-flex;align-items:center;gap:8px;margin-top:9px;cursor:pointer}
.sh-story-link .story-ring{width:42px;max-width:none}
.sh-story-link span{font-size:11.5px;font-weight:700;color:var(--blue-deep)}
.sh-story-link{flex-direction:row}
.sh-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;border-top:1px dashed rgba(11,42,94,.14);padding-top:12px}
.sh-stat{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:11px;color:var(--ink-3)}
.sh-stat svg{color:var(--blue)}
.sh-stat b{font-size:13px;color:var(--ink);font-variant-numeric:tabular-nums}
@media(max-width:600px){
  .shop-head{padding:12px 13px;gap:11px}
  .sh-av{width:48px;height:48px;border-radius:15px;font-size:20px}
  .sh-title h1{font-size:15px}
  .sh-title p{font-size:11px}
}
@media(max-width:768px){
  .story-bd{width:100vw;height:100vh;height:100dvh;max-height:none;aspect-ratio:auto;border-radius:0;box-shadow:none}
  .story-segs{top:calc(10px + env(safe-area-inset-top,0px))}
  .story-head{top:calc(24px + env(safe-area-inset-top,0px))}
}
@media(min-width:769px){
  .story-bd{width:min(430px,92vw);height:min(86vh,772px);aspect-ratio:auto;max-height:none}
}

/* --- کارت محصول v3: دقیقاً مثل دیجی‌کالا و باسلام --- */
.p-card{border-radius:18px;border:1px solid rgba(11,42,94,.08);box-shadow:0 4px 14px -8px rgba(10,44,110,.1)}
.p-thumb{background:#fff;border-radius:0;padding:10px}
.p-thumb img{width:100%;height:100%;padding:0}
.p-body{background:#fff;border-radius:16px 16px 18px 18px;margin-top:-14px;position:relative;z-index:2;
  border-top:1px solid rgba(11,42,94,.06);padding:12px 11px 13px;box-shadow:0 -10px 20px -16px rgba(10,44,110,.28)}
.p-title{font-size:13px;line-height:1.7}
.p-meta{display:flex;align-items:center;gap:8px;min-height:18px;margin-top:2px}
.pm-rate{display:inline-flex;align-items:center;gap:3px;font-size:11.5px;font-weight:800;color:#b7791f}
.pm-rate svg{color:var(--amber)}
.pm-shop{display:inline-flex;align-items:center;gap:3px;font-size:10.5px;font-weight:600;color:var(--ink-3);min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pm-shop svg{color:var(--blue);flex:none}
.p-pricewrap{margin-top:auto;display:flex;flex-direction:column;gap:2px;padding-top:6px}
.p-pr-old{display:flex;align-items:center;justify-content:flex-end;gap:7px;direction:ltr}
.p-offchip{background:linear-gradient(135deg,#ff3d68,#f04438);color:#fff;font-size:10px;font-weight:900;border-radius:7px;padding:1.5px 7px;font-variant-numeric:tabular-nums}
.p-pr-old del{color:var(--ink-3);font-size:11px;font-variant-numeric:tabular-nums}
.p-pr-now{display:flex;align-items:baseline;justify-content:flex-end;gap:5px}
.p-pr-now b{font-size:16px;font-weight:900;font-variant-numeric:tabular-nums}
.p-pr-now .cur{font-size:10.5px;font-weight:600;color:var(--ink-3)}
.p-none{color:var(--ink-3);font-size:12.5px;font-weight:600}
@media(max-width:600px){
  .p-thumb{padding:6px}
  .p-body{padding:9px 9px 11px;margin-top:-12px}
  .p-title{font-size:12px}
  .p-pr-now b{font-size:13.5px}
}

/* --- صفحه فروشگاه: کاور، آواتار لوگو، باکس استوری، عملکرد --- */
.shop-cover{height:170px;background:linear-gradient(120deg,#062a63,#0057c9 55%,#0094ff);position:relative;overflow:hidden;
  border-radius:0 0 30px 30px}
.shop-cover::after{content:"";position:absolute;inset:0;background:radial-gradient(80% 140% at 85% 0%,rgba(0,198,255,.4),transparent 60%),radial-gradient(60% 100% at 10% 100%,rgba(122,92,255,.35),transparent)}
@media(max-width:600px){.shop-cover{height:120px;border-radius:0 0 22px 22px}}
.shop-head{margin-top:-56px;position:relative;z-index:3}
.sh-av-img,.sh-av-named{border-radius:20px;object-fit:cover;background:#fff;border:3px solid #fff;box-shadow:0 10px 24px -8px rgba(8,44,110,.35);flex:none}
.sh-av-named{display:grid;place-items:center;color:#fff;background:var(--grad);font-weight:900}
.sh-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.sh-chip{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;font-weight:700;color:var(--ink-2);
  background:#f0f6ff;border:1px solid rgba(0,94,255,.12);border-radius:99px;padding:3px 9px;max-width:100%}
.sh-chip svg{color:var(--blue);flex:none}
@media(max-width:600px){.shop-head{margin-top:-44px;padding:11px 12px}.sh-chip{font-size:9.5px;padding:2.5px 7px}}

.shop-stories-box{border-radius:var(--r-md);padding:13px 15px}
.ssb-head{display:flex;align-items:center;gap:12px;margin-bottom:11px}
.ssb-txt{flex:1;min-width:0}
.ssb-txt b{display:block;font-size:14px}
.ssb-txt small{font-size:11px;color:var(--ink-3)}
.story-ring-static{flex:none;padding:2px}
.ssb-watch{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:800;color:#fff;background:var(--grad);border-radius:99px;padding:7px 14px;flex:none}
.ssb-row{padding-bottom:2px}

.shop-perf{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.perf-card{display:flex;flex-direction:column;gap:6px;border-radius:var(--r-md);padding:14px;text-align:center;align-items:center}
.perf-card b{font-size:13px}
.perf-card small{font-size:10.5px;color:var(--ink-3);line-height:1.7}
.perf-ic{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;color:#fff;flex:none}
@media(max-width:640px){.shop-perf{grid-template-columns:minmax(0,1fr);gap:8px}.perf-card{flex-direction:row;text-align:right;align-items:center;gap:12px}.perf-card b{font-size:12.5px}}

/* --- ردیف‌های پیشنهاد فروشندگان (بدون اسکرول مزاحم) --- */
.offer-rows{display:flex;flex-direction:column;gap:9px}
.offer-row{display:flex;align-items:center;gap:12px;background:#fff;border:1.4px solid rgba(11,42,94,.08);border-radius:16px;padding:11px 14px;transition:border-color .2s,box-shadow .2s}
.offer-row.is-best{border-color:rgba(18,183,106,.5);background:linear-gradient(0deg,rgba(18,183,106,.05),rgba(18,183,106,.02));box-shadow:0 10px 26px -14px rgba(18,183,106,.4)}
.of-rank{flex:none;width:34px;height:34px;border-radius:11px;display:grid;place-items:center;font-size:13px;font-weight:900;color:var(--ink-2);background:#f0f6ff}
.of-rank.best{background:linear-gradient(140deg,#ffb703,#f27500);color:#fff;box-shadow:0 7px 16px -6px rgba(242,117,0,.55)}
.of-av{flex:none;width:42px;height:42px;border-radius:13px;display:grid;place-items:center;color:#fff;font-weight:900;font-size:16px;background:var(--grad)}
.of-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.of-shop{font-size:13.5px;font-weight:800;color:var(--blue-deep);text-decoration:none}
.of-info small{display:flex;align-items:center;gap:4px;font-size:10.5px;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.of-info small svg{color:var(--green);flex:none}
.of-stock{flex:none;font-size:11px;font-weight:700}
.o-stock-in{color:#0a7d4c;background:rgba(18,183,106,.1);border-radius:99px;padding:3px 10px}
.o-stock-low{color:#c23429;background:rgba(240,68,56,.1);border-radius:99px;padding:3px 10px}
.of-price{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:3px;text-align:left}
.of-del{display:flex;align-items:center;gap:6px;direction:ltr}
.of-del del{font-size:10.5px;color:var(--ink-3)}
.of-price b{font-size:15.5px;font-weight:900;font-variant-numeric:tabular-nums;display:flex;align-items:baseline;gap:4px}
.of-price .cur{font-size:10px;font-weight:600;color:var(--ink-3)}
.best-tag{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:900;color:#0a7d4c;background:rgba(18,183,106,.13);border-radius:99px;padding:2px 9px}
.of-buy{flex:none}
@media(max-width:700px){
  .offer-row{flex-wrap:wrap;gap:8px 10px;padding:11px 12px}
  .of-info{order:3;flex-basis:100%;margin-top:2px}
  .of-stock{display:none}
  .of-price{margin-inline-start:auto;align-items:flex-end}
  .of-rank{width:30px;height:30px}
  .of-av{width:36px;height:36px;border-radius:11px}
}

/* --- کارت دیدگاه‌ها + برچسب خریدار --- */
.comment-card{background:#fff;border:1px solid rgba(11,42,94,.07);border-radius:15px;padding:13px 15px;margin-bottom:10px}
.cm-head{display:flex;align-items:center;gap:10px;margin-bottom:7px}
.cm-id{flex:1;min-width:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:7px}
.cm-id b{font-size:13px}
.cm-id small{font-size:11px;color:var(--ink-3);display:block;flex-basis:100%}
.cm-stars{display:flex;gap:1px;color:var(--amber)}
.cm-body{margin:0;font-size:13px;color:var(--ink-2);line-height:2}
.buyer-badge{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:900;color:#0a7d4c;background:rgba(18,183,106,.12);border:1px solid rgba(18,183,106,.25);border-radius:99px;padding:2px 8px}
.buyer-badge svg{color:var(--green)}

/* --- آواتار کاربر --- */
.u-av{border-radius:50%;display:inline-grid;place-items:center;color:#fff;flex:none;box-shadow:0 6px 14px -6px rgba(8,40,110,.35)}
.u-av-letter{background:var(--grad);font-weight:900}
.pd-rate .stars{display:inline-flex;gap:1px;color:var(--amber);vertical-align:-2px}

/* --- کارت‌های سفارش (ریسپانسیو کامل) --- */
.order-cards{display:flex;flex-direction:column;gap:10px}
.order-card{background:#fff;border:1px solid rgba(11,42,94,.08);border-radius:15px;padding:12px 14px;
  display:flex;flex-direction:column;gap:9px;min-width:0}
.oc-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.oc-code{font-size:13px;font-variant-numeric:tabular-nums}
.oc-status{margin-inline-start:auto}
.oc-mid{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.oc-date{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;color:var(--ink-3);font-weight:600}
.oc-date svg{color:var(--blue)}
.oc-price{font-size:14.5px;font-weight:900}
.oc-actions{display:flex;gap:7px;justify-content:flex-end}
@media(min-width:640px){
  .order-card{flex-direction:row;align-items:center}
  .oc-top{flex:2;min-width:0}
  .oc-mid{flex:1.4;justify-content:space-between}
  .oc-actions{flex:none}
}

/* --- انتخابگر آواتار --- */
.avatar-pick{display:flex;flex-wrap:wrap;gap:9px}
.av-opt{position:relative;width:52px;height:52px;border-radius:50%;border:2.5px solid transparent;color:#fff;
  display:grid;place-items:center;cursor:pointer;transition:transform .18s,box-shadow .18s,border-color .18s}
@media(hover:hover){.av-opt:hover{transform:translateY(-3px)}}
.av-opt.on{border-color:var(--blue);box-shadow:0 0 0 4px rgba(0,148,255,.2),0 8px 18px -8px rgba(0,86,255,.5)}
.av-check{position:absolute;bottom:-2px;inset-inline-end:-2px;width:20px;height:20px;border-radius:50%;
  background:#12b76a;color:#fff;display:grid;place-items:center;border:2px solid #fff}

/* ══════════════════════════════════════════════════════════════
   خورجین v2.2 — تم یکدست دیجی‌کالایی: ساده، تخت، حرفه‌ای
   (فانتزی‌ها، انیمیشن‌ها و افکت‌های اضافه حذف شده‌اند)
   ══════════════════════════════════════════════════════════════ */

/* --- پس‌زمینه خاکستری روشن یکدست --- */
body{background:#f1f2f4;background-image:none}

/* --- کارت‌های «گلس» حالا سفید و تمیز --- */
.glass{background:#fff;border:1px solid #e6e9f0;box-shadow:0 2px 10px -4px rgba(21,35,63,.08);
  -webkit-backdrop-filter:none;backdrop-filter:none}
@media(max-width:992px){.glass{background:#fff!important}}

/* --- انیمیشن‌های فانتزی حذف --- */
main.page,.main,.p-thumb img,.cart-item img,.pd-gallery img,.grid-products .p-card{animation:none!important}
.amz-rocket{animation:none!important}
@media(hover:hover){
 .p-card:hover{transform:none;box-shadow:0 6px 18px -8px rgba(21,35,63,.18);border-color:#cdd7e6}
 .p-card:hover .p-thumb img{transform:none}
 .cat-bubble:hover .cb-ic{transform:none}
 .cat-tile:hover{transform:none}
 .shop-card:hover{transform:none}
 .btn-primary:hover{transform:none}
}
.p-thumb img{filter:none;transition:none}
.brand-txt b{background:none;-webkit-text-fill-color:var(--blue-deep);color:var(--blue-deep)}

/* --- دکمه اصلی: آبی تخت مثل دیجی‌کالا --- */
.btn-primary{background:#0d8bff;box-shadow:none}
.btn-primary:hover{background:#0b7de6;box-shadow:none}
.btn-danger{background:#ef4056}

/* --- آیکون سرفصل‌ها: تخت --- */
.st-ic{background:#0d8bff;box-shadow:none}
.sec-title .st-ic{background:#0d8bff;box-shadow:none}

/* --- حباب دسته‌بندی: تخت --- */
.cat-bubble .cb-ic{box-shadow:none}
.cat-bubble:nth-child(4n+1) .cb-ic{background:#e8f3ff;color:#0d8bff}
.cat-bubble:nth-child(4n+2) .cb-ic{background:#f1eaff;color:#7a5cff}
.cat-bubble:nth-child(4n+3) .cb-ic{background:#ffecef;color:#ef4056}
.cat-bubble:nth-child(4n+4) .cb-ic{background:#e7f9f0;color:#0a9d61}

/* --- بنرها و تایل‌ها: تخت --- */
.cat-tile::after{display:none}
.tile-1{background:#1e88e5}.tile-2{background:#6d5ae8}.tile-3{background:#e2637c}.tile-4{background:#169a64}
.seller-cta{background:#1d48a0}.seller-cta::after{display:none}
.svc-ic,.stat-ic,.nl-ic,.shop-av{background:#0d8bff;box-shadow:none}
.stat-num{background:none;-webkit-text-fill-color:var(--navy);color:var(--navy)}
.chip-tabs a.on{background:#0d8bff;box-shadow:none}

/* ═══════ کارت محصول v4 — دقیقاً سبک دیجی‌کالا ═══════ */
.p-card{border-radius:10px;border:1px solid #e6e9f0;box-shadow:none;overflow:hidden;background:#fff;transition:box-shadow .18s,border-color .18s}
.p-thumb{background:#fff;padding:14px}
.p-thumb img{width:100%;height:100%;object-fit:contain;filter:none}
.p-body{background:#fff;border-radius:0;margin-top:0;box-shadow:none;border-top:1px solid #f0f1f4;padding:10px 12px 12px;gap:5px}
.p-title{font-size:12.5px;line-height:1.75;color:#23254e}
.p-meta{gap:8px}
.pm-sellers{font-size:10.5px;font-weight:600;color:#7b7f92}
.pm-shop{font-size:10.5px;font-weight:600;color:#7b7f92}
.pm-rate{font-size:11px;color:#4d4f63}
.pm-rate svg{color:#f9a825}
.p-pricewrap{padding-top:4px}
.p-pr-old{min-height:18px}
.p-offchip{background:#ef4056;border-radius:6px;font-size:10.5px;padding:1px 6px}
.p-pr-now b{font-size:15px;color:#23254e}
.p-pr-now .cur{color:#a1a3b2}
.amz-track .p-card,.hs-track .p-card{flex-basis:152px}
@media(min-width:768px){.amz-track .p-card,.hs-track .p-card{flex-basis:184px}}
@media(max-width:600px){.p-thumb{padding:10px}.p-body{padding:8px 9px 10px}}

/* ═══════ شگفت‌انگیز: باکس قرمز کامپکت دیجی‌کالایی ═══════ */
.amz-wrap{background:#ef4056;border-radius:14px;box-shadow:none;padding:10px 12px;gap:10px;align-items:center}
.amz-banner{flex-basis:110px;gap:7px}
.amz-rocket{color:#fff}
.amz-banner b{font-size:14.5px;line-height:1.55;font-weight:800}
.amz-timer{background:rgba(255,255,255,.22);border:0;border-radius:8px;font-size:11.5px;padding:3px 8px}
.amz-all{font-size:10.5px}
.amz-scroll{overflow-x:auto!important;scrollbar-width:none}
.amz-track .p-card{flex-basis:140px;border:0}
@media(min-width:768px){.amz-track .p-card{flex-basis:160px}}
.amz-more{flex:0 0 92px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;
  align-self:stretch;color:#fff;text-decoration:none;min-height:120px}
.amz-more svg{width:34px;height:34px;padding:7px;border:1.5px dashed rgba(255,255,255,.6);border-radius:50%}
.amz-more small{font-size:10.5px;font-weight:700}
@media(min-width:1200px){.amz-scroll{overflow-x:auto!important}}

/* ═══════ درگ اسکرول با موس ═══════ */
.drag-scroll{cursor:grab}
.drag-scroll.dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}
.drag-scroll img{-webkit-user-drag:none}

/* ═══════ فروشندگان این کالا: انتخابی ═══════ */
.offer-row{cursor:pointer;position:relative;padding-inline-start:44px}
.offer-row:hover{border-color:#bcd3ee}
.offer-row.on{border-color:#0d8bff;border-width:1.6px;box-shadow:0 0 0 3px rgba(13,139,255,.12)}
.offer-row.on.is-best{border-color:#0d8bff}
.offer-row.is-out{opacity:.55;cursor:not-allowed}
.of-check{position:absolute;inset-inline-start:12px;top:50%;transform:translateY(-50%);
  width:22px;height:22px;border-radius:50%;border:1.6px solid #c5cdda;color:transparent;
  display:grid;place-items:center;transition:.15s}
.offer-row.on .of-check{background:#0d8bff;border-color:#0d8bff;color:#fff}
.offer-row.is-best{border-color:rgba(18,183,106,.45)}
.offer-row.is-best.on{border-color:#0d8bff}
.best-tag{background:rgba(18,183,106,.1);color:#0a7d4c}
.buyer-badge,.of-info small svg{color:#0a9d61}
.of-shop{color:#23254e}
.of-shop-link{font-size:10px;font-weight:700;color:#0d8bff;margin-inline-start:5px}
@media(hover:hover){.of-shop-link:hover{text-decoration:underline}}

/* ═══════ برودکرامب + توضیح کوتاه + تب‌ها ═══════ */
.crumbs{display:flex;align-items:center;gap:8px;font-size:11.5px;color:#8b8fa3;margin-top:16px;flex-wrap:wrap}
.crumbs a{color:#6d7288}
.crumbs a:hover{color:#0d8bff}
.cr-sep{width:5px;height:5px;border-radius:50%;background:#c5c9d6}
.cr-now{color:#4a4e66;font-weight:600}
.pd-short{font-size:13.5px;color:#5b6079;line-height:2;background:#fff;border:1px solid #eceef3;border-radius:10px;padding:11px 14px;margin-top:10px}
.pd-rate-link{color:#0d8bff;font-weight:700}
.pd-desc{font-size:13.5px;color:#3f4354;line-height:2.15;background:#fff;border:1px solid #eceef3;box-shadow:none}
.pd-short-block{font-weight:700;color:#23254e;margin-bottom:10px;padding-bottom:10px;border-bottom:1px dashed #e6e9f0}
.spec-table{box-shadow:none;border:1px solid #eceef3}
.p-tabs{margin-bottom:14px}
.p-tabs a{background:#fff;border:1px solid #e2e5ee;color:#5b6079}
.p-tabs a.on{background:#0d8bff;border-color:#0d8bff;color:#fff}
@media(max-width:992px){
}

/* ═══════ نوار خرید پایین صفحه محصول (موبایل) ═══════ */
.pbar{position:fixed;bottom:0;inset-inline:0;z-index:80;display:flex;align-items:center;gap:10px;
  background:#fff;border-top:1px solid #e6e9f0;box-shadow:0 -6px 20px -6px rgba(21,35,63,.16);
  padding:9px 10px calc(9px + env(safe-area-inset-bottom,0px));border-radius:0}
.pbar-cart{position:relative;width:42px;height:42px;border:1px solid #e2e5ee;border-radius:12px;
  display:grid;place-items:center;color:#23254e;flex:none}
.pbar-cart .cart-badge{top:-5px;left:-6px}
.pbar-price{display:flex;flex-direction:column;gap:1px;flex:none;min-width:0}
.pbar-price small{font-size:9.5px;color:#8b8fa3;font-weight:600}
.pbar-p{display:flex;align-items:baseline;gap:7px}
.pbar-p del{font-size:10.5px;color:#a1a3b2}
.pbar-p b{font-size:15px;font-weight:900;color:#23254e;font-variant-numeric:tabular-nums}
.pbar-p .cur{font-size:10px;color:#a1a3b2}
.pbar-btn{flex:1;min-width:0;padding:11px 10px;font-size:13.5px;border-radius:12px}
@media(min-width:993px){.pbar{display:none}}
.story-bd{width:min(430px,calc(100vw - 24px));height:min(calc(100dvh - 44px),780px);
  aspect-ratio:auto;max-height:none;border-radius:20px}
@media(max-width:768px){
  .story-bd{width:100%;height:calc(100dvh - 40px);border-radius:18px;box-shadow:0 18px 60px rgba(0,0,0,.5)}
  .story-segs{top:10px}
  .story-head{top:22px}
}

/* ═══════ باکس استوری فروشگاه v2: فعال + بایگانی ═══════ */
.shop-stories-box{background:#fff;border:1px solid #e6e9f0;border-radius:14px;padding:13px 14px}
.ssb-head{display:flex;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:wrap}
.ssb-txt{flex:1;min-width:180px}
.ssb-txt b{font-size:14px;display:block}
.ssb-txt small{font-size:11px;color:#8b8fa3}
.ssb-chips{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.ssb-chip{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;font-weight:800;border-radius:99px;padding:4px 10px}
.ssb-chip.is-live{background:#e8f3ff;color:#0d8bff}
.ssb-chip.is-arch{background:#f0f1f4;color:#6d7288}
.ssb-manage{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;font-weight:800;color:#fff;background:#23254e;border-radius:99px;padding:5px 11px}
.story.arch .story-ring{background:#d5dae4;padding:2.5px}
.story.arch .story-ring img{filter:grayscale(.35) brightness(.97)}
.story{align-content:flex-start}
.story-ring{position:relative}
.arch-tag{position:absolute;bottom:-2px;inset-inline-end:-2px;width:22px;height:22px;border-radius:50%;
  background:#4a4e66;color:#fff;display:grid;place-items:center;border:2.5px solid #fff;z-index:2}
.story.seen .story-ring{background:#d5dae4}

/* ═══════ یکدست‌سازی سایه و گوشه‌ها ═══════ */
.buy-box,.sum-card,.pd-gallery,.shop-head,.p-card{box-shadow:none}
.buy-box{border:1px solid #e6e9f0}
.bb-shop-name{font-size:13.5px;color:#23254e;display:block}
.bb-shop-war{display:block;color:#8b8fa3;font-size:11px;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bb-price{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin:10px 0 12px}
.bb-old{display:flex;align-items:center;gap:6px}
.bb-old del{font-size:12px;color:#a1a3b2}
.bb-now b{font-size:21px;font-weight:900;color:#23254e}
.bb-warn{font-size:11.5px;text-align:center;padding:8px;border-radius:9px;margin-top:10px;font-weight:700}
.bb-warn.is-ok{background:rgba(18,183,106,.09);color:#0a9d61}
.bb-warn.is-low{background:rgba(239,64,86,.09);color:#d32f45}
.bb-trust{display:flex;justify-content:space-around;gap:6px;margin-top:13px;padding-top:11px;border-top:1px dashed #e6e9f0}
.bb-trust span{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:700;color:#6d7288}
.bb-trust svg{color:#0d8bff}
.hero-slider{box-shadow:none}
.trust,.svc,.why,.stat,.review-card{box-shadow:none}

/* ═══════ منوی پایین استاندارد (تخت و مینیمال) ═══════ */
.bnav{background:#fff;border:1px solid #e6e9f0;border-bottom:0;box-shadow:0 -6px 20px -8px rgba(21,35,63,.14)}
.bnav-item.on{color:#0d8bff;background:rgba(13,139,255,.09)}

/* ═══════ ریزه‌کاری‌های یکدستی ═══════ */
.btn-glass{background:rgba(255,255,255,.2)}
.kpi,.panel-card,.table-wrap{border-color:#e6e9f0;box-shadow:none}
.acct-side a:hover,.acct-side a.on{background:rgba(13,139,255,.09);color:#0d8bff}
.page{padding-bottom:110px}
@media(max-width:992px){.page{padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))}}
.back-top{background:#fff;border:1px solid #dfe3ec;color:#0d8bff;box-shadow:0 6px 18px -6px rgba(21,35,63,.25)}
.toast{animation:toastIn .25s ease,toastOut .3s ease 3.2s forwards}
.bnav{background:rgba(255,255,255,.82)!important;
 -webkit-backdrop-filter:blur(10px) saturate(1.35);
 backdrop-filter:blur(10px) saturate(1.35)}
@media(max-width:992px){
 .glass{background:rgba(255,255,255,.82)!important;
  -webkit-backdrop-filter:blur(10px) saturate(1.4)!important;
  backdrop-filter:blur(10px) saturate(1.4)!important}
}

/* ─── نوار حالت نمایش حساب (Impersonation) ─── */
.imp-bar{position:sticky;top:0;z-index:400;display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;
 padding:9px 14px;background:linear-gradient(90deg,#2b1a6e,#5b21b6,#7a1fa2);color:#fff;font-size:12.5px;font-weight:700;
 box-shadow:0 4px 18px -6px rgba(60,10,120,.5)}
.imp-bar svg{flex-shrink:0}
.imp-bar a{display:inline-flex;align-items:center;gap:5px;background:#fff;color:#4c1d95;font-weight:800;font-size:12px;
 padding:5px 13px;border-radius:999px;text-decoration:none;transition:.2s}
.imp-bar a:hover{transform:scale(1.05)}

/* ─── آیکن لینک‌های سایدبار پنل‌ها ─── */
.sl-ic{display:inline-flex;align-items:center;opacity:.85}

/* ─── تیک اعتبار کنار نام فروشگاه ─── */
.bdg-tick{display:inline-flex;vertical-align:-3px;margin-inline-start:3px;color:#0d8bff}
.bdg-tick.gold{color:#d9a400}

/* ─── برچسب ارتقای استوری روی حلقه ─── */
.boost-tag{position:absolute;bottom:-2px;inset-inline-start:-3px;width:23px;height:23px;border-radius:50%;
 display:grid;place-items:center;color:#fff;border:2.5px solid #fff;z-index:2;
 background:linear-gradient(135deg,#c0c8d4,#8a97ad);box-shadow:0 3px 8px -2px rgba(70,90,120,.5)}
.boost-tag.gold{background:linear-gradient(135deg,#ffd25e,#f0a500);color:#7a4d00}

/* ─── روبان «تبلیغ» روی بنرهای تبلیغاتی ─── */
.ad-ribbon{position:absolute;top:10px;inset-inline-start:10px;z-index:3;display:inline-flex;align-items:center;gap:4px;
 background:rgba(22,10,54,.62);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
 color:#ffd25e;font-size:10.5px;font-weight:800;padding:4px 10px;border-radius:999px;
 border:1px solid rgba(255,210,94,.4)}

/* ─── اثبات اجتماعی صفحه محصول ─── */
.social-proof{display:flex;align-items:center;gap:7px;margin-top:10px;padding:9px 12px;border-radius:11px;
 background:linear-gradient(90deg,rgba(13,139,255,.08),rgba(0,198,255,.05));
 border:1px dashed rgba(13,139,255,.3);color:#0a5ecb;font-size:11.5px;font-weight:700}
.social-proof b{font-weight:900}

/* ─── پاسخ فروشنده به دیدگاه ─── */
.cm-reply{margin:12px 0 0 26px;padding:12px 14px;border-radius:12px 3px 12px 12px;
 background:rgba(18,183,106,.06);border:1px solid rgba(18,183,106,.2);border-inline-start:3px solid #12b76a}
.cm-reply b{display:flex;align-items:center;gap:5px;font-size:12px;color:#07845f;margin-bottom:6px}
.cm-reply p{margin:0;font-size:12.5px;color:#37474f;line-height:1.9}
.cm-reply small{display:block;margin-top:6px;font-size:10.5px;color:#7d8b99}

/* ─── جدول گرید ۳ ستونه ─── */
.f-grid3{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);gap:0 12px}
@media(max-width:640px){.f-grid3{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}

/* ─── کارت‌های سطح و تیک فروشگاه (پنل فروشنده) ─── */
.lvl-card{display:flex;gap:11px;align-items:flex-start;background:#f7f9fd;border:1px solid #e6ecf5;border-radius:14px;padding:14px}
.lvl-card .lvl-ic{flex-shrink:0;margin-top:2px}
.lvl-card b{display:block;font-size:13px;margin-bottom:3px}
.lvl-card small{font-size:10.5px;color:var(--ink-3);line-height:1.8;display:block}
.badge-shop{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin-top:12px}
@media(max-width:640px){.badge-shop{grid-template-columns:minmax(0,1fr)}}
.bs-card{position:relative;display:flex;flex-direction:column;gap:7px;align-items:center;text-align:center;
 padding:22px 16px 18px;border-radius:18px;overflow:hidden;transition:.25s}
.bs-card:hover{transform:translateY(-3px)}
.bs-card b{font-size:14.5px}
.bs-card small{font-size:11px;line-height:1.8;opacity:.85}
.bs-card .bs-price{font-size:13px;font-weight:900}
.bs-card form{width:100%;margin-top:4px}
.bs-card .bdg{margin-top:4px}
.bs-blue{background:linear-gradient(150deg,#0d8bff,#0057d9);color:#fff;box-shadow:0 12px 28px -10px rgba(13,139,255,.55)}
.bs-gold{background:linear-gradient(150deg,#ffc53d,#e68a00);color:#4d2e00;box-shadow:0 12px 28px -10px rgba(232,138,0,.55)}
.bs-tick{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.35)}
.bs-card .btn{width:100%}

/* ─── جادوی ثبت محصول ۳ مرحله‌ای ─── */
.wiz-steps{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px}
.wz{display:inline-flex;align-items:center;gap:8px;padding:9px 15px;border-radius:999px;font-size:12px;font-weight:700;
 background:#f1f4f9;color:var(--ink-3);border:1px solid #e4e9f2;transition:.25s}
.wz i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#dfe5ef;color:var(--ink-3);
 font-size:11px;font-style:normal;font-weight:900;transition:.25s}
.wz.on{background:linear-gradient(135deg,rgba(0,114,255,.1),rgba(0,198,255,.08));color:var(--blue-deep);border-color:rgba(0,114,255,.35)}
.wz.on i{background:linear-gradient(135deg,#00c6ff,#0072ff);color:#fff;box-shadow:0 3px 9px -2px rgba(0,114,255,.5)}
.wz.done{background:rgba(18,183,106,.1);color:#0a9d61;border-color:rgba(18,183,106,.3)}
.wz.done i{background:#12b76a;color:#fff}
.wz-nav{display:flex;gap:9px;margin-top:18px;padding-top:16px;border-top:1px dashed #e2e7f0}
.wz-nav .btn{min-width:150px}
.wz-sum{background:linear-gradient(135deg,rgba(18,183,106,.08),rgba(13,139,255,.06));border:1px solid rgba(18,183,106,.25);
 border-radius:13px;padding:13px 15px;font-size:12px;line-height:2;color:var(--ink-2);margin-bottom:14px}
.wz-sum b{color:var(--ink)}
.wz-sum:empty{display:none}

/* ─── کارت‌های انتخاب حالت (کاتالوگ/جدید) ─── */
.cat-choice{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
@media(max-width:640px){.cat-choice{grid-template-columns:minmax(0,1fr)}}
.cc-card{position:relative;display:flex;flex-direction:column;gap:8px;align-items:center;text-align:center;cursor:pointer;
 padding:20px 16px;border-radius:16px;background:#f7f9fd;border:2px solid #e4e9f2;transition:.25s}
.cc-card input[type=radio]{position:absolute;opacity:0;pointer-events:none}
.cc-card:hover{border-color:#c3d6f2;transform:translateY(-2px)}
.cc-card.on{background:linear-gradient(140deg,rgba(0,114,255,.09),rgba(0,198,255,.06));border-color:#0072ff;
 box-shadow:0 10px 24px -12px rgba(0,114,255,.45)}
.cc-card .cc-ic{display:grid;place-items:center;width:50px;height:50px;border-radius:15px;background:#e8eff9;color:var(--blue-deep);transition:.25s}
.cc-card.on .cc-ic{background:linear-gradient(135deg,#00c6ff,#0072ff);color:#fff}
.cc-card b{font-size:13.5px}
.cc-card small{font-size:11px;color:var(--ink-3);line-height:1.8}

/* ─── جستجو و انتخاب کالا از کاتالوگ ─── */
.cat-res{margin-top:8px;border:1px solid #e2e7f0;border-radius:12px;background:#fff;max-height:260px;overflow:auto;
 box-shadow:0 14px 32px -18px rgba(11,42,94,.3)}
.cr-item{display:flex;align-items:center;gap:10px;padding:9px 12px;cursor:pointer;border-bottom:1px solid #f1f4f9;font-size:12.5px;transition:.15s}
.cr-item:last-child{border-bottom:0}
.cr-item:hover{background:#f4f9ff}
.cr-item img{width:38px;height:38px;border-radius:9px;object-fit:cover;flex-shrink:0}
.cr-item .cr-t{font-weight:700;flex:1}
.cr-item .cr-c{font-size:10.5px;color:var(--ink-3)}
.cr-item .cr-now{font-size:10.5px;color:#0a9d61;font-weight:700;white-space:nowrap}
.attach-sel{display:flex;align-items:center;gap:12px;margin-top:12px;padding:12px 14px;border-radius:14px;
 background:rgba(18,183,106,.07);border:1px solid rgba(18,183,106,.3)}
.attach-sel img{width:52px;height:52px;border-radius:11px;object-fit:cover}
.attach-sel b{display:block;font-size:13px}
.attach-sel small{font-size:11px;color:var(--ink-3)}
.attach-sel .btn{margin-inline-start:auto}
.attach-sel.hidden,.hidden.attach-sel{display:none}

/* ─── ویجت‌ساز صفحه اصلی (پنل مدیر) ─── */
.wd-row{display:flex;align-items:center;gap:11px;padding:11px 13px;border:1px solid #e6ecf5;border-radius:13px;
 background:#fbfcfe;margin-bottom:8px;transition:.2s}
.wd-row.off{opacity:.55;background:#f6f7fa}
.wd-row .wd-handle{color:#aab4c6;cursor:grab;flex-shrink:0}
.wd-row .wd-name{flex:1;font-size:13px;display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.wd-row .wd-name b{min-width:150px}
.wd-row .btn[disabled]{opacity:.3;pointer-events:none}

/* ─── تصویر بندانگشتی بنر تبلیغاتی در پنل مدیر ─── */
.ad-thumb{width:96px;height:46px;object-fit:cover;border-radius:9px;display:block;margin-bottom:6px;border:1px solid #e6ecf5}

/* ============================================================
   v2.4 — پیگیری سفارش، کارکنان شرکت، داشبورد حرفه‌ای، آمار تبلیغ
   ============================================================ */

/* ─── تایم‌لاین پیگیری سفارش ─── */
.ot-steps{display:flex;align-items:flex-start;margin:14px 2px 10px}
.ot-step{flex:1;position:relative;text-align:center;font-style:normal}
.ot-step::before{content:"";position:absolute;top:12px;right:50%;left:-50%;height:2.5px;background:#e5eaf3;border-radius:3px}
.ot-step:first-child::before{display:none}
.ot-dot{position:relative;z-index:1;width:25px;height:25px;margin:0 auto 5px;border-radius:50%;
 background:#e9edf4;color:#a4abbd;display:grid;place-items:center;transition:.3s}
.ot-step em{display:block;font-style:normal;font-size:10px;font-weight:700;color:#9aa1b3}
.ot-step small{display:block;font-size:8.5px;color:#b6bcc9;margin-top:1px}
.ot-step.done::before{background:#12b76a}
.ot-step.done .ot-dot{background:#12b76a;color:#fff;box-shadow:0 3px 9px -3px rgba(18,183,106,.6)}
.ot-step.done em{color:#0a9d61}
.ot-step.now::before{background:#f7b500}
.ot-step.now .ot-dot{background:#fff;border:2.5px solid #f7b500;color:#f7b500;animation:otPulse 1.7s infinite}
.ot-step.now em{color:#b26a00;font-weight:900}
@keyframes otPulse{0%{box-shadow:0 0 0 0 rgba(247,181,0,.55)}70%{box-shadow:0 0 0 10px rgba(247,181,0,0)}100%{box-shadow:0 0 0 0 rgba(247,181,0,0)}}
.ot-steps-bad{display:flex;align-items:center;gap:6px;justify-content:center;margin:12px 0 8px;padding:9px 14px;
 border-radius:11px;background:rgba(239,64,86,.09);color:#d32f45;font-size:12px;font-weight:800}
.inv-track{padding:6px 18px 4px;border-bottom:1px dashed #e6ecf5;margin-bottom:6px}
@media(max-width:640px){.ot-step em{font-size:9px}.ot-step small{display:none}}

/* ─── هیروی پنل‌ها (گرادیانی و شیشه‌ای) ─── */
.panel-hero{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;
 margin-bottom:18px;padding:20px 22px;border-radius:20px;color:#fff;
 background:linear-gradient(120deg,#0b1b33,#14345f 45%,#0a6cff);
 box-shadow:0 18px 42px -18px rgba(11,42,94,.55);position:relative;overflow:hidden}
.panel-hero::after{content:"";position:absolute;inset:-40% -10% auto auto;width:340px;height:340px;border-radius:50%;
 background:radial-gradient(circle,rgba(0,198,255,.35),transparent 65%)}
.panel-hero b{display:block;font-size:19px;font-weight:900;margin-bottom:5px}
.panel-hero span{font-size:12.5px;opacity:.92}
.panel-hero>div{position:relative;z-index:1}
.ph-role{position:relative;z-index:1;display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border-radius:999px;
 font-size:12px;font-weight:800;box-shadow:0 8px 20px -6px rgba(0,0,0,.35)}
.ph-cta{position:relative;z-index:1;background:#fff;color:#0a5ecb;font-weight:800;font-size:13px;
 padding:11px 20px;border-radius:14px;text-decoration:none;box-shadow:0 10px 24px -8px rgba(0,0,0,.4);
 display:inline-flex;align-items:center;gap:7px;transition:.2s}
.ph-cta:hover{transform:translateY(-2px) scale(1.03)}
.panel-hero-seller{background:linear-gradient(120deg,#003d99,#0072ff 55%,#00c6ff)}
@media(min-width:1100px){.kpi-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* ─── پالس سیستم (آخرین رویدادها) ─── */
.pulse-row{display:flex;gap:10px;align-items:flex-start;padding:8px 0;border-bottom:1px dashed #edf0f6}
.pulse-row:last-child{border-bottom:0}
.pl-dot{width:9px;height:9px;border-radius:50%;margin-top:6px;flex-shrink:0}
.pl-admin{background:#b03a2e;box-shadow:0 0 0 3px rgba(176,58,46,.15)}
.pl-seller{background:#0072ff;box-shadow:0 0 0 3px rgba(0,114,255,.15)}
.pl-user{background:#12b76a;box-shadow:0 0 0 3px rgba(18,183,106,.15)}
.pulse-row b{display:block;font-size:12px}
.pulse-row small{display:block;font-size:10.5px;color:var(--ink-3);margin-top:1px;line-height:1.6}

/* ─── نشان نقش همکار در هدر پنل ─── */
.staff-pill{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:800;
 padding:6px 13px;border-radius:999px;border:1.4px solid}

/* ─── نوار رشد فروشنده ─── */
.grow-strip{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:0 0 18px;padding:13px 16px;
 background:linear-gradient(90deg,rgba(0,114,255,.08),rgba(255,183,3,.09));
 border:1px solid rgba(0,114,255,.16);border-radius:16px;font-size:12px}
.grow-strip b{display:inline-flex;align-items:center;gap:6px;color:var(--blue-deep);margin-inline-end:4px}
.grow-strip a{display:inline-flex;align-items:center;gap:5px;background:#fff;border:1px solid #e0e8f5;color:var(--ink);
 font-size:11.5px;font-weight:700;padding:8px 13px;border-radius:999px;text-decoration:none;transition:.2s;
 box-shadow:0 3px 10px -4px rgba(11,42,94,.15)}
.grow-strip a:hover{transform:translateY(-2px);border-color:var(--blue);color:var(--blue-deep)}

/* ─── بنر تبلیغاتی جایگاه‌های جدید ─── */
.ad-banner{position:relative;display:block;border-radius:18px;overflow:hidden;margin:0 0 16px;
 box-shadow:0 14px 34px -16px rgba(11,42,94,.4);transition:.25s}
.ad-banner:hover{transform:translateY(-2px);box-shadow:0 20px 44px -16px rgba(11,42,94,.5)}
.ad-banner img{width:100%;height:clamp(90px,22vw,210px);object-fit:cover;display:block}
.ad-banner-sm img{height:clamp(70px,15vw,120px)}
.ad-banner-cap{position:absolute;bottom:0;inset-inline:0;padding:22px 16px 10px;color:#fff;font-size:13px;
 background:linear-gradient(180deg,transparent,rgba(4,12,28,.72))}
@media(min-width:993px){.ad-banner-sm{max-width:460px;margin-inline-start:auto}}
.ad-stat{display:inline-flex;align-items:center;gap:4px;font-weight:800;font-size:12px;color:#0a5ecb}
.ad-stat.is-click{color:#7a4de8}

/* ─── درگ‌اند‌دراپ ویجت‌ساز ─── */
#wdList{display:flex;flex-direction:column;gap:0}
.wd-row{cursor:grab;transition:box-shadow .15s,transform .15s}
.wd-row.dragging{opacity:.75;transform:scale(.985);box-shadow:0 16px 34px -12px rgba(11,42,94,.45);
 border-color:var(--blue);z-index:5;position:relative;cursor:grabbing}
.wd-row .wd-handle{cursor:grab}

/* ═══════════════ v2.5 — سئو، وبلاگ و روانشناسی فروش ═══════════════ */
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* نوار پیام‌های فروش (نارنجی-قرمز — ترغیب به خرید) */
.hype{margin:14px 0 0;border-radius:14px;padding:11px 14px;color:#fff;position:relative;overflow:hidden;
  background:linear-gradient(105deg,#ff7a1a,#f04438 55%,#e0245e);
  box-shadow:0 14px 30px -14px rgba(240,68,56,.6)}
.hype::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% -40%,rgba(255,255,255,.35),transparent 55%);pointer-events:none}
.hype-item{display:none;align-items:center;gap:9px;font-size:12.5px;font-weight:700;line-height:1.8;position:relative;z-index:1}
.hype-item.on{display:flex;animation:hypeIn .45s cubic-bezier(.2,.9,.3,1.2)}
.hype-item .ic{width:15px;height:15px;flex:none}
.hype-item b{font-weight:900}
.hype-dot{width:8px;height:8px;border-radius:50%;background:#fff;flex:none;box-shadow:0 0 0 0 rgba(255,255,255,.55);animation:hyPulse 1.5s infinite}
@keyframes hyPulse{0%{box-shadow:0 0 0 0 rgba(255,255,255,.55)}70%{box-shadow:0 0 0 9px rgba(255,255,255,0)}100%{box-shadow:0 0 0 0 rgba(255,255,255,0)}}
@keyframes hypeIn{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}

/* پرش باکس خرید وقتی فروشنده عوض می‌شود */
.bb-flash{animation:bbFlash 1.1s ease}
@keyframes bbFlash{0%{box-shadow:0 0 0 0 rgba(13,139,255,.5)}45%{box-shadow:0 0 0 7px rgba(13,139,255,0)}100%{box-shadow:0 0 0 0 rgba(13,139,255,0)}}

/* سطح فروشگاه در ردیف پیشنهادها */
.of-lvl{font-size:10px;font-weight:800;background:rgba(13,139,255,.1);color:#0b5fa8;border-radius:99px;padding:2px 8px}
.of-lvl.gold{background:rgba(255,180,0,.16);color:#9a6700}
.of-av .sh-av-img,.of-av .sh-av-named{width:42px;height:42px;border-radius:13px;border:0;box-shadow:0 6px 16px -8px rgba(8,44,110,.4)}
#bbShopAv .sh-av-img,#bbShopAv .sh-av-named{width:44px;height:44px;border-radius:14px;border:0;box-shadow:0 6px 16px -8px rgba(8,44,110,.4)}

/* ── وبلاگ ── */
.blog-hero{display:flex;align-items:center;gap:16px;margin-top:18px;padding:22px 24px;border-radius:22px;
  background:linear-gradient(120deg,rgba(0,114,255,.1),rgba(0,198,255,.06))}
.blog-hero h1{font-size:21px;font-weight:900;color:#0b2a5e;margin-bottom:4px}
.blog-hero p{font-size:13px;color:var(--ink-2)}
.bh-ic{width:62px;height:62px;border-radius:19px;display:grid;place-items:center;color:#fff;background:var(--grad);box-shadow:0 14px 30px -12px rgba(0,114,255,.6);flex:none}
.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:16px;margin-top:20px}
.post-card{display:flex;flex-direction:column;border-radius:20px;overflow:hidden;transition:transform .22s,box-shadow .22s;text-decoration:none;color:inherit}
.post-card:hover{transform:translateY(-4px);box-shadow:0 22px 44px -18px rgba(8,44,110,.28)}
.pc-img{display:block;aspect-ratio:16/9;overflow:hidden;background:#dbe7f8}
.pc-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.post-card:hover .pc-img img{transform:scale(1.05)}
.pc-body{display:flex;flex-direction:column;gap:7px;padding:14px 16px 15px}
.pc-title{font-size:14.5px;font-weight:800;color:#0b2a5e;line-height:1.9}
.pc-ex{font-size:12px;color:var(--ink-2);line-height:2}
.pc-meta{display:flex;gap:12px;align-items:center;font-size:11px;color:var(--ink-3);margin-top:auto;padding-top:4px}
.pc-meta span{display:inline-flex;align-items:center;gap:4px}
.pc-meta .ic{width:13px;height:13px}
.pc-views{color:#c9862b;font-weight:800}
.post-full{margin-top:6px}
.pf-head{padding:22px 26px;border-radius:22px;margin-top:16px}
.pf-head h1{font-size:22px;font-weight:900;color:#0b2a5e;line-height:2}
.pf-meta{display:flex;gap:16px;flex-wrap:wrap;margin-top:8px;font-size:12px;color:var(--ink-3)}
.pf-meta span{display:inline-flex;align-items:center;gap:5px}
.pf-img{margin-top:14px;border-radius:22px;overflow:hidden}
.pf-img img{width:100%;max-height:430px;object-fit:cover;display:block}
.pf-body{margin-top:14px;padding:26px 28px;border-radius:22px;font-size:14.5px;line-height:2.4;color:#22355e;text-align:justify}
.pf-pn{display:flex;gap:12px;margin-top:16px;flex-wrap:wrap}
.pf-pn-a{flex:1;min-width:200px;padding:13px 16px;border-radius:16px;display:flex;flex-direction:column;gap:3px;text-decoration:none;color:inherit;transition:transform .2s}
.pf-pn-a:hover{transform:translateY(-2px)}
.pf-pn-a small{color:var(--ink-3);display:inline-flex;align-items:center;gap:4px}
.pf-pn-a b{font-size:13px;color:#0b2a5e}
.pf-pn-a.left{text-align:left}
.pf-cta{margin:18px 0;padding:20px 24px;border-radius:20px;text-align:center;color:#fff;background:linear-gradient(120deg,#0072ff,#00c6ff);box-shadow:0 18px 40px -16px rgba(0,114,255,.55)}
.pf-cta b{font-size:16px;font-weight:900}
.pf-cta p{font-size:12.5px;opacity:.92;margin:4px 0 12px}
.pf-cta span{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}

/* ── فوتر: نوار دسته‌بندی‌های محبوب ── */
.ftr-cats{display:flex;align-items:center;gap:8px 14px;flex-wrap:wrap;margin:4px 0 22px;padding:14px 18px;border-radius:16px;
  background:rgba(255,255,255,.55);border:1px solid rgba(11,42,94,.07);font-size:12px}
.ftr-cats b{color:#0b2a5e;display:inline-flex;align-items:center;gap:5px}
.ftr-cats a{color:var(--ink-2);text-decoration:none;transition:color .2s}
.ftr-cats a:hover{color:#0d8bff}

/* ── پنل: صفحه سئو ── */
.seo-top{display:grid;grid-template-columns:340px minmax(0,1fr);gap:16px;margin-bottom:16px}
.seo-score{display:flex;gap:18px;align-items:center}
.seo-ring{--sc:#0a9d61;--p:0;width:120px;height:120px;flex:none;border-radius:50%;display:grid;place-content:center;text-align:center;
  background:conic-gradient(var(--sc) calc(var(--p)*1%),rgba(11,42,94,.08) 0)}
.seo-ring b{font-size:26px;font-weight:900;color:var(--sc)}
.seo-ring small{font-size:10px;color:var(--ink-3)}
.seo-ring{position:relative}
.seo-ring::before{content:"";position:absolute;inset:9px;border-radius:50%;background:#fff}
.seo-ring b,.seo-ring small{position:relative;z-index:1}
.audit-row{display:flex;align-items:center;gap:11px;padding:10px 4px;border-bottom:1px dashed rgba(11,42,94,.08)}
.audit-row:last-child{border-bottom:0}
.audit-row small{display:block;color:var(--ink-3);font-size:11.5px;line-height:1.9;margin-top:2px}
.audit-ic{width:30px;height:30px;flex:none;border-radius:10px;display:grid;place-items:center}
.audit-ic.ok{background:rgba(18,183,106,.12);color:#0a9d61}
.audit-ic.warn{background:rgba(255,168,0,.14);color:#c9862b}
.audit-ic.bad{background:rgba(240,68,56,.12);color:#c23429}
.seo-tips{display:flex;flex-direction:column;gap:9px}
.seo-tip{font-size:12.5px;color:var(--ink-2);line-height:2;background:rgba(0,114,255,.05);border:1px solid rgba(0,114,255,.1);border-radius:13px;padding:10px 14px}
.seo-tip b{color:#0b5fa8}
@media (max-width:900px){.seo-top{grid-template-columns:minmax(0,1fr)}}

/* ═══════════════ v2.6 — صفحه‌ساز، فوتر جمع‌وجور و پولیش نهایی ═══════════════ */

/* بنر اختصاصی صفحه اصلی (ریسپانسیو کامل) */
.home-banner{display:block;position:relative;border-radius:22px;overflow:hidden;color:#fff;
  box-shadow:0 20px 44px -20px rgba(8,44,110,.35);transition:transform .25s,box-shadow .25s}
.home-banner:hover{transform:translateY(-4px);box-shadow:0 28px 54px -22px rgba(8,44,110,.42)}
.home-banner img{width:100%;height:auto;display:block;object-fit:cover;aspect-ratio:1200/350;transition:transform .5s}
.home-banner:hover img{transform:scale(1.03)}
.hb-cap{position:absolute;inset-inline:0;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:16px 20px;background:linear-gradient(0deg,rgba(5,22,48,.66),transparent)}
.hb-cap b{font-size:clamp(14px,2.2vw,20px);font-weight:900;text-shadow:0 2px 12px rgba(0,15,45,.5)}
.hb-cap i{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:800;background:rgba(255,255,255,.2);
  backdrop-filter:blur(6px);padding:6px 12px;border-radius:99px;font-style:normal}
@media(max-width:600px){.home-banner img{aspect-ratio:16/7}.home-banner{border-radius:17px}}

/* ردیف مدیریت بنر در ویجت‌ساز */
.hb-admin-row{display:flex;align-items:center;gap:9px;padding:8px;border:1px solid rgba(11,42,94,.09);border-radius:12px;background:#fbfdff}

/* ── ادیتور وبلاگ: چک‌لیست سئو و نوارابزار ── */
.be-panel{background:rgba(0,114,255,.05);border:1px solid rgba(0,114,255,.12);border-radius:14px;padding:11px 13px;margin-bottom:13px}
.be-panel>b{font-size:12.5px;color:#0b5fa8;display:flex;align-items:center;gap:6px;margin-bottom:8px}
.be-checks{display:flex;gap:6px;flex-wrap:wrap}
.be-checks span{font-size:11px;font-weight:700;border-radius:99px;padding:4px 10px;transition:all .25s}
.be-checks span.ok{background:rgba(18,183,106,.13);color:#0a7d4c}
.be-checks span.bad{background:rgba(240,68,56,.09);color:#c2544c}
.be-checks i{font-style:normal;opacity:.7}
.be-toolbar{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:7px}
.be-toolbar button{font:inherit;font-size:11.5px;font-weight:700;padding:6px 11px;border-radius:9px;border:1px solid rgba(11,42,94,.13);
  background:#f2f7ff;color:#0b2a5e;cursor:pointer;transition:all .2s}
.be-toolbar button:hover{background:#e2efff;border-color:#9ec8f5}
.be-toolbar .be-prev-btn{margin-inline-start:auto;background:var(--grad);color:#fff;border:0;display:inline-flex;align-items:center;gap:4px}
.be-prev-modal{position:fixed;inset:0;z-index:1000;background:rgba(6,17,38,.6);backdrop-filter:blur(6px);display:grid;place-items:center;padding:16px}
.be-prev-box{background:#fff;border-radius:20px;max-width:820px;width:100%;max-height:86vh;overflow:auto;box-shadow:0 40px 90px -30px rgba(0,20,60,.6)}
.be-prev-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid rgba(11,42,94,.08);position:sticky;top:0;background:#fff;z-index:2;border-radius:20px 20px 0 0}
.be-prev-head b{font-size:15px;color:#0b2a5e}
.pf-body h3{color:#0b2a5e;font-size:17px;margin:18px 0 6px}
.pf-body ul{padding-inline-start:22px;line-height:2.4}
.pf-body blockquote{background:rgba(0,114,255,.06);border-inline-start:3px solid #0d8bff;border-radius:10px;padding:10px 14px;margin:12px 0;color:#24457e}
.pf-body a{color:#0d8bff;font-weight:700}

/* ── فوتر جمع‌وجور (ریز و تروتمیز) ── */
.ftr{margin-top:44px;padding:22px 0 118px}
.ftr-trust{gap:10px;margin-bottom:18px}
.trust{padding:12px 8px;gap:2px}
.trust small{font-size:10.5px}
.ftr-grid{gap:18px;padding-bottom:16px}
.ftr-grid .ftr-col>a{font-size:12.5px;line-height:2.3}
.ftr-grid .ftr-col>b{font-size:13px}
.ftr-line{font-size:11.5px;line-height:2.1}
.ftr-pay{margin-top:8px}
.ftr-copy{margin-top:12px;font-size:11px}

/* ── پولیش رنگ‌بندی و چیدمان صفحه اصلی ── */
.sec-title{position:relative;padding-inline-start:14px}
.sec-title::before{content:"";position:absolute;inset-inline-start:0;top:50%;transform:translateY(-50%);
  width:4px;height:22px;border-radius:99px;background:linear-gradient(180deg,#00c6ff,#0072ff)}
.st-ic{box-shadow:0 10px 22px -10px rgba(0,114,255,.55)}
.hero-cap{background:linear-gradient(0deg,rgba(4,18,40,.55),transparent 88%)}

/* ══════════════════════════════════════════════════════════════
   v2.7 — استوری سه‌سطحی، ریدیزاین صفحه اصلی/فروشگاه/کارت محصول
   ══════════════════════════════════════════════════════════════ */

/* ── بخش استوری‌های صفحه اصلی (حرفه‌ای) ── */
.stories-v2{background:#fff;border:1px solid rgba(11,42,94,.07);border-radius:24px;padding:14px 16px 12px;
  box-shadow:0 18px 44px -26px rgba(8,34,80,.28);position:relative;overflow:hidden}
.stories-v2::before{content:"";position:absolute;inset-inline-start:-60px;top:-80px;width:220px;height:220px;border-radius:50%;
  background:radial-gradient(circle,rgba(0,150,255,.09),transparent 70%);pointer-events:none}
.stv-head{display:flex;align-items:center;gap:11px;margin-bottom:12px;padding-bottom:11px;border-bottom:1px dashed rgba(11,42,94,.09)}
.stv-ic{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;color:#fff;flex:none;
  background:linear-gradient(140deg,#00c6ff,#0072ff);box-shadow:0 10px 22px -8px rgba(0,114,255,.6)}
.stv-txt b{display:block;font-size:14.5px;color:#0b2a5e}
.stv-txt small{color:var(--ink-3);font-size:11.5px}
.stories-v2 .stories-row{gap:16px;padding:4px 2px 6px}
.stories-v2 .story{flex:none;width:86px;display:flex;flex-direction:column;align-items:center;gap:6px}
.stories-v2 .story-ring{width:74px;height:74px;max-width:none;padding:3px;position:relative;transition:transform .25s var(--ease-app)}
.stories-v2 .story:hover .story-ring{transform:scale(1.08)}
.stories-v2 .story-name{font-size:11.5px;font-weight:700;color:var(--ink-2);max-width:86px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* حلقه‌های سطح‌بندی استوری */
.story-ring.tier-gold{background:conic-gradient(from 210deg,#ffe08a,#e8a818,#fff6d8,#c98a00,#ffe08a);
  box-shadow:0 0 0 3px rgba(255,190,40,.30),0 12px 26px -10px rgba(212,148,15,.65);animation:khGoldPulse 2.6s ease-in-out infinite}
.story-ring.tier-silver{background:conic-gradient(from 210deg,#f4f8fc,#a7bacb,#ffffff,#8fa4b8,#f4f8fc);
  box-shadow:0 0 0 3px rgba(150,170,195,.28),0 10px 22px -10px rgba(120,145,170,.55)}
.story-ring.tier-bronze{background:conic-gradient(from 210deg,#f0c39c,#b56a25,#f7d9ba,#8f4e14,#f0c39c);
  box-shadow:0 0 0 3px rgba(200,130,60,.24),0 10px 22px -10px rgba(170,100,40,.5)}
@keyframes khGoldPulse{0%,100%{box-shadow:0 0 0 3px rgba(255,190,40,.34),0 12px 26px -10px rgba(212,148,15,.6)}
  50%{box-shadow:0 0 0 7px rgba(255,190,40,.14),0 14px 30px -10px rgba(212,148,15,.75)}}
.st-crown,.st-medal{position:absolute;top:-6px;inset-inline-start:-4px;width:23px;height:23px;border-radius:50%;
  display:grid;place-items:center;color:#fff;border:2px solid #fff;z-index:2}
.st-crown{background:linear-gradient(140deg,#ffce45,#dd9600);color:#6b4a00;box-shadow:0 6px 14px -4px rgba(224,150,0,.7)}
.st-medal.silver{background:linear-gradient(140deg,#c3d2e0,#7e97ad);box-shadow:0 6px 14px -4px rgba(120,145,170,.7)}
.st-medal.bronze{background:linear-gradient(140deg,#d9955f,#94501a);box-shadow:0 6px 14px -4px rgba(170,100,40,.7)}
.story-lvl{font-size:9.5px;font-weight:800;padding:2px 9px;border-radius:99px;line-height:1.6}
.story-lvl.tier-gold{background:linear-gradient(140deg,#ffe9ad,#f0b429);color:#6b4a00}
.story-lvl.tier-silver{background:linear-gradient(140deg,#e8eef4,#b9c9d8);color:#44586b}
.story-lvl.tier-bronze{background:linear-gradient(140deg,#f4d9bd,#d99a63);color:#6f3c10}
.story.seen .story-lvl{opacity:.55}
.st-av{position:relative;overflow:hidden;display:inline-grid;place-items:center;flex:none}
.st-av img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:50%}
.st-av.tier-gold{box-shadow:0 0 0 2.5px #ffcf4d}
.st-av.tier-silver{box-shadow:0 0 0 2.5px #b9c9d8}
.st-av.tier-bronze{box-shadow:0 0 0 2.5px #d99a63}
.st-tier-chip{font-size:10px;font-weight:800;padding:3px 10px;border-radius:99px;flex:none}
.st-tier-chip.tier-gold{background:linear-gradient(140deg,#ffe9ad,#f0b429);color:#6b4a00}
.st-tier-chip.tier-silver{background:linear-gradient(140deg,#e8eef4,#b9c9d8);color:#44586b}
.st-tier-chip.tier-bronze{background:linear-gradient(140deg,#f4d9bd,#d99a63);color:#6f3c10}

/* ── کارت محصول: تصویر تمام‌صفحه لبه‌به‌لبه ── */
.p-card{padding:0;overflow:hidden}
.p-thumb{display:block;background:#fff;aspect-ratio:1/1;border-radius:0}
.p-thumb img{width:100%;height:100%;object-fit:cover;filter:none;border-radius:0;transition:transform .45s ease}
.p-card:hover .p-thumb img{transform:scale(1.07)}
.p-off-fab{position:absolute;top:9px;inset-inline-start:9px;margin:0;z-index:2;box-shadow:0 8px 18px -6px rgba(239,64,86,.65)}
.p-na-fab{position:absolute;bottom:9px;inset-inline-start:9px;background:rgba(11,27,51,.78);color:#fff;
  font-size:10.5px;font-weight:700;padding:4px 11px;border-radius:99px;backdrop-filter:blur(4px)}
.p-body{padding:11px 13px 14px}
.pm-shop svg,.pm-sellers svg{opacity:.55;vertical-align:-2px}

/* ── ردیف فروشندگان این کالا: چیدمان تمیز گرید — عدد جدا از آواتار، آواتار = لوگوی فروشگاه ── */
.offer-row{display:grid;grid-template-columns:24px 38px 50px minmax(0,1fr) auto auto;align-items:center;
  gap:12px;padding:12px 16px;cursor:pointer;position:relative}
.of-check{position:static;transform:none;width:22px;height:22px;margin:0}
.of-rank{position:static;width:36px;height:36px;margin:0}
.of-av{position:static;width:50px;height:50px;border-radius:15px;border:2px solid #fff;
  box-shadow:0 8px 20px -8px rgba(8,44,110,.45);overflow:hidden;margin:0}
.of-av .sh-av-img,.of-av .sh-av-named{width:50px;height:50px;border-radius:13px;font-size:19px}
.of-info{min-width:0;display:flex;flex-direction:column;gap:3px}
.of-shop{display:flex;flex-wrap:wrap;align-items:center;gap:7px;font-weight:800;font-size:13.5px}
.of-info small{color:var(--ink-3);font-size:11px}
.of-stock{white-space:nowrap;font-size:11.5px}
.of-price{text-align:left;white-space:nowrap;display:flex;flex-direction:column;gap:3px;align-items:flex-end}
@media(max-width:760px){
  .offer-row{grid-template-columns:22px 32px 44px minmax(0,1fr);gap:9px;padding:11px 12px}
  .of-av,.of-av .sh-av-img,.of-av .sh-av-named{width:44px;height:44px;border-radius:12px}
  .of-stock{display:none}
  .of-price{grid-column:1/-1;flex-direction:row;align-items:center;justify-content:space-between;padding-top:8px;border-top:1px dashed rgba(11,42,94,.1)}
}

/* ── صفحه فروشگاه v2 (ridizayn حرفه‌ای) ── */
.shop-cover2{height:250px;position:relative;overflow:hidden;border-radius:0 0 34px 34px;margin:0 calc(50% - 50vw)}
.shop-cover2.lvl-gold{background:linear-gradient(135deg,#f6c243,#dd950c 55%,#935c02)}
.shop-cover2.lvl-silver{background:linear-gradient(135deg,#aebfd2,#7d95ad 55%,#4c6178)}
.shop-cover2.lvl-bronze{background:linear-gradient(135deg,#d8977b,#ac6538 55%,#673719)}
.sc2-pattern{position:absolute;inset:0;width:100%;height:100%}
.shop-card2{margin-top:-88px;position:relative;z-index:3;border-radius:26px;padding:24px;
  display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:22px;align-items:start;
  box-shadow:0 30px 60px -30px rgba(8,34,80,.4)}
.sc2-av{padding:4px;border-radius:28px;box-shadow:0 18px 40px -14px rgba(8,34,80,.4);background:#fff}
.sc2-av.lvl-gold{background:linear-gradient(140deg,#ffd964,#dd9600)}
.sc2-av.lvl-silver{background:linear-gradient(140deg,#dce5ee,#8ba1b6)}
.sc2-av.lvl-bronze{background:linear-gradient(140deg,#e2a878,#9c5a22)}
.sc2-av .sh-av-img,.sc2-av .sh-av-named{width:96px;height:96px;border-radius:24px;font-size:38px;border:0}
.sc2-main h1{font-size:22px;color:#0b2a5e;margin:2px 0 8px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.sc2-sub{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:10px}
.sc2-official{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:800;color:#0b7a48;
  background:rgba(18,183,106,.12);padding:5px 11px;border-radius:99px}
.sc2-lvl{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:800;padding:5px 11px;border-radius:99px}
.sc2-lvl.lvl-gold{color:#8a5f00;background:#ffedc2}
.sc2-lvl.lvl-silver{color:#4d6176;background:#e4ebf2}
.sc2-lvl.lvl-bronze{color:#7c3f10;background:#f6ddc6}
.sc2-chip{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;color:var(--ink-2);
  background:rgba(0,114,255,.07);padding:5px 11px;border-radius:99px}
.sc2-bio{color:var(--ink-2);font-size:13.5px;line-height:1.95;margin:0 0 12px}
.sc2-actions{display:flex;gap:9px;flex-wrap:wrap}
.sc2-actions .is-fav{background:linear-gradient(135deg,#ff5d8f,#e0245e);color:#fff;border-color:transparent}
.sc2-stats{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
.sc2-stat{background:rgba(0,114,255,.05);border:1px solid rgba(0,114,255,.11);border-radius:17px;
  padding:13px 12px;text-align:center;min-width:106px}
.sc2-stat b{display:block;font-size:19px;color:#0b2a5e;line-height:1.4}
.sc2-stat small{color:var(--ink-3);font-size:10.5px;font-weight:700;display:inline-flex;align-items:center;gap:4px}
@media(max-width:900px){
  .shop-card2{grid-template-columns:auto minmax(0,1fr);padding:18px;gap:16px}
  .sc2-stats{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr))}
  .sc2-stat{min-width:0;padding:10px 6px}
}
@media(max-width:640px){
  .shop-cover2{height:190px}
  .shop-card2{margin-top:-70px;grid-template-columns:minmax(0,1fr);text-align:center}
  .sc2-av{margin:0 auto}
  .sc2-main h1,.sc2-sub,.sc2-actions{justify-content:center}
  .sc2-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* ── فرم استوری فروشنده: کارت انتخاب سطح + پیش‌نمایش زنده ── */
.st-tier-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}
.st-tier-card{border:1.6px solid #e2eaf5;border-radius:17px;padding:13px 8px;text-align:center;cursor:pointer;
  transition:transform .2s,box-shadow .2s,border-color .2s;background:#fff;position:relative}
.st-tier-card input{position:absolute;opacity:0;pointer-events:none}
.st-tier-card b{display:block;font-size:13px;margin-top:8px;color:#0b2a5e}
.st-tier-card small{display:block;color:var(--ink-3);font-size:10.5px;margin-top:3px}
.st-tier-card .stt-price{display:inline-block;margin-top:5px;font-size:11.5px;font-weight:800;color:#0b7a48}
.st-tier-card:hover{transform:translateY(-2px)}
.st-tier-card.on{border-color:#0d8bff;box-shadow:0 12px 28px -14px rgba(0,86,255,.4);background:linear-gradient(180deg,#f4faff,#fff)}
.st-tier-card.on.tier-gold-c{border-color:#e0a400;background:linear-gradient(180deg,#fff8e4,#fff)}
.st-tier-card.on.tier-silver-c{border-color:#8ba1b6;background:linear-gradient(180deg,#f2f6fa,#fff)}
.st-tier-card.on.tier-bronze-c{border-color:#bd7435;background:linear-gradient(180deg,#fdf1e5,#fff)}
.stt-ring{width:56px;height:56px;border-radius:50%;margin:0 auto;padding:3px;display:grid;place-items:center;position:relative}
.stt-ring img,.stt-ring .stt-ph{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2.5px solid #fff;background:#eef3fa;display:grid;place-items:center;color:#9db2c8}
.stt-ring.tier-gold{background:conic-gradient(from 210deg,#ffe08a,#e8a818,#fff6d8,#c98a00,#ffe08a)}
.stt-ring.tier-silver{background:conic-gradient(from 210deg,#f4f8fc,#a7bacb,#ffffff,#8fa4b8,#f4f8fc)}
.stt-ring.tier-bronze{background:conic-gradient(from 210deg,#f0c39c,#b56a25,#f7d9ba,#8f4e14,#f0c39c)}
.stt-ring.tier-simple{background:conic-gradient(from 210deg,#00c6ff,#0072ff,#7a5cff,#00c6ff)}
.st-live{display:flex;align-items:center;gap:14px;background:#f6faff;border:1.5px dashed #bcd7f5;border-radius:18px;padding:14px;margin-bottom:14px}
.st-live .stt-ring{width:76px;height:76px;flex:none}
.st-live small{color:var(--ink-3);display:block;margin-top:4px;font-size:11px}
@media(max-width:760px){.st-tier-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ── تبلیغات فروشنده: بنر رنگی آماده + پیش‌نمایش زنده ── */
.grad-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-top:6px}
.grad-sw{aspect-ratio:12/5;border-radius:13px;cursor:pointer;border:2.5px solid transparent;overflow:hidden;
  position:relative;padding:0;transition:transform .18s,border-color .18s,box-shadow .18s}
.grad-sw img{width:100%;height:100%;object-fit:cover;display:block}
.grad-sw.on{border-color:#0d8bff;box-shadow:0 8px 18px -8px rgba(13,139,255,.6);transform:translateY(-2px)}
.ad-live{position:relative;border-radius:19px;overflow:hidden;aspect-ratio:12/5;background:#0b1b33;border:1px solid rgba(11,42,94,.1)}
.ad-live>img{width:100%;height:100%;object-fit:cover;display:block}
.ad-live-cap{position:absolute;inset-inline:0;bottom:0;padding:24px 18px 14px;display:flex;align-items:flex-end;
  justify-content:space-between;gap:10px;background:linear-gradient(0deg,rgba(4,18,40,.68),transparent);color:#fff}
.ad-live-cap b{font-size:15px;text-shadow:0 2px 10px rgba(0,0,0,.35)}
.ad-live-cap small{font-size:11px;opacity:.85}
.ad-live-tag{position:absolute;top:10px;inset-inline-start:10px;background:rgba(239,64,86,.92);color:#fff;
  font-size:10px;font-weight:800;padding:3px 10px;border-radius:99px}
@media(max-width:760px){.grad-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* ── پولیش کلی صفحه اصلی v2.7 ── */
.hero-slider{border-radius:24px;box-shadow:0 26px 54px -26px rgba(0,60,150,.38)}
.hero-slide img{border-radius:24px}
.hero-slide .hero-cap{border-radius:0 0 24px 24px}
.services-row .svc{border-radius:19px;box-shadow:0 14px 30px -20px rgba(8,34,80,.25)}
.cat-bubble:hover{transform:translateY(-4px);box-shadow:0 16px 32px -16px rgba(0,114,255,.35)}
.amz-wrap{border-radius:26px;box-shadow:0 22px 48px -24px rgba(230,57,70,.4)}
.sec-head{margin-bottom:16px}
.home-page .sec{position:relative}
.sts-lvl-note{font-size:10px;color:var(--ink-3);font-weight:700}

.stt-ring .story-thumb{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid #fff;box-shadow:none}
.stories-v2 .story.seen .story-ring{animation:none;background:linear-gradient(135deg,#d7dfe9,#bfcbda);box-shadow:none}

/* ══════════════════════════════════════════════════════════════
   v2.8 — حذف کامل افکت‌ها/انیمیشن‌ها (سبک و روان)
   استوری 4:8 گرد | پنل‌ها ریسپانسیو موبایل | موبایل=اپ دسکتاپ=وب
   ══════════════════════════════════════════════════════════════ */

/* ── ۱) حذف کامل افکت‌ها، انیمیشن‌ها و اسکرول نرم ── */
*,*::before,*::after{transition:none!important;animation:none!important}
html{scroll-behavior:auto!important}
html,body{overscroll-behavior-x:none}
body{overflow-x:clip}
img,video,canvas{max-width:100%}
.drag-scroll{scrollbar-width:none}
.story-bd{width:min(43dvh,94vw,450px);height:min(86dvh,188vw,900px);
  aspect-ratio:auto;max-height:none;max-width:none;border-radius:28px;overflow:hidden;background:#0a0f1e}
.story-head{inset-inline:14px;gap:8px}
.story-head .avatar{width:36px;height:36px;font-size:14px;flex:none}
.story-meta{min-width:0}
.story-meta b{display:block;max-width:38vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}
.story-segs{inset-inline:12px}
.story-cap{inset-inline:16px;bottom:74px;max-height:4.6em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.story-product{inset-inline-start:14px;bottom:16px;max-width:calc(100% - 110px)}
.story-shop-link{inset-inline-end:14px;bottom:14px}
.story-nav{width:44px;height:44px}
@media(max-width:768px){
  .story-bd{width:min(43dvh,calc(100vw - 20px));height:min(86dvh,calc((100vw - 20px)*2));border-radius:22px}
}
@supports not (height:86dvh){
  .story-bd{height:min(86vh,188vw,900px);width:min(43vh,94vw,450px)}
}

/* ── ۳) باکس فروشندگان v2.8 — ساختار کارت مدرن ── */
.offers-box{background:#fff;border:1px solid rgba(11,42,94,.07);border-radius:22px;padding:18px;margin:22px 0}
.offers-box .sec-head{margin-bottom:14px}
.offers-box .sec-sub{font-size:11.5px;color:var(--ink-3);font-weight:400;display:block;margin-top:3px}
.offer-rows{display:flex;flex-direction:column}
.offer-row{display:grid;grid-template-columns:30px 52px minmax(0,1fr) auto;align-items:center;gap:13px;
  padding:15px 14px;border:1.4px solid transparent;border-bottom:1px solid rgba(11,42,94,.07);border-radius:0;
  background:transparent;box-shadow:none;cursor:pointer;position:relative}
.offer-row:first-child{border-radius:16px 16px 0 0}
.offer-row:last-child{border-bottom:0;border-radius:0 0 16px 16px}
.offer-row:only-child{border-radius:16px}
.offer-row:hover{background:#f7fbff}
.offer-row.on{background:#f2f9ff;border:1.6px solid #0d8bff;border-radius:16px;margin:6px 0;box-shadow:0 10px 26px -16px rgba(13,139,255,.5)}
.offer-row.on + .offer-row{margin-top:6px}
.offer-row.is-best{background:linear-gradient(90deg,rgba(18,183,106,.07),rgba(18,183,106,.015))}
.offer-row.is-best.on{background:linear-gradient(90deg,rgba(13,139,255,.07),rgba(13,139,255,.02))}
.offer-row.is-out{opacity:.5;cursor:not-allowed}
.of-check{width:26px;height:26px;border-radius:50%;border:2px solid #c8d6ea;display:grid;place-items:center;color:transparent;
  background:#fff;position:static;transform:none;margin:0}
.offer-row.on .of-check{background:linear-gradient(135deg,#00c6ff,#0072ff);border-color:transparent;color:#fff}
.of-av{width:52px;height:52px;border-radius:16px;overflow:hidden;box-shadow:0 6px 16px -8px rgba(8,44,110,.4);
  border:2px solid #fff;position:static;margin:0;background:var(--grad)}
.of-av .sh-av-img,.of-av .sh-av-named{width:52px;height:52px;border-radius:14px;font-size:20px}
.of-info{min-width:0;display:flex;flex-direction:column;gap:4px}
.of-shop{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:14px;color:#0b2a5e}
.of-shop b{font-weight:800;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.of-lvl{font-size:9.5px;font-weight:800;padding:2px 8px;border-radius:99px;background:#e8eef4;color:#44586b}
.of-lvl.gold{background:linear-gradient(140deg,#ffe9ad,#f0b429);color:#6b4a00}
.of-best-chip{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:800;color:#0b7a48;
  background:rgba(18,183,106,.13);padding:3px 10px;border-radius:99px}
.of-meta{font-size:11px;color:var(--ink-3);display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.of-meta .dot{width:3px;height:3px;border-radius:50%;background:#c4d2e5;display:inline-block}
.of-stock-ok{color:#0b7a48;font-weight:800}
.of-stock-low{color:#c2410c;font-weight:800}
.of-stock-no{color:#b3261e;font-weight:800}
.of-price{display:flex;flex-direction:column;align-items:flex-end;gap:3px;text-align:left;white-space:nowrap}
.of-price .of-final{font-size:16.5px;font-weight:900;color:#0b2a5e}
.of-price .of-final .cur{font-size:10px;font-weight:600;color:var(--ink-3)}
.of-price del{font-size:11px;color:var(--ink-3)}
.of-price .p-offchip{font-size:9.5px}
.of-shop-link{font-size:10.5px;color:#0d8bff;font-weight:700;border:1px solid rgba(13,139,255,.3);
  padding:4px 10px;border-radius:99px;white-space:nowrap}
.of-shop-link:hover{background:#0d8bff;color:#fff}
@media(max-width:680px){
  .offers-box{padding:12px 10px;border-radius:18px;margin:16px -6px}
  .offer-row{grid-template-columns:26px 44px minmax(0,1fr);gap:10px;padding:12px 10px}
  .of-av,.of-av .sh-av-img,.of-av .sh-av-named{width:44px;height:44px;border-radius:12px}
  .of-price{grid-column:1/-1;flex-direction:row;align-items:center;justify-content:space-between;
    padding-top:9px;border-top:1px dashed rgba(11,42,94,.1)}
  .of-shop-link{display:none}
}

/* ── ۴) پنل فروشنده/مدیر — ریسپانسیو کامل موبایل ── */
@media(max-width:860px){
  .mh-sub{font-size:10.5px;display:flex;flex-wrap:wrap;gap:4px;align-items:center}
  .panel-card{padding:12px 10px;border-radius:14px;max-width:100%;overflow-x:clip}
  .panel-card h3{font-size:13px;flex-wrap:wrap;gap:6px}
  .notice-glass{padding:11px 12px;gap:8px;font-size:11.5px;border-radius:13px;align-items:flex-start}
  .f-grid2{grid-template-columns:minmax(0,1fr)}
  .table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:12px;margin-inline:-2px}
  .table{min-width:660px}
  .table th{padding:8px 9px;font-size:10px;white-space:nowrap}
  .table td{padding:9px;font-size:11px}
  .tbl-img{width:38px;height:38px;border-radius:9px}
  .kpi-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;margin-bottom:14px}
  .kpi{padding:10px;gap:8px;border-radius:12px}
  .kpi .k-ic{width:34px;height:34px;font-size:14px;border-radius:10px}
  .kpi b{font-size:12.5px}
  .kpi small{font-size:9px;line-height:1.5}
  .chip-tabs{gap:6px}
  .chip-tabs a{padding:7px 11px;font-size:11px;white-space:nowrap}
  .btn-xs{padding:5px 9px;font-size:10.5px}
  .btn{padding:10px 16px;font-size:13px;border-radius:12px}
  .gw-admin-card{grid-template-columns:minmax(0,1fr);padding:12px}
  .gw-admin-card .gw-fields{grid-template-columns:minmax(0,1fr)}
  .gw-toggles{flex-direction:row;gap:12px;align-items:center}
  .story-thumb{width:44px;height:66px;border-radius:8px}
  .st-tier-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .grad-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .st-live{flex-direction:column;text-align:center}
  .be-toolbar{flex-wrap:wrap;gap:6px}
  .be-checks{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .wiz-steps{flex-wrap:wrap;gap:6px}
  .input{max-width:100%}
  select.input,textarea.input,input.input{font-size:13px}
  .empty{padding:22px 14px}
  .cat-choice{grid-template-columns:minmax(0,1fr)}
  .attach-sel{flex-wrap:wrap}
  form .btn.btn-primary,.btn.btn-green{max-width:100%}
  .hb-admin-row img{width:100%;max-width:220px}
}

/* ── ۵) موبایل = اپ (چیدمان لبه‌به‌لبه و سبک) / دسکتاپ = وب ── */
@media(max-width:768px){
  .container{padding-inline:10px}
  .home-page .sec{margin:14px 0}
  .stories-v2{border-radius:16px;padding:10px 8px 8px;margin-inline:0}
  .stories-v2 .story{flex:none;width:72px}
  .stories-v2 .story-ring{width:64px;height:64px}
  .stories-v2 .stories-row{gap:11px}
  .hero-slider{border-radius:18px}
  .grid-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .p-card{border-radius:14px}
  .p-body{padding:9px 10px 11px}
  .shop-card2{margin-inline:0}
  .sec-head{margin-bottom:11px}
  .sec-title{font-size:14.5px}
  .cat-bubbles{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
  .services-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .stats-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .pd-wrap{display:flex;flex-direction:column}
  .pd-gallery{border-radius:16px}
  .buy-box{border-radius:16px}
  .faq{--radius:14px}
}
@media(min-width:1025px){
  /* دسکتاپِ «وب»: عرض محتوای استاندارد و ساختار کلاسیک */
  .container{max-width:1280px}
}

/* ── v2.8.1: تقویت نهایی ریسپانسیو پنل‌ها (غلبه بر استایل‌های این‌لاین) ── */
@media(max-width:860px){
  .main .kpi-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;gap:8px !important;margin-bottom:14px !important}
  .main .two-col,.main .f-grid3,.main .form-row{grid-template-columns:minmax(0,1fr) !important}
  .panel-card [style*="grid-template-columns"]{grid-template-columns:minmax(0,1fr) !important}
  .panel-card input,.panel-card select,.panel-card textarea{max-width:100%;box-sizing:border-box}
  .panel-card .table td,.panel-card .table th{white-space:nowrap}
  .be-checks{grid-template-columns:minmax(0,1fr) !important}
}
@media(max-width:860px){
  .store-main #heroSlider{border-radius:18px}
}

/* ══════════════════════════════════════════════════════════════
   v2.9 — سرعت بالا (بلر سنگین برداشته شد)، سایه‌های کم،
   موبایل بدون فاصله زیاد از بغل، لیست فروشنده فوق‌ساده عمودی
   ══════════════════════════════════════════════════════════════ */

/* ── ۱) تسریع: بلر شیشه‌ایِ کارت‌های محتوایی حذف شد (هدر/ناوبری/مودال حفظ) ── */
.p-card,.svc,.shop-card,.review-card,.stat,.why,.faq,.newsletter,.sum-card,
.daily-spot,.pwa-banner,.buy-box,.pd-gallery,.perf-card,.shop-card2,.notice-glass,
.stories-v2,.offers-box,.hv-card,.panel-card,.kpi,.table-wrap,.acct-card,.cm-reply,
.why-grid .why,.cat-tile,.amz-wrap,.seller-cta,.empty.glass{
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:#fff!important}

/* ── ۲) سایه‌های کم و سبک (نرم ولی محدود) ── */
.p-card,.svc,.shop-card,.review-card,.stat,.why,.newsletter,.sum-card,.buy-box,
.pd-gallery,.perf-card,.table,.table-wrap,.stories-v2,.offers-box,.faq,.panel-card,
.kpi,.acct-card,.daily-spot,.pwa-banner,.p-card:hover,.shop-card:hover{
  box-shadow:0 6px 16px -10px rgba(8,34,80,.16)!important}
.shop-card2{box-shadow:0 14px 30px -18px rgba(8,34,80,.28)!important}
.hero-slider,.amz-wrap{box-shadow:0 12px 26px -16px rgba(0,60,150,.26)!important}
.offer-row.on{box-shadow:0 6px 16px -12px rgba(13,139,255,.4)!important}

/* ── ۳) موبایل: صفحات از بغل فاصلهٔ زیاد نگیرند ── */
@media(max-width:768px){
  html,body{margin:0;padding:0}
  .container{padding-inline:8px!important}
  main.container,.home-page.container{padding-inline:8px}
  .home-page .sec{margin:9px 0}
  .offers-box{margin:10px 0;padding:8px 8px;border-radius:14px}
  .comments-sec,.sec{clear:both}
  .pd-wrap{gap:12px}
  .pd-gallery{margin-inline:0;max-width:100%}
  .buy-box{padding:14px}
  .stories-v2{padding:8px 6px 7px}
  .cat-bubbles{gap:7px}
  .p-grid,.grid-products{gap:7px}
  .shop-card2{padding:14px 12px;border-radius:20px}
  .shop-stories-box,.shop-perf{margin-inline:0}
  .ftr{padding-bottom:104px}
  .sum-card{padding:16px 14px}
}

/* ── ۴) لیست فروشنده‌ها: فوق‌ساده و عمودی (بدون متن اضافه) ── */
.offers-box{padding:14px 16px;margin:18px 0}
.offers-box .sec-head{margin-bottom:8px}
.offer-rows{display:flex;flex-direction:column;gap:0}
.offer-row{display:flex;align-items:center;gap:11px;padding:11px 10px;
  border:0;border-top:1px solid rgba(11,42,94,.06);border-radius:0;background:transparent;box-shadow:none;margin:0}
.offer-row:first-child{border-top:0}
.offer-row:hover{background:#f8fbff}
.offer-row.on{background:#f2f9ff;border-radius:12px;outline:1.5px solid #0d8bff;outline-offset:-1.5px;margin:2px 0}
.offer-row.is-best{background:rgba(18,183,106,.05)}
.offer-row.on.is-best{background:#f2f9ff}
.offer-row.is-out{opacity:.45}
.of-check{width:24px;height:24px;flex:0 0 24px;margin:0}
.of-av,.of-av .sh-av-img,.of-av .sh-av-named{width:40px;height:40px;border-radius:11px;flex:0 0 40px;margin:0;box-shadow:none;font-size:16px}
.of-shop{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:6px;font-weight:700;font-size:13.5px;color:#0b2a5e;flex-wrap:wrap}
.of-nl{color:inherit;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.of-nl:hover{color:#0d8bff}
.of-out{font-size:10px;font-weight:700;color:#b3261e;background:rgba(239,64,86,.1);padding:2px 8px;border-radius:99px}
.of-price{flex:0 0 auto;display:flex;align-items:baseline;gap:7px;white-space:nowrap}
.of-price del{font-size:10.5px;color:var(--ink-3)}
.of-final{font-size:14.5px;font-weight:900;color:#0b2a5e}
.of-final small{font-size:9.5px;font-weight:600;color:var(--ink-3)}
@media(max-width:680px){
  .offer-row{gap:9px;padding:10px 8px}
  .of-check{width:21px;height:21px;flex-basis:21px}
  .of-av,.of-av .sh-av-img,.of-av .sh-av-named{width:36px;height:36px;border-radius:10px;flex-basis:36px;font-size:14px}
  .of-shop{font-size:12.5px}
  .of-final{font-size:13px}
}

/* ── ۵) پولیش صفحه محصول v2.9 ── */
.pd-wrap{gap:22px}
.pd-gallery{border-radius:22px;overflow:hidden;border:1px solid rgba(11,42,94,.07)}
.buy-box{border-radius:20px;border:1px solid rgba(11,42,94,.08);padding:18px}
.pd-info h1{font-size:20px;line-height:1.6}
.pd-short{color:var(--ink-2);font-size:13.5px;line-height:1.9}
.bb-shop{border-radius:14px}
.pd-desc{font-size:13.5px;line-height:2;color:var(--ink)}
.spec-table{border-radius:16px;overflow:hidden}
.comment-card{border-radius:16px}

/* ══════════════════════════════════════════════════════════════
   v2.10 — بازسازی کامل صفحه اصلی (ریل حرفه‌ای)
   کارت‌ها: موبایل ۲.۱ / دسکتاپ ۵.۲ | استوری: موبایل ۴.۳ / دسکتاپ ۱۲
   ══════════════════════════════════════════════════════════════ */

/* ── ساختار سکشن (تمیز، منظم، تراز) ── */
.home-page{padding-bottom:8px}
.home-page .sec{margin:14px 0}
.sec-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;padding-inline:2px}
.sec-title{font-size:16px;font-weight:900;color:#0b2a5e;margin:0;display:flex;align-items:center;gap:8px}
.sec-title::before{width:4px;height:20px}
.sec-more{font-size:11.5px;font-weight:800;color:#0d8bff;display:inline-flex;align-items:center;gap:4px;
  background:rgba(0,114,255,.07);padding:5px 12px;border-radius:99px;white-space:nowrap}

/* ── ریل افقی استاندارد (بدون اسنَپ، بدون انیمیشن) ── */
.rail{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:2px;margin-inline:-2px}
.rail::-webkit-scrollbar{display:none}
.rail-track{display:flex;gap:12px;align-items:stretch}
.rail-track .p-card{flex:0 0 calc((100% - 50px)/5.2);min-width:0}
@media(max-width:1024px){.rail-track .p-card{flex-basis:calc((100% - 36px)/4.2)}}
@media(max-width:768px){.rail-track{gap:8px}.rail-track .p-card{flex-basis:calc((100% - 8px)/2.1)}}
@media(min-width:769px){.rail{overflow:hidden}}

/* ── استوری: موبایل ۴.۳ / دسکتاپ ۱۲ — کاملاً تراز و گرد ── */
.sec-stories{margin:10px 0 14px}
.rail-stories{display:flex;gap:12px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:4px 2px 8px}
.rail-stories::-webkit-scrollbar{display:none}
.rail-stories .story{flex:0 0 calc((100% - 132px)/12);min-width:0;display:flex;flex-direction:column;align-items:center;gap:5px;cursor:pointer}
.rail-stories .story-ring{width:100%;max-width:82px;aspect-ratio:1;padding:3px;position:relative}
.rail-stories .story-name{font-size:10.5px;font-weight:700;color:var(--ink-2);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}
.rail-stories .story-lvl{font-size:8.5px;padding:1px 7px}
@media(max-width:768px){
  .rail-stories{gap:10px;padding:2px 2px 6px}
  .rail-stories .story{flex-basis:calc((100% - 30px)/4.3)}
  .rail-stories .story-ring{padding:2.5px}
  .rail-stories .story-name{font-size:9.5px}
}

/* ── هیرو (وب‌ویو دسکتاپ / اپ‌ویو موبایل) ── */
.hero-sec{margin-top:8px}
.hero-slider{position:relative;border-radius:20px;overflow:hidden;box-shadow:0 12px 26px -16px rgba(0,60,150,.26)}
.hero-track{position:relative}
.hero-slide{display:block;position:relative}
.hero-slide img{width:100%;height:340px;min-height:0;object-fit:cover;display:block;border-radius:0;aspect-ratio:auto}
.hero-cap{position:absolute;inset-inline:0;bottom:0;padding:26px 20px 16px;color:#fff;
  background:linear-gradient(0deg,rgba(4,18,40,.6),transparent 90%);display:flex;flex-direction:column;gap:2px}
.hero-cap b{font-size:17.5px;text-shadow:0 2px 8px rgba(0,0,0,.4)}
.hero-cap small{font-size:11.5px;opacity:.92}
.hero-dots{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);display:flex;gap:5px;z-index:3}
.hero-dots .dot{width:6px;height:6px;border-radius:99px;background:rgba(255,255,255,.55);border:0;padding:0;cursor:pointer}
.hero-dots .dot.on{width:16px;background:#fff}
.ad-ribbon{position:absolute;top:10px;inset-inline-start:10px;background:rgba(239,64,86,.94);color:#fff;
  font-size:10px;font-weight:800;padding:3px 10px;border-radius:99px;display:inline-flex;align-items:center;gap:4px;z-index:3}
@media(max-width:768px){.hero-slide img{height:190px;min-height:0}.hero-cap{padding:18px 14px 12px}.hero-cap b{font-size:14px}.hero-cap small{font-size:10.5px}}

/* ── نوار اعتماد ── */
.trust-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;background:#fff;
  border:1px solid rgba(11,42,94,.07);border-radius:16px;padding:13px 16px;box-shadow:0 6px 16px -10px rgba(8,34,80,.16)}
.ts-item{display:flex;align-items:center;justify-content:center;gap:7px;font-size:12px;font-weight:800;color:#14345f;text-align:center}
.ts-item svg{color:#0d8bff;flex:none}
@media(max-width:768px){.trust-strip{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;padding:11px 10px}.ts-item{font-size:10px;justify-content:flex-start;padding-inline-start:8px}}

/* ── دسته‌بندی‌ها (گرید مرتب) ── */
.cat-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px}
.cat-cell{background:#fff;border:1px solid rgba(11,42,94,.07);border-radius:15px;padding:13px 6px 11px;
  display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;box-shadow:0 6px 16px -10px rgba(8,34,80,.16)}
.cc-ic2{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;color:#fff;
  background:linear-gradient(140deg,#00c6ff,#0072ff)}
.cc-name{font-size:10.5px;font-weight:800;color:#334;color:var(--ink-2);line-height:1.5}
@media(max-width:768px){.cat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.cat-cell{padding:10px 3px 8px}.cc-ic2{width:40px;height:40px;border-radius:11px}.cc-name{font-size:8.8px}}

/* ── شگفت‌انگیز ── */
.amz-wrap{display:flex;gap:12px;align-items:stretch;background:linear-gradient(120deg,#ef4056,#f27500);
  border-radius:20px;padding:14px;box-shadow:0 12px 26px -16px rgba(230,57,70,.4)}
.amz-banner{flex:0 0 124px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#fff;text-align:center}
.amz-rocket{display:grid;place-items:center}
.amz-banner b{font-size:16px;line-height:1.7;text-shadow:0 2px 8px rgba(0,0,0,.25)}
.amz-timer{display:inline-flex;align-items:center;gap:3px;background:rgba(0,0,0,.22);border-radius:10px;padding:4px 9px;font-weight:900;font-size:13px}
.amz-timer i{font-style:normal;opacity:.7}
.amz-all{font-size:10.5px;font-weight:800;display:inline-flex;align-items:center;gap:4px}
.amz-rail{flex:1;min-width:0}
.amz-track .p-card{background:#fff}
.amz-track .amz-more{flex:0 0 64px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;
  color:#fff;font-size:10.5px;font-weight:800}
@media(max-width:768px){.amz-wrap{padding:10px;gap:8px;border-radius:16px}.amz-banner{flex-basis:78px}.amz-banner b{font-size:12px}.amz-timer{font-size:11px;padding:3px 6px}}

/* ── بنرهای دوتایی ── */
.duo-banners{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
.duo-b{position:relative;border-radius:18px;overflow:hidden;display:block;min-height:150px;
  border:1px solid rgba(11,42,94,.07);box-shadow:0 6px 16px -10px rgba(8,34,80,.16)}
.duo-b img{width:100%;height:100%;min-height:150px;object-fit:cover;display:block}
.duo-cap{position:absolute;inset-inline:0;bottom:0;padding:20px 14px 12px;color:#fff;display:flex;flex-direction:column;gap:1px;
  background:linear-gradient(0deg,rgba(4,18,40,.62),transparent 92%)}
.duo-cap b{font-size:14px}
.duo-cap small{font-size:10.5px;opacity:.9}
.duo-empty{background:linear-gradient(135deg,#00c6ff,#0072ff)}
@media(max-width:768px){.duo-banners{grid-template-columns:minmax(0,1fr);gap:8px}.duo-b{min-height:110px}.duo-b img{min-height:110px}}

/* ── پیشنهاد روز ── */
.daily-spot{display:grid;grid-template-columns:150px minmax(0,1fr) auto;gap:16px;align-items:center;background:#fff;
  border:1px solid rgba(11,42,94,.07);border-radius:18px;padding:14px 16px;box-shadow:0 6px 16px -10px rgba(8,34,80,.16)}
.ds-thumb{width:150px;height:150px;border-radius:14px;overflow:hidden}
.ds-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.ds-badge{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:800;color:#c2410c;background:#fff3e6;padding:3px 10px;border-radius:99px}
.ds-info h3{font-size:14.5px;margin:8px 0 5px;color:#0b2a5e;line-height:1.6}
.ds-rate{font-size:11px;color:var(--ink-3);display:flex;align-items:center;gap:5px;margin-bottom:9px}
.ds-price{display:flex;align-items:center;gap:9px}
.ds-price del{font-size:11px;color:var(--ink-3)}
.ds-price b{font-size:17px;color:#0b2a5e}
.ds-cta{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:#fff;background:linear-gradient(140deg,#00c6ff,#0072ff)}
@media(max-width:640px){.daily-spot{grid-template-columns:96px minmax(0,1fr);padding:11px}.ds-thumb{width:96px;height:96px}.ds-cta{display:none}.ds-info h3{font-size:12.5px}.ds-price b{font-size:14.5px}}

/* ── فروشگاه‌های منتخب ── */
.shops-rail .shop-card{display:flex;flex-direction:column;align-items:center;gap:7px;background:#fff;text-align:center;
  border:1px solid rgba(11,42,94,.07);border-radius:16px;padding:16px 10px 12px;box-shadow:0 6px 16px -10px rgba(8,34,80,.16)}
.shop-av2 .sh-av-img,.shop-av2 .sh-av-named{width:56px;height:56px;border-radius:16px;font-size:21px}
.shop-nm{font-size:12px;color:#0b2a5e;display:flex;align-items:center;gap:4px;max-width:100%;white-space:nowrap;overflow:hidden}
.shop-mt{font-size:10px;color:#d97706;font-weight:800;display:flex;align-items:center;gap:4px}
.shop-cnt{font-size:9.5px;color:var(--ink-3);font-weight:700}

/* ── نظر خریداران ── */
.reviews-rail .review-card{flex:0 0 calc((100% - 36px)/4.2);background:#fff;border:1px solid rgba(11,42,94,.07);
  border-radius:16px;padding:14px;box-shadow:0 6px 16px -10px rgba(8,34,80,.16);margin:0}
.review-card blockquote{font-size:11.5px;line-height:1.9;color:var(--ink-2);margin:8px 0 10px;min-height:64px;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.review-card figcaption b{font-size:11.5px;color:#0b2a5e;display:block}
.review-card figcaption small{font-size:10px;color:var(--ink-3)}
.rv-stars{color:#f5a623;display:flex;gap:1px}
@media(max-width:768px){.reviews-rail .review-card{flex-basis:calc((100% - 8px)/1.3)}.review-card blockquote{min-height:56px}}

/* ── بنر فروشنده شو ── */
.seller-cta{display:flex;align-items:center;justify-content:space-between;gap:14px;
  background:linear-gradient(135deg,#0b1b33,#14345f 60%,#0050c8);border-radius:20px;padding:22px 24px;color:#fff}
.sc-txt b{font-size:17px;display:block;margin-bottom:4px}
.sc-txt small{font-size:11.5px;opacity:.85}
@media(max-width:640px){.seller-cta{flex-direction:column;align-items:flex-start;padding:18px;border-radius:16px}.sc-txt b{font-size:14.5px}}

/* ============================== نسخهٔ ۲.۱۱ — تونل خرید متمرکز (هدر خلوت + بار اقدام چسبنده + بدون فوتر) ============================== */
body.has-cbar .page{padding-bottom:calc(108px + env(safe-area-inset-bottom,0px))!important}
.fhdr{position:sticky;top:0;z-index:70;background:rgba(255,255,255,.88);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
 border-bottom:1.5px solid rgba(10,64,190,.1);box-shadow:0 6px 18px -16px rgba(8,34,80,.35)}
.fhdr-in{display:flex;align-items:center;gap:14px;padding-top:10px;padding-bottom:10px;min-height:62px}
.fhdr-brand img{width:36px;height:36px}
.fhdr-brand .brand-txt small{font-size:10px}
.fhdr-back{display:flex;align-items:center;gap:5px;padding:8px 12px;border-radius:12px;border:1.5px solid #e3e8f4;
 color:var(--ink-2);font-size:12.5px;font-weight:700;background:#fff;flex:none}
.fhdr-back:hover{border-color:var(--blue);color:var(--blue-deep)}
.fsteps{display:flex;align-items:center;gap:8px;margin-inline:auto}
.fstep{display:flex;align-items:center;gap:6px;color:var(--ink-3);font-size:12px;font-weight:600;white-space:nowrap}
.fstep .fstep-ic{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;
 background:#eef1f8;color:#9aa2bb;font-style:normal;flex:none}
.fstep.on{color:var(--blue-deep);font-weight:800}
.fstep.on .fstep-ic{background:linear-gradient(135deg,#0072ff,#00c6ff);color:#fff;box-shadow:0 4px 10px -3px rgba(0,114,255,.55)}
.fstep.done{color:#0b8a50}
.fstep.done .fstep-ic{background:rgba(18,183,106,.15);color:#0b8a50}
.fstep-line{width:26px;height:2px;border-radius:2px;background:#e6eaf4;flex:none}
.fstep-line.done{background:rgba(18,183,106,.5)}
.fhdr-sec{display:flex;align-items:center;gap:6px;color:#0b8a50;font-size:12px;background:rgba(18,183,106,.1);
 border:1px solid rgba(18,183,106,.3);padding:7px 12px;border-radius:999px;flex:none}
.cbar{position:fixed;bottom:0;inset-inline:0;z-index:80;background:rgba(255,255,255,.94);
 -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1.5px solid rgba(10,64,190,.1);
 box-shadow:0 -8px 22px -16px rgba(8,34,80,.35);padding-bottom:env(safe-area-inset-bottom,0px)}
.cbar-in{display:flex;align-items:center;gap:12px;padding-top:10px;padding-bottom:10px}
.cbar-price{display:flex;flex-direction:column;gap:2px;min-width:0;flex:none}
.cbar-price small{font-size:10px;color:var(--ink-3);font-weight:600}
.cbar-price b{font-size:16px;font-weight:900;color:#23254e;font-variant-numeric:tabular-nums;white-space:nowrap}
.cbar-price b .cur{font-size:10.5px;color:var(--ink-3);font-weight:600}
.cbar-btn{flex:1;max-width:430px;margin-inline-start:auto;justify-content:center;border-radius:13px;padding:12px 14px;font-size:14px;min-width:0}
.cbar-ghost{flex:none}
@media(min-width:993px){.cbar-in{max-width:900px}}
@media(max-width:768px){
 .fhdr-in{gap:9px;min-height:56px}
 .fhdr-back span{display:none}
 .fhdr-back{padding:8px 9px}
 .fhdr-brand .brand-txt small{display:none}
 .fhdr-brand img{width:30px;height:30px}
 .fsteps{gap:5px}
 .fstep b{display:none}
 .fstep.on b{display:inline;font-size:11px}
 .fstep.done .fstep-ic{background:rgba(18,183,106,.12)}
 .fstep .fstep-ic{width:23px;height:23px}
 .fstep-line{width:14px}
 .fhdr-sec{display:none}
 .cbar-in{gap:9px}
 .cbar-price b{font-size:14.5px}
 .cbar-btn{padding:11px 10px;font-size:13.5px;border-radius:12px}
}
@media print{ .fhdr,.cbar{display:none!important} }

/* ============================== نسخهٔ ۲.۱۲ — بازطراحی کامل صفحه کالا (الگوی دیجی‌کالا/ترب/باسلام) ============================== */
.pdx{margin-top:2px}
.crumbs .cr-sep{display:inline-flex;color:#c3cad8}
.pdx-main{display:grid;grid-template-columns:340px minmax(0,1fr) 300px;gap:0;background:#fff;
 border:1px solid rgba(11,42,94,.08);border-radius:22px;box-shadow:0 8px 22px -18px rgba(8,34,80,.25);
 margin-top:14px;align-items:start}
.pdx-gal{padding:20px;border-inline-end:1px solid #f0f2f7;min-width:0}
.pdx-gal-box{position:relative;border-radius:16px;overflow:hidden;background:#fafbfd;border:1px solid #eef1f6}
.pdx-gal-box img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block}
.gal-disc{position:absolute;top:12px;inset-inline-end:12px;background:linear-gradient(135deg,#ef4056,#d81b3d);
 color:#fff;font-size:11px;font-weight:900;padding:5px 11px;border-radius:10px;box-shadow:0 6px 14px -6px rgba(216,27,61,.5)}
.pdx-gal-acts{display:flex;gap:8px;margin-top:11px}
.pdx-gact{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;font-size:11px;font-weight:700;
 color:#6d7288;background:#fff;border:1.4px solid #e6eaf2;border-radius:11px;padding:8px 10px;cursor:pointer}
.pdx-gact:hover{color:#0d8bff;border-color:#a9d3fb}
.pdx-info{padding:22px 20px;min-width:0;border-inline-end:1px solid #f0f2f7}
.pdx-info .pd-cat{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;color:#0b5fa8;margin-bottom:7px}
.pdx-info h1{font-size:18px;font-weight:800;line-height:2;color:#23254e;margin-bottom:10px}
.pdx-rate{display:flex;align-items:center;gap:9px;font-size:12px;color:#6d7288;flex-wrap:wrap;padding-bottom:13px;border-bottom:1px solid #f0f2f7}
.pdx-rate .rdot{width:3px;height:3px;border-radius:50%;background:#cdd6e4;flex:none}
.pdx-rate-avg{display:inline-flex;align-items:center;gap:4px;font-size:12.5px;color:#23254e}
.pdx-rate-avg svg{color:var(--amber)}
.pdx-rate-avg b{font-weight:900}
.pdx-rate-avg small{color:#8b8fa3;font-weight:600}
.pdx-qspecs{margin-top:14px}
.pdx-qspecs-t{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:800;color:#23254e;margin-bottom:8px}
.pdx-qspecs-t svg{color:#0d8bff}
.pdx-qspecs ul{list-style:none;margin:0;padding:0}
.pdx-qspecs li{display:flex;align-items:baseline;gap:10px;padding:7px 0;border-bottom:1px dashed #eef1f6;font-size:12px}
.pdx-qspecs li:last-child{border-bottom:0}
.pdx-qspecs li span{color:#8b8fa3;flex:0 0 108px}
.pdx-qspecs li i{font-style:normal;color:#3f4354;font-weight:600;min-width:0}
.pdx-more-link{display:inline-flex;align-items:center;gap:5px;margin-top:10px;font-size:11.5px;font-weight:800;
 color:#0d8bff;background:#eef6ff;border:1px solid #d6e9fe;border-radius:10px;padding:7px 13px;cursor:pointer}
.pdx-more-link:hover{background:#e2f0ff}
.pdx-info .pd-short{margin-top:14px}
.pdx-buy{padding:18px;background:linear-gradient(180deg,#f8fafe,#fdfdff);border-radius:22px 0 0 22px;min-width:0}
@media(min-width:993px){.pdx-buy{position:sticky;top:126px}}
.pdx-lbl{display:flex;align-items:center;gap:5px;font-size:10.5px;font-weight:800;color:#8b8fa3;margin-bottom:8px}
.pdx-buy .bb-shop{display:flex;align-items:center;gap:9px;padding:10px 11px;background:#fff;
 border:1px solid #eceef3;border-radius:14px;margin-bottom:11px}
.pdx-buy .bb-shop:hover{border-color:#bcd9f7}
.pdx-buy-btn{padding:13px 10px;font-size:14px;border-radius:13px;margin-top:12px}
.pdx-compare{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:9px;
 font-size:11px;font-weight:800;color:#0d8bff;padding:7px}
.pdx-compare:hover{color:#0b5fa8}
.pdx-trust{display:flex;flex-direction:column;gap:9px;margin-top:13px;padding-top:12px;border-top:1px dashed #e6e9f0}
.pdx-trust span{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;color:#6d7288}
.pdx-trust svg{color:#0d8bff;flex:none}
.pdx-buy .ad-banner{margin-top:13px}
#pdTabsSec{margin-top:18px}
#pTabs{display:flex;gap:5px;background:#fff;border:1px solid rgba(11,42,94,.08);border-radius:15px;
 padding:6px;width:max-content;max-width:100%;overflow-x:auto;margin-bottom:13px;scrollbar-width:none}
#pTabs::-webkit-scrollbar{display:none}
#pTabs a{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:11px;font-size:12px;font-weight:700;
 color:#5b6079;border:0;background:transparent;white-space:nowrap}
#pTabs a.on{background:linear-gradient(135deg,#0072ff,#00c6ff);color:#fff;box-shadow:0 6px 14px -6px rgba(0,114,255,.5)}
#pdTabsSec .tab-pane{background:#fff;border:1px solid rgba(11,42,94,.08);border-radius:18px;padding:20px;
 box-shadow:0 6px 16px -14px rgba(8,34,80,.16)}
#pdTabsSec #pane-specs.tab-pane{padding:10px 18px}
#pane-specs .spec-table{box-shadow:none;border:0;background:transparent;padding:0;margin-top:0}
#pane-desc .pd-desc{background:transparent;border:0;box-shadow:none;margin-top:0;padding:0;
 font-size:13.5px;line-height:2.2;color:#3f4354}
.pdx-desc-wrap.coll #descBody{max-height:300px;overflow:hidden;position:relative}
.pdx-desc-wrap.coll #descBody::after{content:"";position:absolute;bottom:0;left:0;right:0;height:64px;
 background:linear-gradient(180deg,rgba(255,255,255,0),#fff)}
.pdx-desc-wrap.open #descBody{max-height:none}
.pdx-desc-wrap.open #descBody::after{display:none}
.pdx-cm-sum{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid rgba(11,42,94,.08);
 border-radius:16px;padding:13px 18px;margin-bottom:12px;box-shadow:0 6px 16px -14px rgba(8,34,80,.16)}
.pdx-cm-num{display:flex;flex-direction:column;align-items:center;min-width:58px;padding-inline-end:16px;
 border-inline-end:1px dashed #e6e9f0}
.pdx-cm-num b{font-size:26px;font-weight:900;color:#0a9d61;font-variant-numeric:tabular-nums;line-height:1.2}
.pdx-cm-num small{font-size:9.5px;color:#8b8fa3;font-weight:600}
.pdx-cm-stars{display:flex;flex-direction:column;gap:4px}
.pdx-cm-stars .stars{display:inline-flex;gap:2px;color:var(--amber)}
.pdx-cm-stars small{font-size:11px;color:#8b8fa3}
@media(max-width:1200px){.pdx-main{grid-template-columns:300px minmax(0,1fr) 280px}}
@media(max-width:992px){
 .pdx-main{display:flex;flex-direction:column;margin-top:10px}
 .pdx-gal{border-inline-end:0;padding:14px 14px 6px}
 .pdx-info{border-inline-end:0;padding:8px 16px 16px}
 .pdx-buy{border-radius:0;border-top:1px solid #f0f2f7;background:#fff;padding:14px 16px 18px}
 .pdx-info h1{font-size:15.5px}
 #pdTabsSec .tab-pane{padding:14px}
 #pTabs{width:100%}
}
@media(max-width:768px){
 .pdx-main{border-radius:18px}
 .pdx-gal-box{border-radius:14px}
 .pdx-gal-acts{margin-top:8px}
 .pdx-cm-sum{padding:11px 14px;gap:12px}
 .pdx-cm-num{min-width:50px;padding-inline-end:12px}
  #pTabs a{padding:7px 12px;font-size:11px}
}

/* ============================== نسخهٔ ۲.۱۳ — تنفس بیشتر صفحه کالا + انتخاب فروشنده بدون لرزش + فروشنده جمع‌وجور ============================== */
/* تنفس و پدینگ‌های آزادتر */
.pdx-main{margin-top:18px}
.pdx-gal{padding:26px}
.pdx-info{padding:28px 26px}
.pdx-buy{padding:20px}
.pdx .sec{margin:22px 0}
.pdx .offers-box{padding:20px;margin:24px 0}
.pdx-qspecs li{padding:8.5px 0}
.pdx-rate{padding-bottom:14px}
#pdTabsSec .tab-pane{padding:24px}
.pdx .crumbs{margin-top:18px}
@media(max-width:1200px){.pdx-gal{padding:22px}.pdx-info{padding:24px 20px}.pdx-buy{padding:18px}}
/* انتخاب فروشنده: بدون هیچ جابه‌جایی/لرزش — فقط رنگ و دور خط عوض می‌شود */
.offers-box .offer-row.on{margin-top:0!important;margin-bottom:0!important;border-color:transparent!important;
 outline:1.6px solid #0d8bff!important;outline-offset:-1.6px;background:#f2f9ff!important;box-shadow:none!important}
.offers-box .offer-row.on + .offer-row{margin-top:0!important}
/* لوگوی فروشنده = ورود به فروشگاه */
a.of-av{text-decoration:none;cursor:pointer}
a.of-av:hover{outline:2px solid rgba(13,139,255,.4);outline-offset:1px;border-radius:14px}
/* بخش فروشنده در باکس خرید: جمع‌وجور و تمیز */
.pdx-lbl{margin-bottom:6px;font-size:10px}
.pdx-buy .bb-shop{padding:8px 10px;gap:8px;margin-bottom:9px}
.pdx-buy .bb-shop .sh-av-img,.pdx-buy .bb-shop .sh-av-named{border-radius:11px}
.pdx-buy .bb-shop-name{font-size:12.5px;line-height:1.6}
.pdx-buy .bb-shop-war{font-size:10.5px;margin-top:0}
.pdx-buy .bb-price{margin:8px 0 9px}
.pdx-buy .bb-warn{margin-top:8px;padding:7px 8px}
.pdx-buy .pdx-buy-btn{margin-top:10px;padding:12px 10px}
.pdx-buy .pdx-compare{margin-top:6px;padding:6px}
.pdx-trust{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px 10px;margin-top:11px;padding-top:11px}
.pdx-trust span{font-size:10.5px;gap:6px}
/* موبایل: لبه‌های آزادتر */
@media(max-width:768px){
 .pdx.container{padding-inline:12px!important}
 .pdx .offers-box{padding:14px;margin:18px 0}
 .pdx-gal{padding:16px 16px 8px}
 .pdx-info{padding:10px 16px 18px}
 .pdx .sec{margin:16px 0}
 #pdTabsSec .tab-pane{padding:16px 14px}
}

/* ============================== نسخهٔ ۲.۱۴ — فشرده‌سازی کامل فاصله‌ها و پدینگ‌های صفحه کالا ============================== */
.pdx .crumbs{margin-top:12px}
.pdx-main{margin-top:10px}
.pdx-gal{padding:12px}
.pdx-info{padding:12px 14px}
.pdx-buy{padding:12px}
.pdx .sec{margin:12px 0}
.pdx .offers-box{padding:12px;margin:12px 0}
.pdx-rate{padding-bottom:10px}
.pdx-qspecs{margin-top:10px}
.pdx-qspecs li{padding:6px 0}
#pdTabsSec{margin-top:12px}
#pdTabsSec .tab-pane{padding:12px 14px}
#pdTabsSec #pane-specs.tab-pane{padding:4px 12px}
#pTabs{margin-bottom:9px}
.pdx-cm-sum{padding:10px 14px;margin-bottom:8px}
@media(max-width:1200px){.pdx-gal{padding:12px}.pdx-info{padding:12px 14px}.pdx-buy{padding:12px}}
@media(max-width:992px){.pdx-info{padding:10px 12px}}
@media(max-width:768px){
 .pdx.container{padding-inline:8px!important}
 .pdx-main{margin-top:8px}
 .pdx-gal{padding:8px 8px 4px}
 .pdx-info{padding:6px 12px 10px}
 .pdx-buy{padding:10px 12px 12px}
 .pdx .offers-box{padding:10px;margin:12px 0}
 #pdTabsSec .tab-pane{padding:12px}
 .pdx-cm-num b{font-size:22px}
}

/* ============================== نسخهٔ ۲.۱۵ — بخش فروشنده تمام‌عرض + دکمه تمام‌صفحه + لبه‌های مینیمال ============================== */
.pdx.container{width:min(1360px,100% - 16px)}
.pdx .crumbs{margin-top:10px}
.pdx-main{margin-top:8px}
.pdx-main{grid-template-columns:340px minmax(0,1fr)}
.pdx-info{border-inline-end:0}
@media(max-width:1200px){.pdx-main{grid-template-columns:300px minmax(0,1fr)}}
/* بخش فروشنده — کارت تمام‌عرض زیر کارت اصلی */
.pdx-buy{position:static;width:100%;display:flex;align-items:center;flex-wrap:wrap;gap:6px 18px;
 background:#fff;border:1px solid rgba(11,42,94,.08);border-radius:18px;box-shadow:0 6px 16px -14px rgba(8,34,80,.2);
 padding:10px 14px;margin:10px 0}
.pdx-r-shop{display:flex;align-items:center;gap:12px;min-width:0;flex:1 1 260px}
.pdx-buy .bb-shop{display:flex;align-items:center;gap:9px;min-width:0;padding:0;border:0;background:transparent;margin:0}
.pdx-buy .bb-shop-name{font-size:13px;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pdx-buy .bb-shop-war{display:block;font-size:10.5px;color:#8b8fa3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pdx-buy .bb-price{display:flex;align-items:center;gap:12px;margin:0;flex-wrap:wrap}
.pdx-buy .bb-warn{margin:0;font-size:10.5px;padding:5px 11px;border-radius:99px;white-space:nowrap}
.pdx-buy .bb-old{gap:5px}
.pdx-buy .bb-now b{font-size:20px;white-space:nowrap}
/* دکمه خرید — تمام عرض صفحه */
#buyForm{flex:1 0 100%;margin-top:4px}
.pdx-buy-btn{width:100%;display:flex;align-items:center;justify-content:center;padding:13px 10px;font-size:14.5px;
 border-radius:13px;margin:0}
.pdx-compare{flex:1 0 100%;text-align:center;margin-top:0;padding:5px;font-size:10.5px}
.pdx-trust{display:flex;flex-wrap:wrap;gap:6px;flex:1 0 100%;margin-top:8px;padding-top:10px;border-top:1px dashed #e6e9f0}
.pdx-trust span{background:#f5f8fd;border:1px solid #e8eef7;border-radius:99px;padding:4px 10px;font-size:10px;color:#6d7288}
.pdx-trust svg{color:#0d8bff}
.pdx-buy .ad-banner{flex:1 0 100%;margin-top:8px}
@media(max-width:768px){
 .pdx.container{width:calc(100% - 10px)!important;padding-inline:5px!important}
 .pdx-buy{padding:10px;gap:6px 12px;margin:8px 0;border-radius:16px}
 .pdx-r-shop{flex:1 1 100%}
 .pdx-buy .bb-price{flex-wrap:wrap;gap:8px}
 .pdx-buy .bb-now b{font-size:18px}
 .pdx-buy-btn{margin-top:4px}
}

/* ============================== نسخهٔ ۲.۱۶ — فاصله‌ی مینیمال یکدست در تمام صفحات سایت ============================== */
.container{width:min(1360px,100% - 16px)}
@media(max-width:768px){
 .container{width:calc(100% - 10px)!important;padding-inline:5px!important}
}

/* ============================== نسخهٔ ۲.۱۷ — استوری‌ها: پروفایل فروشنده، ۴.۸ موبایل، بدون لرزش ============================== */
.rail-stories .story-ring .story-letter{display:grid;place-items:center;width:100%;height:100%;border-radius:50%;
 border:2.5px solid #fff;color:#fff;font-weight:900;font-size:27px;line-height:1;
 background:linear-gradient(140deg,#0072ff,#00c6ff);box-shadow:inset 0 0 0 1px rgba(255,255,255,.28)}
.rail-stories .story-ring img{background:#fff}
.rail-stories .story-ring img,
.rail-stories .story-ring .story-letter{pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.rail-stories .story{-webkit-tap-highlight-color:transparent}
@media(max-width:768px){
  .rail-stories{gap:9px}
  .rail-stories .story{flex-basis:calc((100% - 35px)/4.8)}
  .rail-stories .story-ring{max-width:64px}
  .rail-stories .story-ring .story-letter{font-size:21px;border-width:2.5px}
  .rail-stories .story-name{font-size:9.5px}
}

/* ============================== نسخهٔ ۲.۱۸ — سیستم استوری از صفر (ریل تمیز + ویوئر سبک و روان) ============================== */
/* ── ریل استوری (بدون باکس، گرد، دقیق) ── */
.sec-stories{margin:10px 0 14px}
.stv-rail{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:4px 2px 8px}
.stv-rail::-webkit-scrollbar{display:none}
.stv{flex:0 0 calc((100% - 132px)/12);min-width:0;display:flex;flex-direction:column;align-items:center;gap:5px;cursor:pointer;-webkit-tap-highlight-color:transparent}
.stv-ring{width:100%;max-width:80px;aspect-ratio:1;border-radius:50%;padding:3px;position:relative;background:linear-gradient(135deg,#00c6ff,#0072ff 48%,#7a5cff)}
.stv-ring.tier-gold{background:linear-gradient(140deg,#ffd76a,#f59e0b 55%,#ffe6a3)}
.stv-ring.tier-silver{background:linear-gradient(140deg,#e8eef6,#9fb4cc 55%,#cfd9e6)}
.stv-ring.tier-bronze{background:linear-gradient(140deg,#f2c094,#cd7f32 55%,#eec39a)}
.stv.seen .stv-ring{background:#dce3ee}
.stv-ring img,.stv-letter{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid #fff;background:#fff}
.stv-letter{display:grid;place-items:center;color:#fff;font-weight:900;font-size:26px;line-height:1;background:linear-gradient(140deg,#0072ff,#00c6ff)}
.stv-ring img,.stv-letter{pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.stv-crown,.stv-medal{position:absolute;bottom:-2px;inset-inline-start:-2px;width:21px;height:21px;border-radius:50%;display:grid;place-items:center;box-shadow:0 3px 8px -2px rgba(0,0,0,.3)}
.stv-crown{background:linear-gradient(140deg,#ffd76a,#f59e0b);color:#7a4a00}
.stv-medal.silver{background:linear-gradient(140deg,#e8eef6,#9fb4cc);color:#3e5875}
.stv-medal.bronze{background:linear-gradient(140deg,#f2c094,#cd7f32);color:#6b3f12}
.stv-arch{position:absolute;bottom:-2px;inset-inline-end:-2px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#8b97aa;color:#fff}
.stv-name{font-size:10.5px;font-weight:700;color:var(--ink-2);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}
.stv-lvl{font-size:8.5px;font-weight:800;padding:1px 8px;border-radius:99px;margin-top:-2px}
.stv-lvl.tier-gold{background:rgba(255,183,3,.16);color:#9a6700}
.stv-lvl.tier-silver{background:rgba(159,180,204,.22);color:#3e5875}
.stv-lvl.tier-bronze{background:rgba(205,127,50,.16);color:#8a5120}
@media(max-width:768px){
 .stv-rail{gap:9px;padding:2px 2px 6px}
 .stv{flex-basis:calc((100% - 35px)/4.8)}
 .stv-ring{max-width:64px}
 .stv-ring img,.stv-letter{border-width:2.5px}
 .stv-letter{font-size:21px}
 .stv-name{font-size:9.5px}
}
/* ── ویوئر استوری (سبک، بدون بلر سنگین) ── */
.svw{position:fixed;inset:0;z-index:900;background:rgba(4,7,14,.96);display:flex;align-items:center;justify-content:center;
 -webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.svw-bd{position:relative;width:min(414px,calc(100vw - 24px));height:min(780px,calc(100dvh - 44px));border-radius:20px;
 overflow:hidden;background:#000;box-shadow:0 30px 90px rgba(0,0,0,.55)}
.svw-bd[data-tier=gold]{box-shadow:0 0 0 2.5px rgba(255,199,64,.8),0 30px 90px rgba(0,0,0,.6)}
.svw-bd[data-tier=silver]{box-shadow:0 0 0 2.5px rgba(190,206,222,.7),0 30px 90px rgba(0,0,0,.6)}
.svw-bd[data-tier=bronze]{box-shadow:0 0 0 2.5px rgba(224,150,80,.75),0 30px 90px rgba(0,0,0,.6)}
.svw-media{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000}
.svw-segs{position:absolute;top:10px;inset-inline:12px;display:flex;gap:4px;z-index:5}
.svw-seg{flex:1;height:3px;border-radius:3px;background:rgba(255,255,255,.3);overflow:hidden}
.svw-seg i{display:block;height:100%;width:0;background:#fff;border-radius:inherit}
.svw-head{position:absolute;top:22px;inset-inline:12px;display:flex;align-items:center;gap:9px;z-index:6}
.svw-av{width:36px;height:36px;flex:none;border-radius:50%;padding:2px;background:linear-gradient(140deg,#0072ff,#00c6ff);display:block}
.svw-av.tier-gold{background:linear-gradient(140deg,#ffd76a,#f59e0b)}
.svw-av.tier-silver{background:linear-gradient(140deg,#e8eef6,#9fb4cc)}
.svw-av.tier-bronze{background:linear-gradient(140deg,#f2c094,#cd7f32)}
.svw-av img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid #fff}
.svw-av b{display:grid;place-items:center;width:100%;height:100%;border-radius:50%;background:linear-gradient(140deg,#0072ff,#00c6ff);color:#fff;font-size:15px;border:2px solid #fff}
.svw-meta{display:flex;flex-direction:column;min-width:0}
.svw-meta b{color:#fff;font-size:12.5px;text-shadow:0 1px 6px rgba(0,0,0,.6);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.svw-meta small{color:rgba(255,255,255,.72);font-size:10px;text-shadow:0 1px 6px rgba(0,0,0,.6)}
.svw-tier{font-size:9.5px;font-weight:800;padding:2px 9px;border-radius:99px;flex:none}
.svw-tier.tier-gold{background:rgba(255,199,64,.24);color:#ffd76a;border:1px solid rgba(255,199,64,.45)}
.svw-tier.tier-silver{background:rgba(190,206,222,.22);color:#dbe6f1;border:1px solid rgba(190,206,222,.4)}
.svw-tier.tier-bronze{background:rgba(224,150,80,.22);color:#f2b980;border:1px solid rgba(224,150,80,.4)}
.svw-sp{flex:1}
.svw-ico{width:36px;height:36px;flex:none;border-radius:50%;border:0;display:grid;place-items:center;background:rgba(255,255,255,.16);color:#fff;cursor:pointer}
.svw-ico:hover{background:rgba(255,255,255,.26)}
.svw-cap{position:absolute;bottom:20px;inset-inline:16px;z-index:5;margin:0;color:#fff;font-size:13px;line-height:1.9;
 text-shadow:0 1px 8px rgba(0,0,0,.75);max-height:120px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}
.svw-prod{position:absolute;bottom:66px;inset-inline:14px;z-index:7;display:flex;align-items:center;gap:9px;
 background:rgba(10,16,30,.6);border:1px solid rgba(255,255,255,.16);border-radius:14px;padding:8px 10px;color:#fff;text-decoration:none}
.svw-prod img{width:42px;height:42px;flex:none;border-radius:10px;object-fit:cover;background:#fff}
.svw-prod span{flex:1;min-width:0;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.svw-prod i{flex:none;font-style:normal;font-size:10px;font-weight:800;color:#8fd0ff}
.svw-zone{position:absolute;top:74px;bottom:110px;width:44%;z-index:4;background:transparent;border:0;cursor:pointer}
#svwPrev{right:0}
#svwNext{left:0}
.svw-shop-link{position:absolute;bottom:18px;left:16px;z-index:7}
.svw.is-rtl .svw-shop-link{left:auto;right:16px}
.svw-shop-link{display:flex;align-items:center;gap:6px;background:rgba(255,255,255,.16);color:#fff;font-size:11px;font-weight:800;
 padding:8px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.22)}
.svw-shop-link:hover{background:rgba(255,255,255,.26)}
.svw-hold{position:absolute;inset:0;z-index:8;display:flex;align-items:center;justify-content:center;pointer-events:none}
.svw-hold span{width:72px;height:72px;border-radius:50%;background:rgba(0,0,0,.5);color:#fff;display:grid;place-items:center}
.svw-cap:empty{display:none}
@media(max-width:768px){
 .svw{background:#000;padding:0}
 .svw-bd{width:100vw;height:100vh;height:100dvh;border-radius:0;box-shadow:none}
 .svw-media{object-fit:contain}
}

/* ============================== نسخهٔ ۲.۱۹ — پیشنهاد شگفت‌انگیز از صفر (تمیز و دقیق) ============================== */
.amz2-sec{margin:12px 0}
.amz2{display:flex;gap:10px;align-items:stretch;background:linear-gradient(120deg,#ef4056 10%,#f27500 120%);
 border-radius:18px;padding:12px;box-shadow:0 12px 26px -14px rgba(239,64,86,.4);overflow:hidden;position:relative}
.amz2-side{flex:0 0 128px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#fff;text-align:center}
.amz2-brand{display:flex;flex-direction:column;align-items:center;gap:6px;color:#fff}
.amz2-ic{width:44px;height:44px;border-radius:14px;background:rgba(255,255,255,.16);display:grid;place-items:center;
 border:1px solid rgba(255,255,255,.28);color:#fff}
.amz2-brand b{font-size:15px;font-weight:900;line-height:1.7;text-shadow:0 2px 8px rgba(0,0,0,.28)}
.amz2-timer{display:inline-flex;align-items:center;gap:3px;direction:ltr;background:rgba(0,0,0,.24);border-radius:10px;
 padding:4px 9px;color:#fff;font-weight:900;font-size:13px;font-variant-numeric:tabular-nums}
.amz2-timer i{font-style:normal;opacity:.6}
.amz2-all{font-size:10.5px;font-weight:800;color:#fff;display:inline-flex;align-items:center;gap:4px;opacity:.95}
.amz2-rail{flex:1;min-width:0;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:2px;margin-inline:-2px}
.amz2-rail::-webkit-scrollbar{display:none}
.amz2-track{display:flex;gap:10px;align-items:stretch}
.amz2-track .p-card{flex:0 0 calc((100% - 50px)/5.2);background:#fff}
.amz2-more{flex:0 0 58px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#fff;font-weight:800}
.amz2-more small{font-size:9.5px;text-align:center;line-height:1.6}
@media(max-width:1024px){.amz2-track .p-card{flex-basis:calc((100% - 30px)/3.4)}}
@media(max-width:768px){
 .amz2{padding:10px;gap:8px;border-radius:16px}
 .amz2-side{flex-basis:84px;gap:6px}
 .amz2-ic{width:34px;height:34px;border-radius:11px}
 .amz2-brand b{font-size:11.5px;line-height:1.6;gap:4px}
 .amz2-timer{font-size:10.5px;padding:3px 6px}
 .amz2-all{font-size:9px}
 .amz2-track{gap:8px}
 .amz2-track .p-card{flex-basis:calc((100% - 8px)/2.1)}
 .amz2-more{flex-basis:46px}
 .amz2-more small{font-size:8.5px}
}

/* ============================== نسخهٔ ۲.۲۰ — شگفت‌انگیز ۲۰۲۶: پنل روشن مات + تایمر سگمنتی تیره ============================== */
.amz3-sec{margin:12px 0}
.amz3{background:linear-gradient(135deg,#fff3f4 0%,#fff7ee 55%,#fffdf8 100%);
 border:1px solid #ffe0dd;border-radius:22px;padding:14px;
 box-shadow:0 10px 24px -16px rgba(190,30,50,.18)}
.amz3-head{display:flex;align-items:center;gap:12px;margin-bottom:12px;flex-wrap:wrap}
.amz3-ic{width:42px;height:42px;flex:none;border-radius:14px;display:grid;place-items:center;color:#fff;
 background:linear-gradient(140deg,#f43f5e,#fb7185 60%,#f97316);box-shadow:0 8px 18px -8px rgba(244,63,94,.55)}
.amz3-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px;order:1}
.amz3-t b{font-size:16px;font-weight:900;color:#3d1220}
.amz3-t small{font-size:10.5px;color:#a04b57;font-weight:600}
.amz3-clock{display:flex;gap:6px;direction:ltr;order:2}
.amz3-u{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:42px;
 background:#23254e;border-radius:11px;padding:6px 8px 4px}
.amz3-u b{color:#fff;font-size:13.5px;font-weight:900;font-variant-numeric:tabular-nums;line-height:1.2}
.amz3-u small{color:rgba(255,255,255,.55);font-size:7.5px;font-weight:600}
.amz3-all{flex:none;display:inline-flex;align-items:center;gap:5px;background:linear-gradient(140deg,#f43f5e,#fb7185);
 color:#fff;font-size:11px;font-weight:800;padding:8px 14px;border-radius:999px;
 box-shadow:0 8px 16px -8px rgba(244,63,94,.5);order:3}
.amz3-rail{overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:2px;margin-inline:-2px}
.amz3-rail::-webkit-scrollbar{display:none}
.amz3-track{display:flex;gap:10px;align-items:stretch}
.amz3-track .p-card{flex:0 0 calc((100% - 50px)/5.2);background:#fff}
.amz3-more{flex:0 0 84px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;
 border-radius:16px;background:rgba(244,63,94,.07);border:1.5px dashed rgba(244,63,94,.35);color:#e11d48;font-weight:800}
.amz3-more small{font-size:9.5px;text-align:center;line-height:1.6}
@media(max-width:1024px){.amz3-track .p-card{flex-basis:calc((100% - 30px)/3.4)}}
@media(max-width:640px){
 .amz3{padding:12px;border-radius:18px}
 .amz3-head{gap:9px;margin-bottom:10px}
 .amz3-ic{width:36px;height:36px;border-radius:12px}
 .amz3-t b{font-size:14px}
 .amz3-t small{font-size:9.5px}
 .amz3-all{order:2;margin-inline-start:auto;padding:7px 12px;font-size:10px}
 .amz3-clock{order:3;flex:1 1 100%;margin-top:2px}
 .amz3-u{flex:1}
 .amz3-track{gap:8px}
 .amz3-track .p-card{flex-basis:calc((100% - 8px)/2.1)}
 .amz3-more{flex-basis:72px}
}

/* ============================== نسخهٔ ۲.۲۱ — کارت محصول ۲۰۲۶ (تمیز، بدون هیچ انیمیشن/افکت) ============================== */
.pcard,.pcard *,.pcard *::before,.pcard *::after{transition:none!important;animation:none!important;transform:none!important}
.pcard{display:flex;flex-direction:column;background:#fff;border:1px solid rgba(11,42,94,.07);border-radius:16px;
 overflow:hidden;box-shadow:0 4px 12px -8px rgba(8,34,80,.14)}
.pcard:hover,.pcard:active{transform:none!important;box-shadow:0 4px 12px -8px rgba(8,34,80,.14)!important;border-color:rgba(11,42,94,.07)!important}
.pcard:hover img{transform:none!important}
.grid-products .pcard{animation:none!important;animation-delay:0s!important}
.pn-fig{display:block;margin:10px 10px 0;aspect-ratio:1;border-radius:12px;overflow:hidden;background:#f6f8fc}
.pn-fig img{width:100%;height:100%;object-fit:cover;display:block}
.pn-in{display:flex;flex-direction:column;gap:4px;padding:9px 11px 11px;flex:1}
.pn-meta{display:flex;align-items:center;gap:4px;font-size:9.5px;font-weight:600;color:#8b8fa3;min-height:14px}
.pn-meta svg{flex:none;color:#a9b0c4}
.pn-title{font-size:12px;font-weight:700;line-height:1.75;color:#23254e;margin:0;min-height:42px;
 display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pn-rate{display:inline-flex;align-items:center;gap:3px;font-size:10.5px;color:#8b8fa3}
.pn-rate svg{color:var(--amber)}
.pn-rate b{font-weight:800;color:#23254e}
.pn-rate-empty{min-height:14px}
.pn-price{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:6px}
.pn-pr{display:flex;flex-direction:column;align-items:flex-start;gap:1px;margin-inline-start:auto;min-width:0}
.pn-pr del{font-size:9.5px;color:#a1a3b2;font-variant-numeric:tabular-nums}
.pn-pr b{font-size:13px;font-weight:900;color:#16174a;font-variant-numeric:tabular-nums;white-space:nowrap}
.pn-pr i{font-style:normal;font-size:9px;font-weight:600;color:#8b8fa3}
.pn-chip{flex:none;background:#ef4056;color:#fff;font-size:10px;font-weight:900;padding:3px 7px;border-radius:8px;direction:rtl}
.pn-na{font-size:11px;font-weight:700;color:#a1a3b2}
@media(max-width:768px){
 .pn-fig{margin:8px 8px 0;border-radius:10px}
 .pn-in{padding:8px 9px 10px;gap:3px}
 .pn-title{font-size:11px;min-height:39px}
 .pn-pr b{font-size:12px}
 .pn-chip{font-size:9px;padding:2px 6px;border-radius:7px}
}

/* ═══════════════════════════════════════════════════════════════════
   v3.0 — سیستم ویجت ۲۰۲۶ + بنرهای تبلیغاتی جایگاه‌دار (بدون انیمیشن)
   ═══════════════════════════════════════════════════════════════════ */

/* ── بنر تبلیغاتی فروشنده (ویترین) ── */
.adb-sec{margin-top:34px;display:flex;flex-direction:column;gap:12px}
.adb{position:relative;display:flex;min-height:134px;border-radius:18px;overflow:hidden;
  border:1px solid rgba(12,30,68,.08);box-shadow:0 16px 36px -18px rgba(11,42,94,.4);
  animation:none!important;transition:none!important;transform:none!important;text-decoration:none}
.adb-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.adb::after{content:"";position:absolute;inset:0;
  background:linear-gradient(to left,rgba(10,14,36,.84) 0%,rgba(10,14,36,.44) 48%,rgba(10,14,36,.08) 100%)}
.adb-rib{position:absolute;top:10px;inset-inline-start:10px;z-index:3;display:inline-flex;align-items:center;gap:4px;
  background:rgba(8,12,30,.62);color:#ffd9d0;font-size:10px;font-weight:800;padding:4px 9px;border-radius:999px;
  border:1px solid rgba(255,255,255,.18)}
.adb-in{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;
  gap:6px;padding:16px 24px;max-width:74%}
.adb-badge{align-self:flex-start;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.4);
  color:#fff;font-size:10.5px;font-weight:900;padding:3px 11px;border-radius:999px}
.adb-t{color:#fff;font-size:19px;font-weight:900;line-height:1.55;text-shadow:0 2px 10px rgba(5,8,24,.35)}
.adb-s{color:rgba(255,255,255,.88);font-size:12.5px;font-weight:600;line-height:1.8}
.adb-cta{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;background:#fff;color:#14244e;
  font-size:12px;font-weight:900;padding:7px 15px;border-radius:12px;margin-top:3px;
  box-shadow:0 8px 18px -8px rgba(5,8,24,.5)}
@media(max-width:900px){.adb-in{max-width:86%}}
@media(max-width:600px){
  .adb{min-height:112px;border-radius:15px}
  .adb-in{padding:12px 15px;gap:5px;max-width:92%}
  .adb-t{font-size:15px;line-height:1.6}
  .adb-s{font-size:11px}
  .adb-cta{font-size:11px;padding:6px 12px}
  .adb-sec{gap:10px}
}
@media(max-width:760px){.adb-sec{margin-top:22px}}

/* ── پیش‌نمایش بنر (ادمین + فروشنده) ── */
.adpv-box{padding:6px 4px 2px}
.adpv-devs{display:flex;gap:6px;justify-content:center;margin-bottom:10px}
.adpv-d{display:inline-flex;align-items:center;gap:6px;border:1.5px solid #d9e3f2;background:#fff;color:#445;
  font-size:12px;font-weight:800;padding:6px 14px;border-radius:999px;cursor:pointer}
.adpv-d.on{background:#0d8bff;border-color:#0d8bff;color:#fff}
.adpv-stage{margin:0 auto}
.adpv-desk{width:100%;max-width:840px}
.adpv-mob{width:100%;max-width:360px}
.adpv-body{border:1px dashed #d5dfef;border-radius:20px;padding:12px;background:#f8faff}

/* ── کارت‌های جایگاه تبلیغاتی (پنل فروشنده) ── */
.abl-slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(232px,1fr));gap:12px}
.abl-slot{border:1.5px solid #e4ebf6;border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:8px;
  background:#fff;box-shadow:0 10px 24px -16px rgba(11,42,94,.22)}
.abl-slot.on{border-color:#0d8bff;box-shadow:0 14px 30px -14px rgba(13,139,255,.45)}
.abl-slot>b{font-size:14px;font-weight:900;color:#16223f}
.abl-pos{color:#6b7a94;font-size:11.5px;display:flex;gap:5px;align-items:center;font-weight:700}
.abl-note{color:#44506a;font-size:12px;line-height:1.8}
.abl-meta{display:flex;justify-content:space-between;align-items:center;border-top:1px dashed #e4ebf6;padding-top:9px;margin-top:auto}
.abl-price{font-weight:900;color:#0b5fa8;font-size:15px}
.abl-days{font-size:11px;color:#6b7a94;display:inline-flex;gap:4px;align-items:center;font-weight:700}
.abl-thumb{position:relative;width:120px;height:46px;border-radius:9px;overflow:hidden;flex-shrink:0}
.abl-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.abl-thumb::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(8,12,30,.74),rgba(8,12,30,.05) 62%)}
.abl-thumb span{position:absolute;inset-inline:7px;bottom:5px;z-index:2;color:#fff;font-size:9.5px;font-weight:800;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.abl-cols{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:20px;margin-top:14px}
@media(max-width:920px){.abl-cols{grid-template-columns:minmax(0,1fr)}}
.abl-prev{align-self:start;position:sticky;top:78px}
@media(max-width:920px){.abl-prev{position:static}}

/* ── ویجت‌ساز ادمین ── */
.wgm-row{display:flex;align-items:center;gap:11px;padding:11px 13px;border:1px solid #e6ecf5;border-radius:13px;
  margin-bottom:9px;background:#fff;cursor:grab}
.wgm-row.off{opacity:.55;background:#f6f7fa}
.wgm-row.dragging{opacity:.75;box-shadow:0 16px 34px -12px rgba(11,42,94,.45)}
.wgm-handle{color:#aab4c6;cursor:grab;flex-shrink:0}
.wgm-ic{width:34px;height:34px;border-radius:10px;background:#eef4ff;color:#0d8bff;display:inline-flex;align-items:center;
  justify-content:center;flex-shrink:0}
.wgm-name{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.wgm-name b{font-size:13px;color:#16223f}
.wgm-name small{font-size:11px;color:#8a97ad}
.wgm-acts{display:flex;gap:5px;align-items:center;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end}
.kwt-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;position:relative}
@media(max-width:640px){.kwt-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.kwt-cell{position:relative;border:1.5px solid #e4ebf6;border-radius:13px;padding:10px 6px;display:flex;flex-direction:column;
  gap:3px;cursor:pointer;text-align:center;align-items:center;background:#fff}
.kwt-cell input{position:absolute;opacity:0;pointer-events:none}
.kwt-cell b{font-size:12px;color:#16223f}
.kwt-cell small{font-size:10px;color:#8a97ad;line-height:1.7}
.kwt-cell.on{border-color:#0d8bff;background:#f0f7ff;box-shadow:0 10px 22px -12px rgba(13,139,255,.5)}
.kwt-ic{color:#0d8bff;display:inline-flex}
.kwo{display:none}
.switch-row{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:#33415e;cursor:pointer}
.switch-row input{width:17px;height:17px;accent-color:#0d8bff}

/* ── مودال رد بنر ── */
.adrm{position:fixed;inset:0;z-index:999;display:flex;align-items:center;justify-content:center;padding:16px}
.adrm[hidden]{display:none}
.adrm-bg{position:absolute;inset:0;background:rgba(10,16,38,.55)}
.adrm-card{position:relative;background:#fff;border-radius:18px;padding:20px;width:100%;max-width:420px;
  box-shadow:0 30px 70px -24px rgba(8,14,34,.6);border:1px solid #e6ecf5}


/* ── v3.3 — صفحه ویرایش اختصاصی ویجت (بدون مودال) ── */
.kwed-top{display:flex;align-items:center;gap:8px;margin-bottom:12px}
.kwed-sec{border:1.5px solid #e2e9f5;background:#f8faff;border-radius:16px;padding:14px;margin:14px 0 4px}
.kwed-t{display:flex;align-items:center;gap:7px;font-size:13.5px;font-weight:900;color:#16223f;margin-bottom:12px}
.kduo-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}
@media(max-width:760px){.kduo-grid{grid-template-columns:minmax(0,1fr)}}
.kduo-card{border:1px dashed #d5dfef;background:#fff;border-radius:14px;padding:12px}
.kduo-card>b{display:block;font-size:12.5px;margin-bottom:10px;color:#16223f}
.kduo-thumb{max-width:100%;height:64px;object-fit:cover;border-radius:10px;margin-top:8px;display:block}
.krev-row{display:flex;align-items:flex-start;gap:10px;background:#fff;border:1px solid #e6ecf5;border-radius:12px;
  padding:9px 11px;margin-bottom:8px}
.krev-star{display:inline-flex;gap:1px;color:#f5a623;flex-shrink:0;padding-top:2px}
.krev-body{flex:1;min-width:0;font-size:12px;color:#44506a;line-height:1.9}
.krev-body b{color:#16223f}
.kwsave{display:flex;align-items:center;gap:8px;flex-wrap:wrap;border-top:1px solid #e6ecf5;
  padding-top:14px;margin-top:6px;position:sticky;bottom:10px;background:#fff;border-radius:0 0 14px 14px}

/* بنر دوتایی بدون تصویر (پس‌زمینه گرادیانت آماده) */
.duo-g-g1{background:linear-gradient(120deg,#0d8bff,#00c6ff)}
.duo-g-g2{background:linear-gradient(120deg,#6a3df0,#b06bff)}
.duo-empty{min-height:120px}

/* ══════════════════════════════════════════════════════════════
   v3.4 — اسلایدر ۲۰۲۶ (.hsl) + بنر دوتایی (.duo2) + CTA فروشنده (.scta)
   بازنویسی کامل — بدون transition/animation؛ حرکت اسلایدر با اسنپ‌اسکرول
   ══════════════════════════════════════════════════════════════ */

/* ---------- اسلایدر هیرو ۲۰۲۶ ---------- */
.hsl{position:relative;border-radius:26px;overflow:hidden;box-shadow:0 18px 44px -20px rgba(2,34,84,.4);outline:none;-webkit-tap-highlight-color:transparent}
.hsl:focus-visible{box-shadow:0 0 0 3px rgba(0,138,255,.45),0 18px 44px -20px rgba(2,34,84,.4)}
.hsl-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none}
.hsl-track::-webkit-scrollbar{display:none}
.hsl-slide{flex:0 0 100%;min-width:100%;scroll-snap-align:start;position:relative;aspect-ratio:2.58/1;background:#e8f2fc}
.hsl-a{position:absolute;inset:0;display:block}
.hsl-a img{width:100%;height:100%;object-fit:cover;object-position:left center;display:block;user-select:none}
.hsl-shade{position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(to left,rgba(4,20,48,.66) 0%,rgba(4,20,48,.34) 30%,rgba(4,20,48,0) 58%),
             linear-gradient(0deg,rgba(3,14,36,.4),rgba(3,14,36,0) 42%)}
.hsl-cap{position:absolute;top:50%;transform:translateY(-50%);inset-inline-start:clamp(20px,4.5vw,64px);
  display:flex;flex-direction:column;align-items:flex-start;gap:10px;max-width:min(560px,62%);color:#fff}
.hsl-chip{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:800;padding:6px 12px;border-radius:999px;
  background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.34);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.hsl-cap b{font-size:clamp(19px,3.1vw,38px);font-weight:900;line-height:1.3;text-shadow:0 2px 18px rgba(2,16,42,.45)}
.hsl-cap small{font-size:clamp(12px,1.45vw,16px);font-weight:500;opacity:.96;text-shadow:0 1px 10px rgba(2,16,42,.4)}
.hsl-cta{display:inline-flex;align-items:center;gap:6px;margin-top:4px;background:#fff;color:#0d3f92;font-weight:900;
  font-size:clamp(11.5px,1.3vw,14px);padding:10px 22px;border-radius:999px;box-shadow:0 12px 28px -10px rgba(1,20,54,.6)}
.hsl-count{position:absolute;top:14px;inset-inline-end:14px;z-index:5;font-size:11px;font-weight:700;color:#fff;
  background:rgba(6,20,46,.42);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
  padding:5px 11px;border-radius:999px;pointer-events:none}
.hsl-arr{position:absolute;top:50%;transform:translateY(-50%);z-index:6;width:46px;height:46px;border-radius:50%;
  display:grid;place-items:center;color:#fff;background:rgba(8,24,54,.36);border:1px solid rgba(255,255,255,.3);
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);cursor:pointer;padding:0}
@media(hover:hover){.hsl-arr:hover{background:rgba(8,24,54,.62)}}
.hsl-pv{right:16px}.hsl-nx{left:16px}
@media(hover:none){.hsl-arr{display:none}}
.hsl-dots{position:absolute;z-index:6;bottom:14px;right:0;left:0;display:flex;justify-content:center;gap:6px;pointer-events:none}
.hsl-dot{pointer-events:auto;width:22px;height:8px;border-radius:999px;border:0;padding:0;cursor:pointer;background:rgba(255,255,255,.34);overflow:hidden}
.hsl-dot.on{width:38px;background:rgba(255,255,255,.26)}
.hsl-dot i{display:block;width:100%;height:100%;border-radius:999px;background:#fff;transform:scaleX(0);transform-origin:left center}
@media(max-width:768px){
  .hsl{border-radius:18px}
  .hsl-slide{aspect-ratio:1.55/1}
  .hsl-shade{background:linear-gradient(to left,rgba(4,20,48,.74) 0%,rgba(4,20,48,.42) 46%,rgba(4,20,48,.14) 74%),
             linear-gradient(0deg,rgba(3,14,36,.55),rgba(3,14,36,0) 55%)}
  .hsl-cap{inset-inline:18px;max-width:86%}
  .hsl-count{top:10px;inset-inline-end:10px}
  .hsl-dots{bottom:10px}
}
@media(max-width:480px){
  .hsl-slide{aspect-ratio:1.32/1}
  .hsl-cap{gap:7px}
}

/* ---------- بنرهای دوتایی ۲۰۲۶ ---------- */
.duo2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}
.duo2-b{position:relative;display:block;border-radius:22px;overflow:hidden;aspect-ratio:2.45/1;
  box-shadow:0 14px 32px -16px rgba(2,34,84,.32);color:#fff}
.duo2-b img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:left center}
.duo2-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(to left,rgba(4,20,48,.72) 0%,rgba(4,20,48,.32) 44%,rgba(4,20,48,0) 70%)}
.duo2-cap{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;padding:clamp(14px,2.6vw,26px)}
.duo2-no{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:800;padding:4px 10px;border-radius:999px;
  background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.32);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);margin-bottom:3px}
.duo2-cap b{font-size:clamp(14px,1.8vw,20px);font-weight:900;text-shadow:0 2px 12px rgba(2,16,42,.5)}
.duo2-cap small{font-size:clamp(10.5px,1.15vw,12.5px);opacity:.94;max-width:270px;line-height:1.75;text-shadow:0 1px 8px rgba(2,16,42,.45)}
.duo2-cta{display:inline-flex;align-items:center;gap:5px;margin-top:8px;background:#fff;color:#0d3f92;font-size:11px;font-weight:900;
  padding:7px 14px;border-radius:999px;box-shadow:0 8px 20px -8px rgba(1,20,54,.55)}
@media(max-width:640px){
  .duo2{grid-template-columns:minmax(0,1fr);gap:10px}
  .duo2-b{aspect-ratio:2.5/1;border-radius:18px}
}

/* ---------- بنر فروشنده شو ۲۰۲۶ ---------- */
.scta{position:relative;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.9fr);gap:18px;align-items:center;border-radius:26px;overflow:hidden;
  padding:clamp(22px,4vw,44px) clamp(20px,4.5vw,52px);color:#fff;
  background:linear-gradient(120deg,#0747b8 0%,#0072ff 45%,#00a6ff 78%,#00c6ff 100%);
  box-shadow:0 20px 46px -20px rgba(0,70,180,.5)}
.scta::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(circle at 18% 18%,rgba(255,255,255,.16),transparent 42%),
             radial-gradient(circle at 88% 86%,rgba(70,230,190,.22),transparent 46%)}
.scta::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.32;
  background-image:radial-gradient(rgba(255,255,255,.16) 1.5px,transparent 1.6px);background-size:26px 26px}
.scta-txt{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:11px}
.scta-chip{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:800;padding:6px 13px;border-radius:999px;
  background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.35)}
.scta-txt>b{font-size:clamp(19px,2.8vw,31px);font-weight:900;line-height:1.4}
.scta-txt>small{font-size:clamp(11.5px,1.3vw,14.5px);line-height:2;opacity:.95;max-width:520px}
.scta-feats{display:flex;flex-wrap:wrap;gap:7px}
.scta-feats i{font-style:normal;display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;
  background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.24);padding:6px 12px;border-radius:999px}
.scta-btn{display:inline-flex;align-items:center;gap:8px;margin-top:6px;background:#fff;color:#0747b8;font-weight:900;
  font-size:clamp(12.5px,1.4vw,15px);padding:13px 26px;border-radius:16px;box-shadow:0 14px 30px -10px rgba(0,20,60,.5)}
.scta-art{position:relative;z-index:2;justify-self:center;width:min(315px,100%)}
.scta-art img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center;border-radius:20px;display:block;
  border:4px solid rgba(255,255,255,.72);box-shadow:0 20px 44px -16px rgba(0,18,58,.55)}
.scta-art-fr{position:absolute;inset:-12px;border:1.5px dashed rgba(255,255,255,.45);border-radius:26px;pointer-events:none}
.scta-art-tag{position:absolute;bottom:16px;inset-inline-start:-8px;display:inline-flex;align-items:center;gap:6px;
  background:#fff;color:#0a6b4f;font-size:10.5px;font-weight:900;padding:8px 12px;border-radius:12px;box-shadow:0 10px 24px -8px rgba(0,20,60,.4)}
@media(max-width:820px){
  .scta{grid-template-columns:minmax(0,1fr);gap:20px}
  .scta-txt{align-items:center;text-align:center}
  .scta-txt>small{max-width:100%}
  .scta-feats{justify-content:center}
  .scta-art{width:min(280px,84%)}
  .scta-art-tag{inset-inline-start:2px}
}

/* ---------- گالری بنرهای آماده (پنل مدیریت) ---------- */
.bpick{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;margin-top:6px}
.bpick-i{position:relative;display:block;cursor:pointer;margin:0}
.bpick-i input{position:absolute;inset:0;opacity:0;cursor:pointer;margin:0}
.bpick-i img{width:100%;aspect-ratio:2.58/1;object-fit:cover;display:block;border-radius:10px;border:2px solid rgba(11,42,94,.12)}
.bpick-i input:checked + img{border-color:#0d8bff;box-shadow:0 0 0 3px rgba(13,139,255,.3)}
@media(max-width:560px){.bpick{grid-template-columns:minmax(0,1fr)}}

/* ══════════════════════════════════════════════════════════════
   v3.5 — تم‌های فصلی (۳۰ بنر) + لوگوهای آماده فروشنده (۲۰ آواتار)
   ══════════════════════════════════════════════════════════════ */

/* --- سوییچ تم فصل در پنل مدیریت --- */
.bswitch{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:6px 0 14px;padding:11px 13px;border-radius:14px;
  background:linear-gradient(120deg,rgba(0,114,255,.07),rgba(0,198,255,.07));border:1px solid rgba(0,114,255,.16)}
.bswitch-now{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:var(--ink-2,#41546f);font-weight:700;margin-inline-end:4px}
.bswitch-now b{color:#0072ff}
.bswitch form{display:inline}

/* --- تیتر گروه‌های گالری بنر --- */
.bpick-sec{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:900;color:#16407e;margin:12px 0 7px}
.bpick-sec::after{content:"";flex:1;height:1px;background:rgba(11,42,94,.12)}
.bpick-sec span{font-size:10px;font-weight:800;color:#0a6b4f;background:#d9f7ea;border-radius:999px;padding:3px 9px}
.bpick-sec.cur{color:#0072ff}

/* --- گالری لوگوهای آماده فروشنده --- */
.avpick{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:8px}
.avpick-i{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;margin:0;padding:9px 4px 7px;border-radius:14px;
  background:#f7fafd;border:2px solid rgba(11,42,94,.09)}
.avpick-i input{position:absolute;inset:0;opacity:0;cursor:pointer;margin:0}
.avpick-i img{width:52px;height:52px;border-radius:15px;display:block;box-shadow:0 6px 14px -6px rgba(10,40,90,.3)}
.avpick-i small{font-size:9.5px;font-weight:700;color:#42546e;text-align:center;white-space:nowrap;overflow:hidden;max-width:100%;text-overflow:ellipsis}
.avpick-i:has(input:checked){border-color:#0072ff;background:#eaf4ff;box-shadow:0 0 0 3px rgba(0,114,255,.18)}
@media(max-width:640px){.avpick{grid-template-columns:repeat(4,minmax(0,1fr))}.avpick-i small{display:none}}

/* ══════════════════════════════════════════════════════════════
   v3.6 — خرید مهمان + فاکتور جدید (.inv2) + سفارش‌ها (.ord2) + فروشگاه (.shp)
   ══════════════════════════════════════════════════════════════ */

/* ---------- خرید مهمان: کارت تایید موبایل ---------- */
.guest-otp-card{border:2px solid rgba(0,114,255,.28);background:linear-gradient(150deg,#f4faff 0%,#ffffff 60%)}
.guest-otp-hint{font-size:12.5px;color:var(--ink-2);line-height:1.95;margin:2px 0 13px}
.guest-otp-form{display:flex;gap:9px}
.guest-otp-mobile{flex:1;text-align:center;font-size:16px;font-weight:800;letter-spacing:3px;max-width:290px}
.guest-otp-code{letter-spacing:9px}
.guest-otp-sent{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:700;color:#0a6b4f;background:#e6f9f0;border:1px solid rgba(18,183,106,.35);border-radius:13px;padding:10px 13px}
.guest-otp-tick{color:#12b76a;flex:none;display:inline-flex}
.guest-otp-edit{background:none;border:0;color:#0072ff;font-weight:800;font-size:11.5px;cursor:pointer;padding:0;margin-inline-start:8px;text-decoration:underline}
.guest-otp-login{margin-top:12px;font-size:12px;color:var(--ink-3)}
.guest-otp-login a{color:#0072ff;font-weight:800}
.guest-lock{margin-top:14px}
.guest-lock-in{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:30px 18px;border-radius:20px;background:rgba(0,114,255,.045)}
.guest-lock-ic{width:60px;height:60px;border-radius:20px;display:grid;place-items:center;color:#fff;background:linear-gradient(140deg,#0072ff,#00c6ff);box-shadow:0 12px 26px -10px rgba(0,114,255,.55);margin-bottom:4px}
.guest-lock-in b{font-size:15.5px;color:#16407e}
.guest-lock-in small{color:var(--ink-2);font-size:12px;line-height:1.9;max-width:400px}
.cbar-note{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:800;color:#41546f}
@media(max-width:560px){.guest-otp-form{flex-direction:column}.guest-otp-mobile{max-width:100%}}

/* ---------- فاکتور رسمی جدید (.inv2) ---------- */
.inv2{max-width:880px;margin:18px auto 30px;padding:0 14px}
.inv2-done{display:flex;align-items:flex-start;gap:11px;background:rgba(18,183,106,.1)!important;border:1.5px solid rgba(18,183,106,.4);color:#0b7a48;margin-bottom:16px}
.inv2-sheet{position:relative;background:#fff;border:1px solid rgba(11,42,94,.12);border-radius:24px;overflow:hidden;
  box-shadow:0 24px 60px -28px rgba(2,34,84,.28)}
.inv2-ribbon{background:linear-gradient(120deg,#fff7e0,#ffefc2);color:#8a6400;font-size:11.5px;font-weight:800;display:flex;align-items:center;gap:7px;padding:9px 22px;border-bottom:1px dashed rgba(138,100,0,.3)}
.inv2-head{display:flex;align-items:center;gap:16px;padding:22px 26px 16px;border-bottom:1px dashed rgba(11,42,94,.14)}
.inv2-brand{display:flex;align-items:center;gap:10px}
.inv2-brand img{width:46px;height:46px}
.inv2-brand b{display:block;font-size:18px;font-weight:900;color:#0b3f8f}
.inv2-brand small{font-size:11px;color:var(--ink-3)}
.inv2-title{margin-inline-start:auto;text-align:center}
.inv2-title b{display:block;font-size:16.5px;font-weight:900;color:#11294f;margin-bottom:6px}
.inv2-qr{width:64px;height:64px;border-radius:12px;border:1px solid rgba(11,42,94,.14);padding:5px;flex:none}
.inv2-codes{display:flex;flex-wrap:wrap;gap:7px 20px;padding:12px 26px;background:linear-gradient(120deg,#f3f9ff,#eefcff);font-size:12px;color:var(--ink-2)}
.inv2-codes span{display:inline-flex;align-items:center;gap:6px}
.inv2-codes b{color:#11294f;font-weight:800}
.inv2-codes svg{color:#0072ff}
.inv2-steps{padding:10px 26px 4px}
.inv2-parties{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:12px;padding:16px 26px}
.inv2-party{border:1px solid rgba(11,42,94,.1);border-radius:16px;padding:13px 15px;display:flex;flex-direction:column;gap:5px;background:#fbfdff}
.inv2-party-t{display:flex;align-items:center;gap:7px;font-size:11.5px;font-weight:900;color:#0072ff}
.inv2-party-n{font-size:14px;font-weight:900;color:#11294f}
.inv2-party small{font-size:11.5px;color:var(--ink-2);display:flex;align-items:center;gap:5px;line-height:1.7}
.inv2-party small svg{color:#0072ff;flex:none}
.inv2-items{border-top:1px solid rgba(11,42,94,.1);margin:2px 0 0}
.inv2-it{display:grid;grid-template-columns:38px minmax(0,1fr) 110px 70px 120px;align-items:center;gap:10px;padding:11px 26px;border-bottom:1px dashed rgba(11,42,94,.09)}
.inv2-it-h{background:#f3f8fe;font-size:10.5px;font-weight:900;color:#41546f;border-bottom-style:solid}
.inv2-it-no{color:var(--ink-3);font-weight:800;font-size:12px}
.inv2-it-name{display:flex;align-items:center;gap:10px;min-width:0}
.inv2-it-name b{display:block;font-size:12.5px;font-weight:800;color:#11294f;line-height:1.65}
.inv2-it-name small{font-size:10.5px;color:var(--ink-3)}
.inv2-it-img{width:44px;height:44px;border-radius:11px;object-fit:cover;flex:none;border:1px solid rgba(11,42,94,.1);background:#f4f8fd}
.inv2-it-pr,.inv2-it-qty{font-size:12px;color:var(--ink-2)}
.inv2-it-qty i{display:none}
.inv2-it-sum{font-size:12.5px;font-weight:900;color:#0b3f8f;text-align:left}
.inv2-it-empty{grid-template-columns:minmax(0,1fr);text-align:center;color:var(--ink-3);font-size:12px}
.inv2-bottom{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:14px;padding:18px 26px 22px;align-items:start}
.inv2-note{font-size:11px;color:var(--ink-3);line-height:2.1;border-inline-start:3px solid rgba(0,114,255,.3);padding-inline-start:12px}
.inv2-note svg{color:#0072ff;vertical-align:-3px;margin-inline-end:4px}
.inv2-mnahla{margin-top:8px;font-weight:800;color:#11294f;font-size:12px}
.inv2-totals{background:#f6fbff;border:1px solid rgba(0,114,255,.14);border-radius:16px;padding:6px 16px 10px}
.inv2-final{padding-top:10px;border-top:2px solid rgba(0,114,255,.2)}
.inv2-final span,.inv2-final b{font-size:14.5px;font-weight:900;color:#0b3f8f}
.inv2-stamp{position:absolute;top:auto;bottom:20px;inset-inline-start:40px;transform:rotate(-14deg);border:3px solid #12b76a;color:#0a9a56;
  font-size:17px;font-weight:900;padding:9px 20px;border-radius:14px;opacity:.85;text-align:center;line-height:1.3;background:rgba(255,255,255,.8);
  box-shadow:0 6px 18px rgba(18,183,106,.18);pointer-events:none}
.inv2-stamp small{display:block;font-size:10px;font-weight:700}
.inv2-stamp.test{border-color:#e8a100;color:#b98400}
.inv2-actions{display:flex;justify-content:center;gap:10px;margin-top:18px;flex-wrap:wrap}
@media(max-width:720px){
  .inv2-head{flex-wrap:wrap;gap:10px;padding:18px 16px 12px}
  .inv2-title{margin-inline-start:0;order:3;width:calc(100% - 84px);text-align:right;display:flex;align-items:center;gap:9px}
  .inv2-title b{margin-bottom:0}
  .inv2-qr{margin-inline-start:auto}
  .inv2-codes{padding:11px 16px;gap:6px 13px}
  .inv2-steps{padding:6px 16px 0}
  .inv2-parties{grid-template-columns:minmax(0,1fr);padding:12px 16px}
  .inv2-it{grid-template-columns:28px minmax(0,1fr);padding:12px 16px;grid-template-areas:"no name" "no meta"}
  .inv2-it-h{display:none}
  .inv2-it-no{grid-area:no;align-self:start;margin-top:6px}
  .inv2-it-name{grid-area:name}
  .inv2-it-pr{grid-area:2/2;display:inline}
  .inv2-it-qty{grid-area:2/2;display:inline;margin-inline-start:14px}
  .inv2-it-qty i{display:inline;font-style:normal;color:var(--ink-3);font-size:10.5px;margin-inline-end:4px}
  .inv2-it-sum{grid-area:2/2;display:inline;text-align:left;margin-inline-start:14px}
  .inv2-it-sum::before{content:"جمع: ";font-size:10.5px;font-weight:400;color:var(--ink-3)}
  .inv2-bottom{grid-template-columns:minmax(0,1fr);padding:14px 16px 18px}
  .inv2-stamp{display:none} /* در موبایل بج «پرداخت شد» کنار عنوان کافی است — تداخل صفر */
}
/* چاپ فاکتور */
@media print{
  .fhdr,.khd,.ftr,.ft7,.bnav,.cbar,.toasts,.inv2-actions,.inv2-done,.svw{display:none!important}
  body{background:#fff!important}
  .inv2{margin:0;max-width:100%;padding:0}
  .inv2-sheet{box-shadow:none;border:1px solid #ccd4e0;border-radius:12px}
  .page,.main,#main{padding:0!important;margin:0!important}
}

/* ---------- سفارش‌های من (.ord2) ---------- */
.ord2-list{display:flex;flex-direction:column;gap:12px}
.ord2{border:1px solid rgba(11,42,94,.11);border-radius:18px;padding:14px 16px;background:linear-gradient(160deg,#ffffff 40%,#f7fbff)}
.ord2-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
.ord2-code b{font-size:14px;font-weight:900;color:#11294f}
.ord2-code{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.ord2-date{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:var(--ink-3)}
.ord2-date svg{color:#0072ff}
.ord2-badges{display:flex;gap:6px;flex:none}
.ord2-steps{margin:2px 0 10px}
.ord2-main{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;
  border-top:1px dashed rgba(11,42,94,.12);padding-top:11px}
.ord2-items{display:flex;align-items:center;gap:11px}
.ord2-thumbs{display:inline-flex}
.ord2-thumbs img{width:42px;height:42px;border-radius:12px;object-fit:cover;border:2px solid #fff;box-shadow:0 3px 10px -3px rgba(2,34,84,.3);margin-inline-start:-12px}
.ord2-thumbs img:first-child{margin-inline-start:0}
.ord2-qty{font-size:12px;font-weight:800;color:#41546f}
.ord2-side{display:flex;align-items:center;gap:16px;margin-inline-start:auto}
.ord2-price small{display:block;font-size:10.5px;color:var(--ink-3)}
.ord2-price b{font-size:15px;font-weight:900;color:#0b3f8f}
.ord2-acts{display:flex;gap:6px}
@media(max-width:560px){.ord2-side{width:100%;justify-content:space-between;margin-inline-start:0}}

/* ---------- صفحه فروشگاه ۲۰۲۶ (.shp) ---------- */
.shp-cover{position:relative;height:215px;overflow:hidden;background:linear-gradient(120deg,#0747b8 0%,#0072ff 42%,#00a6ff 75%,#00c6ff 100%)}
.shp-cover[data-lvl=gold]{background:linear-gradient(120deg,#0b3fa8 0%,#0072ff 40%,#00c2ff 72%,#3ee0c0 100%)}
.shp-cover[data-lvl=silver]{background:linear-gradient(120deg,#3c5580 0%,#4a7fd4 55%,#6fc6ff 100%)}
.shp-cover-art{position:absolute;inset:0;width:100%;height:100%}
.shp-wrap{margin-top:-74px;position:relative}
.shp-card{border-radius:26px;padding:22px 24px;display:grid;grid-template-columns:108px minmax(0,1fr);gap:6px 20px;align-items:start;
  box-shadow:0 22px 50px -22px rgba(2,34,84,.32)}
.shp-av{position:relative;width:108px;height:108px;border-radius:28px;padding:5px;background:#fff;box-shadow:0 14px 30px -12px rgba(2,34,84,.4)}
.shp-av img,.shp-av .sh-av-named{border-radius:23px!important}
.shp-av[data-lvl=gold]{box-shadow:0 0 0 3px #ffd25e,0 14px 30px -12px rgba(2,34,84,.4)}
.shp-av[data-lvl=silver]{box-shadow:0 0 0 3px #cfd9ea,0 14px 30px -12px rgba(2,34,84,.4)}
.shp-av-check{position:absolute;bottom:-5px;inset-inline-end:-5px;width:28px;height:28px;border-radius:50%;background:#12b76a;color:#fff;
  display:grid;place-items:center;border:3px solid #fff;box-shadow:0 5px 12px -4px rgba(18,183,106,.6)}
.shp-id{min-width:0}
.shp-name{font-size:clamp(18px,2.6vw,25px);font-weight:900;color:#0b3f8f;display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 9px}
.shp-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:9px}
.shp-chip{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:800;padding:5px 11px;border-radius:999px;background:#eef6ff;color:#1762c4;border:1px solid rgba(0,114,255,.16)}
.shp-chip.c-blue{background:#e3f0ff;border-color:rgba(0,114,255,.3);color:#0757c2}
.shp-chip.c-lvl[data-lvl=gold]{background:#fff3d4;border-color:rgba(217,148,0,.35);color:#8a6400}
.shp-chip.c-lvl[data-lvl=silver]{background:#edf1f7;border-color:rgba(70,90,120,.25);color:#4a5f7d}
.shp-chip.c-lvl[data-lvl=bronze]{background:#fdeee0;border-color:rgba(205,120,40,.3);color:#9c5a12}
.shp-dot{width:8px;height:8px;border-radius:50%;flex:none}
.shp-dot.c-green{background:#19c37d}
.shp-dot.c-ice{background:#35c4f5}
.shp-bio{font-size:13px;color:var(--ink-2);line-height:2;margin:0 0 12px;max-width:640px}
.shp-acts{display:flex;flex-wrap:wrap;gap:8px}
.shp-follow{display:inline-flex;align-items:center;gap:7px;background:linear-gradient(120deg,#0072ff,#00a9ff);color:#fff;border:0;font-weight:900;
  font-size:12.5px;padding:10px 20px;border-radius:999px;cursor:pointer;box-shadow:0 10px 24px -8px rgba(0,114,255,.55);font-family:inherit}
.shp-follow.on{background:#e8fbf2;color:#0a7a48;box-shadow:none;border:1px solid rgba(18,183,106,.4)}
.shp-share{display:inline-flex;align-items:center;gap:7px;background:#eef6ff;color:#1762c4;border:1px solid rgba(0,114,255,.2);font-weight:800;
  font-size:12px;padding:9px 16px;border-radius:999px;cursor:pointer;text-decoration:none;font-family:inherit}
.shp-stats{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px;padding-top:16px;border-top:1px dashed rgba(11,42,94,.13)}
.shp-st{display:flex;flex-direction:column;align-items:center;gap:3px;padding:12px 8px;border-radius:18px;text-align:center}
.shp-st b{font-size:20px;font-weight:900}
.shp-st small{display:flex;align-items:center;gap:5px;font-size:10.5px;font-weight:700;color:inherit;opacity:.85}
.shp-st small span{opacity:.85}
.shp-st.s-gold{background:linear-gradient(160deg,#fff6dd,#ffeec2);color:#8a6400}
.shp-st.s-blue{background:linear-gradient(160deg,#e8f2ff,#d8ebff);color:#0b57c2}
.shp-st.s-green{background:linear-gradient(160deg,#dff8ec,#c8f3de);color:#0a7a48}
.shp-st.s-ice{background:linear-gradient(160deg,#e3f7ff,#d0efff);color:#0a7aa5}
.shp-stories{border-radius:22px;background:#fff;border:1px solid rgba(11,42,94,.1);padding:16px 18px;box-shadow:0 12px 30px -18px rgba(2,34,84,.22)}
.shp-stories-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.shp-stories-head b{display:flex;align-items:center;gap:8px;font-size:14.5px;color:#0b3f8f}
.shp-stories-head b svg{color:#0072ff}
.shp-stories-sub{display:flex;align-items:center;gap:9px;font-size:11px}
.shp-livei{display:inline-flex;align-items:center;gap:6px;color:#0a7a48;font-weight:800;background:#e6f9f0;padding:4px 10px;border-radius:999px}
.shp-livei i{width:8px;height:8px;border-radius:50%;background:#19c37d}
.shp-arc{display:inline-flex;align-items:center;gap:5px;color:#7a8aa3;background:#eef1f6;padding:4px 10px;border-radius:999px;font-weight:700}
.shp-trust{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.shp-tr{border-radius:19px;padding:15px 14px;display:flex;flex-direction:column;gap:4px;align-items:flex-start}
.shp-tr-ic{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;color:#fff;margin-bottom:5px}
.shp-tr-ic.t-green{background:linear-gradient(140deg,#12b76a,#079455)}
.shp-tr-ic.t-blue{background:linear-gradient(140deg,#0d8bff,#0066ff)}
.shp-tr-ic.t-ice{background:linear-gradient(140deg,#35c4f5,#0aa0d8)}
.shp-tr b{font-size:13px;color:#11294f}
.shp-tr small{font-size:10.5px;color:var(--ink-3);line-height:1.8}
@media(max-width:860px){
  .shp-cover{height:170px}
  .shp-wrap{margin-top:-56px}
  .shp-card{grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center;padding:20px 16px;gap:10px}
  .shp-name{justify-content:center}
  .shp-chips{justify-content:center}
  .shp-acts{justify-content:center}
  .shp-bio{text-align:center}
  .shp-stats{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
  .shp-trust{grid-template-columns:minmax(0,1fr)}
  .shp-tr{flex-direction:row;align-items:center;gap:11px}
  .shp-tr-ic{margin-bottom:0;flex:none}
  .shp-tr small{flex:1}
}

/* ══════════════════════════════════════════════════════════════
   v3.7 — تکمیل خرید بازنویسی کامل (.ngx)
   فرم واحد باز برای مهمان + OTP همین‌جا زیر فیلد موبایل
   ══════════════════════════════════════════════════════════════ */
.ngx{max-width:1120px;margin:0 auto;padding:4px 16px 30px}
.ngx-title{margin:14px 0 14px;text-align:right}
.ngx-title h1{display:flex;align-items:center;gap:9px;font-size:19px;font-weight:900;color:#0b2a5e;margin:0}
.ngx-title h1 svg{color:#0072ff}
.ngx-title p{margin:7px 0 0;font-size:12px;color:var(--ink-3)}
.ngx-title p svg{color:#0072ff;vertical-align:-2px}
.ngx-grid{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:16px;align-items:start}
.ngx-main{display:flex;flex-direction:column;gap:14px;min-width:0}
.ngx-card{background:rgba(255,255,255,.92);border:1px solid rgba(11,42,94,.1);border-radius:20px;padding:17px 19px;
  box-shadow:0 8px 26px rgba(0,80,200,.07)}
.ngx-ct{display:flex;align-items:center;gap:8px;font-size:14.5px;font-weight:900;color:#11294f;margin:0 0 13px}
.ngx-ct svg{color:#0072ff}
.ngx-f{margin-bottom:11px;display:flex;flex-direction:column;gap:5px}
.ngx-f label{font-size:12px;font-weight:800;color:#33475f}
.ngx-f label small{font-weight:600;color:var(--ink-3)}
.ngx-row2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:11px}
.ngx-num{letter-spacing:2px}
.ngx-alert{display:flex;align-items:flex-start;gap:9px;border-radius:14px;padding:11px 14px;font-size:12.5px;font-weight:700;margin-bottom:13px}
.ngx-alert svg{flex:none;margin-top:1px}
.ngx-alert-err{background:rgba(240,68,56,.09);border:1.5px solid rgba(240,68,56,.35);color:#c23429}
.ngx-alert-warn{background:rgba(255,183,3,.12);border:1.5px solid rgba(255,183,3,.5);color:#8a6400}
.ngx-al-otp{margin:8px 0 10px;padding:9px 12px;font-size:12px}

/* ─── بلوک موبایل: تایید شده ─── */
.ngx-mobok{display:flex;align-items:center;gap:11px;margin-top:6px;padding:12px 14px;border-radius:16px;
  background:linear-gradient(135deg,rgba(18,183,106,.1),rgba(18,183,106,.05));border:1.5px solid rgba(18,183,106,.4)}
.ngx-mobok-ic{color:#0a9a56;display:flex}
.ngx-mobok-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.ngx-mobok-t b{font-size:15px;font-weight:900;color:#11294f}
.ngx-mobok-t small{font-size:11px;color:#0b7a48;font-weight:700}

/* ─── بلوک موبایل مهمان: شماره → کد ─── */
.ngx-mobwrap{margin-top:6px;padding:14px;border-radius:16px;border:1.5px dashed rgba(0,114,255,.45);
  background:linear-gradient(135deg,#f3f9ff,#eefcff)}
.ngx-moblbl{display:flex;align-items:center;gap:7px;font-size:12.5px;font-weight:900;color:#0b3f8f}
.ngx-moblbl svg{color:#0072ff}
.ngx-moblbl small{font-weight:600;color:var(--ink-3)}
.ngx-mobrow{display:flex;gap:8px;margin-top:11px}
.ngx-mobrow .input{flex:1;min-width:0}
.ngx-mbtn{flex:none;white-space:nowrap}
.ngx-codein{border-color:#0072ff!important;background:#fff;text-align:center;font-weight:900;font-size:16px}
.ngx-mobsent{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:#0b7a48;margin-top:11px}
.ngx-mobsent b{color:#11294f}
.ngx-mobsent-ic{color:#0a9a56;display:flex}
.ngx-mobchg{display:inline-flex;align-items:center;gap:4px;margin-inline-start:9px;font-size:11px;font-weight:800;
  color:#0072ff;text-decoration:none;border-bottom:1px dashed rgba(0,114,255,.5)}
.ngx-demo{margin-top:10px}
.ngx-demo-num{font-size:19px;letter-spacing:4px;font-weight:900}
.ngx-mresend{margin-top:10px;background:none;border:0;color:#0072ff;font-size:11.5px;font-weight:800;cursor:pointer;
  display:inline-flex;align-items:center;gap:5px;padding:0;font-family:inherit;border-bottom:1px dashed rgba(0,114,255,.4)}

/* ─── درگاه‌ها ─── */
.ngx-gws{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
.ngx-g{cursor:pointer;position:relative;display:block}
.ngx-g input{position:absolute;opacity:0;pointer-events:none}
.ngx-gi{display:flex;align-items:center;gap:11px;border:2px solid rgba(11,42,94,.12);border-radius:15px;
  padding:11px 13px;background:#fbfdff;min-height:58px}
.ngx-g input:checked + .ngx-gi{border-color:#0072ff;background:linear-gradient(135deg,#f0f8ff,#eafcff);
  box-shadow:0 6px 18px rgba(0,114,255,.14)}
.ngx-g input:focus-visible + .ngx-gi{outline:2px solid #0072ff;outline-offset:2px}
.ngx-glogo{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;flex:none;
  background:linear-gradient(135deg,#e8f3ff,#dff4ff);color:#0072ff}
.ngx-gtxt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.ngx-gtxt b{font-size:13px;font-weight:900;color:#11294f}
.ngx-gtxt small{font-size:10.5px;color:var(--ink-3)}
.ngx-gtxt small i{font-style:normal;color:#b98400;font-weight:800}
.ngx-gtick{display:none;width:20px;height:20px;border-radius:50%;background:#0072ff;color:#fff;flex:none;
  align-items:center;justify-content:center}
.ngx-g input:checked + .ngx-gi .ngx-gtick{display:flex}

/* ─── اقلام ─── */
.ngx-edit-cart{margin-inline-start:auto;display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:800;
  color:#0072ff;text-decoration:none;border-bottom:1px dashed rgba(0,114,255,.4)}
.ngx-it{display:flex;align-items:center;gap:11px;padding:9px 0;border-bottom:1px dashed rgba(11,42,94,.09)}
.ngx-it:last-child{border-bottom:0}
.ngx-itimg{width:46px;height:46px;border-radius:12px;object-fit:cover;flex:none;border:1px solid rgba(11,42,94,.1);background:#f4f8fd}
.ngx-itt{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.ngx-itt b{font-size:12.5px;font-weight:800;color:#11294f;line-height:1.55}
.ngx-itt small{font-size:10.5px;color:var(--ink-3);display:flex;align-items:center;gap:5px}
.ngx-itt small svg{flex:none}
.ngx-itp{flex:none;font-size:12.5px;font-weight:900;color:#0b3f8f;white-space:nowrap}

/* ─── ستون کناری / صورتحساب ─── */
.ngx-side{position:sticky;top:12px}
.ngx-sr{display:flex;justify-content:space-between;gap:10px;padding:7px 2px;font-size:12.5px;color:#33475f;border-bottom:1px dashed rgba(11,42,94,.09)}
.ngx-sr b{font-weight:800;color:#11294f}
.ngx-sr.off span,.ngx-sr.off b{color:var(--red,#e03131)}
.ngx-free{color:#0a9a56;font-weight:900}
.ngx-st{border-bottom:0;margin-top:4px;padding-top:11px;border-top:2px solid rgba(0,114,255,.22)}
.ngx-st span,.ngx-st b{font-size:15px;font-weight:900;color:#0b3f8f}
.ngx-submit{margin-top:13px;border-radius:14px;font-size:14px;padding:13px}
.ngx-okay{margin:11px 0 0;font-size:10.5px;color:var(--ink-3);text-align:center}
.ngx-okay svg{color:#0a9a56;vertical-align:-2px}
.ngx-need{margin:11px 0 0;font-size:11px;color:#0b5fb8;font-weight:700;text-align:center;line-height:1.9;
  background:rgba(0,114,255,.07);border-radius:12px;padding:9px 11px}
.ngx-need svg{vertical-align:-2px;color:#0072ff}

@media(max-width:960px){
  .ngx-grid{grid-template-columns:minmax(0,1fr)}
  .ngx-side{position:static}
}
@media(max-width:560px){
  .ngx{padding:0 12px 24px}
  .ngx-card{padding:15px 14px;border-radius:17px}
  .ngx-row2{grid-template-columns:minmax(0,1fr)}
  .ngx-gws{grid-template-columns:minmax(0,1fr)}
  .ngx-mobrow{flex-direction:row}     /* شماره + دکمه کنار هم می‌مانند */
  .ngx-mbtn{padding-inline:14px}
  .ngx-title h1{font-size:17px}
}

/* ══════════════════════════════════════════════════════════════
   v3.8 — فوتر جدید (.ft7) + فروشگاه غیرفانتزی (.s26) + فیکس سفارش‌ها
   ══════════════════════════════════════════════════════════════ */
/* یادداشت واردشده‌ها در چک‌اوت (بدون نمایش شماره) */
.ngx-who{display:flex;align-items:center;gap:9px;margin-top:6px;padding:11px 14px;border-radius:14px;
  background:rgba(18,183,106,.07);border:1px solid rgba(18,183,106,.3);color:#0b7a48;font-size:12px;font-weight:700}
.ngx-who svg{color:#0a9a56;flex:none}

/* ─── فوتر (.ft7) ─── */
.ft7{margin-top:44px;background:linear-gradient(180deg,#f4f9ff 0%,#eef5ff 100%);border-top:3px solid transparent;
  border-image:linear-gradient(90deg,#0072ff,#00c6ff,#3ee0b4) 1}
.ft7-trust{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:26px 0 8px}
.ft7-t{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid rgba(11,42,94,.08);
  border-radius:16px;padding:12px 14px;box-shadow:0 6px 18px rgba(0,80,200,.05)}
.ft7-tic{width:42px;height:42px;border-radius:13px;display:flex;align-items:center;justify-content:center;flex:none}
.ft7-tic.c1{background:#eaf3ff;color:#0072ff}
.ft7-tic.c2{background:#fff7e0;color:#d9a400}
.ft7-tic.c3{background:#e6fbf3;color:#0a9a56}
.ft7-tic.c4{background:#ecf9ff;color:#00a6c9}
.ft7-t b{display:block;font-size:12.5px;font-weight:900;color:#11294f}
.ft7-t small{display:block;font-size:10.5px;color:var(--ink-3);margin-top:2px}
.ft7-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1.2fr);gap:26px;padding:24px 0 20px;border-bottom:1px dashed rgba(11,42,94,.14)}
.ft7-col{display:flex;flex-direction:column;gap:9px}
.ft7-ct{font-size:13px;font-weight:900;color:#0b2a5e;margin-bottom:3px}
.ft7-col a{font-size:12.5px;color:#41546f;text-decoration:none;font-weight:600}
.ft7-col a:hover{color:#0072ff}
.ft7-logo{display:flex;align-items:center;gap:10px;text-decoration:none}
.ft7-logo img{width:46px;height:46px}
.ft7-logo b{display:block;font-size:19px;font-weight:900;color:transparent;background:linear-gradient(135deg,#0072ff,#00c6ff);-webkit-background-clip:text;background-clip:text}
.ft7-logo small{font-size:10.5px;color:var(--ink-3)}
.ft7-about{margin:4px 0 0;font-size:11.5px;color:#5b6b85;line-height:2;max-width:34ch}
.ft7-pay{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:10px}
.ft7-pay-lbl{font-size:10.5px;color:var(--ink-3);display:inline-flex;align-items:center;gap:4px}
.ft7-pay-chip{font-size:10px;font-weight:800;color:#1762c4;background:#fff;border:1px solid rgba(0,114,255,.22);border-radius:999px;padding:4px 10px}
.ft7-line{display:flex;align-items:center;gap:7px;font-size:12px;color:#41546f;font-weight:600}
.ft7-line svg{color:#0072ff;flex:none}
.ft7-line b{font-weight:900;color:#11294f}
.ft7-enamad{margin-top:6px}
.ft7-enamad img{max-width:88px;border-radius:8px}
.ft7-low{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 0 18px;font-size:11.5px;color:var(--ink-3)}
.ft7-totop{display:inline-flex;align-items:center;gap:5px;background:#fff;border:1px solid rgba(0,114,255,.25);
  color:#0072ff;font-size:11px;font-weight:800;border-radius:999px;padding:7px 13px;cursor:pointer;font-family:inherit}
@media(max-width:900px){
  .ft7-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px 16px}
  .ft7-trust{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
}
@media(max-width:480px){
  .ft7-grid{grid-template-columns:minmax(0,1fr);gap:16px}
  .ft7-t{padding:10px 12px}
  .ft7-trust{padding-top:20px}
  .ft7-low{flex-direction:column;gap:9px;text-align:center}
}

/* ─── صفحه فروشگاه ۲۰۲۶ — تمیز و جدی (.s26) ─── */
.s26{padding-bottom:10px}
.s26-crumb{display:flex;align-items:center;gap:8px;font-size:11.5px;color:var(--ink-3);margin:16px 0 12px;flex-wrap:wrap}
.s26-crumb a{color:#0072ff;text-decoration:none;font-weight:700;display:inline-flex;align-items:center;gap:5px}
.s26-crumb i{color:#b9c6da;display:flex}
.s26-crumb span{color:#33475f;font-weight:800}
.s26-id{background:#fff;border:1px solid rgba(11,42,94,.1);border-radius:22px;overflow:hidden;
  border-top:4px solid transparent;border-image:linear-gradient(90deg,#0072ff,#00c6ff,#3ee0b4) 1;
  box-shadow:0 12px 34px rgba(0,80,200,.08)}
.s26-id-main{display:flex;gap:18px;padding:20px 22px 16px;align-items:flex-start}
.s26-av{position:relative;width:84px;height:84px;border-radius:22px;padding:4px;background:#fff;
  border:1.5px solid rgba(0,114,255,.25);flex:none}
.s26-av img,.s26-av>div{border-radius:17px!important;overflow:hidden}
.s26-av[data-lvl=gold]{border-color:#ffd25e;box-shadow:0 0 0 2.5px rgba(255,210,94,.35)}
.s26-av[data-lvl=silver]{border-color:#c4d2e4}
.s26-av-check{position:absolute;bottom:-6px;inset-inline-end:-6px;width:26px;height:26px;border-radius:50%;
  background:#12b76a;color:#fff;display:flex;align-items:center;justify-content:center;border:3px solid #fff}
.s26-id-t{flex:1;min-width:0}
.s26-name{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:20px;font-weight:900;color:#0b2a5e;margin:2px 0 9px}
.s26-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}
.s26-chip{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:800;color:#41546f;
  background:#f4f8fd;border:1px solid rgba(11,42,94,.1);border-radius:999px;padding:5px 11px}
.s26-chip svg{color:#0072ff}
.s26-chip.bt{color:#fff;background:linear-gradient(135deg,#0072ff,#00a6ff);border-color:transparent}
.s26-chip.bt svg{color:#fff}
.s26-chip.lv[data-lvl=gold]{background:#fff7e0;border-color:rgba(217,164,0,.4);color:#8a6400}
.s26-chip.lv[data-lvl=gold] svg{color:#d9a400}
.s26-bio{margin:0 0 11px;font-size:12.5px;color:#33475f;line-height:2}
.s26-acts{display:flex;gap:8px;flex-wrap:wrap}
.s26-follow{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#0072ff,#00a6ff);color:#fff;
  border:0;border-radius:12px;padding:9px 18px;font-size:12.5px;font-weight:900;cursor:pointer;font-family:inherit;
  box-shadow:0 8px 18px -6px rgba(0,114,255,.5)}
.s26-follow.on{background:linear-gradient(135deg,#12b76a,#3ee0b4);box-shadow:0 8px 18px -6px rgba(18,183,106,.5)}
.s26-btn{display:inline-flex;align-items:center;gap:6px;background:#f0f7ff;color:#1762c4;border:1px solid rgba(0,114,255,.22);
  border-radius:12px;padding:9px 15px;font-size:12px;font-weight:800;cursor:pointer;font-family:inherit;text-decoration:none}
.s26-btn-xs{padding:5px 11px;font-size:10.5px;border-radius:9px}
.s26-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid rgba(11,42,94,.09);background:#fbfdff}
.s26-st{display:flex;align-items:center;justify-content:center;gap:9px;padding:14px 8px;border-inline-start:1px solid rgba(11,42,94,.07)}
.s26-st:first-child{border-inline-start:0}
.s26-st-ic{width:36px;height:36px;border-radius:11px;display:flex;align-items:center;justify-content:center;flex:none}
.s26-st-ic.g-blue{background:#eaf3ff;color:#0072ff}
.s26-st-ic.g-green{background:#e6fbf3;color:#0a9a56}
.s26-st-ic.g-gold{background:#fff7e0;color:#d9a400}
.s26-st-ic.g-ice{background:#ecf9ff;color:#00a6c9}
.s26-st b{font-size:16px;font-weight:900;color:#11294f;display:block;line-height:1.1}
.s26-st small{font-size:10px;color:var(--ink-3);display:block;margin-top:2px}

.s26-sec{margin-top:16px;background:#fff;border:1px solid rgba(11,42,94,.1);border-radius:20px;padding:15px 17px}
.s26-sec-h{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;flex-wrap:wrap}
.s26-sec-h>b{display:flex;align-items:center;gap:7px;font-size:14px;font-weight:900;color:#11294f}
.s26-sec-h>b svg{color:#0072ff}
.s26-sec-sub{display:flex;align-items:center;gap:10px;font-size:11px;color:var(--ink-3);font-weight:700}
.s26-live{display:inline-flex;align-items:center;gap:5px;color:#0a9a56;font-weight:900}
.s26-liveli{width:7px;height:7px;border-radius:50%;background:#12b76a}
.s26-arch{display:inline-flex;align-items:center;gap:4px}
.s26-arch svg{color:#d9a400}
.s26-stories{display:flex;gap:12px;overflow-x:auto;padding-bottom:4px}
.s26-stories .stv{flex:none}

.s26-trust{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px}
.s26-tr{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid rgba(11,42,94,.1);
  border-radius:16px;padding:12px 14px}
.s26-tr-ic{width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex:none}
.s26-tr-ic.t-bl{background:#eaf3ff;color:#0072ff}
.s26-tr-ic.t-gr{background:#e6fbf3;color:#0a9a56}
.s26-tr-ic.t-ic{background:#ecf9ff;color:#00a6c9}
.s26-tr b{display:block;font-size:12px;font-weight:900;color:#11294f}
.s26-tr small{display:block;font-size:10px;color:var(--ink-3);margin-top:2px;line-height:1.7}

.s26-prods{margin-top:20px}
.s26-prods-h{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px;flex-wrap:wrap}
.s26-prods-h h2{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:900;color:#0b2a5e;margin:0}
.s26-prods-h h2 svg{color:#0072ff}
.s26-cnt{color:var(--ink-3);font-size:11.5px;font-weight:600}
.s26-sort{display:flex;gap:5px;flex-wrap:wrap}
.s26-sort a{font-size:11px;font-weight:800;color:#41546f;background:#fff;border:1px solid rgba(11,42,94,.12);
  border-radius:999px;padding:6px 13px;text-decoration:none}
.s26-sort a.on{color:#fff;background:linear-gradient(135deg,#0072ff,#00a6ff);border-color:transparent}

@media(max-width:720px){
  .s26-id-main{flex-direction:column;align-items:center;text-align:center;padding:18px 14px 12px}
  .s26-name{justify-content:center;font-size:18px}
  .s26-chips{justify-content:center}
  .s26-acts{justify-content:center}
  .s26-stats{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .s26-st{padding:12px 6px}
  .s26-st:nth-child(3){border-inline-start:0;border-top:1px solid rgba(11,42,94,.07)}
  .s26-st:nth-child(4){border-top:1px solid rgba(11,42,94,.07)}
  .s26-trust{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:380px){
  .s26-acts{width:100%}
  .s26-follow{flex:1;justify-content:center}
}

/* ─── فیکس ریسپانسیو «سفارش‌های من» (.ord2) در موبایل ─── */
.ord2{overflow:hidden}
@media(max-width:560px){
  .ord2{padding:12px}
  .ord2-top{flex-wrap:wrap;gap:8px}
  .ord2-code{gap:8px}
  .ord2-code b{font-size:13px}
  .ord2-steps{margin:0 0 8px}
  .ord2-main{flex-direction:column;align-items:stretch;gap:10px}
  .ord2-items{justify-content:flex-start}
  .ord2-side{width:100%;margin-inline-start:0;flex-direction:column;align-items:stretch;gap:10px}
  .ord2-price{display:flex;align-items:baseline;justify-content:space-between;gap:8px}
  .ord2-price small{display:inline}
  .ord2-acts{display:flex;gap:8px}
  .ord2-acts .btn{flex:1;justify-content:center;font-size:12px;padding:10px 8px;border-radius:12px}
}

/* ══════════════════════════════════════════════════════════════
   v3.9 — صفحه فروشگاه محبوب ۲۰۲۶ (.st9) — سوشال‌ها + CTA
   ══════════════════════════════════════════════════════════════ */
.st9{padding-bottom:10px}
.st9-crumb{display:flex;align-items:center;gap:8px;font-size:11.5px;color:var(--ink-3);margin:16px 0 13px;flex-wrap:wrap}
.st9-crumb a{color:#0072ff;text-decoration:none;font-weight:700;display:inline-flex;align-items:center;gap:5px}
.st9-crumb i{color:#b9c6da;display:flex}
.st9-crumb span{color:#33475f;font-weight:800}

/* ─── هیروی فروشگاه ─── */
.st9-hero{background:#fff;border:1px solid rgba(11,42,94,.1);border-radius:24px;overflow:hidden;
  box-shadow:0 14px 40px rgba(0,80,200,.09);position:relative}
.st9-hero::before{content:"";position:absolute;top:0;inset-inline:0;height:7px;
  background:linear-gradient(90deg,#0072ff 0%,#00c6ff 55%,#3ee0b4 100%)}
.st9-hero::after{content:"";position:absolute;top:7px;inset-inline:0;height:110px;pointer-events:none;
  background:linear-gradient(180deg,rgba(0,198,255,.10),rgba(62,224,180,.05) 60%,transparent)}
.st9-hero-in{position:relative;z-index:1;display:flex;gap:20px;padding:26px 24px 16px;align-items:flex-start}
.st9-av{position:relative;width:96px;height:96px;border-radius:26px;padding:4.5px;background:#fff;flex:none;
  border:1.5px solid rgba(0,114,255,.3);box-shadow:0 10px 26px rgba(0,80,200,.14)}
.st9-av img,.st9-av>span{border-radius:20px!important;overflow:hidden}
.st9-av[data-lvl=gold]{border-color:#ffd25e;box-shadow:0 0 0 3px rgba(255,210,94,.4),0 10px 26px rgba(0,80,200,.14)}
.st9-av[data-lvl=silver]{border-color:#c4d2e4}
.st9-av-check{position:absolute;bottom:-7px;inset-inline-end:-7px;width:28px;height:28px;border-radius:50%;
  background:#12b76a;color:#fff;display:flex;align-items:center;justify-content:center;border:3px solid #fff;
  box-shadow:0 4px 10px rgba(18,183,106,.4)}
.st9-id{flex:1;min-width:0}
.st9-name{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:21px;font-weight:900;margin:2px 0 10px;
  color:transparent;background:linear-gradient(135deg,#0b2a5e 30%,#0072ff);-webkit-background-clip:text;background-clip:text}
.st9-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}
.st9-chip{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:800;color:#41546f;
  background:#fff;border:1px solid rgba(11,42,94,.13);border-radius:999px;padding:5px 11px;box-shadow:0 2px 8px rgba(0,80,200,.05)}
.st9-chip svg{color:#0072ff}
.st9-chip.bt{color:#fff;background:linear-gradient(135deg,#0072ff,#00a6ff);border-color:transparent}
.st9-chip.bt svg{color:#fff}
.st9-chip.lv[data-lvl=gold]{background:#fff7e0;border-color:rgba(217,164,0,.45);color:#8a6400}
.st9-chip.lv[data-lvl=gold] svg{color:#d9a400}
.st9-chip.lv[data-lvl=silver]{background:#f1f5fa;border-color:rgba(120,145,180,.4);color:#4a5b70}
.st9-bio{margin:0 0 13px;font-size:12.5px;color:#33475f;line-height:2.05}
.st9-acts{display:flex;gap:8px;flex-wrap:wrap}
.st9-cta{display:inline-flex;align-items:center;gap:7px;background:linear-gradient(135deg,#0072ff,#00a6ff);color:#fff;
  border-radius:14px;padding:11px 20px;font-size:13px;font-weight:900;text-decoration:none;
  box-shadow:0 10px 22px -6px rgba(0,114,255,.55)}
.st9-btn2{display:inline-flex;align-items:center;gap:6px;background:#eef6ff;color:#1762c4;border:1px solid rgba(0,114,255,.2);
  border-radius:14px;padding:11px 15px;font-size:12px;font-weight:800;cursor:pointer;font-family:inherit;text-decoration:none}
.st9-btn-xs{padding:5px 11px;font-size:10.5px;border-radius:9px}

/* ─── سوشال‌ها (کاشی برندی) ─── */
.st9-socs{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:13px;padding-top:13px;
  border-top:1px dashed rgba(11,42,94,.14)}
.st9-socs-l{font-size:11px;font-weight:800;color:var(--ink-3)}
.st9-soc{display:inline-flex;align-items:center;gap:6px;color:#fff;text-decoration:none;font-size:11px;font-weight:900;
  border-radius:13px;padding:7px 12px;box-shadow:0 6px 14px -4px rgba(20,40,90,.35)}
.st9-soc.i{background:linear-gradient(135deg,#feda75 0%,#fa7e1e 28%,#d62976 58%,#962fbf 82%,#4f5bd5 100%)}
.st9-soc.w{background:linear-gradient(135deg,#2fe07c,#12a35c)}
.st9-soc.t{background:linear-gradient(135deg,#54a9eb,#229ed9)}

/* ─── آمار ─── */
.st9-stats{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;padding:4px 24px 22px}
.st9-st{display:flex;align-items:center;gap:10px;background:#fbfdff;border:1px solid rgba(11,42,94,.09);
  border-radius:16px;padding:11px 13px}
.st9-st i{width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex:none}
.st9-st i.g-blue{background:#eaf3ff;color:#0072ff}
.st9-st i.g-green{background:#e6fbf3;color:#0a9a56}
.st9-st i.g-gold{background:#fff7e0;color:#d9a400}
.st9-st i.g-ice{background:#ecf9ff;color:#00a6c9}
.st9-st b{display:block;font-size:15.5px;font-weight:900;color:#11294f;line-height:1.15}
.st9-st small{display:block;font-size:9.8px;color:var(--ink-3);margin-top:2px}

/* ─── استوری ─── */
.st9-sec{margin-top:16px;background:#fff;border:1px solid rgba(11,42,94,.1);border-radius:20px;padding:15px 17px;
  box-shadow:0 8px 24px rgba(0,80,200,.06)}
.st9-sec-h{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;flex-wrap:wrap}
.st9-sec-h>b{display:flex;align-items:center;gap:7px;font-size:14px;font-weight:900;color:#0b2a5e}
.st9-sec-h>b svg{color:#0072ff}
.st9-sec-sub{display:flex;align-items:center;gap:10px;font-size:11px;color:var(--ink-3);font-weight:700}
.st9-live{display:inline-flex;align-items:center;gap:5px;color:#0a9a56;font-weight:900}
.st9-live i{width:7px;height:7px;border-radius:50%;background:#12b76a}
.st9-arch{display:inline-flex;align-items:center;gap:4px}
.st9-arch svg{color:#d9a400}
.st9-stories{display:flex;gap:12px;overflow-x:auto;padding-bottom:4px}
.st9-stories .stv{flex:none}

/* ─── کالاها ─── */
.st9-prods{margin-top:22px;scroll-margin-top:90px}
.st9-prods-h{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px;flex-wrap:wrap}
.st9-prods-h h2{display:flex;align-items:center;gap:8px;font-size:16.5px;font-weight:900;color:#0b2a5e;margin:0}
.st9-prods-h h2 svg{color:#0072ff}
.st9-prods-h h2 small{color:var(--ink-3);font-size:11.5px;font-weight:600}
.st9-sort{display:flex;gap:5px;flex-wrap:wrap}
.st9-sort a{font-size:11px;font-weight:800;color:#41546f;background:#fff;border:1px solid rgba(11,42,94,.12);
  border-radius:999px;padding:6px 13px;text-decoration:none}
.st9-sort a.on{color:#fff;background:linear-gradient(135deg,#0072ff,#00a6ff);border-color:transparent;
  box-shadow:0 6px 14px -4px rgba(0,114,255,.5)}

@media(max-width:720px){
  .st9-hero-in{flex-direction:column;align-items:center;text-align:center;padding:24px 15px 8px;gap:14px}
  .st9-name{justify-content:center;font-size:19px}
  .st9-chips,.st9-acts,.st9-socs{justify-content:center}
  .st9-stats{grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:8px 14px 18px}
  .st9-crumb{justify-content:center}
}
@media(max-width:380px){
  .st9-acts{width:100%;flex-direction:column}
  .st9-cta,.st9-btn2{justify-content:center}
  .st9-socs{width:100%;justify-content:center}
}

/* ══════════════════════════════════════════════════════════════
   v4.0 — ورود/ثبت‌نام موبایل‌محور (.lgx) + OTP امن
   ══════════════════════════════════════════════════════════════ */
.lgx{max-width:460px;margin:34px auto 40px;padding:0 16px}
.lgx-card{background:#fff;border:1px solid rgba(11,42,94,.1);border-radius:24px;padding:26px 24px 22px;
  box-shadow:0 16px 44px rgba(0,80,200,.10);position:relative;overflow:hidden}
.lgx-card::before{content:"";position:absolute;top:0;inset-inline:0;height:6px;
  background:linear-gradient(90deg,#0072ff,#00c6ff,#3ee0b4)}
.lgx-brand{text-align:center;margin-bottom:18px}
.lgx-brand img{width:58px;height:58px}
.lgx-brand b{display:block;font-size:19px;font-weight:900;color:transparent;margin-top:9px;
  background:linear-gradient(135deg,#0b2a5e,#0072ff);-webkit-background-clip:text;background-clip:text}
.lgx-sep{display:inline-block;width:4px;height:4px;border-radius:50%;background:#00c6ff;vertical-align:4px;margin:0 6px}
.lgx-brand small{display:block;font-size:11.5px;color:var(--ink-3);margin-top:5px}
.lgx-lbl{display:block;font-size:12.5px;font-weight:800;color:#33475f;margin-bottom:8px}
.lgx-row{display:flex;gap:8px}
.lgx-row .input{flex:1;min-width:0}
.lgx-num{letter-spacing:2px;font-weight:800;text-align:center}
.lgx-code{height:54px;font-size:20px;letter-spacing:8px;border:2px solid #0072ff!important;border-radius:15px;margin-bottom:10px}
.lgx-btn{flex:none;white-space:nowrap;border-radius:13px}
.lgx-hint{margin:12px 0 0;font-size:10.8px;color:var(--ink-3);line-height:2;text-align:center}
.lgx-hint svg{color:#0072ff;vertical-align:-2px}
.lgx-secnote{margin-top:14px;padding-top:12px;border-top:1px dashed rgba(11,42,94,.14);
  font-size:10px;color:var(--ink-3);text-align:center}
.lgx-secnote svg{color:#0a9a56;vertical-align:-2px}
.lgx-sent{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:#0b7a48;margin-bottom:12px}
.lgx-sent b{color:#11294f}
.lgx-sent-ic{color:#0a9a56;display:flex}
.lgx-chg{display:inline-flex;align-items:center;gap:4px;margin-inline-start:8px;font-size:10.8px;font-weight:800;
  color:#0072ff;text-decoration:none;border-bottom:1px dashed rgba(0,114,255,.5)}
.lgx-demo{margin-bottom:12px}
.lgx-demo-num{font-size:19px;letter-spacing:5px;font-weight:900}
.lgx-err{display:flex;align-items:flex-start;gap:8px;background:rgba(240,68,56,.08);border:1.5px solid rgba(240,68,56,.35);
  color:#c23429;border-radius:13px;padding:10px 13px;font-size:12px;font-weight:700;margin-bottom:12px}
.lgx-err svg{flex:none;margin-top:1px}
.lgx-wait{margin:12px 0 0;font-size:11px;color:var(--ink-3);text-align:center;font-weight:700}
.lgx-wait svg{color:#0072ff;vertical-align:-2px}
.lgx-wait .lgx-tt{color:#0b3f8f}
.lgx-resend-f{margin-top:12px;text-align:center}
.lgx-resend{background:none;border:0;color:#0072ff;font-size:11.5px;font-weight:800;cursor:pointer;font-family:inherit;
  display:inline-flex;align-items:center;gap:5px;border-bottom:1px dashed rgba(0,114,255,.4);padding:0 0 2px}
.lgx-lock{text-align:center;padding:6px 4px}
.lgx-lock-ic{display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;
  background:rgba(240,68,56,.1);color:#e03131;margin-bottom:11px}
.lgx-lock b{display:block;font-size:15.5px;font-weight:900;color:#11294f;margin-bottom:7px}
.lgx-lock small{display:block;font-size:11.5px;color:var(--ink-2);line-height:2.05;margin-bottom:13px}
.lgx-lock-timer{display:inline-flex;align-items:center;gap:6px;background:#f4f8fd;border:1px solid rgba(11,42,94,.12);
  border-radius:999px;padding:8px 16px;font-size:12px;color:#33475f;font-weight:700;margin-bottom:13px}
.lgx-lock-timer svg{color:#0072ff}
.lgx-lock-timer .lgx-tt{color:#0b3f8f;font-weight:900}
.lgx-ghost{display:inline-flex;align-items:center;font-size:11px;font-weight:800;color:#0072ff;text-decoration:none;
  border-bottom:1px dashed rgba(0,114,255,.4)}
.lgx-foot{text-align:center;font-size:10.5px;color:var(--ink-3);margin-top:14px}
.lgx-foot svg{color:#0072ff;vertical-align:-2px}
@media(max-width:480px){
  .lgx{margin-top:22px;padding:0 12px}
  .lgx-card{padding:22px 16px 18px;border-radius:20px}
  .lgx-row{flex-direction:column}
  .lgx-row .lgx-btn{width:100%}
}

/* ============================================================
   v4.1 — ناوبری آژاکسی + فیکس اسکرول دسکتاپ
   ============================================================ */
/* نوار پیشرفت باریک PJAX (پهنا با rAF تغییر می‌کند — بدون ترنزیشن CSS) */
.pjbar{position:fixed;top:0;right:0;left:0;height:3px;z-index:2000;pointer-events:none}
.pjbar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#00c6ff,#0072ff);border-radius:4px 0 0 4px;box-shadow:0 1px 8px rgba(0,110,255,.45)}

/* درگ‌اسکرول دسکتاپ: نشانگر دست — حس «قابل کشیدن» بودن ریل‌ها */
@media (hover:hover) and (pointer:fine){
  .drag-scroll{cursor:grab}
  .drag-scroll.dragging{cursor:grabbing}
}

/* ============================================================
   v4.2 — هدر فروشگاه (.khd) — بازنویسی کامل: تمیز، نرم، ریسپانسیو
   ============================================================ */
.khd{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.87);
  -webkit-backdrop-filter:blur(18px) saturate(1.5);backdrop-filter:blur(18px) saturate(1.5);
  border-bottom:1px solid rgba(11,42,94,.07);box-shadow:0 6px 28px -20px rgba(11,42,94,.3)}
.khd-top{background:var(--navy);color:#c7dcf7;font-size:11px}
.khd-topin{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 0}
.khd-topmsg{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.khd-toplinks{display:flex;gap:14px;flex-shrink:0}
.khd-tlink{display:inline-flex;align-items:center;gap:5px;font-weight:600;color:#9fc4ef}
.khd-tlink:hover{color:#fff}
.khd-in{display:flex;align-items:center;gap:16px;padding:11px 0}
.khd-brand{display:flex;align-items:center;gap:10px;flex-shrink:0}
.khd-brand img{width:44px;height:44px;object-fit:contain}
.khd-btxt{display:flex;flex-direction:column;line-height:1.35}
.khd-btxt b{font-size:20px;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:-.3px}
.khd-btxt small{font-size:10.5px;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}
.khd-search{position:relative;display:flex;align-items:center;flex:1 1 320px;max-width:560px;margin-inline:auto;
  background:#fff;border:1.4px solid #dbe7fb;border-radius:14px;padding:0 13px}
.khd-search:focus-within{border-color:var(--blue);box-shadow:0 10px 26px -14px rgba(0,130,255,.4)}
.khd-sic{color:#8aa4c8;display:flex;flex-shrink:0}
.khd-sinput{flex:1;min-width:0;border:0;outline:0;background:transparent;padding:11px 9px;font-size:14px;color:var(--ink)}
.khd-sug{position:absolute;top:calc(100% + 8px);right:0;left:0;border-radius:var(--r-md);padding:8px;z-index:95;
  max-height:380px;overflow:auto;background:#fff;border:1px solid rgba(11,42,94,.08);box-shadow:0 22px 50px -14px rgba(11,42,94,.22)}
.khd-acts{display:flex;align-items:center;gap:8px;margin-inline-start:auto;flex-shrink:0}
.khd-act{position:relative;display:flex;align-items:center;gap:8px;padding:9px 11px;border-radius:12px;color:var(--ink)}
.khd-act:hover{background:rgba(0,120,255,.09)}
.khd-user{border:1.5px solid rgba(0,110,255,.18)}
.khd-uav{width:30px;height:30px;border-radius:9px;background:var(--grad);color:#fff;display:grid;place-items:center;font-weight:800;font-size:13px;flex-shrink:0}
.khd-ut{font-size:13px;font-weight:600;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.khd-login{display:inline-flex;align-items:center;gap:7px;background:var(--grad);color:#fff;font-weight:700;font-size:13px;
  padding:10px 16px;border-radius:13px;box-shadow:0 8px 20px -8px rgba(0,110,255,.5)}
.khd-login:hover{filter:brightness(1.07)}
.khd-cats{border-top:1px solid rgba(11,42,94,.05)}
.khd-catsin{display:flex;gap:4px;overflow-x:auto;padding:7px 0 8px;scrollbar-width:none;-ms-overflow-style:none}
.khd-catsin::-webkit-scrollbar{display:none}
.khd-clink{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:99px;font-size:12.5px;
  font-weight:600;color:var(--ink-2);white-space:nowrap;flex-shrink:0}
.khd-clink:hover{color:var(--blue-deep);background:rgba(0,120,255,.07)}
.khd-clink.on{color:var(--blue-deep);background:rgba(0,120,255,.12);font-weight:700}
.khd-cic{display:flex;color:var(--ink-3)}
.khd-clink.on .khd-cic{color:var(--blue-deep)}
.khd-amazing{color:#8b5a00;background:#fff0c9;font-weight:700}
.khd-amazing:hover{background:#ffe9ae;color:#6d4500}
.khd-amazing .khd-cic{color:#c98a00}
/* مینی‌بار موبایل صفحه محصول */
.khd-mini{display:none;align-items:center;gap:8px;padding:9px 12px;border-top:1px solid rgba(11,42,94,.06)}
body[data-page=product] .khd-mini{display:flex}
@media(min-width:769px){ body[data-page=product] .khd-mini{display:none} }
.khd-mbtn{position:relative;width:38px;height:38px;border-radius:12px;background:rgba(0,110,255,.08);border:0;
  color:var(--blue-deep);display:grid;place-items:center;cursor:pointer;flex-shrink:0}
.khd-mbtn:active{background:rgba(0,110,255,.16)}
.khd-mtitle{flex:1;min-width:0;font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--navy)}
.khd-macts{display:flex;gap:6px;flex-shrink:0}
/* ══ v4.5: هدر موبایل فشرده — یک ردیفه + جایگزینی کامل در صفحه محصول ══ */
@media(max-width:768px){
  .khd-top{display:none}
  .khd-in{flex-wrap:nowrap;gap:8px;padding:7px 0}
  .khd-brand img{width:32px;height:32px}
  .khd-btxt{display:none}
  .khd-search{order:0;flex:1 1 auto;min-width:0;max-width:none;margin:0;padding:0 10px;border-radius:11px;border-width:1.2px}
  .khd-sic svg{width:18px;height:18px}
  .khd-sinput{padding:8px 6px;font-size:12.5px}
  .khd-sug{top:calc(100% + 6px)}
  .khd-act{padding:7px 8px;border-radius:10px}
  .khd-act svg{width:20px;height:20px}
  .khd-ut{display:none}
  .khd-lgt{display:none}
  .khd-login{padding:8px 10px;border-radius:10px}
  .khd-login svg{width:17px;height:17px}
  .khd-user{padding:5px;border-radius:10px;border-width:1.2px}
  .khd-uav{width:27px;height:27px;font-size:12px;border-radius:8px}
  .khd-cats{border-top:0}
  .khd-catsin{padding:4px 0 6px;gap:3px}
  .khd-clink{padding:4px 9px;font-size:11px;gap:5px}
  .khd-cic svg{width:13px;height:13px}
  /* صفحه محصول در موبایل: هدر = فقط مینی‌بار جمع‌وجور (برگشت/عنوان/اشتراک/سبد) */
  body[data-page=product] .khd-main,
  body[data-page=product] .khd-cats{display:none!important}
  body[data-page=product] .khd-mini{border-top:0;padding:8px 10px}
}
@media(max-width:400px){ .khd-clink{font-size:10.5px;padding:4px 8px} }

/* ============================================================
   v4.2 — پوسته پنل‌ها (مدیر/فروشنده) (.psb) — منوی موبایل سالم،
   کشوی تمیز بدون به‌هم‌ریختگی و بدون ترنزیشن
   ============================================================ */
.psb{display:grid;grid-template-columns:264px minmax(0,1fr);min-height:100vh}
.psb-side{background:var(--navy);color:#c9dcf5;padding:18px 14px;position:sticky;top:0;height:100vh;overflow-y:auto}
.psb-brandrow{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:14px;padding-inline:6px}
.psb-brand{display:flex;align-items:center;gap:10px;min-width:0}
.psb-brand img{width:38px;height:38px;object-fit:contain;flex-shrink:0}
.psb-btxt{display:flex;flex-direction:column;line-height:1.3}
.psb-btxt b{font-size:17px;background:linear-gradient(135deg,#6fd8ff,#4d9fff);-webkit-background-clip:text;background-clip:text;color:transparent}
.psb-btxt small{font-size:10px;color:#7d93b8}
.psb-x{display:none;width:36px;height:36px;border-radius:11px;background:rgba(255,255,255,.09);border:0;color:#dceaff;cursor:pointer;place-items:center;flex-shrink:0}
.psb-label{font-size:10.5px;color:#66799d;padding:13px 12px 6px;letter-spacing:.4px}
.psb-link{display:flex;align-items:center;gap:11px;padding:11px 13px;border-radius:12px;font-size:13.5px;font-weight:600;margin-bottom:2px;color:#c9dcf5}
.psb-link:hover{background:rgba(255,255,255,.08);color:#fff}
.psb-link.on{background:var(--grad);color:#fff;box-shadow:0 8px 20px rgba(0,110,255,.4)}
.psb-ic{display:flex;flex-shrink:0}
.psb-cnt{margin-inline-start:auto;background:var(--amber);color:#5b3d00;font-size:10.5px;font-weight:800;border-radius:99px;padding:1px 8px}
.psb-out{color:#ff9d97!important}
.psb-ov{display:none}
.psb-main{padding:24px;min-width:0}
.psb-top{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:20px;flex-wrap:wrap}
.psb-topside{display:flex;align-items:center;gap:12px;min-width:0}
.psb-burger{display:none;width:42px;height:42px;border-radius:13px;background:rgba(0,110,255,.1);border:0;color:var(--blue-deep);cursor:pointer;place-items:center;flex-shrink:0}
.psb-tt h1{font-size:20px}
.psb-sub{font-size:12px;color:var(--ink-2);font-weight:400;display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.psb-topmeta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
body.psb-lock{overflow:hidden}
@media(max-width:992px){
  .psb{grid-template-columns:minmax(0,1fr)}
  .psb-side{display:none;position:fixed;inset-inline-start:0;top:0;bottom:0;width:280px;max-width:84vw;z-index:160;
    box-shadow:-18px 0 50px rgba(4,12,28,.4)}
  .psb.open .psb-side{display:block}
  .psb-ov{display:block;position:fixed;inset:0;background:rgba(4,12,28,.55);z-index:150;
    -webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
  .psb-ov[hidden]{display:none}
  .psb-x{display:grid}
  .psb-burger{display:grid}
  .psb-main{padding:16px 13px 44px}
  .psb-tt h1{font-size:16px}
  .psb-secret{display:none}
  .staff-pill{font-size:11px}
}
@media(max-width:576px){
  .psb-top{gap:10px;margin-bottom:14px}
  .psb-sub{font-size:11px}
}

/* ═══ v4.3: هاب اتصال‌ها (.igx) + کیف پول فروشندگان (.wlx) ═══ */
.igx{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,430px),1fr));gap:14px;align-items:start}
.igx-card{margin:0;display:flex;flex-direction:column;gap:10px}
.igx-head{display:flex;align-items:center;gap:10px}
.igx-ic{width:40px;height:40px;flex:0 0 40px;border-radius:12px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#0072ff,#00c6ff);box-shadow:0 5px 12px -6px rgba(0,114,255,.5)}
.igx-t{flex:1;min-width:0;display:flex;flex-direction:column}
.igx-t b{font-size:14.5px}
.igx-t small{color:var(--ink-3);font-size:11.5px}
.igx-row{display:flex;gap:6px}
.igx-url{flex:1;font-size:12px;text-align:left;min-width:0}
.igx-code{font-family:ui-monospace,Consolas,monospace;font-size:11.5px;direction:ltr;text-align:left;resize:vertical;line-height:1.65;min-height:86px}
.igx-hint{margin:0;font-size:11.5px}
.igx-foot{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;border-top:1px dashed #e3eeff;padding-top:10px}
.igx-sw{display:flex;align-items:center;gap:7px;font-size:12.5px;cursor:pointer;color:var(--ink-2)}
.igx-sw input{width:16px;height:16px;accent-color:#0072ff}
.igx-help{display:grid;gap:8px;font-size:12.5px;color:var(--ink-2);line-height:1.9}
.wlx-owner{display:flex;gap:16px;flex-wrap:wrap;align-items:center;margin:12px 0;font-size:13px;color:var(--ink-2)}
.wlx-owner>span{display:inline-flex;align-items:center;gap:6px}
.wlx-bal{background:#eef6ff;border:1px solid #cfe4ff;padding:6px 12px;border-radius:99px;color:var(--ink)}
.wlx-form{display:flex;gap:8px;flex-wrap:wrap}
.wlx-form .input{flex:1;min-width:140px}
.wlx-mini{display:flex;gap:5px;align-items:center}
.wlx-mini .input{padding:5px 8px;font-size:12px;min-width:0}
.wlx-mini input[name=amount]{width:92px;flex:0 0 92px}
.wlx-mini input[name=reason]{flex:1}
.wlx-btns{display:flex;gap:4px;flex:0 0 auto}

/* ═══ v4.4: رویدادهای پیامکی (.smx) ═══ */
.smx-params{display:flex;flex-direction:column;gap:4px;font-size:11.5px;color:var(--ink-3)}
.smx-params code{background:#eef4ff;border:1px solid #d7e6ff;color:#0a5ecc;padding:1px 7px;border-radius:7px;font-size:10.5px;font-family:ui-monospace,Consolas,monospace}
.smx-txt{line-height:1.9;font-size:12.5px;min-height:58px;resize:vertical}
.smx-prev{background:#f4f9ff;border:1px dashed #cfe2ff;border-radius:10px;padding:8px 11px;font-size:11.5px;color:var(--ink-2);line-height:1.9}
.smx-prev b{color:#0a5ecc}
.smx-test{display:flex;gap:6px;border-top:1px dashed #e3eeff;padding-top:10px;align-items:center}
.smx-test .input{max-width:170px;font-size:12px}

/* ═══ موبایل کوچک: کارت‌های پنل پیامک/درگاه فشرده ═══ */
@media(max-width:640px){
.gw-admin-card{grid-template-columns:minmax(0,1fr)!important;gap:10px}
.gw-admin-card .gw-fields{grid-template-columns:minmax(0,1fr)!important}
.gw-admin-card .input,.gw-admin-card form{min-width:0}
.gw-admin-card form{flex-wrap:wrap}
.gw-toggles{min-width:0}
.smx-test{flex-wrap:wrap}
.smx-test .input{flex:1;min-width:150px}
}

/* ═══ v4.7: ارسال فروشنده / COD / تماس فروشگاه ═══ */
/* کارت تنظیمات ارسال فروشنده */
.shx-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,240px);gap:14px;align-items:start;margin-bottom:13px}
.shx-cod{display:flex;align-items:center;gap:10px;cursor:pointer;border:1.5px solid rgba(11,42,94,.14);border-radius:14px;padding:12px 13px;background:#f7fbff}
.shx-cod.off{opacity:.75;cursor:default;background:#f2f4f9}
.shx-cod input{display:none}
.shx-sw{position:relative;width:38px;height:22px;border-radius:11px;background:#ccd6e8;flex:none}
.shx-sw:before{content:'';position:absolute;top:3px;right:3px;width:16px;height:16px;border-radius:50%;background:#fff}
.shx-cod input:checked + .shx-sw{background:linear-gradient(135deg,#0072ff,#00c6ff)}
.shx-cod input:checked + .shx-sw:before{right:19px}
.shx-cod span:last-child b{font-size:12.5px;display:block;color:#11294f}
.shx-cod span:last-child small{font-size:10.5px;color:var(--ink-3)}
@media(max-width:640px){.shx-row{grid-template-columns:minmax(0,1fr)}}

/* فرم ارسال در پنل مدیریت */
.kpship .kpship-row{display:flex;gap:9px;margin:5px 0 3px;font-size:11px;color:var(--ink-2)}
.kpship .kpship-row label{display:flex;align-items:center;gap:3px;cursor:pointer}

/* ریز هزینه ارسال هر فروشگاه در صورتحساب چک‌اوت */
.ngx-sh span{font-size:11px;color:var(--ink-3);padding-right:9px}
.ngx-sh b{font-size:11.5px;font-weight:700}
.ngx-gi-cod{border-color:rgba(11,138,80,.35)}
.ngx-g input:checked + .ngx-gi-cod{border-color:#0b8a50;background:linear-gradient(135deg,#f0fff7,#eafff3)}
.ngx-glogo-cod{background:linear-gradient(135deg,#0b8a50,#14b866)!important;color:#fff}

/* آمار جمع‌وجور صفحه فروشگاه (جایگزین نوار بزرگ) */
.st9-mini{display:flex;flex-wrap:wrap;gap:7px 14px;margin:9px 0 2px;font-size:12px;font-weight:700;color:var(--ink-2)}
.st9-mini span{display:flex;align-items:center;gap:5px}
.st9-mini small{font-weight:400;color:var(--ink-3)}
.st9-mini svg{color:var(--blue-deep)}

/* پنجره تماس با فروشنده — بدون انیمیشن (نمایش/مخفی آنی) */
.st9-lock{overflow:hidden}
.st9-cm{position:fixed;inset:0;z-index:990;display:none;align-items:flex-end;justify-content:center;background:rgba(8,20,40,.45)}
.st9-cm.on{display:flex}
@media(min-width:640px){.st9-cm{align-items:center}}
.st9-cm-card{width:100%;max-width:400px;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  border:1px solid rgba(255,255,255,.8);border-radius:22px 22px 0 0;padding:16px 16px 12px;box-shadow:0 -8px 40px rgba(2,32,71,.25)}
@media(min-width:640px){.st9-cm-card{border-radius:22px;box-shadow:0 18px 60px rgba(2,32,71,.3)}}
.st9-cm-h{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.st9-cm-h b{font-size:14px;display:block}
.st9-cm-h small{font-size:11px;color:var(--ink-3)}
.st9-cm-x{margin-right:auto;width:32px;height:32px;border-radius:10px;border:1px solid rgba(11,42,94,.12);background:#fff;color:var(--ink-2);display:grid;place-items:center;cursor:pointer}
.st9-cm-list{display:flex;flex-direction:column;gap:8px}
.st9-cm-i{display:flex;align-items:center;gap:11px;border:1.5px solid rgba(11,42,94,.1);border-radius:15px;padding:10px 12px;text-decoration:none;color:inherit;background:#fff}
.st9-cm-ic{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;flex:none;color:#fff}
.st9-cm-ic.c-call{background:linear-gradient(135deg,#0b8a50,#14b866)}
.st9-cm-ic.c-i{background:linear-gradient(135deg,#c13584,#e5649c)}
.st9-cm-ic.c-w{background:linear-gradient(135deg,#25d366,#128c7e)}
.st9-cm-ic.c-t{background:linear-gradient(135deg,#229ed9,#54b9ec)}
.st9-cm-t{flex:1;min-width:0}
.st9-cm-t b{font-size:13px;display:block;color:#11294f}
.st9-cm-t small{font-size:11.5px;color:var(--ink-3)}
.st9-cm-go{color:var(--ink-3);display:grid;place-items:center}
.st9-cm-note{display:flex;align-items:center;gap:5px;margin:11px 2px 0;font-size:10.5px;color:var(--ink-3)}

/* بج قفل در ستون ارسال مدیریت */
@media(max-width:992px){
  .kpship{max-width:150px}
}

/* ═══ v4.8: واریانت محصول + ارسال پلکانی ═══ */
/* انتخاب واریانت در صفحه محصول */
.khv{margin:0 0 12px}
.khv-lbl{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:800;color:#11294f;margin-bottom:8px}
.khv-chips{display:flex;flex-wrap:wrap;gap:7px}
.khv-chip{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:12px;border:1.8px solid rgba(11,42,94,.14);
  background:#fff;color:#11294f;font-size:12px;font-weight:700;cursor:pointer;font-family:inherit;line-height:1.4}
.khv-chip .khv-p{font-size:10.5px;color:var(--ink-3);font-weight:600}
.khv-chip.on{border-color:#0072ff;background:linear-gradient(135deg,#eef7ff,#eafcff);box-shadow:0 0 0 3px rgba(0,114,255,.12)}
.khv-chip.on .khv-p{color:#0057c2;font-weight:800}
.khv-chip:disabled{opacity:.42;cursor:default;text-decoration:line-through}
.khv-dot{display:inline-block;width:15px;height:15px;border-radius:50%;border:2px solid #fff;outline:1.5px solid rgba(11,42,94,.18);flex:none}
.khv-adot{display:inline-block;width:13px;height:13px;border-radius:50%;border:1.5px solid rgba(11,42,94,.25);vertical-align:-2px;margin-left:5px;background:#f2f5fa}
.ngx-var{display:inline-block;background:rgba(0,114,255,.1);color:#0057c2;border-radius:8px;padding:1px 8px;font-size:10.5px;font-weight:800;margin-right:5px}

/* حالت‌های ارسال فروشنده */
.shx-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:13px}
.shx-mode{display:flex;gap:8px;align-items:center;border:1.6px solid rgba(11,42,94,.13);border-radius:13px;padding:10px 11px;cursor:pointer;background:#fbfdff}
.shx-mode input{width:16px;height:16px;flex:none}
.shx-mode span b{font-size:12.5px;display:block;color:#11294f}
.shx-mode span small{font-size:10.5px;color:var(--ink-3)}
.shx-mode.on{border-color:#0072ff;background:linear-gradient(135deg,#eef7ff,#eafcff)}
.shx-mode.off{opacity:.65;cursor:default}
@media(max-width:640px){.shx-modes{grid-template-columns:minmax(0,1fr)}}
.shx-cols{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin-bottom:13px}
.shx-tiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.shx-off{opacity:.45;pointer-events:none}
@media(max-width:640px){.shx-tiers{grid-template-columns:minmax(0,1fr)}}

/* فرم ارسال پنل مدیریت — بخش‌های شرطی بر اساس حالت */
.kpship .kpship-fixed{display:none}
.kpship .kpship-tiers{display:none;gap:4px;margin-bottom:4px}
.kpship.m-fixed .kpship-fixed{display:block;margin-bottom:4px}
.kpship.m-tiers .kpship-tiers{display:flex}
.kpship-tiers input{width:54px;padding:4px 6px;font-size:11px}

/* ریز ارسال هر فروشگاه در سبد خرید */
.kh-shiprow{font-size:12px;color:var(--ink-3)}
.kh-shiprow small{color:var(--ink-3)}

/* ═══════════ v4.9 — سازنده مدل‌های کالا + درگاه فروشنده ═══════════ */
/* سازنده مدل‌ها (رنگ/سایز/سفارشی) */
.vfb{background:#f7faff;border:1.5px dashed #b9d4ff;border-radius:16px;padding:14px 16px;margin:14px 0}
.vfb-types{display:flex;gap:8px;flex-wrap:wrap}
.vfb-t{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:#fff;border:1.5px solid #dbe4f2;border-radius:12px;font-size:12.5px;font-weight:700;color:#41506b;cursor:pointer;user-select:none}
.vfb-t input{position:absolute;opacity:0;pointer-events:none}
.vfb-t.on{border-color:#0d8bff;background:#ecf5ff;color:#0b5fa8}
.vfb-palbox,.vfb-addbox{margin:12px 0 4px}
.vfb-pal{display:flex;gap:7px;flex-wrap:wrap}
.vfb-sw{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;background:#fff;border:1.5px solid #dbe4f2;border-radius:999px;font-size:12px;font-weight:700;color:#33415c;cursor:pointer}
.vfb-sw i{width:16px;height:16px;border-radius:50%;flex:none}
.vfb-sw .icn{width:0;height:0}
.vfb-sw.on{border-color:#0d8bff;background:#ecf5ff;box-shadow:0 0 0 2px rgba(13,139,255,.15) inset}
.vfb-custom{display:flex;gap:8px;align-items:center;margin-top:10px;flex-wrap:wrap}
.vfb-custom .vfb-cname{max-width:230px}
.vfb-cpick{width:44px;height:38px;border:1.5px solid #dbe4f2;border-radius:10px;background:#fff;padding:3px;cursor:pointer}
.vfb-rows{display:flex;flex-direction:column;gap:8px;margin-top:12px}
.vfb-row{display:flex;gap:8px;align-items:center;background:#fff;border:1.5px solid #e2e9f6;border-radius:12px;padding:8px 10px}
.vfb-rlab{display:inline-flex;align-items:center;gap:7px;min-width:110px;font-size:12.5px}
.vfb-dot{width:18px;height:18px;border-radius:50%;flex:none}
.vfb-row .vfb-lname{max-width:170px}
.vfb-row input.input{margin:0;flex:1;min-width:0;font-size:12.5px;padding:8px 10px}
.vfb-row .vfb-sk{max-width:110px;flex:none}
.vfb-del{flex:none;width:30px;height:30px;border-radius:9px;border:0;background:#ffeef1;color:#d32f45;font-size:17px;font-weight:900;cursor:pointer;line-height:1}
.vfb-del:hover{background:#ffd7de}
/* انتخابگر درگاه فروشنده (کیف پول/درگاه‌ها) */
.spay-box{background:#f7faff;border:1.5px dashed #b9d4ff;border-radius:16px;padding:12px 14px;margin:12px 0}
.spay-lbl{display:block;font-size:12.5px;font-weight:800;color:#33415c;margin-bottom:9px}
.sgw-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px}
.sgw{position:relative;display:block;cursor:pointer}
.sgw input{position:absolute;opacity:0;pointer-events:none}
.sgw-in{display:flex;align-items:center;gap:9px;background:#fff;border:1.6px solid #dbe4f2;border-radius:13px;padding:9px 11px}
.sgw-logo{width:36px;height:36px;border-radius:10px;background:#eef4ff;color:#0b5fa8;display:inline-flex;align-items:center;justify-content:center;flex:none}
.sgw-t{display:flex;flex-direction:column;min-width:0;gap:1px}
.sgw-t b{font-size:12.5px;color:#22304a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sgw-t small{font-size:10.5px;color:#7c8aa5}
.sgw-tick{margin-inline-start:auto;width:19px;height:19px;border-radius:50%;border:1.6px solid #cdd9ec;color:transparent;display:inline-flex;align-items:center;justify-content:center;flex:none}
.sgw input:checked + .sgw-in{border-color:#0d8bff;background:#ecf5ff}
.sgw input:checked + .sgw-in .sgw-tick{background:#0d8bff;border-color:#0d8bff;color:#fff}
@media(max-width:560px){.vfb-row{flex-wrap:wrap}.vfb-row .vfb-sk{max-width:none;flex:1}.vfb-rlab{flex:1 1 100%}}

/* ── v5.1 ─────────────────────────────────────────────── */
/* چیدمان دکمه‌های عملیات داخل جدول‌ها (بدون انیمیشن) */
.table td .btn + .btn, .table td .btn + form, .table td form + form, .table td form + .btn{margin-inline-start:6px}
.table td form{display:inline-block}
.table td .btn{vertical-align:middle}
@media(max-width:840px){.table td .btn + .btn,.table td .btn + form,.table td form + form,.table td form + .btn{margin-inline-start:4px;margin-top:4px}}
/* کپچای ریاضی فارسی */
.kh-cap{margin-bottom:12px}
.kh-cap label{display:flex;align-items:center;gap:7px}
.kh-cap .input{max-width:150px;text-align:center;letter-spacing:2px;font-weight:700}
.lgx-form .kh-cap .input{margin-top:2px}

/* ── v5.3 — تصویر آپلودی کاربر همیشه داخل قاب می‌نشیند (بدون شکستن چیدمان) ── */
.pdx-gal-box img, .p-thumb img, .tbl-img, img.tbl-img{object-fit:contain;background:#fff}
#pv.tbl-img{object-fit:contain;background:#fff;border:1px solid #e4eefb}

/* ═══════════ مرکز فرماندهی سئو (v5.4) ═══════════ */
.seox-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 16px}
.seox-tab{display:inline-flex;align-items:center;gap:6px;padding:9px 14px;border-radius:999px;font-size:12.5px;font-weight:700;
  background:var(--card);border:1px solid var(--line);color:var(--ink-2);transition:.2s}
.seox-tab:hover{border-color:rgba(0,140,255,.4);color:var(--ink);transform:translateY(-1px)}
.seox-tab.on{background:var(--grad);color:#fff;border-color:transparent;box-shadow:0 6px 18px rgba(0,114,255,.3)}
.seox-ents{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}
.seox-ent{padding:7px 13px;border-radius:10px;font-size:12px;font-weight:700;background:var(--soft);color:var(--ink-2);transition:.15s}
.seox-ent.on{background:#0072ff;color:#fff}
.seox-item{border:1px solid var(--line);border-radius:14px;margin-bottom:10px;background:var(--card);overflow:hidden}
.seox-item[open]{border-color:rgba(0,114,255,.35);box-shadow:0 4px 16px rgba(0,60,140,.06)}
.seox-item>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 16px;cursor:pointer;list-style:none}
.seox-item>summary::-webkit-details-marker{display:none}
.seox-item>summary::before{content:'';width:7px;height:7px;border-left:2px solid #9fb4cf;border-bottom:2px solid #9fb4cf;transform:rotate(45deg);flex-shrink:0;margin-inline-end:8px}
.seox-item[open]>summary::before{transform:rotate(225deg);margin-top:4px}
.seox-sum-t{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
.seox-sum-t b{font-size:13.5px}
.seox-sum-t small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px}
.seox-body{padding:4px 16px 16px;border-top:1px dashed var(--line)}
.seox-cols{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:18px;margin-top:12px}
@media(max-width:900px){.seox-cols{grid-template-columns:minmax(0,1fr)}}
.serp{background:#fff;border:1px solid #e2e8f2;border-radius:14px;padding:14px 16px;box-shadow:0 2px 10px rgba(10,40,90,.06)}
.serp-url{display:block;font-size:12px;color:#2d6a4f;direction:ltr;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.serp-title{display:block;font-size:17px;font-weight:600;color:#1a0dab;margin:4px 0;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.serp-desc{display:block;font-size:12.5px;color:#4d5156;line-height:1.8}
.seox-pre{background:#0d1b33;color:#cfe2ff;border-radius:14px;padding:14px 16px;font-size:12px;line-height:1.9;overflow:auto;max-height:380px;white-space:pre-wrap}
.seox-smap{background:var(--soft);border:1px solid var(--line);border-radius:14px;padding:12px 16px;font-size:12.5px;line-height:2.1;text-align:left}
.seox-smap code{background:rgba(0,114,255,.1);border-radius:6px;padding:1px 7px}
.seox-bars{display:flex;align-items:flex-end;gap:4px;height:110px;padding:8px 4px 0}
.seox-bar{flex:1;background:linear-gradient(180deg,#00c6ff,#0072ff);border-radius:4px 4px 0 0;min-height:4px;transition:.2s}
.seox-bar:hover{filter:brightness(1.15)}
.seox-spark{vertical-align:middle}
.pgr{display:flex;gap:6px;justify-content:center;direction:ltr}
.pgr a{padding:6px 12px;border-radius:10px;background:var(--soft);font-size:12.5px;font-weight:700}
.pgr a.on{background:var(--grad);color:#fff}
.b-bad{background:rgba(194,52,41,.14)!important;color:#c23429!important}
.k-green .k-ic{background:rgba(10,157,97,.12)!important;color:#0a9d61!important}