/* ===== سون پارس | دموی کامل سایت — استایل مشترک ===== */
@import url('https://cdn.jsdelivr.net/gh/rastikerdar/vazirmatn@v33.003/Vazirmatn-font-face.css');

:root{
  --bg:#070b12;
  --surface:#0e1520;
  --surface-2:#141d2b;
  --line:#1f2d40;
  --blue:#2196ff;
  --blue-deep:#0b63d8;
  --cyan:#3cc8ff;
  --text:#dbe4ef;
  --muted:#8a9ab0;
  --green:#22c55e;
  --amber:#f59e0b;
  --pink:#ec4899;
  --chrome:linear-gradient(180deg,#f6f9fc 0%,#c2cfdd 42%,#7f93a9 50%,#e6edf5 58%,#9fb0c2 100%);
  --radius:14px;
  --container:1180px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:Vazirmatn,Tahoma,sans-serif;
  background:var(--bg);
  color:var(--text);
  line-height:1.8;
  overflow-x:hidden;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
ul{list-style:none}
.container{max-width:var(--container);margin-inline:auto;padding-inline:20px}
.chrome{
  background:var(--chrome);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 2px 6px rgba(0,0,0,.6));
}
.btn{
  display:inline-flex;align-items:center;gap:8px;justify-content:center;
  padding:12px 24px;border-radius:12px;font-weight:700;font-size:15px;
  cursor:pointer;border:none;transition:.2s;font-family:inherit;
}
.btn-primary{background:linear-gradient(135deg,var(--blue),var(--blue-deep));color:#fff;box-shadow:0 6px 20px rgba(33,150,255,.35)}
.btn-primary:hover{transform:translateY(-2px)}
.btn-ghost{background:transparent;color:var(--text);border:1.5px solid var(--line)}
.btn-ghost:hover{border-color:var(--blue);color:var(--blue)}
.btn-block{width:100%}

/* ===== Demo top switcher (only for the demo, not the real site) ===== */
.demo-bar{
  position:sticky;top:0;z-index:999;background:#03060a;
  border-bottom:2px solid var(--blue);
  display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:center;
  padding:9px 14px;
}
.demo-bar .lbl{color:var(--cyan);font-size:11.5px;font-weight:700;margin-inline-end:10px;letter-spacing:.3px}
.demo-bar a{
  font-size:12.5px;padding:6px 12px;border-radius:8px;color:var(--muted);
  border:1px solid transparent;transition:.15s;
}
.demo-bar a:hover{color:var(--text);background:var(--surface-2)}
.demo-bar a.active{color:#fff;background:linear-gradient(135deg,var(--blue),var(--blue-deep))}

/* ===== auth / form pages ===== */
.auth-wrap{min-height:calc(100vh - 46px);display:flex;align-items:center;justify-content:center;padding:40px 20px}
.auth-card{
  width:100%;max-width:440px;background:var(--surface);
  border:1px solid var(--line);border-radius:var(--radius);
  padding:36px 32px;box-shadow:0 20px 60px rgba(0,0,0,.5);
}
.auth-card .logo-c{text-align:center;margin-bottom:22px}
.auth-card .logo-c img{height:54px;margin:0 auto}
.auth-card h1{font-size:21px;text-align:center;margin-bottom:6px}
.auth-card .sub{text-align:center;color:var(--muted);font-size:13.5px;margin-bottom:26px}
.field{margin-bottom:16px}
.field label{display:block;font-size:13px;color:var(--muted);margin-bottom:7px}
.field input,.field textarea,.field select{
  width:100%;background:var(--surface-2);border:1px solid var(--line);
  border-radius:10px;padding:12px 14px;color:var(--text);font-family:inherit;
  font-size:14px;transition:.15s;
}
.field input:focus,.field textarea:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(33,150,255,.15)}
.field .hint{font-size:11.5px;color:var(--muted);margin-top:6px}
.phone-row{display:flex;gap:8px}
.phone-row .cc{width:70px;text-align:center;background:var(--surface-2);border:1px solid var(--line);border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:14px}
.otp-row{display:flex;gap:10px;direction:ltr;justify-content:center;margin:8px 0 4px}
.otp-row input{width:54px;height:60px;text-align:center;font-size:24px;font-weight:700;background:var(--surface-2);border:1px solid var(--line);border-radius:12px;color:var(--text)}
.otp-row input:focus{outline:none;border-color:var(--blue)}
.auth-foot{text-align:center;margin-top:18px;font-size:13px;color:var(--muted)}
.auth-foot a{color:var(--blue);font-weight:700}
.upload-box{
  border:1.5px dashed var(--line);border-radius:10px;padding:14px;
  display:flex;align-items:center;gap:10px;color:var(--muted);font-size:13px;cursor:pointer;transition:.15s;
}
.upload-box:hover{border-color:var(--blue);color:var(--text)}
.upload-box svg{width:20px;height:20px;stroke:currentColor;flex-shrink:0}
.role-tabs{display:flex;gap:8px;margin-bottom:22px;background:var(--surface-2);padding:5px;border-radius:12px}
.role-tabs button{flex:1;padding:10px;border:none;border-radius:9px;background:transparent;color:var(--muted);font-family:inherit;font-size:14px;font-weight:700;cursor:pointer;transition:.15s}
.role-tabs button.active{background:linear-gradient(135deg,var(--blue),var(--blue-deep));color:#fff}
.grid-2c{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:520px){.grid-2c{grid-template-columns:1fr}}

/* ===== plans page ===== */
.page-head{padding:40px 0 10px;text-align:center}
.page-head h1{font-size:30px;margin-bottom:8px}
.page-head h1 span{ -webkit-background-clip:text;background-clip:text;color:transparent;background:linear-gradient(90deg,var(--cyan),var(--blue))}
.page-head p{color:var(--muted);max-width:560px;margin:0 auto}
.plans-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;padding:30px 0 60px}
.plan{
  background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);
  overflow:hidden;transition:.2s;cursor:pointer;
}
.plan:hover{transform:translateY(-5px);border-color:var(--blue);box-shadow:0 16px 40px rgba(33,150,255,.18)}
.plan .ph{height:120px;display:flex;align-items:center;justify-content:center;font-size:40px;font-weight:800;color:#fff}
.plan .pb{padding:18px}
.plan .pb h3{font-size:17px;margin-bottom:6px}
.plan .pb p{font-size:12.5px;color:var(--muted);margin-bottom:14px;min-height:38px}
.plan .pb .go{color:var(--blue);font-weight:700;font-size:13.5px;display:flex;align-items:center;gap:6px}
.bank-refah{background:linear-gradient(135deg,#0ea5e9,#0369a1)}
.bank-meli{background:linear-gradient(135deg,#16a34a,#15803d)}
.bank-mellat{background:linear-gradient(135deg,#dc2626,#991b1b)}
.bank-saderat{background:linear-gradient(135deg,#7c3aed,#5b21b6)}
.bank-tejarat{background:linear-gradient(135deg,#0891b2,#155e75)}
.bank-sepah{background:linear-gradient(135deg,#ea580c,#9a3412)}

/* ===== preinvoice / cart ===== */
.pi-wrap{display:grid;grid-template-columns:1fr 340px;gap:24px;padding:30px 0 60px}
@media(max-width:880px){.pi-wrap{grid-template-columns:1fr}}
.pi-list{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.pi-row{display:flex;align-items:center;gap:14px;padding:16px;border-bottom:1px solid var(--line)}
.pi-row:last-child{border-bottom:none}
.pi-row .ic{width:54px;height:54px;border-radius:10px;background:var(--surface-2);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.pi-row .ic svg{width:28px;height:28px;stroke:var(--blue);fill:none;stroke-width:1.4}
.pi-row .nm{flex:1}
.pi-row .nm b{display:block;font-size:14px}
.pi-row .nm span{font-size:12px;color:var(--muted)}
.qty{display:flex;align-items:center;gap:10px;background:var(--surface-2);border-radius:8px;padding:4px}
.qty button{width:26px;height:26px;border:none;border-radius:6px;background:var(--surface);color:var(--text);cursor:pointer;font-size:16px}
.pi-side{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:22px;height:fit-content}
.pi-side h3{font-size:16px;margin-bottom:18px}
.pi-side .ln{display:flex;justify-content:space-between;font-size:13.5px;padding:8px 0;color:var(--muted)}
.pi-side .ln.total{border-top:1px solid var(--line);margin-top:8px;padding-top:14px;color:var(--text);font-size:17px;font-weight:800}
.status-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:20px;font-size:12px;font-weight:700}
.st-wait{background:rgba(245,158,11,.15);color:var(--amber)}
.st-ok{background:rgba(34,197,94,.15);color:var(--green)}
.st-no{background:rgba(220,38,38,.15);color:#f87171}

/* ===== صفحه سبد خرید ===== */
.cart-wrap{display:grid;grid-template-columns:1fr 320px;gap:22px;padding:24px 0 50px}
@media(max-width:880px){.cart-wrap{grid-template-columns:1fr}}
.cart-title{font-size:1.3rem;font-weight:900;padding:18px 0 0;display:flex;align-items:center;gap:10px}
.cart-title .count{font-size:.8rem;color:var(--muted);font-weight:400}

.cart-items{display:flex;flex-direction:column;gap:12px}
.cart-item{
  background:var(--surface);border:1px solid var(--line);border-radius:14px;
  padding:14px;display:flex;gap:14px;align-items:center;
}
.cart-item .ci-img{width:80px;height:80px;border-radius:10px;background:var(--surface-2);display:grid;place-items:center;flex-shrink:0}
.cart-item .ci-img svg{width:42px;height:42px;stroke:var(--blue);fill:none}
.cart-item .ci-info{flex:1;min-width:0}
.cart-item .ci-info .ci-tag{font-size:.72rem;color:var(--cyan)}
.cart-item .ci-info h3{font-size:.92rem;font-weight:700;line-height:1.6;margin:2px 0}
.cart-item .ci-price{font-weight:900;font-size:1rem}
.cart-item .ci-price small{font-size:.72rem;font-weight:400;color:var(--muted)}
.cart-item .ci-controls{display:flex;flex-direction:column;align-items:end;gap:10px}
.ci-qty{display:flex;align-items:center;gap:10px;background:var(--surface-2);border-radius:9px;padding:5px}
.ci-qty button{width:28px;height:28px;border:none;border-radius:6px;background:var(--surface);color:var(--text);cursor:pointer;font-size:16px}
.ci-remove{background:none;border:none;color:#f87171;font-size:.78rem;cursor:pointer;display:flex;align-items:center;gap:4px}
.ci-remove svg{width:15px;height:15px;stroke:#f87171;fill:none}

/* خلاصه سبد */
.cart-summary{
  background:var(--surface);border:1px solid var(--line);border-radius:16px;
  padding:20px;height:fit-content;position:sticky;top:100px;
}
.cart-summary h3{font-size:1rem;font-weight:800;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.cs-row{display:flex;justify-content:space-between;font-size:.88rem;padding:8px 0;color:var(--muted)}
.cs-row b{color:var(--text)}
.cs-total{display:flex;justify-content:space-between;font-size:1.05rem;font-weight:900;padding:14px 0;margin-top:6px;border-top:1px solid var(--line)}
.cs-total .blue-grad{font-size:1.15rem}
.cart-btns{display:flex;flex-direction:column;gap:10px;margin-top:14px}
.cart-btns .btn{width:100%;justify-content:center}
.btn-invoice{background:linear-gradient(135deg,var(--blue),var(--blue-deep));color:#fff;border:none;box-shadow:0 8px 24px rgba(13,99,216,.4)}
.btn-invoice:hover{transform:translateY(-2px)}
.cart-note{font-size:.74rem;color:var(--muted);text-align:center;margin-top:10px;line-height:1.8}

/* سبد خالی */
.cart-empty{text-align:center;padding:60px 20px;color:var(--muted)}
.cart-empty svg{width:80px;height:80px;stroke:var(--line);fill:none;margin-bottom:16px}
.cart-empty h3{font-size:1.1rem;color:var(--text);margin-bottom:8px}

/* پیام موفقیت ثبت پیش‌فاکتور */
.toast{
  position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(20px);
  background:linear-gradient(135deg,var(--blue),var(--blue-deep));color:#fff;
  padding:14px 26px;border-radius:14px;font-weight:700;font-size:.9rem;
  box-shadow:0 12px 40px rgba(13,99,216,.5);opacity:0;pointer-events:none;transition:.3s;z-index:999;
}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}

/* ===== صفحات محتوایی (درباره، راهنما، پرداخت) ===== */
.page-hero{
  background:linear-gradient(120deg,#0c2b55,#0b63d8 70%,#1186e8);
  border-radius:0 0 24px 24px;padding:40px 0;margin-bottom:8px;text-align:center;position:relative;overflow:hidden;
}
.page-hero h1{color:#fff;font-size:1.8rem;font-weight:900;margin-bottom:8px}
.page-hero p{color:rgba(255,255,255,.85);font-size:.95rem;max-width:60ch;margin-inline:auto}
.page-crumb{font-size:.8rem;color:var(--muted);padding:16px 0}
.page-crumb a{color:var(--muted)}.page-crumb a:hover{color:var(--blue)}

.content-box{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:28px;margin-bottom:18px}
.content-box h2{font-size:1.2rem;font-weight:800;margin-bottom:14px;color:var(--text);display:flex;align-items:center;gap:10px}
.content-box h2 .ic{width:34px;height:34px;border-radius:9px;background:rgba(33,150,255,.12);display:grid;place-items:center;flex-shrink:0}
.content-box h2 .ic svg{width:19px;height:19px;stroke:var(--blue);fill:none}
.content-box p{color:var(--muted);line-height:2;font-size:.92rem;margin-bottom:12px}
.content-box ul.bullets{display:flex;flex-direction:column;gap:10px;margin-top:8px}
.content-box ul.bullets li{display:flex;gap:10px;color:var(--text);font-size:.9rem;line-height:1.8}
.content-box ul.bullets li::before{content:"✓";color:var(--blue);font-weight:900;flex-shrink:0}

/* مراحل (راهنمای خرید / نحوه پرداخت) */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:8px 0 30px}
@media(max-width:820px){.steps{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.steps{grid-template-columns:1fr}}
.step{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:22px 18px;text-align:center;position:relative}
.step .num{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--blue-deep));color:#fff;font-weight:900;display:grid;place-items:center;margin:0 auto 12px;font-size:1.1rem}
.step h3{font-size:.95rem;font-weight:700;margin-bottom:6px}
.step p{font-size:.82rem;color:var(--muted);line-height:1.8}

/* آمار درباره ما */
.about-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:8px 0 18px}
@media(max-width:680px){.about-stats{grid-template-columns:1fr 1fr}}
.about-stat{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:20px;text-align:center}
.about-stat b{font-size:1.7rem;font-weight:900;display:block}
.about-stat span{font-size:.8rem;color:var(--muted)}

/* روش‌های پرداخت */
.pay-methods{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:8px 0 18px}
@media(max-width:680px){.pay-methods{grid-template-columns:1fr}}
.pay-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:22px;text-align:center}
.pay-card .pic{width:54px;height:54px;border-radius:12px;background:rgba(33,150,255,.12);display:grid;place-items:center;margin:0 auto 12px}
.pay-card .pic svg{width:28px;height:28px;stroke:var(--blue);fill:none}
.pay-card h3{font-size:1rem;font-weight:700;margin-bottom:6px}
.pay-card p{font-size:.84rem;color:var(--muted);line-height:1.8}

/* ===== بلاگ ===== */
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:18px 0 40px}
@media(max-width:880px){.blog-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.blog-grid{grid-template-columns:1fr}}
.blog-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden;transition:.2s;display:flex;flex-direction:column}
.blog-card:hover{transform:translateY(-5px);border-color:var(--blue);box-shadow:var(--glow)}
.blog-card .bc-img{height:170px;background:radial-gradient(circle at 50% 30%,#1a2738,var(--surface-2));display:grid;place-items:center}
.blog-card .bc-img svg{width:64px;height:64px;stroke:var(--blue);fill:none;opacity:.6}
.blog-card .bc-body{padding:16px;display:flex;flex-direction:column;gap:8px;flex:1}
.blog-card .bc-cat{font-size:.72rem;color:var(--cyan)}
.blog-card h3{font-size:.98rem;font-weight:700;line-height:1.7}
.blog-card p{font-size:.84rem;color:var(--muted);line-height:1.8;flex:1}
.blog-card .bc-meta{display:flex;justify-content:space-between;font-size:.74rem;color:var(--muted);border-top:1px solid var(--line);padding-top:10px}

/* ===== صفحه طرح‌های بانکی (مشتری) ===== */
.bank-plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:18px 0 40px}
@media(max-width:820px){.bank-plans-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.bank-plans-grid{grid-template-columns:1fr}}
.bpl{border-radius:14px;overflow:hidden;border:1px solid var(--line);cursor:pointer;transition:.2s;background:var(--surface);display:block}
.bpl:hover{transform:translateY(-5px);border-color:var(--blue);box-shadow:var(--glow)}
.bpl .top{height:100px;display:grid;place-items:center;color:#fff;font-weight:900;font-size:1.5rem}
.bpl .bot{padding:16px}
.bpl .bot b{font-size:.95rem;display:block;margin-bottom:4px}
.bpl .bot span{font-size:.8rem;color:var(--muted);line-height:1.7}
.bpl .bot .more{display:inline-block;margin-top:10px;font-size:.8rem;color:var(--blue);font-weight:700}
.bank-refah{background:linear-gradient(135deg,#0ea5e9,#0369a1)}
.bank-meli{background:linear-gradient(135deg,#16a34a,#15803d)}
.bank-mellat{background:linear-gradient(135deg,#dc2626,#991b1b)}
.bank-saderat{background:linear-gradient(135deg,#7c3aed,#5b21b6)}
.bank-tejarat{background:linear-gradient(135deg,#0891b2,#155e75)}
.bank-sepah{background:linear-gradient(135deg,#ea580c,#9a3412)}

/* ===== صفحه طرح‌های بانکی (مشتری) ===== */
.plan-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;padding:8px 0 40px}
.pl{border-radius:14px;overflow:hidden;border:1px solid var(--line);cursor:pointer;transition:.2s;background:var(--surface);display:block}
.pl:hover{transform:translateY(-5px);border-color:var(--blue);box-shadow:var(--glow)}
.pl .top{height:90px;display:grid;place-items:center;color:#fff;font-weight:900;font-size:1.4rem}
.pl .bot{padding:14px}
.pl .bot b{font-size:.9rem;display:block;margin-bottom:4px;color:var(--text)}
.pl .bot span{font-size:.76rem;color:var(--muted);line-height:1.6}
.bank-refah{background:linear-gradient(135deg,#0ea5e9,#0369a1)}
.bank-meli{background:linear-gradient(135deg,#16a34a,#15803d)}
.bank-mellat{background:linear-gradient(135deg,#dc2626,#991b1b)}
.bank-saderat{background:linear-gradient(135deg,#7c3aed,#5b21b6)}
.bank-tejarat{background:linear-gradient(135deg,#0891b2,#155e75)}
.bank-sepah{background:linear-gradient(135deg,#ea580c,#9a3412)}
.bank-absal{background:linear-gradient(135deg,#2196ff,#0b3a78)}

/* ===== صفحه محصولات بانک (مشتری) ===== */
.bank-banner{display:flex;align-items:center;gap:14px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px 20px;margin:8px 0 18px}
.bank-banner .bb-logo{width:54px;height:54px;border-radius:12px;display:grid;place-items:center;color:#fff;font-weight:900;flex-shrink:0}
.bank-banner b{font-size:1.05rem;display:block}
.bank-banner span{font-size:.82rem;color:var(--muted)}
.bp-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding-bottom:40px}
@media(max-width:980px){.bp-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:680px){.bp-grid{grid-template-columns:1fr 1fr;gap:10px}}
.bp-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden;transition:.2s;display:flex;flex-direction:column}
.bp-card:hover{transform:translateY(-5px);border-color:var(--blue);box-shadow:var(--glow)}
.bp-card .bp-th{height:150px;background:radial-gradient(circle at 50% 30%,#1a2738,var(--surface-2));display:grid;place-items:center;cursor:pointer}
.bp-card .bp-th svg{width:64px;height:64px;stroke:var(--blue);fill:none;opacity:.6}
.bp-card .bp-bd{padding:13px;display:flex;flex-direction:column;gap:7px;flex:1}
.bp-card .bp-tag{font-size:.7rem;color:var(--cyan)}
.bp-card h3{font-size:.86rem;font-weight:700;line-height:1.6;flex:1;cursor:pointer}
.bp-card h3:hover{color:var(--blue)}
.bp-card .bp-price{font-size:.98rem;font-weight:900}
.bp-card .bp-price small{font-size:.7rem;font-weight:400;color:var(--muted)}
.bp-card .bp-add{width:100%;display:flex;align-items:center;justify-content:center;gap:6px;background:linear-gradient(135deg,var(--blue),var(--blue-deep));color:#fff;border:none;border-radius:10px;padding:9px;font-weight:700;font-size:.8rem;cursor:pointer;transition:.2s}
.bp-card .bp-add:hover{transform:translateY(-2px)}
.bp-card .bp-add svg{width:15px;height:15px;stroke:#fff;fill:none}

/* ===== صفحه تکمیل مدارک ===== */
.docs-wrap{max-width:720px;margin-inline:auto;padding:8px 0 50px}
.docs-steps{display:flex;align-items:center;justify-content:center;gap:6px;margin:14px 0 24px;flex-wrap:wrap}
.docs-steps .ds{display:flex;align-items:center;gap:6px;font-size:.78rem;color:var(--muted)}
.docs-steps .ds .dot{width:24px;height:24px;border-radius:50%;background:var(--surface-2);border:1px solid var(--line);display:grid;place-items:center;font-size:.72rem;font-weight:700}
.docs-steps .ds.done .dot{background:linear-gradient(135deg,var(--blue),var(--blue-deep));color:#fff;border-color:transparent}
.docs-steps .ds.active{color:var(--blue);font-weight:700}
.docs-steps .ds.active .dot{border-color:var(--blue);color:var(--blue)}
.docs-steps .sep{width:24px;height:1px;background:var(--line)}

.form-box{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:24px;margin-bottom:16px}
.form-box h2{font-size:1.05rem;font-weight:800;margin-bottom:16px;display:flex;align-items:center;gap:10px}
.form-box h2 .ic{width:32px;height:32px;border-radius:9px;background:rgba(33,150,255,.12);display:grid;place-items:center}
.form-box h2 .ic svg{width:18px;height:18px;stroke:var(--blue);fill:none}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:560px){.form-grid{grid-template-columns:1fr}}
.field{display:flex;flex-direction:column;gap:6px}
.field.full{grid-column:1 / -1}
.field label{font-size:.82rem;color:var(--muted)}
.field label .req{color:#f87171}
.field input,.field textarea{
  background:var(--surface-2);border:1px solid var(--line);border-radius:10px;
  padding:11px 14px;color:var(--text);font:inherit;font-size:.9rem;outline:none;transition:.2s;
}
.field input:focus,.field textarea:focus{border-color:var(--blue);box-shadow:var(--glow)}
.field textarea{resize:vertical;min-height:70px}

/* آپلود فایل */
.upload-zone{
  border:2px dashed var(--line);border-radius:12px;padding:26px;text-align:center;
  cursor:pointer;transition:.2s;background:var(--surface-2);
}
.upload-zone:hover{border-color:var(--blue)}
.upload-zone svg{width:42px;height:42px;stroke:var(--blue);fill:none;margin-bottom:10px}
.upload-zone b{display:block;font-size:.9rem;margin-bottom:4px}
.upload-zone span{font-size:.76rem;color:var(--muted)}
.upload-zone.has-file{border-color:#4ade80;border-style:solid}
.upload-zone.has-file svg{stroke:#4ade80}

.docs-submit{width:100%;justify-content:center;margin-top:6px}
.docs-note{font-size:.78rem;color:var(--muted);text-align:center;margin-top:12px;line-height:1.9}

/* ===== صفحه وضعیت سفارش ===== */
.status-wrap{max-width:720px;margin-inline:auto;padding:8px 0 50px}
.status-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:28px;margin-bottom:16px;text-align:center}
.status-card .big-ic{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;margin:0 auto 16px}
.status-card.pending .big-ic{background:rgba(245,166,35,.15)}
.status-card.pending .big-ic svg{stroke:#f5a623}
.status-card.ready .big-ic{background:rgba(74,222,128,.15)}
.status-card.ready .big-ic svg{stroke:#4ade80}
.status-card .big-ic svg{width:40px;height:40px;fill:none;stroke-width:1.6}
.status-card h2{font-size:1.25rem;font-weight:900;margin-bottom:10px}
.status-card p{color:var(--muted);line-height:2;font-size:.9rem;max-width:52ch;margin-inline:auto}
.status-badge{display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:7px 16px;font-size:.82rem;font-weight:700;margin-top:14px}
.status-badge.pending{background:rgba(245,166,35,.15);color:#f5a623}
.status-badge.ready{background:rgba(74,222,128,.15);color:#4ade80}
.status-badge .pulse{width:8px;height:8px;border-radius:50%;background:currentColor;animation:installPulse 1.5s infinite}

/* خلاصه سفارش کوچک */
.order-mini{background:var(--surface-2);border:1px solid var(--line);border-radius:12px;padding:16px;margin-top:18px;text-align:right}
.order-mini .om-row{display:flex;justify-content:space-between;font-size:.84rem;padding:6px 0;color:var(--muted)}
.order-mini .om-row b{color:var(--text)}

/* فاکتور آماده دانلود */
.invoice-box{display:flex;align-items:center;gap:14px;background:var(--surface-2);border:1px solid var(--line);border-radius:12px;padding:16px;margin-top:16px;text-align:right}
.invoice-box .iv-ic{width:46px;height:46px;border-radius:10px;background:rgba(33,150,255,.12);display:grid;place-items:center;flex-shrink:0}
.invoice-box .iv-ic svg{width:24px;height:24px;stroke:var(--blue);fill:none}
.invoice-box .iv-info{flex:1}
.invoice-box .iv-info b{font-size:.9rem;display:block}
.invoice-box .iv-info span{font-size:.76rem;color:var(--muted)}
.invoice-box .iv-dl{display:flex;align-items:center;gap:6px;background:linear-gradient(135deg,var(--blue),var(--blue-deep));color:#fff;border:none;border-radius:9px;padding:9px 14px;font-weight:700;font-size:.82rem;cursor:pointer}
.invoice-box .iv-dl svg{width:15px;height:15px;stroke:#fff;fill:none}

.sign-steps{display:flex;flex-direction:column;gap:8px;margin-top:14px;text-align:right}
.sign-steps li{display:flex;gap:10px;font-size:.86rem;color:var(--text);line-height:1.8}
.sign-steps li b{color:var(--blue)}

/* دکمه دمو برای شبیه‌سازی تأیید */
.demo-toggle{margin-top:18px;background:none;border:1px dashed var(--line);color:var(--muted);border-radius:10px;padding:10px 16px;font-size:.78rem;cursor:pointer;transition:.2s}
.demo-toggle:hover{border-color:var(--blue);color:var(--blue)}

/* ===== صفحه محصول ووکامرس (مطابق سایت اصلی، تم دارک آبی) ===== */
/* کادر بزرگ دربرگیرنده */
.pd-card{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:28px;margin-bottom:18px}
.pd-below{display:flex;flex-direction:column;gap:14px;max-width:320px;margin-bottom:40px}
/* چیدمان سه‌ستونه: خرید | مشخصات | گالری */
/* ترتیب HTML: گالری | مشخصات | خرید  →  در RTL: گالری راست، خرید چپ */
.pd-wrap{display:grid;grid-template-columns:1.1fr 1fr 320px;gap:26px;align-items:start}
@media(max-width:980px){.pd-wrap{grid-template-columns:1fr}.pd-below{max-width:100%}}

/* ===== ستون گالری ===== */
.pd-gallery{padding:0}
.pd-gallery .woocommerce-product-gallery{width:100%!important;margin:0!important;position:relative}
.pd-gallery .woocommerce-product-gallery__image{border-radius:12px;overflow:hidden;background:#fff;aspect-ratio:1/1;display:grid;place-items:center}
.pd-gallery .woocommerce-product-gallery__image img{border-radius:12px;width:100%;height:100%;object-fit:contain;padding:14px}
.pd-gallery .flex-control-thumbs{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px;padding:0;list-style:none}
.pd-gallery .flex-control-thumbs li{width:72px!important;flex:0 0 72px}
.pd-gallery .flex-control-thumbs img{border-radius:9px;border:1px solid var(--line);cursor:pointer;opacity:.65;transition:.2s;background:#fff;padding:4px}
.pd-gallery .flex-control-thumbs img.flex-active,.pd-gallery .flex-control-thumbs img:hover{opacity:1;border-color:var(--blue);box-shadow:var(--glow)}
.pd-gallery .woocommerce-product-gallery__trigger{position:absolute;top:10px;left:10px;z-index:5;opacity:.6}

/* ===== ستون مشخصات (وسط) ===== */
.pd-info{padding:0}
.pd-info .pd-title{font-size:1.3rem;font-weight:900;line-height:1.8;color:#fff;margin:0 0 6px}
.pd-slug{font-size:.82rem;color:var(--muted);direction:ltr;text-align:right;margin-bottom:16px;font-family:monospace;letter-spacing:.5px}
.pd-shortdesc{background:var(--surface-2);border:1px solid var(--line);border-radius:12px;padding:16px 18px;color:var(--text);line-height:2;font-size:.92rem;margin-bottom:18px}
.pd-actions-row{display:flex;gap:10px;margin-bottom:20px}
.pd-mini-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;background:var(--surface-2);border:1px solid var(--line);color:var(--text);border-radius:10px;padding:10px 16px;font-size:.85rem;font-weight:600;cursor:pointer;transition:.2s}
.pd-mini-btn:hover{border-color:var(--blue);color:var(--blue)}
.pd-mini-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2}
.pd-meta-row{border-top:1px solid var(--line);padding-top:16px;display:flex;flex-direction:column;gap:10px}
.pd-meta-item{font-size:.86rem;color:var(--muted)}
.pd-meta-item span{color:var(--muted)}
.pd-meta-item b,.pd-meta-item a{color:var(--text)}
.pd-sku-tag{background:var(--blue);color:#fff!important;padding:2px 10px;border-radius:6px;font-size:.8rem;direction:ltr;display:inline-block}

/* ===== ستون خرید ===== */
.pd-side{display:flex;flex-direction:column;gap:16px}
.pd-buy{background:var(--surface-2);border:1px solid var(--line);border-radius:16px;padding:22px;text-align:center}
.pd-seller{font-size:.85rem;color:var(--muted);margin-bottom:16px;border-bottom:1px solid var(--line);padding-bottom:14px}
.pd-seller b{display:block;color:var(--text);font-size:.95rem;margin-top:4px}
.pd-price-label{font-size:.9rem;color:var(--muted);margin-bottom:8px}
.pd-price{font-size:1.6rem;font-weight:900;color:#fff;margin-bottom:16px;line-height:1.5}
.pd-price del{display:block;font-size:.9rem;color:var(--muted);font-weight:400;margin-bottom:4px}
.pd-price ins{text-decoration:none;color:#fff}
.pd-price .woocommerce-Price-currencySymbol{font-size:.7rem;font-weight:400;margin-right:4px;color:var(--muted)}
.pd-row{font-size:.85rem;color:var(--muted);margin-bottom:6px}
.pd-color-box{background:var(--surface-2);border:1px solid var(--line);border-radius:10px;padding:10px;color:var(--text);font-weight:700;margin-bottom:14px}
.pd-stock-box{border-radius:10px;padding:0;font-size:.86rem;font-weight:700;margin-bottom:14px;display:flex;justify-content:space-between;align-items:center;gap:8px}
.pd-stock-box span:first-child{color:var(--muted);font-weight:400}
.pd-stock-box.in span:last-child{color:#3ddc84}
.pd-stock-box.out span:last-child{color:#f87171}
.pd-add{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,var(--blue),var(--blue-deep));color:#fff;border:none;border-radius:12px;padding:14px;font-size:1rem;font-weight:800;cursor:pointer;transition:.2s}
.pd-add:hover{filter:brightness(1.1);box-shadow:var(--glow)}
.pd-add svg{width:22px;height:22px;fill:none;stroke:#fff;stroke-width:2}
.pd-warranty-row{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:16px;padding-top:14px;border-top:1px solid var(--line);font-size:.82rem}
.pd-warranty-row span{color:var(--muted)}
.pd-warranty-row b{color:var(--cyan);font-weight:700;text-align:left}

/* ===== متن سفید در کل صفحه محصول ===== */
.pd-info,.pd-buy{color:#fff}
.pd-seller b,.pd-price ins,.pd-color-box,.pd-meta-item b,.pd-meta-item a{color:#fff}

/* ===== انتخابگر تعداد ووکامرس ===== */
.pd-buy form.cart{margin:0}
.pd-buy .quantity{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:6px 10px;margin-bottom:12px}
.pd-buy .quantity .qty{flex:1;background:transparent;border:none;color:#fff;text-align:center;font-size:1rem;font-weight:700;-moz-appearance:textfield}
.pd-buy .quantity .qty::-webkit-outer-spin-button,.pd-buy .quantity .qty::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.pd-buy .quantity button.plus,.pd-buy .quantity button.minus{width:32px;height:32px;border:none;border-radius:7px;background:var(--surface-2);color:#fff;cursor:pointer;font-size:18px;font-weight:700;line-height:1}
.pd-buy .quantity button:hover{background:var(--blue)}

/* ===== مشاوره: داخل کادر خرید، زیر گارانتی ===== */
.pd-consult-in{margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}
.pd-consult-in p{color:var(--muted);font-size:.84rem;margin-bottom:12px;line-height:1.8}
.pd-consult-in .nums{display:flex;flex-direction:column;gap:10px}
.pd-consult-in .nums a{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--surface);border:1px solid var(--line);color:#fff;border-radius:10px;padding:12px;font-weight:700;direction:ltr;transition:.2s}
.pd-consult-in .nums a:hover{border-color:var(--blue);color:var(--blue)}
.pd-consult-in .nums svg{width:18px;height:18px;fill:none;stroke:var(--cyan);stroke-width:2}

/* ===== اشتراک‌گذاری: پایین کادر خرید ===== */
.pd-share-in{margin-top:16px;padding-top:16px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:center;gap:10px}
.pd-share-in span{font-size:.85rem;color:var(--muted)}
.pd-share-in a{width:36px;height:36px;border-radius:50%;background:var(--surface);border:1px solid var(--line);display:grid;place-items:center;color:var(--muted);transition:.2s}
.pd-share-in a:hover{border-color:var(--blue);color:var(--blue)}
.pd-share-in svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2}

/* کادر مشاوره */
.pd-consult{border:1px dashed var(--line);border-radius:14px;padding:18px;text-align:center}
.pd-consult p{color:var(--muted);font-size:.86rem;margin-bottom:14px;line-height:1.8}
.pd-consult .nums{display:flex;flex-direction:column;gap:10px}
.pd-consult .nums a{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--surface-2);border:1px solid var(--line);color:var(--text);border-radius:10px;padding:11px;font-weight:700;direction:ltr;transition:.2s}
.pd-consult .nums a:hover{border-color:var(--blue);color:var(--blue)}
.pd-consult .nums svg{width:18px;height:18px;fill:currentColor}

/* اشتراک‌گذاری */
.pd-share{display:flex;align-items:center;gap:10px;justify-content:center}
.pd-share span{font-size:.85rem;color:var(--muted)}
.pd-share a{width:38px;height:38px;border-radius:50%;background:var(--surface-2);border:1px solid var(--line);display:grid;place-items:center;color:var(--muted);transition:.2s}
.pd-share a:hover{border-color:var(--blue);color:var(--blue)}
.pd-share svg{width:18px;height:18px}

/* ===== تب‌ها ===== */
.pd-tabs-wrap{padding-bottom:50px}
.pd-tabs{display:flex;gap:8px;border-bottom:1px solid var(--line);margin-bottom:20px}
.pd-tab{padding:12px 22px;cursor:pointer;font-weight:700;color:var(--muted);border-bottom:3px solid transparent;transition:.2s}
.pd-tab.active{color:var(--blue);border-bottom-color:var(--blue)}
.pd-tabpane{display:none;animation:fadeIn .3s}
.pd-tabpane.active{display:block}
.pd-desc{color:var(--text);line-height:2.1;font-size:.95rem}
.pd-spec-title{color:var(--text);font-size:1.05rem;font-weight:800;margin-bottom:14px}
.pd-spec-table{width:100%;border-collapse:collapse}
.pd-spec-table td{padding:12px 16px;border:1px solid var(--line);font-size:.9rem}
.pd-spec-table tr td:first-child{background:var(--surface-2);color:var(--muted);width:35%;font-weight:600}
.pd-spec-table tr td:last-child{color:var(--text)}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}

/* پیام‌های ووکامرس */
.woocommerce-message,.woocommerce-info,.woocommerce-error{
  background:var(--surface);border:1px solid var(--line);border-right:3px solid var(--blue);
  border-radius:10px;padding:14px 18px;margin:0 0 16px;color:var(--text);list-style:none;
}
.woocommerce-message a,.woocommerce-info a{color:var(--blue)}

/* ===== صفحه فروشگاه (archive-product) ===== */
.shop-crumb{font-size:.8rem;color:var(--muted);padding:20px 0 6px}
.shop-crumb a:hover{color:var(--blue)}
.list-title{font-size:1.25rem;font-weight:900;color:#fff;padding-bottom:14px}
.shop-layout{display:grid;grid-template-columns:290px 1fr;gap:22px;align-items:start;padding-bottom:50px}
@media(max-width:980px){.shop-layout{grid-template-columns:1fr}}
.shop-sidebar{position:sticky;top:16px;display:flex;flex-direction:column;gap:14px}
.filter-title{font-size:1rem;font-weight:900;color:#fff;margin-bottom:2px}
.filter-box{background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden}
.filter-box .fh{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;cursor:pointer;font-weight:800;font-size:.9rem;color:#fff;user-select:none}
.filter-box .fh .chev{width:18px;height:18px;transition:.25s}
.filter-box.open .fh .chev{transform:rotate(180deg)}
.filter-box .fbody{max-height:0;overflow:hidden;transition:max-height .3s ease}
.filter-box.open .fbody{max-height:420px}
.filter-box .fbody-inner{padding:0 16px 16px}
.brand-search{position:relative;margin-bottom:10px}
.brand-search input{width:100%;background:var(--surface-2);border:1px solid var(--line);color:#fff;border-radius:9px;padding:9px 34px 9px 12px;font-family:inherit;font-size:.82rem}
.brand-search svg{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:16px;height:16px}
.filter-list{display:flex;flex-direction:column;gap:2px;max-height:200px;overflow-y:auto}
.filter-list label{display:flex;align-items:center;gap:9px;font-size:.85rem;color:var(--muted);cursor:pointer;padding:7px 4px;border-radius:8px;transition:.15s}
.filter-list label:hover{color:#fff}
.filter-list label a{color:inherit}
.filter-list input[type=checkbox]{accent-color:var(--blue);width:16px;height:16px}
.filter-list::-webkit-scrollbar,.filter-box .fbody::-webkit-scrollbar{width:5px}
.filter-list::-webkit-scrollbar-thumb,.filter-box .fbody::-webkit-scrollbar-thumb{background:var(--line);border-radius:10px}
.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:11px 16px;border-top:1px solid var(--line);font-size:.86rem;color:var(--muted)}
.toggle-row:first-child{border-top:none}
.switch{width:42px;height:24px;background:var(--surface-2);border:1px solid var(--line);border-radius:20px;position:relative;cursor:pointer;transition:.2s;flex-shrink:0}
.switch::after{content:"";position:absolute;top:2px;right:2px;width:18px;height:18px;background:var(--muted);border-radius:50%;transition:.2s}
.switch.on{background:var(--blue);border-color:var(--blue)}
.switch.on::after{right:auto;left:2px;background:#fff}
/* ابزارک فیلتر قیمت ووکامرس داخل فیلتر */
.filter-box .price_slider_wrapper .price_slider{margin-bottom:1em;background:var(--surface-2);border-radius:10px}
.filter-box .price_slider_wrapper .ui-slider-range{background:var(--blue)}
.filter-box .price_slider_wrapper .ui-slider-handle{background:#fff;border:2px solid var(--blue)}
.filter-box .price_slider_amount{color:var(--muted);font-size:.8rem}
.filter-box .price_slider_amount .button{background:var(--blue);color:#fff;border:none;border-radius:8px;padding:6px 14px;font-family:inherit}

.shop-main-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap;gap:10px}
.result-count{font-size:.82rem;color:var(--muted)}
.sort-tabs{display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.sort-tabs .lbl{font-size:.82rem;color:var(--muted);margin-left:6px;display:flex;align-items:center;gap:5px}
.sort-tabs .lbl svg{width:16px;height:16px}
.sort-tabs button{background:transparent;border:none;color:var(--muted);font-family:inherit;font-size:.84rem;font-weight:600;padding:7px 12px;border-radius:8px;cursor:pointer;transition:.15s}
.sort-tabs button:hover{color:#fff}
.sort-tabs button.active{color:var(--blue);background:var(--surface)}
.products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
@media(max-width:900px){.products-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.products-grid{grid-template-columns:repeat(2,1fr)}}
.pcard{background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden;transition:.2s;display:flex;flex-direction:column}
.pcard:hover{border-color:var(--blue)}
.pcard-img{background:#fff;aspect-ratio:1/1;display:grid;place-items:center;position:relative}
.pcard-img>img{width:100%;height:100%;object-fit:contain;padding:12px}
.pcard-badge{position:absolute;top:8px;right:8px;background:#ef4444;color:#fff;font-size:.68rem;font-weight:700;padding:2px 8px;border-radius:14px;z-index:2}
.brand-logo{position:absolute;bottom:6px;left:6px;background:#000;color:#fff;font-size:.58rem;font-weight:800;padding:2px 7px;border-radius:4px;letter-spacing:.5px;z-index:2}
.pcard-body{padding:12px;display:flex;flex-direction:column;gap:8px;flex:1;text-align:center}
.pcard-title{font-size:.8rem;font-weight:600;color:#fff;line-height:1.7;flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pcard-price{display:flex;flex-direction:column;gap:2px;align-items:center;padding-top:6px;border-top:1px solid var(--line)}
.pcard-price del{font-size:.72rem;color:var(--muted)}
.pcard-price ins{text-decoration:none}
.pcard-price .now,.pcard-price ins{font-size:.95rem;font-weight:900;color:#fff}
.shop-layout .woocommerce-pagination{margin-top:26px}
.shop-layout .woocommerce-pagination ul{display:flex;justify-content:center;gap:8px;list-style:none;padding:0}
.shop-layout .woocommerce-pagination ul li a,.shop-layout .woocommerce-pagination ul li span{display:grid;place-items:center;min-width:38px;height:38px;padding:0 8px;background:var(--surface);border:1px solid var(--line);border-radius:9px;color:var(--muted);font-weight:700;text-decoration:none}
.shop-layout .woocommerce-pagination ul li a:hover,.shop-layout .woocommerce-pagination ul li span.current{background:var(--blue);border-color:var(--blue);color:#fff}

/* ===== صفحه سبد خرید (cart) ===== */
.cart-crumb{font-size:.8rem;color:var(--muted);padding:20px 0 6px}
.cart-crumb a:hover{color:var(--blue)}
.cart-title{font-size:1.4rem;font-weight:900;color:#fff;padding-bottom:18px}
.cart-card{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:24px;margin-bottom:50px}
.cart-layout{display:grid;grid-template-columns:1fr 340px;gap:22px;align-items:start}
@media(max-width:900px){.cart-layout{grid-template-columns:1fr}}
.cart-items{background:var(--surface-2);border:1px solid var(--line);border-radius:16px;padding:8px 18px}
.cart-row{display:flex;align-items:center;gap:16px;padding:18px 0;border-bottom:1px solid var(--line)}
.cart-row:last-of-type{border-bottom:none}
.cart-row-img{width:90px;height:90px;background:#fff;border-radius:10px;flex-shrink:0;display:grid;place-items:center;overflow:hidden}
.cart-row-img img{width:100%;height:100%;object-fit:contain;padding:8px}
.cart-row-info{flex:1;min-width:0}
.cart-row-info h4{font-size:.92rem;font-weight:700;color:#fff;margin-bottom:4px}
.cart-row-info h4 a{color:#fff}
.cart-row-info .meta{font-size:.78rem;color:var(--muted)}
.cart-row-info .unit{font-size:.82rem;color:var(--cyan);margin-top:6px}
.cart-qty{display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:4px 8px}
.cart-qty .quantity{display:flex;align-items:center;gap:6px}
.cart-qty .qty{width:42px;background:transparent;border:none;color:#fff;text-align:center;font-weight:700;font-family:inherit}
.cart-qty button.plus,.cart-qty button.minus{width:26px;height:26px;border:none;border-radius:6px;background:var(--surface-2);color:#fff;cursor:pointer;font-weight:700}
.cart-qty button:hover{background:var(--blue)}
.cart-row-price{font-size:1rem;font-weight:900;color:#fff;white-space:nowrap;min-width:130px;text-align:left}
.cart-del{display:inline-grid;place-items:center;background:none;border:none;color:var(--muted);cursor:pointer;padding:6px;border-radius:8px;transition:.15s}
.cart-del:hover{color:#ef4444;background:var(--surface)}
.cart-del svg{width:20px;height:20px}
.cart-update-row{padding:14px 0;text-align:left}
.cart-update-btn{background:var(--surface);border:1px solid var(--line);color:var(--muted);border-radius:9px;padding:9px 18px;font-family:inherit;font-weight:600;cursor:pointer;font-size:.82rem}
.cart-update-btn:hover{border-color:var(--blue);color:var(--blue)}
.cart-summary{background:var(--surface-2);border:1px solid var(--line);border-radius:16px;padding:22px;position:sticky;top:16px}
.cart-summary h3{font-size:1rem;font-weight:800;color:#fff;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid var(--line)}
.sum-row{display:flex;justify-content:space-between;font-size:.88rem;color:var(--muted);margin-bottom:12px}
.sum-row b{color:#fff;font-weight:700}
.sum-row.discount b{color:#3ddc84}
.sum-total{display:flex;justify-content:space-between;align-items:center;font-size:1.05rem;font-weight:900;color:#fff;padding-top:14px;margin-top:6px;border-top:1px solid var(--line)}
.sum-total .price small{font-size:.7rem;font-weight:400;color:var(--muted)}
.cart-actions{display:flex;gap:10px;margin-top:20px}
.btn-checkout,.btn-invoice{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;border:none;border-radius:12px;padding:14px 10px;font-family:inherit;font-weight:800;font-size:.88rem;cursor:pointer;transition:.2s;text-align:center;line-height:1.4}
.btn-checkout{background:linear-gradient(135deg,var(--blue),var(--blue-deep));color:#fff}
.btn-checkout:hover{filter:brightness(1.12);box-shadow:var(--glow)}
.btn-invoice{background:var(--surface);color:#fff;border:1px solid var(--blue)}
.btn-invoice:hover{background:var(--blue)}
.btn-checkout svg,.btn-invoice svg{width:19px;height:19px;flex-shrink:0}
.cart-note{font-size:.76rem;color:var(--muted);text-align:center;margin-top:14px;line-height:1.8}
.coupon{display:flex;gap:8px;margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}
.coupon input{flex:1;background:var(--surface);border:1px solid var(--line);color:#fff;border-radius:9px;padding:10px;font-family:inherit;font-size:.82rem}
.coupon button{background:var(--surface);border:1px solid var(--line);color:#fff;border-radius:9px;padding:0 16px;font-family:inherit;font-weight:700;cursor:pointer;font-size:.82rem}
.coupon button:hover{border-color:var(--blue);color:var(--blue)}


/* ===== صفحه تسویه‌حساب سفارشی (checkout) ===== */
.co-crumb{font-size:.8rem;color:var(--muted);padding:20px 0 6px}
.co-crumb a:hover{color:var(--blue)}
.co-title{font-size:1.4rem;font-weight:900;color:#fff;padding-bottom:18px}
.co-card{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:24px;margin-bottom:50px}
.co-layout{display:grid;grid-template-columns:1fr 360px;gap:22px;align-items:start}
@media(max-width:900px){.co-layout{grid-template-columns:1fr}}
.co-form-col,.co-review-col{min-width:0}
/* فرم */
.co-form{background:var(--surface-2);border:1px solid var(--line);border-radius:16px;padding:22px}
.sevenpars-checkout h3{font-size:1rem;font-weight:800;color:#fff;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.sevenpars-checkout .form-row{margin-bottom:14px;display:flex;flex-direction:column;gap:6px}
.sevenpars-checkout .form-row label{font-size:.82rem;color:var(--muted);font-weight:600}
.sevenpars-checkout .form-row label .required{color:#ef4444;border:0;text-decoration:none}
.sevenpars-checkout .form-row .woocommerce-input-wrapper{width:100%}
.sevenpars-checkout .form-row input.input-text,
.sevenpars-checkout .form-row textarea,
.sevenpars-checkout .form-row select,
.sevenpars-checkout .select2-container--default .select2-selection--single{width:100%;background:var(--surface);border:1px solid var(--line);color:#fff;border-radius:10px;padding:11px 12px;font-family:inherit;font-size:.86rem;min-height:44px}
.sevenpars-checkout .form-row input.input-text:focus,
.sevenpars-checkout .form-row textarea:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(33,150,255,.15)}
.sevenpars-checkout .form-row textarea{min-height:80px;resize:vertical}
.sevenpars-checkout .form-row input::placeholder,.sevenpars-checkout .form-row textarea::placeholder{color:#5a6a82}
/* select2 دارک */
.sevenpars-checkout .select2-container--default .select2-selection--single .select2-selection__rendered{color:#fff;line-height:1.6}
.sevenpars-checkout .select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:var(--muted) transparent transparent}
.select2-dropdown{background:var(--surface-2)!important;border:1px solid var(--line)!important;color:#fff}
.select2-results__option{color:var(--muted)}
.select2-container--default .select2-results__option--highlighted[aria-selected]{background:var(--blue)}
.select2-search--dropdown .select2-search__field{background:var(--surface);border:1px solid var(--line);color:#fff}
/* خلاصه سفارش (چپ) */
.co-review-col #order_review_heading{font-size:1rem;font-weight:800;color:#fff;margin-bottom:0;padding:22px 22px 0;background:var(--surface-2);border:1px solid var(--line);border-bottom:none;border-radius:16px 16px 0 0}
.co-review-col #order_review{background:var(--surface-2);border:1px solid var(--line);border-top:none;border-radius:0 0 16px 16px;padding:18px 22px 22px;position:sticky;top:16px}
.co-review-col .shop_table{width:100%;border-collapse:collapse;margin-bottom:14px}
.co-review-col .shop_table th,.co-review-col .shop_table td{padding:10px 0;border-bottom:1px solid var(--line);font-size:.85rem;color:var(--muted);text-align:right}
.co-review-col .shop_table .product-name{color:#fff}
.co-review-col .shop_table .product-total{text-align:left;color:#fff;white-space:nowrap}
.co-review-col .shop_table .cart-subtotal th,.co-review-col .shop_table .cart-subtotal td{color:var(--muted)}
.co-review-col .shop_table .order-total th,.co-review-col .shop_table .order-total td{font-size:1.02rem;font-weight:900;color:#fff;border-bottom:none}
.co-review-col .shop_table .order-total td{text-align:left}
/* روش‌های پرداخت (درگاه‌های افزونه‌ای خودکار اینجا می‌آیند) */
.co-review-col #payment{background:transparent}
.co-review-col #payment ul.payment_methods{border:none;padding:0;margin:6px 0 0;list-style:none;display:flex;flex-direction:column;gap:10px}
.co-review-col #payment ul.payment_methods li{background:var(--surface);border:1px solid var(--line);border-radius:11px;padding:13px;list-style:none}
.co-review-col #payment ul.payment_methods li input[type=radio]{accent-color:var(--blue);width:17px;height:17px;margin-left:8px}
.co-review-col #payment ul.payment_methods li label{color:#fff;font-weight:700;font-size:.88rem;display:inline}
.co-review-col #payment ul.payment_methods li:has(input:checked){border-color:var(--blue);background:rgba(33,150,255,.08)}
.co-review-col #payment .payment_box{background:var(--surface-2);border-radius:8px;padding:12px;font-size:.8rem;color:var(--muted);margin-top:8px}
.co-review-col #payment .payment_box::before{border-bottom-color:var(--surface-2)}
.co-review-col #place_order,.co-review-col button#place_order{width:100%;display:block;background:linear-gradient(135deg,var(--blue),var(--blue-deep));color:#fff;border:none;border-radius:12px;padding:15px;font-family:inherit;font-weight:800;font-size:.95rem;cursor:pointer;margin-top:18px;transition:.2s}
.co-review-col #place_order:hover{filter:brightness(1.12);box-shadow:var(--glow)}
.co-review-col .woocommerce-terms-and-conditions-wrapper{color:var(--muted);font-size:.78rem;margin-top:12px}
/* منظره متحرک */
.co-scene{margin-top:18px;border-radius:16px;overflow:hidden;border:1px solid var(--line);position:relative;aspect-ratio:600/280;box-shadow:0 6px 24px rgba(0,0,0,.35)}
.co-scene svg{width:100%;height:100%;display:block}
.co-scene-text{position:absolute;bottom:12px;left:0;right:0;text-align:center;font-size:.92rem;font-weight:800;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.7);letter-spacing:.3px}
.co-scene .sun-glow{transform-origin:300px 140px;animation:sunPulse 4s ease-in-out infinite}
@keyframes sunPulse{0%,100%{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}
.co-scene .stars circle{animation:twinkle 3s ease-in-out infinite}
.co-scene .stars circle:nth-child(2){animation-delay:.5s}.co-scene .stars circle:nth-child(3){animation-delay:1s}.co-scene .stars circle:nth-child(4){animation-delay:1.5s}.co-scene .stars circle:nth-child(5){animation-delay:.8s}.co-scene .stars circle:nth-child(6){animation-delay:2s}.co-scene .stars circle:nth-child(7){animation-delay:1.3s}.co-scene .stars circle:nth-child(8){animation-delay:.3s}
@keyframes twinkle{0%,100%{opacity:.25}50%{opacity:1}}
.co-scene .cloud{animation:drift 26s linear infinite}
.co-scene .cloud2{animation:drift 34s linear infinite}
@keyframes drift{0%{transform:translateX(-60px)}100%{transform:translateX(660px)}}
.co-scene .shimmer{animation:shimmerA 3.5s ease-in-out infinite}
@keyframes shimmerA{0%,100%{opacity:.35;transform:scaleX(.9)}50%{opacity:.65;transform:scaleX(1.1)}}
.co-scene .waves path{animation:waveA 5s ease-in-out infinite}
.co-scene .waves path:nth-child(2){animation-delay:.6s}.co-scene .waves path:nth-child(3){animation-delay:1.2s}.co-scene .waves path:nth-child(4){animation-delay:1.8s}
@keyframes waveA{0%,100%{transform:translateX(0)}50%{transform:translateX(10px)}}
.co-scene .fall{animation:fallA 1.4s linear infinite}
@keyframes fallA{0%{opacity:.4}50%{opacity:.85}100%{opacity:.4}}

/* ===== استایل دارک آبی برای فرم‌های Ultimate Member (ثبت‌نام/ورود) ===== */
/* این بخش فرم‌های واقعی UM را با تم سون پارس هماهنگ می‌کند */

.um-slot { margin-top: 8px; }

/* ظرف کلی فرم UM */
.auth-card .um,
.auth-card .um-form { background: transparent !important; max-width: 100% !important; margin: 0 !important; }

/* هر ردیف فیلد */
.auth-card .um-field { margin-bottom: 14px !important; padding: 0 !important; }

/* لیبل فیلدها */
.auth-card .um-field-label label,
.auth-card .um-field-label {
  color: var(--muted, #8a9ab0) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  margin-bottom: 6px !important;
  text-align: right !important;
  float: none !important;
}

/* کادر ورودی متن، ایمیل، رمز، عدد، textarea، select */
.auth-card .um-form input[type=text],
.auth-card .um-form input[type=email],
.auth-card .um-form input[type=password],
.auth-card .um-form input[type=tel],
.auth-card .um-form input[type=number],
.auth-card .um-form textarea,
.auth-card .um-form select {
  width: 100% !important;
  background: var(--surface-2, #141d2b) !important;
  border: 1px solid var(--line, #1f2d40) !important;
  border-radius: 12px !important;
  color: var(--text, #dbe4ef) !important;
  padding: 13px 14px !important;
  font-family: inherit !important;
  font-size: 14px !important;
  text-align: right !important;
  direction: rtl !important;
  box-shadow: none !important;
  transition: border-color .15s, box-shadow .15s;
}

/* شماره تلفن/موبایل باید چپ‌چین عددی ولی در ظرف راست‌چین بماند */
.auth-card .um-form input[type=tel] { direction: ltr !important; text-align: right !important; }

/* حالت فوکوس */
.auth-card .um-form input:focus,
.auth-card .um-form textarea:focus,
.auth-card .um-form select:focus {
  border-color: var(--blue, #2196ff) !important;
  box-shadow: 0 0 0 3px rgba(33,150,255,.15) !important;
  outline: none !important;
}

/* placeholder کم‌رنگ */
.auth-card .um-form input::placeholder,
.auth-card .um-form textarea::placeholder { color: #5a6b82 !important; }

/* دکمه‌ی اصلی (ثبت‌نام / ورود) */
.auth-card .um-form input[type=submit],
.auth-card .um-form .um-button,
.auth-card .um-form button[type=submit] {
  width: 100% !important;
  background: linear-gradient(135deg, var(--blue, #2196ff), var(--blue-deep, #0b63d8)) !important;
  border: none !important;
  border-radius: 12px !important;
  color: #fff !important;
  padding: 14px !important;
  font-family: inherit !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  box-shadow: 0 6px 18px rgba(33,150,255,.25) !important;
  margin-top: 6px !important;
  transition: filter .15s;
}
.auth-card .um-form input[type=submit]:hover,
.auth-card .um-form .um-button:hover { filter: brightness(1.08) !important; }

/* دکمه‌ی ثانویه (مثلاً «ورود» کنار «ثبت‌نام») */
.auth-card .um-form .um-button.um-alt,
.auth-card .um-form a.um-button.um-alt {
  background: var(--surface-2, #141d2b) !important;
  border: 1px solid var(--line, #1f2d40) !important;
  color: var(--text, #dbe4ef) !important;
  box-shadow: none !important;
}

/* باکس آپلود فایل UM */
.auth-card .um-form .um-field-area-icon,
.auth-card .um-form .um-single-image-upload,
.auth-card .um-form .um-field-image,
.auth-card .um-form .um-field-file {
  background: var(--surface-2, #141d2b) !important;
  border: 1px dashed var(--line, #1f2d40) !important;
  border-radius: 12px !important;
  color: var(--muted, #8a9ab0) !important;
}
.auth-card .um-form .um-button.um-uploader-button,
.auth-card .um-form .um-finish-um button {
  background: var(--surface-2, #141d2b) !important;
  border: 1px solid var(--line, #1f2d40) !important;
  color: var(--text, #dbe4ef) !important;
}

/* چک‌باکس «مرا به خاطر بسپار» و متن‌ها */
.auth-card .um-form .um-field-checkbox-option,
.auth-card .um-form label { color: var(--muted, #8a9ab0) !important; }

/* لینک «رمز عبور را فراموش کردید» */
.auth-card .um-form a { color: var(--blue, #2196ff) !important; }

/* پیام خطا/موفقیت UM */
.auth-card .um-form .um-field-error { color: #ff6b6b !important; font-size: 12px !important; }

/* دو ستونه‌کردن بعضی فیلدها در دسکتاپ (نام/نام‌خانوادگی کنار هم) — اختیاری و ملایم */
@media (min-width: 520px){
  .auth-card .um-form .um-row { display: block; }
}

/* ===== اصلاح نمایش قیمت و کارت محصول در صفحه‌ی اصلی (ووکامرس) ===== */

/* --- قیمت ووکامرس: del = قیمت قدیمی (خط‌خورده)، ins = قیمت جدید --- */
.price del,
.dprice del,
.card .price del {
  color: #ff6b6b !important;          /* قیمت قدیمی قرمز کم‌رنگ */
  text-decoration: line-through !important;
  text-decoration-color: #ff6b6b !important;
  font-size: 13px !important;
  opacity: .8;
  display: block !important;          /* روی خط جدا */
  margin-bottom: 2px;
}
.price ins,
.dprice ins,
.card .price ins {
  color: #3ddc84 !important;          /* قیمت جدید سبز قشنگ */
  text-decoration: none !important;
  font-weight: 800 !important;
  display: block !important;          /* روی خط جدا، زیر قیمت قدیمی */
}
/* قیمت بدون تخفیف (تک‌قیمتی) هم سبز */
.card .price .woocommerce-Price-amount,
.card .price bdi { color: #3ddc84 !important; }
.price ins .woocommerce-Price-amount { color: #3ddc84 !important; }
.price del .woocommerce-Price-amount { color: #ff6b6b !important; }

/* واحد «تومان» کوچک و کم‌رنگ */
.card .price small,
.dprice small { color: var(--muted,#8a9ab0) !important; font-size: 11px !important; font-weight: 400 !important; }

/* --- کارت پرفروش/معمولی: اسم وسط‌چین، فاصله از عکس --- */
.card .body { text-align: center !important; padding: 12px !important; }
.card .body h3 {
  text-align: center !important;
  margin: 8px 0 6px !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
  min-height: 44px;                   /* تا کارت‌ها هم‌قد شوند */
}
.card .body .row { justify-content: center !important; display: flex !important; }
.card .body .price { text-align: center !important; }
.card .tag { display:inline-block; margin-bottom:4px; }

/* --- کاروسل تخفیفی (dcard): فاصله اسم از عکس و دکمه قیمت --- */
.dcard .dbody { padding: 12px !important; text-align: center !important; }
.dcard .dbody h3 {
  margin: 10px 0 10px !important;     /* فاصله از عکس بالا و دکمه پایین */
  font-size: 13px !important;
  line-height: 1.6 !important;
  min-height: 40px;
  text-align: center !important;
}
.dcard .dthumb { margin-bottom: 4px; }

/* دکمه‌ی قیمت کاروسل: دو قیمت تو دلش مرتب روی هم */
.dcard .dprice {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
  line-height: 1.5 !important;
  padding: 10px 12px !important;
  width: 100%;
}
.dcard .dprice del { font-size: 12px !important; }
.dcard .dprice ins { font-size: 15px !important; }

/* ============================================================
 *  صفحه اصلی سون پارس — استایل نهایی (نسخه پویا)
 * ============================================================ */

/* --- اسلایدر تمام‌عرض --- */
.sp-hero{
  background:linear-gradient(135deg,#0e1f3a,#0b63d8 120%);
  min-height:360px;display:flex;align-items:center;
  margin:24px 0 0;position:relative;overflow:hidden;
}
.sp-hero__inner{max-width:1400px;margin:0 auto;width:100%;padding:0 50px;display:flex;align-items:center}
.sp-hero__text{width:100%;text-align:right}
.sp-hero h1,.sp-hero h2{font-size:34px;font-weight:800;color:#fff;line-height:1.5;margin:0 0 14px}
.sp-hero h1 span,.sp-hero h2 span{color:var(--cyan,#3cc8ff)}
.sp-hero p{color:#cfe0f5;font-size:15px;line-height:2;max-width:540px;margin:0 0 18px}
.sp-hero__btn{display:inline-block;background:#fff;color:#0b63d8;padding:12px 28px;border-radius:12px;font-weight:700;font-size:15px;text-decoration:none}

/* ---- اسلایدر چندتایی هیرو ---- */
.sp-hero__slide{
  position:absolute;inset:0;display:flex;align-items:center;
  background:linear-gradient(135deg,#0e1f3a,#0b63d8 120%);
  background-size:cover;background-position:center;
  opacity:0;transition:opacity .6s ease;pointer-events:none;
}
.sp-hero__slide.is-active{opacity:1;pointer-events:auto}
.sp-hero.is-single .sp-hero__slide{position:relative;opacity:1;pointer-events:auto}
.sp-hero__dots{position:absolute;bottom:14px;left:0;right:0;display:flex;gap:8px;justify-content:center;z-index:3}
.sp-hero__dots button{width:10px;height:10px;border-radius:50%;border:0;background:rgba(255,255,255,.45);cursor:pointer;padding:0}
.sp-hero__dots button.is-active{background:#fff}

/* --- ظرف اصلی --- */
.sp-main{padding:24px 16px 0}
.sp-main .container{max-width:1400px;margin:0 auto;padding-inline:20px}

/* --- کاروسل تخفیفی --- */
.sp-deals{background:linear-gradient(135deg,#0a1422,#0f6e56);border-radius:18px;padding:18px;display:flex;gap:16px;align-items:stretch}
.sp-deals__panel{
  flex:0 0 190px;background:transparent;border-radius:14px;padding:22px 16px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:16px;
}
.sp-deals__panel h3{font-size:20px;font-weight:800;line-height:1.7;color:#fff;margin:0}
.sp-deals__panel .panel-emoji{font-size:46px;line-height:1}
.sp-timer{display:flex;gap:6px;direction:ltr}
.sp-timer .seg{background:#fff;color:#0c1118;border-radius:8px;min-width:42px;padding:8px 4px;text-align:center;font-weight:800;font-size:20px;line-height:1}
.sp-timer .seg small{display:block;font-size:9px;font-weight:500;color:#888;margin-top:3px}
.sp-timer .colon{align-self:center;font-weight:800;color:#fff;font-size:18px}
.sp-deals__panel .panel-btn{background:#fff;color:#0c1118;border:none;border-radius:10px;padding:9px 14px;font-family:inherit;font-weight:700;font-size:12.5px;cursor:pointer;width:100%;text-decoration:none;display:block}
.sp-deals__rail{flex:1;overflow:hidden;min-width:0}
.sp-deals__track{display:flex;direction:ltr}
.sp-deals__track .sp-card{flex:0 0 200px;direction:rtl;margin-right:12px}
@media (max-width:600px){.sp-deals__track .sp-card{flex-basis:160px}}

/* کارت تخفیفی (سفید) */
.sp-card{width:100%;min-width:0;height:370px;background:#fff;border-radius:14px;padding:16px;display:flex;flex-direction:column;position:relative;color:#1a1a1a;cursor:pointer;transition:transform .15s,box-shadow .15s}
.sp-card:hover{transform:translateY(-3px);box-shadow:0 10px 26px rgba(0,0,0,.35)}
.sp-card__badge{position:absolute;top:10px;left:10px;background:#e63946;color:#fff;border-radius:7px;font-size:10px;font-weight:800;padding:3px 7px;direction:ltr;z-index:2}
.sp-card__img{height:130px;display:flex;align-items:center;justify-content:center;margin:16px 0 10px}
.sp-card__img img{max-width:100%;max-height:100%;object-fit:contain}
.sp-card__brand{height:18px;margin-bottom:6px;text-align:center}
.sp-card__brand span{font-size:12px;font-weight:800;color:#444}
.sp-card__title{font-size:12.5px;line-height:1.7;color:#333;text-align:center;height:64px;margin:0 0 10px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.sp-card__price{text-align:center;margin-top:auto;font-size:13.5px;font-weight:800;color:#0b63d8}
.sp-card__price del{color:#9aa7b8 !important;text-decoration-color:#9aa7b8 !important;font-size:11px;display:block}
.sp-card__price ins{color:#0b63d8 !important;text-decoration:none;font-weight:800;display:block}
.sp-card__price bdi{color:inherit}

/* --- نوار مزایا --- */
.sp-usp{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:28px 0}
.sp-usp .u{background:var(--surface,#0e1520);border:1px solid var(--line,#1f2d40);border-radius:14px;padding:18px;display:flex;align-items:center;gap:12px}
.sp-usp .u .ico{font-size:26px}
.sp-usp .u b{display:block;font-size:14px;color:var(--text,#dbe4ef)}
.sp-usp .u span{font-size:12px;color:var(--muted,#8a9ab0)}

/* --- دسته‌بندی‌ها --- */
.sp-cats{display:grid;grid-template-columns:repeat(12,1fr);gap:12px}
.sp-cat{background:var(--surface,#0e1520);border:1px solid var(--line,#1f2d40);border-radius:14px;padding:16px 6px;text-align:center;cursor:pointer;transition:border-color .15s,transform .15s;text-decoration:none;display:block}
.sp-cat:hover{border-color:var(--blue,#2196ff);transform:translateY(-3px)}
.sp-cat .cico{font-size:26px;display:block;margin-bottom:8px}
.sp-cat b{font-size:11.5px;color:var(--text,#dbe4ef);font-weight:600}

/* --- بخش‌های معمولی --- */
.sp-section{margin-top:34px}
.sp-section__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.sp-section__head h2{font-size:20px;font-weight:800;color:#fff;position:relative;padding-bottom:8px;margin:0}
.sp-section__head h2::after{content:"";position:absolute;bottom:0;right:0;width:48px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--blue,#2196ff),var(--cyan,#3cc8ff))}
.sp-section__head a{color:var(--blue,#2196ff);font-size:13px;font-weight:600;text-decoration:none}
.sp-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.sp-pcard{background:var(--surface,#0e1520);border:1px solid var(--line,#1f2d40);border-radius:14px;padding:16px;height:340px;display:flex;flex-direction:column;position:relative;cursor:pointer;transition:border-color .15s,transform .15s}
.sp-pcard:hover{border-color:var(--blue,#2196ff);transform:translateY(-3px)}
.sp-pcard__img{height:130px;display:flex;align-items:center;justify-content:center;margin:6px 0 12px}
.sp-pcard__img img{max-width:100%;max-height:100%;object-fit:contain}
.sp-pcard__img svg{stroke:#3a475a}
.sp-pcard__tag{font-size:11px;color:var(--cyan,#3cc8ff);font-weight:700;text-align:center;margin-bottom:6px}
.sp-pcard__title{font-size:12.5px;line-height:1.7;color:var(--text,#dbe4ef);text-align:center;height:64px;margin:0 0 12px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.sp-pcard__price{text-align:center;margin-top:auto;font-size:14px;font-weight:800;color:var(--blue,#2196ff)}
.sp-pcard__price del{color:#7d8aa0 !important;text-decoration-color:#7d8aa0 !important;font-size:11px;display:block}
.sp-pcard__price ins{color:var(--green,#3ddc84) !important;text-decoration:none;font-weight:800;display:block}
.sp-pcard__price bdi{color:inherit}
.sp-empty{color:var(--muted,#8a9ab0);grid-column:1/-1;text-align:center;padding:30px}

/* --- بنرهای دوتایی --- */
.sp-banners{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:34px}
.sp-banner2{border-radius:18px;padding:26px 28px;display:flex;flex-direction:column;justify-content:center;min-height:150px}
.sp-banner2.blue{background:linear-gradient(120deg,#0b63d8,#2196ff)}
.sp-banner2.dark{background:linear-gradient(120deg,#141d2b,#0e1520);border:1px solid var(--line,#1f2d40)}
.sp-banner2.green{background:linear-gradient(120deg,#0c7a4a,#3ddc84)}
.sp-banner2.purple{background:linear-gradient(120deg,#5b2a86,#9b59b6)}
.sp-banner2 h3{font-size:20px;font-weight:800;color:#fff;margin:0 0 6px}
.sp-banner2 p{font-size:13px;color:rgba(255,255,255,.85);margin:0 0 14px}
.sp-banner2 .b2btn{background:#fff;color:#0b63d8;padding:9px 20px;border-radius:10px;font-weight:700;text-decoration:none;font-size:13px;align-self:flex-start}

/* --- باکس برندهای متحرک --- */
.sp-brands{background:var(--surface,#0e1520);border:1px solid var(--line,#1f2d40);border-radius:16px;margin-top:34px;padding:20px 0;overflow:hidden;position:relative}
.sp-brands::before,.sp-brands::after{content:"";position:absolute;top:0;bottom:0;width:80px;z-index:2;pointer-events:none}
.sp-brands::before{right:0;background:linear-gradient(to left,var(--surface,#0e1520),transparent)}
.sp-brands::after{left:0;background:linear-gradient(to right,var(--surface,#0e1520),transparent)}
.sp-marquee{display:flex;gap:50px;width:max-content;animation:sp-marquee 24s linear infinite}
.sp-brands:hover .sp-marquee{animation-play-state:paused}
.sp-marquee b{font-size:19px;font-weight:800;color:var(--muted,#8a9ab0);white-space:nowrap;transition:color .2s}
.sp-marquee b:hover{color:var(--cyan,#3cc8ff)}
@keyframes sp-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* --- نمادهای اعتماد (در فوتر) --- */
.trust-badges{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:34px 0;border-top:1px solid var(--line,#1f2d40);margin-top:34px}
.trust-badge{background:var(--surface-2,#141d2b);border:1px solid var(--line,#1f2d40);border-radius:14px;width:100%;height:130px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;cursor:pointer;transition:border-color .15s,transform .15s;color:var(--muted,#8a9ab0);text-align:center;padding:16px;text-decoration:none}
.trust-badge:hover{border-color:var(--blue,#2196ff);transform:translateY(-3px)}
.trust-badge img{max-width:80px;max-height:70px;object-fit:contain}
.trust-badge .ph{font-size:30px}
.trust-badge small{font-size:10px;line-height:1.4}

/* ============================================================
 *  ریسپانسیو صفحه اصلی
 * ============================================================ */
/* بریک‌پوینت میانی صفحه اصلی (تبلت بزرگ) */
@media (max-width:1280px){
  .sp-main .container{max-width:100%;padding-inline:24px}
  .sp-deals__rail{grid-template-columns:repeat(5,1fr)}
  .sp-grid{grid-template-columns:repeat(5,1fr)}
}
@media (max-width:1024px){
  .sp-deals{flex-direction:column}
  .sp-deals__panel{flex:0 0 auto;flex-direction:row;justify-content:space-between;gap:16px;flex-wrap:wrap}
  .sp-deals__panel h3{font-size:17px}
  .sp-deals__panel .panel-emoji{font-size:34px}
  .sp-deals__panel .panel-btn{width:auto}
  .sp-deals__rail{grid-template-columns:repeat(3,1fr)}
  .sp-grid{grid-template-columns:repeat(3,1fr)}
  .sp-cats{grid-template-columns:repeat(6,1fr)}
  .sp-usp{grid-template-columns:repeat(2,1fr)}
  .sp-hero{min-height:280px}
  .sp-hero h1,.sp-hero h2{font-size:26px}
}
@media (max-width:640px){
  .sp-deals__rail{grid-template-columns:repeat(2,1fr)}
  .sp-grid{grid-template-columns:repeat(2,1fr)}
  .sp-cats{grid-template-columns:repeat(3,1fr)}
  .sp-banners{grid-template-columns:1fr}
  .sp-hero{min-height:210px}
  .sp-hero__inner{padding:0 22px}
  .sp-hero h1,.sp-hero h2{font-size:20px}
  .sp-hero p{font-size:13px}
  .sp-card{height:330px}
  .sp-pcard{height:310px}
  .sp-section__head h2{font-size:17px}
  .trust-badges{grid-template-columns:repeat(2,1fr)}
  .trust-badge{height:110px}
  .sp-usp{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:400px){
  .sp-deals__rail{grid-template-columns:1fr}
  .sp-cats{grid-template-columns:repeat(2,1fr)}
}

/* ===== هدر و منوی موبایل سون پارس ===== */
/* پیش‌فرض: هدر موبایل و سرچ موبایل مخفی (فقط دسکتاپ) */
.mobile-header,.mobile-search{display:none}
.mobile-drawer{display:none}

@media (max-width:768px){
  /* مخفی‌کردن هدر/منوی دسکتاپ */
  .topbar,.header,.nav{display:none !important}

  /* هدر موبایل */
  .mobile-header{display:flex;align-items:center;justify-content:space-between;gap:12px;
    background:var(--surface,#0e1520);border-bottom:1px solid var(--line,#1f2d40);
    padding:12px 16px;position:sticky;top:0;z-index:50}
  .mh-burger{background:var(--surface-2,#141d2b);border:1px solid var(--line,#1f2d40);border-radius:10px;
    width:42px;height:42px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text,#dbe4ef);flex:0 0 auto}
  .mh-burger svg{width:22px;height:22px;stroke:currentColor;fill:none}
  .mh-logo img{height:36px}
  .mh-phone{font-size:11px;color:var(--muted,#8a9ab0);text-align:left;line-height:1.5;flex:0 0 auto}
  .mh-phone b{display:block;color:var(--cyan,#3cc8ff);font-size:13px}

  /* سرچ موبایل — کوچک‌تر، نه تمام‌عرض */
  .mobile-search{display:flex;align-items:center;gap:8px;
    background:var(--surface-2,#141d2b);border:1px solid var(--line,#1f2d40);border-radius:12px;
    margin:10px 16px;padding:9px 14px}
  .mobile-search svg{width:18px;height:18px;stroke:var(--muted,#8a9ab0);fill:none;flex:0 0 auto}
  .mobile-search input{flex:1;background:none;border:none;color:var(--text,#dbe4ef);
    font-family:inherit;font-size:13.5px;outline:none;min-width:0}
  .mobile-search button{flex:0 0 auto}

  /* منوی کشویی موبایل */
  .mobile-drawer{display:block;position:fixed;inset:0;z-index:100;visibility:hidden;opacity:0;transition:.25s}
  .mobile-drawer.open{visibility:visible;opacity:1}
  .mobile-drawer__overlay{position:absolute;inset:0;background:rgba(0,0,0,.6)}
  .mobile-drawer__panel{position:absolute;top:0;right:0;bottom:0;width:82%;max-width:320px;
    background:var(--surface,#0e1520);border-left:1px solid var(--line,#1f2d40);padding:20px;
    transform:translateX(100%);transition:transform .25s;overflow-y:auto}
  .mobile-drawer.open .mobile-drawer__panel{transform:translateX(0)}
  .mobile-drawer__head{display:flex;align-items:center;justify-content:space-between;
    margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid var(--line,#1f2d40)}
  .mobile-drawer__head img{height:34px}
  .mobile-drawer__close{background:var(--surface-2,#141d2b);border:1px solid var(--line,#1f2d40);
    border-radius:8px;width:36px;height:36px;color:var(--text,#dbe4ef);font-size:22px;cursor:pointer;line-height:1}
  .mobile-drawer a{display:block;color:var(--text,#dbe4ef);text-decoration:none;
    padding:13px 10px;border-radius:10px;font-size:14.5px;border-bottom:1px solid var(--line,#1f2d40)}
  .mobile-drawer a.active{color:var(--blue,#2196ff);font-weight:700}
  .mobile-drawer a.nav-installment{background:linear-gradient(135deg,#ff9800,#ff5722);
    color:#fff;font-weight:700;margin:8px 0;border:none;text-align:center}
}

/* ==================================================================
   اصلاحاتِ تجربهٔ موبایل — ۱۰ مرداد ۱۴۰۵
   ================================================================== */

/* ۱) زومِ خودکارِ سافاریِ آیفون
   اگر فونتِ یک فیلدِ ورودی کمتر از ۱۶px باشد، آیفون هنگامِ لمس خودکار
   زوم می‌کند و دیگر زوم‌اوت نمی‌شود. راهِ درست: فونتِ فیلدها حداقل ۱۶px.
   (زومِ دو‌انگشتی عمداً باز مانده — بستنش برای دسترسی‌پذیری بد است.) */
@media (max-width: 820px) {
  input[type="text"], input[type="search"], input[type="email"], input[type="tel"],
  input[type="number"], input[type="password"], input[type="url"], input[type="date"],
  input:not([type]), select, textarea {
    font-size: 16px;
  }
}

/* ۲) ناحیهٔ لمسِ دکمه‌های ریز
   اندازهٔ دیده‌شده تغییر نمی‌کند؛ فقط محدودهٔ قابلِ لمس با یک شبه‌عنصرِ
   نامرئی به حداقلِ ۴۴×۴۴ (توصیهٔ گوگل) می‌رسد. */
@media (max-width: 820px) {
  .sp-hero__dots button,
  .search button,
  .socials a,
  .sp-section__head a { position: relative; }

  .sp-hero__dots button::after,
  .search button::after,
  .socials a::after,
  .sp-section__head a::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    min-width: 44px;
    min-height: 44px;
  }

  /* نقطه‌های اسلایدر کنار هم‌اند؛ فاصله می‌گیرند تا لمسشان اشتباه نشود */
  .sp-hero__dots { gap: 14px; }
}

/* ۳) کمینهٔ اندازهٔ فونت در موبایل (زیر ۱۲px را گوگل «خیلی کوچک» می‌شمارد) */
@media (max-width: 820px) {
  .sp-pcard__tag,
  .sp-cat b,
  .trust-badge small,
  .sp-timer .seg small,
  .footer .copy { font-size: 12px; }
}

/* ==================================================================
   سایدبارِ فروشگاه در موبایل — ۱۰ مرداد ۱۴۰۵
   ==================================================================
   در دسکتاپ سایدبار یک ستونِ باریکِ کنارِ محصولات است و sticky بودنش مفید
   است. ولی زیر ۹۸۰px چیدمان تک‌ستونه می‌شود و سایدبار تمام‌عرض و بلند
   می‌شود؛ آنجا sticky باعث می‌شود هنگام اسکرول روی محصولات بیفتد.
   پس فقط در موبایل عادی (غیرچسبان) می‌شود. */
@media (max-width: 980px) {
  .shop-sidebar { position: static; top: auto; }
}

/* ------------------------------------------------------------------
   دکمهٔ بازگشت در هدر موبایل — ۱۰ مرداد ۱۴۰۵
   ظریف و بی‌قاب، هم‌وزنِ خودِ همبرگر. یک قدم به عقب برمی‌گردد.
   ------------------------------------------------------------------ */
.mh-back{
  width:38px; height:38px; padding:0; flex:0 0 auto;
  display:grid; place-items:center;
  background:transparent; border:0; border-radius:50%;
  color:inherit; opacity:.72; cursor:pointer;
  transition:opacity .18s ease, background .18s ease;
}
.mh-back svg{width:21px;height:21px}
.mh-back:hover{opacity:1; background:rgba(127,127,127,.14)}
.mh-back:active{transform:scale(.94)}
.mh-back:focus-visible{outline:2px solid var(--blue,#2196ff); outline-offset:2px}
.mh-back[hidden]{display:none}
/* دکمهٔ بازگشت درست کنارِ همبرگر بچسبد، نه پخش‌شده در عرضِ هدر.
   هدر space-between است؛ این حاشیهٔ خودکار، بقیهٔ عناصر را آن‌طرف می‌راند. */
.mh-back{margin-inline-end:auto}
.mobile-header .mh-burger + .mh-back{margin-inline-start:-4px}

/* ------------------------------------------------------------------
   پرسش و پاسخ (شورت‌کد [sp_faq]) — ۱۰ مرداد ۱۴۰۵
   هدف دوگانه: کاربر راحت جواب را پیدا کند، و موتورهای هوش مصنوعی
   بتوانند سؤال و جواب را جدا از هم بردارند و نقل کنند.
   فقط از متغیرهای تم استفاده می‌کند تا در تیره و روشن هر دو درست باشد.
   ------------------------------------------------------------------ */
.sp-faq{margin:34px 0}
.sp-faq__title{font-size:22px;font-weight:800;margin:0 0 16px;color:var(--text,#dbe4ef)}
.sp-faq__item{
  background:var(--surface,#0e1520);
  border:1px solid var(--line,#1f2d40);
  border-radius:12px;
  margin-bottom:10px;
  overflow:hidden;
  transition:border-color .18s ease;
}
.sp-faq__item[open]{border-color:var(--blue,#2196ff)}
.sp-faq__q{
  list-style:none; cursor:pointer;
  padding:15px 18px;
  font-size:15px; font-weight:700; line-height:1.9;
  color:var(--text,#dbe4ef);
  display:flex; align-items:center; gap:10px;
  min-height:44px;              /* ناحیهٔ لمس موبایل */
}
.sp-faq__q::-webkit-details-marker{display:none}   /* فلشِ پیش‌فرضِ سافاری */
.sp-faq__q::after{
  content:""; margin-inline-start:auto; flex:0 0 auto;
  width:9px; height:9px;
  border-inline-end:2px solid var(--muted,#8a9ab0);
  border-block-end:2px solid var(--muted,#8a9ab0);
  transform:rotate(45deg); transition:transform .2s ease;
}
.sp-faq__item[open] .sp-faq__q::after{transform:rotate(-135deg)}
.sp-faq__q:hover{background:var(--surface-2,#141d2b)}
.sp-faq__a{padding:0 18px 16px}
.sp-faq__a p{font-size:14px; line-height:2.1; color:var(--muted,#8a9ab0); margin:0}
@media (max-width:600px){
  .sp-faq__title{font-size:19px}
  .sp-faq__q{font-size:14px; padding:13px 15px}
  .sp-faq__a{padding:0 15px 14px}
}

/* ------------------------------------------------------------------
   مقاله‌های راهنما (صفحات محتوایی سئو) — ۱۰ مرداد ۱۴۰۵
   پاراگرافِ سرآغاز، جدولِ شرایط و کادرِ نکته.
   جدول‌ها در موبایل خودشان اسکرول می‌شوند تا صفحه بهم نریزد.
   ------------------------------------------------------------------ */
.sp-lead{
  font-size:16px; line-height:2.2;
  background:var(--surface,#0e1520);
  border-inline-start:3px solid var(--blue,#2196ff);
  border-radius:10px; padding:16px 18px; margin:0 0 26px;
}
.sp-note{
  background:var(--surface-2,#141d2b);
  border:1px solid var(--line,#1f2d40);
  border-radius:10px; padding:14px 16px; margin:20px 0;
  font-size:14px; line-height:2.1;
}
.sp-table{margin:22px 0; overflow-x:auto; -webkit-overflow-scrolling:touch}
.sp-table table{width:100%; border-collapse:collapse; min-width:440px; font-size:14px}
.sp-table th,.sp-table td{
  padding:11px 14px; text-align:start;
  border:1px solid var(--line,#1f2d40); line-height:1.9;
}
.sp-table th{background:var(--surface-2,#141d2b); font-weight:700; white-space:nowrap}
.sp-table tbody tr:nth-child(even){background:rgba(127,127,127,.045)}
@media (max-width:600px){
  .sp-lead{font-size:15px; padding:14px 15px}
  .sp-table table{font-size:13px}
  .sp-table th,.sp-table td{padding:9px 11px}
}

/* ------------------------------------------------------------------
   تصویر شاخص و فهرست مطالبِ مقاله‌ها — ۱۰ مرداد ۱۴۰۵
   فهرست مطالب هم برای کاربر مفید است، هم گوگل از آن برای ساختنِ
   لینک‌های پرشِ داخلی (jump links) در نتایج استفاده می‌کند.
   ------------------------------------------------------------------ */
.sp-hero{margin:0 0 24px}
.sp-hero img{
  width:100%; height:auto; display:block;
  border-radius:14px; border:1px solid var(--line,#1f2d40);
}
.sp-toc{
  background:var(--surface,#0e1520);
  border:1px solid var(--line,#1f2d40);
  border-radius:12px; padding:18px 20px; margin:26px 0;
}
.sp-toc h2{font-size:17px; font-weight:800; margin:0 0 12px; color:var(--text,#dbe4ef)}
.sp-toc ul{margin:0; padding:0; list-style:none;
  display:grid; grid-template-columns:repeat(2,1fr); gap:8px 22px}
.sp-toc li{position:relative; padding-inline-start:16px}
.sp-toc li::before{
  content:""; position:absolute; inset-inline-start:0; top:.75em;
  width:5px; height:5px; border-radius:50%; background:var(--blue,#2196ff);
}
.sp-toc a{color:var(--muted,#8a9ab0); text-decoration:none; font-size:14px; line-height:2}
.sp-toc a:hover{color:var(--cyan,#3cc8ff); text-decoration:underline}
/* وقتی از فهرست به تیتر می‌پری، تیتر زیر هدرِ چسبان قایم نشود */
.sp-article h2[id]{scroll-margin-top:90px}
@media (max-width:600px){
  .sp-toc ul{grid-template-columns:1fr}
  .sp-toc{padding:15px 16px}
}

/* ------------------------------------------------------------------
   متنِ معرفیِ دسته‌بندی محصولات — ۱۰ مرداد ۱۴۰۵
   بالای لیستِ محصولات می‌نشیند. کوتاه و بی‌سر‌و‌صدا تا جلوی خودِ
   محصولات را نگیرد، ولی برای موتورها و کاربرِ تازه‌وارد گویا باشد.
   ------------------------------------------------------------------ */
.sp-cat-intro{
  background:var(--surface,#0e1520);
  border:1px solid var(--line,#1f2d40);
  border-radius:12px;
  padding:16px 18px;
  margin:0 0 20px;
}
.sp-cat-intro p{font-size:14px; line-height:2.1; color:var(--muted,#8a9ab0); margin:0 0 10px}
.sp-cat-intro p:last-child{margin-bottom:0}
.sp-cat-intro strong{color:var(--text,#dbe4ef); font-weight:700}
.sp-cat-intro a{color:var(--blue,#2196ff); text-decoration:none}
.sp-cat-intro a:hover{text-decoration:underline}
.sp-cat-children a{
  display:inline-block; padding:2px 0;
  color:var(--cyan,#3cc8ff);
}
@media (max-width:600px){
  .sp-cat-intro{padding:13px 15px; margin-bottom:16px}
  .sp-cat-intro p{font-size:13px}
}

/* ------------------------------------------------------------------
   برچسبِ «راهنمای اقساط» در کارت‌های بلاگ — ۱۰ مرداد ۱۴۰۵
   مقاله‌های راهنما کنارِ نوشته‌های بلاگ نشان داده می‌شوند؛ این برچسب
   کمک می‌کند کاربر در یک نگاه بفهمد کدام راهنمای خرید است و کدام مطلب عمومی.
   ------------------------------------------------------------------ */
.bc-cat--guide{
  color:var(--cyan,#3cc8ff) !important;
  font-weight:700;
}
.blog-card.is-guide{border-color:rgba(33,150,255,.32)}
.blog-card.is-guide:hover{border-color:var(--blue,#2196ff)}

/* ------------------------------------------------------------------
   رفعِ سرریزِ تصویرِ کارت‌های بلاگ — ۱۰ مرداد ۱۴۰۵
   ریشهٔ باگ: .bc-img ارتفاعِ ثابتِ ۱۷۰px دارد و برای <svg> (آیکونِ
   جایگزین) قانونِ اندازه نوشته شده بود، ولی برای <img> هیچ قانونی نبود.
   تا وقتی هیچ نوشته‌ای تصویرِ شاخص نداشت، این حالت هرگز پیش نیامده بود؛
   با افزودنِ تصاویر، عکسِ ۷۶۸ پیکسلی با اندازهٔ طبیعیِ خودش رندر می‌شد،
   از کادر بیرون می‌زد و روی متنِ کارت می‌افتاد.
   ------------------------------------------------------------------ */
.blog-card .bc-img{position:relative; overflow:hidden}
.blog-card .bc-img img{
  /* چرا موقعیتِ مطلق و نه height:100%؟
     کادر display:grid با place-items:center است. اول با
     align-self:stretch امتحان شد و کار نکرد، چون طبق استاندارد
     stretch فقط وقتی اعمال می‌شود که ارتفاعِ عنصر auto باشد —
     و height:100% خودش آن را غیرauto می‌کند. نتیجه: مرورگر به
     نسبتِ ذاتیِ تصویر (از صفت‌های width/height) برمی‌گشت و
     ارتفاع ۱۹۲px می‌شد که ۲۲px روی متنِ کارت می‌افتاد.
     inset:0 روی کادرِ position:relative قطعی است و به رفتارِ
     گرید هیچ وابستگی ندارد. */
  position:absolute; inset:0;
  width:100%; height:100%;
  object-fit:cover; object-position:center;
  display:block;
  transition:transform .35s ease;
}
.blog-card:hover .bc-img img{transform:scale(1.04)}

/* ------------------------------------------------------------------
   خلاصهٔ صوتیِ مقاله — شورت‌کد [sp_audio] — ۱۱ مرداد ۱۴۰۵
   جعبه‌ای که بالای مقاله می‌نشیند؛ آیکونِ گوش، برچسب، و پخش‌کنندهٔ
   استانداردِ HTML5 (کنترل‌های خودِ مرورگر، بدونِ جاوااسکریپتِ اضافه).
   ------------------------------------------------------------------ */
.sp-audio{
  background:var(--surface,#0e1520);
  border:1px solid var(--blue,#2196ff);
  border-radius:12px;
  padding:16px 18px;
  margin:0 0 26px;
}
.sp-audio__label{
  display:flex; align-items:center; gap:8px;
  font-size:14px; font-weight:700;
  color:var(--text,#dbe4ef);
  margin-bottom:10px;
}
.sp-audio__icon{width:19px; height:19px; color:var(--blue,#2196ff); flex:0 0 auto}
.sp-audio audio{
  display:block; width:100%; height:40px;
  border-radius:8px;
}
/* پخش‌کنندهٔ پیش‌فرضِ مرورگر در تمِ تیره کمی نامتناسب دیده می‌شود؛
   فیلترِ رنگی ساده‌ترین راهِ هماهنگ‌کردنش با بقیهٔ رابطِ کاربری است */
.sp-audio audio::-webkit-media-controls-panel{background-color:var(--surface-2,#141d2b)}
@media (max-width:600px){
  .sp-audio{padding:13px 15px}
  .sp-audio__label{font-size:13px}
}