@charset "utf-8";
/* ============================================================
   صفحه‌های فروشگاه: سبد، تسویه، نتیجه، پیگیری
   روی style.css سوار می‌شود و از همان توکن‌ها استفاده می‌کند
   ============================================================ */

.shop-page{background:linear-gradient(180deg,#fff,var(--blue-50) 60%);min-height:100vh;
  display:flex;flex-direction:column;padding-bottom:0}

.shop-nav{display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:16px clamp(16px,4vw,40px);background:rgba(255,255,255,.9);
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}
.shop-nav__back{font-size:.9rem;font-weight:600;color:var(--blue-600)}
.shop-nav .nav__logo svg{width:28px;height:28px;flex:none;color:var(--blue-600)}

.shop-wrap{flex:1;width:min(1060px,92vw);margin:0 auto;padding:30px 0 70px}
.shop-wrap--narrow{width:min(660px,92vw)}

/* ---------- مرحله‌ها ---------- */
.steps{display:flex;list-style:none;margin:0 0 26px;padding:0;gap:6px;overflow-x:auto}
.steps li{flex:1;display:flex;align-items:center;gap:8px;min-width:118px;
  font-size:.85rem;color:var(--muted);font-weight:600}
.steps i{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;flex:none;
  background:#fff;border:1.5px solid var(--line);font-style:normal;font-size:.8rem;font-weight:800}
.steps .now i{background:var(--blue-500);border-color:transparent;color:#fff}
.steps .now{color:var(--blue-800)}
.steps .done i{background:var(--blue-100);border-color:var(--blue-200);color:var(--blue-700)}
@media(max-width:600px){.steps li span{display:none}.steps li{min-width:0;flex:0}}

/* ---------- کارت ---------- */
.card{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);
  padding:26px;box-shadow:var(--shadow-s);margin-bottom:18px}
.card h2{font-size:1.05rem;font-weight:800;margin:0 0 16px}
.page-h{font-size:1.35rem;font-weight:900;margin:0 0 8px}
.hint{color:var(--muted);font-size:.87rem;margin:8px 0 0}
.req{color:var(--bad)}
.opt{font-weight:400;color:var(--muted)}

/* ---------- چیدمان تسویه ---------- */
.checkout{display:grid;grid-template-columns:1fr 360px;gap:20px;align-items:start}
@media(max-width:900px){.checkout{grid-template-columns:1fr}}
.checkout__side{position:sticky;top:90px}
@media(max-width:900px){.checkout__side{position:static}}

/* فیلدهای فرم — روی همه‌ی فرم‌های صفحه‌های فروشگاه، نه فقط تسویه */
.shop-page label{display:block;font-size:.87rem;font-weight:600;color:var(--ink-2);margin-bottom:14px}
.shop-page input:not([type=radio]):not([type=checkbox]),
.shop-page select,
.shop-page textarea{display:block;width:100%;margin-top:6px;
  padding:12px 14px;border:1.5px solid var(--line);border-radius:12px;font:inherit;font-size:.94rem;
  background:#FBFDFF;color:var(--ink);transition:border-color .25s,box-shadow .25s,background .25s}
.shop-page input:focus,.shop-page select:focus,.shop-page textarea:focus{outline:none;
  border-color:var(--blue-400);background:#fff;box-shadow:0 0 0 4px rgba(95,184,255,.16)}
.shop-page textarea{resize:vertical}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
@media(max-width:640px){.grid2{grid-template-columns:1fr}}

/* ---------- روش ارسال ---------- */
.ships{display:grid;gap:10px}
.ship{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1.5px solid var(--line);
  border-radius:14px;cursor:pointer;background:#FBFDFF;transition:border-color .25s,background .25s,box-shadow .25s;margin:0}
.ship:hover{border-color:var(--blue-300)}
.ship.is-on{border-color:var(--blue-500);background:#fff;box-shadow:0 0 0 3px rgba(95,184,255,.14)}
.ship input{width:auto;margin:0;flex:none;accent-color:var(--blue-500)}
.ship__body{flex:1;display:grid;line-height:1.6}
.ship__body b{font-size:.94rem;font-weight:700;color:var(--ink)}
.ship__body small{color:var(--muted);font-size:.82rem}
.ship__cost{font-weight:800;font-size:.9rem;color:var(--blue-700);white-space:nowrap}

/* ---------- خلاصه ---------- */
.summary{padding:24px}
.sum-items{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:10px}
.sum-items li{display:flex;justify-content:space-between;gap:12px;align-items:baseline;
  font-size:.9rem;padding-bottom:10px;border-bottom:1px solid #F0F7FC}
.sum-items li:last-child{border-bottom:0;padding-bottom:0}
.sum-items__t small{color:var(--muted);margin-inline-start:4px}
.totals{margin:0 0 18px;padding:0}
.totals div{display:flex;justify-content:space-between;gap:16px;padding:6px 0;font-size:.92rem}
.totals dt,.totals dd{margin:0}
.totals dt{color:var(--ink-2)}
.totals .grand{border-top:2px solid var(--blue-100);margin-top:8px;padding-top:12px;
  font-size:1.1rem;font-weight:900;color:var(--blue-800)}
.secure{margin:14px 0 0;font-size:.8rem;color:var(--muted);line-height:1.8}
.backlink{display:block;text-align:center;margin-top:14px;font-size:.88rem;color:var(--blue-600);font-weight:600}

/* ---------- هشدار ---------- */
.alert{padding:14px 18px;border-radius:14px;font-size:.9rem;font-weight:600;border:1px solid;margin-bottom:18px}
.alert ul{margin:0;padding-inline-start:18px}
.alert--ok{background:#F1FBF7;border-color:#B9E6D3;color:#0E7A55}
.alert--err{background:#FFF5F4;border-color:#F5C9C5;color:#A6362D}
.alert--warn{background:#FFFAF0;border-color:#F5DDB0;color:#8A5B08}

/* ---------- نتیجه ---------- */
.result{text-align:center;padding:36px 24px;border-radius:var(--r-xl);margin-bottom:18px;border:1px solid}
.result--ok{background:linear-gradient(170deg,#fff,#F1FBF7);border-color:#B9E6D3}
.result--bad{background:linear-gradient(170deg,#fff,#FFF6F5);border-color:#F5C9C5}
.result__ico{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;margin:0 auto 16px;
  font-size:1.9rem;font-weight:900;color:#fff}
.result--ok .result__ico{background:linear-gradient(135deg,#22C48A,#17A673);box-shadow:0 14px 30px -14px rgba(23,166,115,.9)}
.result--bad .result__ico{background:linear-gradient(135deg,#F07268,#E4574C);box-shadow:0 14px 30px -14px rgba(228,87,76,.9)}
.result h1{font-size:1.4rem;font-weight:900;margin:0 0 8px}
.result p{margin:0 auto;max-width:46ch;color:var(--ink-2);font-size:.95rem}
.result .btn{margin-top:20px}

.trackbox{text-align:center}
.trackbox__label{margin:0;font-size:.85rem;color:var(--muted);font-weight:600}
.trackbox__code{margin:6px 0;font-size:1.7rem;font-weight:900;letter-spacing:.12em;color:var(--blue-800)}
.trackbox__btns{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:16px}

/* ---------- سبد خالی ---------- */
.empty{text-align:center;padding:56px 24px}
.empty h1{font-size:1.3rem;font-weight:900;margin:0 0 8px}
.empty p{color:var(--muted);margin:0 0 20px}

/* ---------- پیگیری ---------- */
.trackform{margin-top:18px;display:grid;gap:0}
.trackform button{margin-top:6px}
@media(min-width:560px){
  .trackform{grid-template-columns:1fr 1fr;gap:0 16px}
  .trackform button{grid-column:1/-1}
}
.order-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;
  border-bottom:1px solid #F0F7FC;padding-bottom:16px;margin-bottom:18px}
.badge-status{padding:6px 16px;border-radius:999px;font-size:.83rem;font-weight:800;white-space:nowrap}
.badge-status--pending_payment{background:#FFF7E8;color:#9A6608}
.badge-status--paid{background:#E7F8F1;color:#0E7A55}
.badge-status--processing{background:#E8F3FF;color:#0F5FA6}
.badge-status--shipped{background:#EEEBFF;color:#4C39B3}
.badge-status--delivered{background:#E4F6EC;color:#137547}
.badge-status--canceled,.badge-status--failed{background:#FFF0EF;color:#A6362D}
.badge-status--refunded{background:#F1F1F4;color:#555}

.progress{display:flex;list-style:none;margin:0 0 20px;padding:0;counter-reset:s}
.progress li{flex:1;position:relative;text-align:center;font-size:.78rem;color:var(--muted);padding-top:30px}
.progress li::before{content:"";position:absolute;top:6px;left:50%;transform:translateX(-50%);
  width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid var(--line);z-index:2}
.progress li::after{content:"";position:absolute;top:13px;inset-inline-start:50%;width:100%;height:2px;background:var(--line);z-index:1}
.progress li:last-child::after{display:none}
.progress li.done::before{background:var(--blue-500);border-color:var(--blue-500)}
.progress li.done{color:var(--blue-800);font-weight:700}
.progress li.done::after{background:var(--blue-300)}

/* ---------- فوتر ---------- */
.shop-foot{border-top:1px solid var(--line);background:#fff;padding:22px 16px;text-align:center;
  color:var(--muted);font-size:.83rem}
.shop-foot p{margin:3px 0}
.shop-foot__legal{font-size:.78rem;opacity:.9}

/* ============================================================
   بخش خرید در صفحه‌ی اصلی
   ============================================================ */
.shop-grid{display:grid;grid-template-columns:1fr 360px;gap:22px;align-items:start}
@media(max-width:920px){.shop-grid{grid-template-columns:1fr}}

.pricecard h3{position:relative;margin:16px 0 6px;font-size:1.3rem;font-weight:800}
.pricecard__sub{position:relative;margin:0 0 16px;font-size:.9rem;opacity:.85}
.pricecard.is-out{opacity:.7}
.pricecard__out{position:relative;text-align:center;padding:14px;border-radius:14px;
  background:rgba(255,255,255,.16);font-weight:700;font-size:.95rem}

.qtyrow{position:relative;display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.qtyrow>span{font-size:.9rem;font-weight:600}
.qtyrow small{font-size:.8rem;opacity:.8}
.qty{display:flex;align-items:center;background:rgba(255,255,255,.16);border-radius:999px;
  border:1px solid rgba(255,255,255,.28);overflow:hidden}
.qty button{width:40px;height:42px;border:0;background:none;color:#fff;font-size:1.2rem;
  font-weight:700;cursor:pointer;transition:background .2s}
.qty button:hover{background:rgba(255,255,255,.18)}
.qty input{width:52px;height:42px;border:0;background:none;color:#fff;text-align:center;
  font:inherit;font-weight:800;font-size:1rem}
.qty input:focus{outline:none}

.addcart{margin-bottom:12px}

/* ---------- ستون سبد ---------- */
.orderside{background:#fff;border:1px solid var(--line);border-radius:var(--r-xl);
  padding:26px;box-shadow:var(--shadow-m);position:sticky;top:90px}
@media(max-width:920px){.orderside{position:static}}
.orderside h3{margin:0 0 16px;font-size:1.1rem;font-weight:800}
.cartbox__empty{margin:0 0 18px;color:var(--muted);font-size:.9rem;text-align:center;
  padding:24px 12px;background:var(--blue-50);border-radius:14px}
.cartbox__list{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:14px}
.cartbox__list li{display:grid;grid-template-columns:1fr auto;gap:6px 10px;
  padding-bottom:14px;border-bottom:1px solid #F0F7FC}
.cartbox__list li:last-child{border-bottom:0;padding-bottom:0}
.cartbox__t{font-size:.92rem;font-weight:700;line-height:1.6}
.cartbox__t small{display:block;font-weight:400;color:var(--muted);font-size:.8rem}
.cartbox__sum{align-self:center;font-weight:800;color:var(--blue-800);white-space:nowrap}
.cartbox__ctl{display:flex;align-items:center;gap:4px;grid-column:1/-1}
.cartbox__ctl button{width:30px;height:30px;border-radius:9px;border:1px solid var(--line);
  background:#fff;color:var(--blue-800);font-weight:800;cursor:pointer;font-size:1rem;line-height:1;
  transition:background .2s,border-color .2s}
.cartbox__ctl button:hover{background:var(--blue-50);border-color:var(--blue-300)}
.cartbox__ctl b{min-width:34px;text-align:center;font-weight:800}
.cartbox__x{margin-inline-start:auto;color:var(--bad)!important;border-color:#F5C9C5!important}
.cartbox__total{display:flex;justify-content:space-between;align-items:baseline;
  padding-top:14px;border-top:2px solid var(--blue-100);font-size:1rem}
.cartbox__total b{font-size:1.15rem;font-weight:900;color:var(--blue-800)}
.cartbox__note{margin:8px 0 16px;font-size:.8rem;color:var(--muted)}

.orderside__alt{margin-top:20px;padding-top:18px;border-top:1px solid var(--line);display:grid;gap:9px}
.orderside__alt p{margin:0 0 4px;font-size:.86rem;color:var(--muted)}
.orderside__track{margin:16px 0 0;text-align:center;font-size:.86rem;color:var(--muted)}
.orderside__track a{color:var(--blue-600);font-weight:700}

.mobilebar.has-cart .btn{background:linear-gradient(135deg,#25D366,#12A150)}

/* ============================================================
   پنل مشتری
   ============================================================ */
.shop-nav__side{display:flex;align-items:center;gap:18px}
.shop-nav__acc{display:inline-flex;align-items:center;gap:6px;font-size:.9rem;font-weight:700;
  color:var(--blue-700);background:var(--blue-50);border:1px solid var(--blue-200);
  padding:7px 14px;border-radius:999px;transition:background .25s,border-color .25s}
.shop-nav__acc:hover{background:var(--blue-100);border-color:var(--blue-400)}
@media(max-width:560px){.shop-nav__back{display:none}}

/* ---------- نوار حساب ---------- */
.acc-nav{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;
  background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);
  padding:16px 20px;margin-bottom:18px;box-shadow:var(--shadow-s)}
.acc-nav__who{display:flex;align-items:center;gap:12px}
.acc-nav__avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;flex:none;
  background:linear-gradient(135deg,var(--blue-500),var(--blue-700));color:#fff;
  font-weight:900;font-size:1.1rem}
.acc-nav__who b{display:block;font-size:.96rem}
.acc-nav__who small{color:var(--muted);font-size:.82rem}
.acc-nav__links{display:flex;gap:6px;flex-wrap:wrap}
.acc-nav__links a{padding:8px 16px;border-radius:999px;font-size:.88rem;font-weight:600;
  color:var(--ink-2);border:1px solid transparent;transition:background .25s,color .25s}
.acc-nav__links a:hover{background:var(--blue-50)}
.acc-nav__links a.on{background:var(--blue-500);color:#fff}
.acc-nav__out{color:var(--bad)!important}
.acc-nav__out:hover{background:#FFF3F2!important}

/* ---------- آمار حساب ---------- */
.acc-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-bottom:18px}
.acc-stat{background:linear-gradient(160deg,#fff,var(--blue-50));border:1px solid var(--line);
  border-radius:var(--r-md);padding:18px;text-align:center;box-shadow:var(--shadow-s)}
.acc-stat b{display:block;font-size:1.5rem;font-weight:900;color:var(--blue-800);line-height:1.5}
.acc-stat span{font-size:.83rem;color:var(--muted)}

/* ---------- کارت سفارش ---------- */
.orderlist{display:grid;gap:16px}
.ocard{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);
  padding:22px;box-shadow:var(--shadow-s);transition:box-shadow .3s var(--ease)}
.ocard:hover{box-shadow:var(--shadow-m)}
.ocard__top{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;
  padding-bottom:14px;border-bottom:1px solid #F0F7FC;margin-bottom:14px}
.ocard__label{display:block;font-size:.78rem;color:var(--muted);font-weight:600}
.ocard__code{font-size:1.15rem;font-weight:900;letter-spacing:.08em;color:var(--blue-800)}
.ocard__items{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:5px;font-size:.9rem}
.ocard__track{margin:0 0 12px;font-size:.87rem;background:var(--blue-50);
  border-radius:10px;padding:9px 14px}
.ocard__foot{display:flex;align-items:center;gap:12px;flex-wrap:wrap;
  padding-top:14px;border-top:1px solid #F0F7FC}
.ocard__foot>b{font-size:1.02rem;font-weight:900;color:var(--blue-800)}
.ocard__btns{margin-inline-start:auto;display:flex;gap:8px;flex-wrap:wrap}
.progress--sm{margin-bottom:14px}
.progress--sm li{font-size:.72rem;padding-top:26px}
.progress--sm li::before{width:13px;height:13px;top:5px}
.progress--sm li::after{top:11px}

.btn-mini{display:inline-block;padding:7px 15px;border-radius:999px;border:1.5px solid var(--blue-200);
  background:#fff;color:var(--blue-800);font:inherit;font-size:.83rem;font-weight:700;
  cursor:pointer;transition:background .25s,border-color .25s}
.btn-mini:hover{background:var(--blue-50);border-color:var(--blue-400)}
.btn-mini--primary{background:linear-gradient(135deg,var(--blue-500),var(--blue-700));
  color:#fff;border-color:transparent}
.btn-mini--danger{color:var(--bad);border-color:#F5C9C5}
.btn-mini--danger:hover{background:#FFF5F4;border-color:var(--bad)}

/* ---------- ورود ---------- */
.authbox{text-align:center;max-width:420px;margin-inline:auto}
.authbox__ico{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;
  margin:0 auto 16px;background:linear-gradient(135deg,var(--blue-500),var(--blue-700));color:#fff}
.authbox .page-h{text-align:center}
.authbox .hint{margin-bottom:20px}
.authform{text-align:start;margin-top:8px}
.otp-big{text-align:center!important;font-size:1.5rem!important;font-weight:800;
  letter-spacing:.5em;padding-inline-start:.5em!important}
.authbox__alt{display:flex;justify-content:space-between;align-items:center;
  margin-top:16px;font-size:.86rem}
.authbox__alt a{color:var(--muted);font-weight:600}
.linkbtn{background:none;border:0;color:var(--blue-600);font:inherit;font-weight:700;
  cursor:pointer;padding:0;font-size:.86rem;width:auto!important;margin:0!important}
.linkbtn:disabled{color:var(--muted);cursor:default}
.authbox__guest{margin:22px 0 0;padding-top:18px;border-top:1px solid var(--line);
  font-size:.84rem;color:var(--muted)}
.authbox__guest a{color:var(--blue-600);font-weight:700}

/* ---------- آدرس‌ها ---------- */
.addr-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}
@media(max-width:900px){.addr-grid{grid-template-columns:1fr}}
.addr__head{display:flex;align-items:center;gap:10px;margin-bottom:6px}
.addr__head b{font-size:1rem}
.addr__badge{font-size:.74rem;font-weight:700;background:var(--blue-100);color:var(--blue-700);
  padding:3px 11px;border-radius:999px}
.addr--def{border-color:var(--blue-300)}
.addr__rcv{margin:0 0 4px;font-size:.9rem;font-weight:600;color:var(--ink-2)}
.addr__body{margin:0 0 14px;font-size:.89rem;color:var(--ink-2);line-height:1.9}
.addr__btns{display:flex;gap:8px;flex-wrap:wrap}
.addr__btns form{display:inline}

.chk-row{display:flex!important;align-items:center;gap:10px;font-weight:600;margin:6px 0 16px}
.chk-row input{width:auto!important;margin:0!important;accent-color:var(--blue-500)}

/* ---------- آدرس‌های ذخیره‌شده در تسویه ---------- */
.savedaddr{margin-bottom:18px;padding-bottom:18px;border-bottom:1px dashed var(--line)}
.savedaddr__list{display:grid;gap:8px}
.savedaddr__item{display:grid;gap:2px;text-align:start;width:100%;padding:11px 15px;
  border:1.5px solid var(--line);border-radius:12px;background:#FBFDFF;cursor:pointer;
  font:inherit;transition:border-color .25s,background .25s}
.savedaddr__item:hover{border-color:var(--blue-400);background:#fff}
.savedaddr__item b{font-size:.9rem;color:var(--ink)}
.savedaddr__item small{color:var(--muted);font-size:.81rem}

.logged{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.logged a{color:inherit;text-decoration:underline;font-weight:800}
.backlink--start{display:inline-block;text-align:start;margin:0 0 14px}

/* ============================================================
   موبایل — پنل مشتری و صفحه‌های فروشگاه
   ============================================================ */
@media(max-width:640px){

  .shop-wrap{padding:20px 0 48px}
  .card{padding:20px 18px;border-radius:20px}
  .page-h{font-size:1.2rem}

  /* نوار بالای صفحه‌های فروشگاه */
  .shop-nav{padding:12px 16px}
  .shop-nav__side{gap:10px}
  .shop-nav__acc{padding:7px 12px;font-size:.83rem}

  /* ---------- نوار حساب: ستونی ---------- */
  .acc-nav{padding:16px;gap:14px;flex-direction:column;align-items:stretch}
  .acc-nav__who{gap:10px}
  .acc-nav__links{
    display:grid;grid-template-columns:1fr 1fr auto;gap:6px;
    padding-top:12px;border-top:1px solid var(--line);
  }
  .acc-nav__links a{text-align:center;padding:9px 8px;font-size:.84rem;
    border:1px solid var(--line);white-space:nowrap}
  .acc-nav__links a.on{border-color:transparent}

  /* ---------- آمار: سه‌تایی جمع‌وجور ---------- */
  .acc-stats{grid-template-columns:repeat(3,1fr);gap:8px}
  .acc-stat{padding:13px 6px;border-radius:16px}
  .acc-stat b{font-size:1.05rem;line-height:1.6}
  .acc-stat span{font-size:.7rem;line-height:1.6;display:block}

  /* ---------- کارت سفارش ---------- */
  .ocard{padding:18px 16px}
  .ocard__top{gap:10px}
  .ocard__code{font-size:1rem;letter-spacing:.06em}
  .badge-status{padding:5px 12px;font-size:.75rem}
  .ocard__items{font-size:.86rem}
  .ocard__foot{gap:8px}
  .ocard__foot>b{font-size:.98rem;order:2}
  .ocard__foot>.muted{order:1;width:100%;font-size:.78rem}
  .ocard__btns{order:3;margin-inline-start:auto}
  .btn-mini{padding:8px 14px;font-size:.82rem}

  /* نوار پیشرفت در عرض کم */
  .progress li{font-size:.68rem;padding-top:26px}
  .progress--sm li{font-size:.64rem}

  /* ---------- ورود ---------- */
  .authbox{padding:26px 20px}
  .authbox__ico{width:50px;height:50px;border-radius:15px}
  .otp-big{font-size:1.3rem!important;letter-spacing:.35em}
  .authbox__alt{flex-direction:column;gap:12px;align-items:stretch;text-align:center}

  /* ---------- آدرس‌ها ---------- */
  .addr-grid{gap:14px}
  .addr__btns{gap:6px}

  /* ---------- تسویه ---------- */
  .ship{padding:12px 14px;gap:10px;flex-wrap:wrap}
  .ship__cost{font-size:.85rem}
  .summary{padding:20px 18px}
  .steps{gap:4px}

  /* ---------- نتیجه پرداخت ---------- */
  .result{padding:28px 18px}
  .result h1{font-size:1.2rem}
  .result__ico{width:54px;height:54px;font-size:1.6rem}
  .trackbox__code{font-size:1.35rem}
  .trackbox__btns{flex-direction:column}
  .trackbox__btns .btn{width:100%}
}

@media(max-width:400px){
  .acc-stats{grid-template-columns:1fr 1fr}
  .acc-stats>:last-child{grid-column:1/-1}
  .acc-nav__links{grid-template-columns:1fr 1fr}
  .acc-nav__out{grid-column:1/-1}
  .ocard__btns{width:100%}
  .ocard__btns .btn-mini{flex:1;text-align:center}
}

/* ============================================================
   صفحه‌های محتوایی: قوانین، حریم خصوصی، درباره، تماس، ۴۰۴
   ============================================================ */
.content-page{padding-top:24px}

.pagenav{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:18px}
.pagenav a{padding:8px 15px;border-radius:999px;background:#fff;border:1px solid var(--line);
  font-size:.85rem;font-weight:600;color:var(--ink-2);transition:border-color .25s,background .25s}
.pagenav a:hover{border-color:var(--blue-300);background:var(--blue-50)}
.pagenav a.on{background:var(--blue-500);color:#fff;border-color:transparent}

/* ---------- متن بلند ---------- */
.prose{padding:32px 30px;line-height:2.05}
.prose h1{font-size:clamp(1.4rem,4vw,1.9rem);font-weight:900;margin:0 0 18px;color:var(--blue-900)}
.prose h2{font-size:clamp(1.05rem,2.6vw,1.25rem);font-weight:800;margin:32px 0 10px;color:var(--blue-800)}
.prose h2:first-of-type{margin-top:24px}
.prose h3{font-size:1rem;font-weight:800;margin:22px 0 8px;color:var(--ink)}
.prose p{margin:0 0 14px;color:var(--ink-2)}
.prose ul,.prose ol{margin:0 0 16px;padding-inline-start:22px;color:var(--ink-2)}
.prose li{margin-bottom:7px}
.prose b{color:var(--ink);font-weight:700}
.prose a{color:var(--blue-600);font-weight:600;text-decoration:underline;
  text-underline-offset:3px;text-decoration-thickness:1px}
.prose a:hover{color:var(--blue-800)}
.prose__meta{font-size:.83rem;color:var(--muted);margin:-8px 0 22px}
.prose__note{margin-top:26px;padding:15px 18px;border-radius:14px;
  background:var(--blue-50);border:1px solid var(--blue-200);font-size:.9rem}

/* ---------- جدول اطلاعات فروشنده ---------- */
.infotable{width:100%;border-collapse:collapse;margin:14px 0 22px;
  border:1px solid var(--line);border-radius:14px;overflow:hidden}
.infotable th,.infotable td{padding:11px 16px;text-align:start;font-size:.9rem;
  border-bottom:1px solid #EEF6FC}
.infotable th{width:38%;font-weight:600;color:var(--muted);background:#FBFDFF;white-space:nowrap}
.infotable td{color:var(--ink)}
.infotable tr:last-child th,.infotable tr:last-child td{border-bottom:0}

/* ---------- کارت‌های تماس ---------- */
.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));
  gap:12px;margin:18px 0 26px}
.contact-card{display:grid;gap:3px;padding:16px 18px;border-radius:16px;
  background:#FBFDFF;border:1.5px solid var(--line);
  transition:border-color .25s,background .25s,transform .25s var(--ease)}
.contact-card:hover{border-color:var(--blue-400);background:#fff;transform:translateY(-2px)}
.contact-card b{font-size:.95rem;color:var(--blue-800)}
.contact-card span{font-size:.9rem;color:var(--ink-2)}
.contact-card small{font-size:.79rem;color:var(--muted)}

/* ---------- صفحه ۴۰۴ ---------- */
.notfound{text-align:center;padding:44px 26px}
.notfound__num{font-size:clamp(3.4rem,14vw,5.5rem);font-weight:900;line-height:1;
  background:linear-gradient(140deg,var(--blue-400),var(--blue-800));
  -webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:10px}
.notfound h1{font-size:1.3rem;font-weight:900;margin:0 0 8px}
.notfound>p{color:var(--muted);margin:0 auto 24px;max-width:42ch}
.notfound__links{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-bottom:26px}
.notfound__list{list-style:none;margin:0;padding:22px 0 0;border-top:1px solid var(--line);
  display:flex;gap:8px 22px;justify-content:center;flex-wrap:wrap;font-size:.89rem}
.notfound__list a{color:var(--blue-600);font-weight:600}

@media(max-width:640px){
  .prose{padding:24px 20px;line-height:1.95}
  .infotable th{width:44%;font-size:.84rem}
  .infotable td{font-size:.86rem}
  .pagenav{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}
  .pagenav a{white-space:nowrap}
  .notfound__links{flex-direction:column}
  .notfound__links .btn{width:100%}
}