/* ═══════════════════════════════════════════════════════════════
   ارسال پیامک انبوه
   همه‌ی کلاس‌ها با sb- پیشوند دارند تا با ۳۶۳KB استایلِ قالب تصادم
   نکنند. رنگ‌های اصلی (--color1..5، --shadow، --bold-font) از خودِ
   قالب می‌آیند؛ رنگ‌های وضعیت (ok/warn/bad) مالِ همین ماژول‌اند و
   یک‌جا در توکن‌های زیر تعریف شده‌اند.
   ═══════════════════════════════════════════════════════════════ */
.sb{--sb-line:#ececec;--sb-tint:#402aa90a;--sb-mute:#898989;
  --sb-ok-bg:#eafaf3;--sb-ok-line:#bfead8;--sb-ok:#0a6b46;
  --sb-warn-bg:#fff6dc;--sb-warn-line:#f0dda0;--sb-warn:#6b5514;
  --sb-bad-bg:#fdeef3;--sb-bad-line:#f7c9da;--sb-bad:#a0114a;--sb-rail:#ded9f3}

/* ضدِ CLS: تا جاوااسکریپت برسد، فقط گام ۱ (کلاس را اسکریپتِ درون‌خطی می‌گذارد) */
.sb.sb-js .sb-panel:not([data-step="1"]){display:none}
/* تله‌ی ربات: بیرون از دید، ولی نه display:none (بعضی ربات‌ها آن را رد می‌کنند) */
/* ⚠️ تله‌ی ربات با clip پنهان می‌شود، نه با left:-10000px: در سندِ RTL
   عنصرِ بیرون از سمتِ چپ به scrollWidth اضافه می‌شود و کل صفحه اسکرولِ
   افقیِ ۱۰ هزار پیکسلی می‌گرفت (دیده شد روی سایت زنده، ۲۰۲۶-۰۹-۱۸). */
.sb-hp{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
/* دکمه‌های مخصوصِ بدون‌JS با جاوااسکریپت پنهان می‌شوند */
.sb.sb-has-js .sb-nojs{display:none}
.sb-nine-b{min-width:0;display:flex;flex-direction:column}
.sb-nine-d{font-size:12px;color:#666;line-height:1.7}

.sb-notice{border-radius:12px;padding:12px 16px;margin:0 0 18px;font-size:13.5px;line-height:2}
.sb-notice--ok{background:var(--sb-ok-bg);border:1px solid var(--sb-ok-line);color:var(--sb-ok)}
.sb-notice--warn{background:var(--sb-warn-bg);border:1px solid var(--sb-warn-line);color:var(--sb-warn)}
.sb-notice--bad{background:var(--sb-bad-bg);border:1px solid var(--sb-bad-line);color:var(--sb-bad)}
.sb-cfg{background:#fff6dc;border:1px solid #f0dda0;border-radius:12px;padding:14px 18px;line-height:2}

.sb-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:22px;align-items:start}
@media(max-width:991px){.sb-grid{grid-template-columns:1fr}}

/* نوار پیشرفت */
.sb-rail{display:flex;overflow:hidden;list-style:none;margin:0 0 16px;padding:0;counter-reset:sb}
.sb-rail li{flex:1;position:relative;text-align:center;font-size:12.5px;color:var(--sb-mute);
  line-height:1.6;padding-top:34px;min-width:0}
.sb-rail li b{display:block;font-size:12.5px;font-family:var(--bold-font),Tahoma;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sb-rail li::before{content:counter(sb);counter-increment:sb;position:absolute;top:0;right:50%;
  transform:translateX(50%);width:26px;height:26px;border-radius:50%;background:#fff;
  border:2px solid #ded9f3;color:#a49dc9;display:grid;place-items:center;
  font-family:var(--bold-font),Tahoma;font-size:12px;z-index:2}
.sb-rail li::after{content:'';position:absolute;top:13px;left:50%;width:100%;height:2px;
  background:#ded9f3;z-index:1}
.sb-rail li:first-child::after{display:none}
.sb-rail li.is-done{color:#444}
.sb-rail li.is-done::before{content:'✓';background:var(--color1);border-color:var(--color1);color:#fff}
.sb-rail li.is-done::after{background:var(--color1)}
.sb-rail li.is-now{color:var(--color2)}
.sb-rail li.is-now::before{background:var(--color2);border-color:var(--color2);color:#fff}
.sb-now{display:none;font-size:13px;color:var(--color2);margin:0 0 12px;
  font-family:var(--bold-font),Tahoma;line-height:1.9}
@media(max-width:560px){
  .sb-rail li b{display:none}
  .sb-rail li{padding-top:0;height:26px}
  .sb-rail{margin-bottom:10px}
  .sb-now{display:block}
}

.sb-panel{background:#fff;border:1px solid var(--sb-line);border-radius:16px;
  box-shadow:var(--shadow);padding:22px;margin-bottom:18px}
.sb-panel[hidden]{display:none}
.sb-panel>h2,.sb-panel>h3{font-size:18px;margin:0 0 4px}
.sb-panel>.sb-dek{color:var(--sb-mute);font-size:13px;margin:0 0 18px;line-height:1.9}
@media(max-width:600px){.sb-panel{padding:16px}}

/* کارت روش */
.sb-methods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.sb-method{border:1.5px solid var(--sb-line);border-radius:14px;padding:16px;background:#fff;
  display:block;transition:.25s;cursor:pointer;margin:0;position:relative}
.sb .sb-method::before{display:none !important;content:none !important}
.sb-method:hover{border-color:var(--color4)}
.sb-method.is-on{border-color:var(--color2);background:var(--sb-tint)}
.sb-method.is-off{opacity:.55;cursor:not-allowed}
.sb-method input[name=method]{position:absolute;opacity:0;width:1px;height:1px}
.sb-method input[name=method]:focus-visible + .sb-ico{outline:2px solid var(--color2);outline-offset:3px}
.sb-method .sb-ico{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;
  background:var(--sb-tint);color:var(--color2);margin-bottom:10px}
.sb-method.is-on .sb-ico{background:var(--color2);color:#fff}
.sb-method .sb-h3{display:block;font-size:15px;margin:0 0 4px;line-height:1.9}
.sb-method .sb-p{display:block;color:#666;font-size:12.5px;line-height:1.9}
.sb-method.sb-wide{grid-column:1/-1;display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:start}
.sb-method.sb-wide>.sb-ico{margin:0}
.sb-method.sb-wide>.sb-body{min-width:0}
@media(max-width:600px){.sb-methods{grid-template-columns:1fr}
  .sb-method.sb-wide{grid-template-columns:1fr}}

/* فرم */
.sb label.sb-fld{display:block;font-family:var(--bold-font),Tahoma;margin-bottom:6px;font-size:14px}
.sb span.sb-fld{display:block;font-family:var(--bold-font),Tahoma;margin-bottom:6px;font-size:14px}
.sb-hint{color:var(--sb-mute);font-size:12.5px;line-height:1.8;margin:8px 2px 0}
.sb-rows{display:grid;grid-template-columns:1fr 1fr;gap:13px}
@media(max-width:600px){.sb-rows{grid-template-columns:1fr}}
.sb .cforms textarea{min-height:130px}

.sb-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:11px}
.sb-chip{border-radius:50px;padding:4px 13px;font-size:12.5px;border:1px solid #e3e0f2;
  display:inline-flex;align-items:center;gap:6px;line-height:1.9;color:#555}
.sb-chip.ok{background:var(--sb-ok-bg);border-color:var(--sb-ok-line);color:var(--sb-ok)}
.sb-chip.warn{background:var(--sb-warn-bg);border-color:var(--sb-warn-line);color:var(--sb-warn)}
.sb-chip.bad{background:var(--sb-bad-bg);border-color:var(--sb-bad-line);color:var(--sb-bad)}

.sb-meter{font-size:12.5px;color:#666;margin:8px 2px 0;line-height:2}

.sb-live{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:center;
  background:var(--sb-tint);border:1px solid #ded9f3;border-radius:14px;padding:15px;margin-top:15px}
.sb-live-n{text-align:center;padding-inline-end:16px;border-inline-end:1px solid #ded9f3}
.sb-live-n b{display:block;font-size:24px;color:var(--color2);font-family:var(--bold-font),Tahoma;line-height:1.5}
.sb-live-n span{font-size:12px;color:#666;line-height:1.7}
@media(max-width:560px){.sb-live{grid-template-columns:1fr;gap:12px}
  .sb-live-n{padding:0 0 12px;border-inline-end:none;border-bottom:1px solid #ded9f3}}

.sb-black{background:#eafaf3;border:1px solid #bfead8;border-radius:12px;
  padding:12px 15px;margin-top:16px;font-size:13px;color:#0a6b46;line-height:2}
.sb-err{background:#fdeef3;border:1px solid #f7c9da;border-radius:12px;
  padding:11px 15px;margin:14px 0 0;font-size:13px;color:#a0114a;line-height:2}
.sb-err[hidden]{display:none}
.sb-otp-row #sbOtpMsg{flex-basis:100%;margin:0}

.sb-otp{margin-top:15px}
.sb-otp-row{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-top:7px}
.sb .cforms .sb-otp-row input[type=text]{width:130px !important;flex:none;text-align:center;
  font-family:var(--bold-font),Tahoma;font-size:18px;letter-spacing:4px}

.sb-nav{display:flex;gap:10px;align-items:center;margin-top:20px;padding-top:18px;
  border-top:1px solid var(--sb-line);flex-wrap:wrap}
.sb-nav .sb-back{margin-inline-end:auto}
.sb .button.sb-lg{height:50px;padding:0 30px;font-size:15px;border:1px solid transparent}
.sb .button.sb-ghost{background:transparent;border:1px solid #d5d5d5;color:#666;box-shadow:none;height:50px}
.sb .button.sb-ghost::before{display:none}
.sb .button.sb-ghost:hover{color:var(--color2);border-color:var(--color2)}
.sb .button[disabled]{opacity:.6;cursor:not-allowed}

/* خلاصه */
.sb-sum{background:#fff;border:1px solid var(--sb-line);border-radius:16px;box-shadow:var(--shadow);
  overflow:hidden;position:sticky;top:16px}
.sb-sum>h2,.sb-sum>h3{background:var(--color5);color:#fff;padding:12px 18px;font-size:15px;margin:0}
.sb-sum .sb-sum-b{padding:15px 18px}
.sb-srow{display:flex;justify-content:space-between;gap:12px;padding:7px 0;
  border-bottom:1px dashed var(--sb-line);font-size:13.5px;line-height:1.9}
.sb-srow:last-of-type{border-bottom:none}
.sb-srow .k{color:#666}
.sb-srow .v{font-family:var(--bold-font),Tahoma}
.sb-total{display:flex;justify-content:space-between;align-items:baseline;gap:12px;
  margin-top:11px;padding-top:12px;border-top:2px solid var(--color2)}
.sb-total .v{font-family:var(--bold-font),Tahoma;font-size:20px;color:var(--color2)}
.sb-sum-note{color:var(--sb-mute);font-size:11.5px;line-height:1.9;margin:10px 0 0}
@media(max-width:991px){.sb-sum{position:static;margin-top:16px}}

/* نوار چسبان موبایل */
.sb-dock{display:none}
@media(max-width:991px){
  .sb-dock{display:flex;position:fixed;inset-inline:0;inset-block-end:0;z-index:60;
    background:#fff;border-top:1px solid var(--sb-line);box-shadow:0 -4px 18px rgba(0,0,0,.08);
    padding:10px 14px;gap:12px;align-items:center}
  .sb-dock .sb-dock-p{line-height:1.5;font-size:12px;color:#666;min-width:0}
  .sb-dock .sb-dock-p b{display:block;font-size:16px;color:var(--color2);
    font-family:var(--bold-font),Tahoma;white-space:nowrap}
  .sb-dock .button{margin-inline-start:auto;flex:none}
  .sb{padding-bottom:80px}
  .sb-sec{padding-bottom:70px}
}

@media(prefers-reduced-motion:reduce){.sb *{transition:none !important}}

/* ═══ بخش‌های قالب برگه ═══ */
.sb-hero-sec .about-business .title{font-size:26px;line-height:1.7}
.sb-hero-sec .about-business .title::before{display:none}
.sb-hero-sec .about-business .sub-title{font-size:15px;color:#555;max-width:640px;margin:8px auto 0}
@media(max-width:600px){.sb-hero-sec .about-business .title{font-size:21px}}

.sb-trust{display:flex;gap:9px;flex-wrap:wrap;justify-content:center;margin:16px 0 0;padding:0;list-style:none}
.sb-trust li{background:#fff;border:1px solid #ececec;border-radius:50px;padding:4px 14px;
  font-size:12.5px;color:#444;display:flex;align-items:center;gap:6px;line-height:1.9}
.sb-trust svg{flex:none;color:var(--color1)}

.sb-tool-sec{padding-top:24px}
.sb-sec{padding:38px 0}
.sb-sec-title{font-size:20px;margin:0 0 5px}
.sb-sec-dek{color:#898989;font-size:14px;margin:0 0 18px}

.sb-pt{background:#fff;border:1px solid #ececec;border-radius:14px;padding:18px;
  box-shadow:var(--shadow);height:100%;position:relative}
.sb-pt-n{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;
  background:var(--color2);color:#fff;font-family:var(--bold-font),Tahoma;font-size:14px;margin-bottom:10px}
.sb-pt h3{font-size:15px;margin:0 0 4px}
.sb-pt p{margin:0;color:#666;font-size:13px;line-height:2}

/* روش‌های دیگر — کارتِ لینک‌دار */
.sb-nine{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
@media(max-width:820px){.sb-nine{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.sb-nine{grid-template-columns:1fr}}
.sb-nine-i{display:flex;align-items:center;gap:11px;background:#402aa90a;border-radius:12px;
  padding:10px 14px;font-size:13.5px;color:#222;transition:.25s;border:1px solid transparent;line-height:1.9}
a.sb-nine-i:hover{background:#fff;border-color:var(--color4);text-decoration:none;color:var(--color2)}
.sb-nine-ico{flex:none;width:34px;height:34px;border-radius:9px;display:grid;place-items:center;
  background:#fff;color:var(--color2)}
.sb-nine-t{min-width:0}
.sb-nine-i .icon-left{margin-inline-start:auto;color:var(--color2);flex:none;font-size:11px}

.sb-prose h2{font-size:19px;margin:24px 0 8px}
.sb-prose h2:first-child{margin-top:0}

.sb-faq details{background:#fff;border:1px solid #ececec;border-radius:12px;padding:12px 17px;margin-bottom:9px}
.sb-faq summary{cursor:pointer;font-family:var(--bold-font),Tahoma;font-size:14.5px;list-style:none;line-height:1.9}
.sb-faq summary::-webkit-details-marker{display:none}
.sb-faq summary::before{content:'+';color:var(--color2);margin-inline-end:9px;font-size:17px}
.sb-faq details[open] summary::before{content:'−'}
.sb-faq p{margin:8px 0 0;color:#555;font-size:13.5px;line-height:2}

/* استان ← شهرستان ← شهر: سه ستون؛ در موبایل زیر هم */
.sb-rows-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
@media (max-width: 640px) { .sb-rows-3 { grid-template-columns: 1fr; } }