/* ============================================================
   رستل — پرداخت اقساطی  v1.0.2
   همهٔ قواعد با #rst-inst-modal اسکوپ شده‌اند تا استایل‌های
   قالب (WoodMart) نتوانند اندازه‌ها را به هم بزنند.
   ============================================================ */

:root{
  --rsti-primary:#5B5BD6;
  --rsti-primary-d:#4A4ACB;
  --rsti-dark:#2B3440;
  --rsti-body:#6B7684;
  --rsti-sky:#EEF4FD;
  --rsti-grey:#F4F6F8;
  --rsti-line:#E8EBEF;
  --rsti-font:'Vazirmatn','IRANSans','IRANYekan',Tahoma,sans-serif;
}

/* ---------- دکمهٔ فراخوان ---------- */
.rst-inst-btn{
  display:flex !important; align-items:center; justify-content:center;
  width:100%; margin:10px 0 0 !important; padding:13px 20px !important;
  font-family:var(--rsti-font) !important; font-size:14px !important;
  font-weight:700 !important; line-height:1 !important;
  color:#fff !important; background:var(--rsti-primary) !important;
  border:none !important;
  border-radius:999px !important; cursor:pointer;
  box-shadow:0 6px 16px rgba(91,91,214,.24) !important; text-transform:none !important;
  transition:background .2s ease;
}
.rst-inst-btn:hover{ background:var(--rsti-primary-d) !important; color:#fff !important; }
.rst-inst-btn__icon{ display:none !important; }

/* ---------- پوشش ---------- */
#rst-inst-modal{
  position:fixed; inset:0; z-index:2147483000;
  background:rgba(27,33,41,.55);
  -webkit-backdrop-filter:blur(4px); backdrop-filter:blur(4px);
  display:flex; align-items:center; justify-content:center;
  padding:14px 16px; overflow-y:auto;
}
#rst-inst-modal[hidden]{ display:none; }
body.rst-inst-open{ overflow:hidden; }

/* ---------- کارت ---------- */
#rst-inst-modal .rst-inst-dialog{
  position:relative; box-sizing:border-box;
  direction:rtl; text-align:right;
  width:100%; max-width:410px; max-height:93vh; overflow-y:auto;
  background:#fff; border-radius:22px; padding:0;
  box-shadow:0 24px 64px rgba(27,33,41,.28);
  font-family:var(--rsti-font); color:var(--rsti-dark);
  font-size:13px; line-height:1.7;
}
#rst-inst-modal .rst-inst-dialog *{ box-sizing:border-box; font-family:var(--rsti-font); }

/* ---------- سربرگ ---------- */
#rst-inst-modal .rst-inst-title{
  margin:0 !important; padding:20px 20px 0 52px !important;
  font-size:17px !important; font-weight:800 !important;
  line-height:1.6 !important; color:var(--rsti-dark) !important;
  letter-spacing:0 !important;
}
#rst-inst-modal .rst-inst-close{
  position:absolute; top:18px; left:18px; right:auto;
  width:28px; height:28px; min-width:0; padding:0 !important; margin:0 !important;
  display:flex; align-items:center; justify-content:center;
  background:var(--rsti-grey) !important; color:var(--rsti-body) !important;
  border:none !important; border-radius:999px !important;
  font-size:16px !important; line-height:1 !important; cursor:pointer;
  transition:background .16s ease,color .16s ease;
}
#rst-inst-modal .rst-inst-close:hover{ background:#E6E9ED !important; color:var(--rsti-dark) !important; }

#rst-inst-modal .rst-inst-product{
  margin:6px 20px 0 !important; padding:5px 11px !important;
  display:inline-block;
  font-size:11.5px !important; font-weight:700 !important; line-height:1.6 !important;
  color:var(--rsti-primary) !important; background:var(--rsti-sky);
  border-radius:8px;
}
#rst-inst-modal .rst-inst-intro{
  margin:10px 20px 0 !important; padding:0 !important;
  font-size:11.5px !important; line-height:1.9 !important; color:var(--rsti-body) !important;
}

/* ---------- انتخاب‌ها ---------- */
#rst-inst-modal .rst-inst-field{ margin:20px 20px 0; }
#rst-inst-modal .rst-inst-field > label{
  display:block; margin:0 0 7px !important; padding:0 !important;
  font-size:11.5px !important; font-weight:700 !important;
  color:var(--rsti-body) !important; line-height:1.5 !important;
}
/* سربرگ فیلد: برچسب + مقدار انتخاب‌شده */
#rst-inst-modal .rst-inst-fhead{
  display:flex; align-items:baseline; justify-content:space-between; gap:10px;
  margin-bottom:10px;
}
#rst-inst-modal .rst-inst-fhead label{ margin:0 !important; }
#rst-inst-modal .rst-inst-val{
  font-size:15px !important; font-weight:800 !important; line-height:1.4 !important;
  color:var(--rsti-primary) !important; white-space:nowrap;
}

/* ---------- میلهٔ کشیدنی ---------- */
#rst-inst-modal .rst-inst-range{
  -webkit-appearance:none; appearance:none;
  display:block; width:100% !important; height:6px !important;
  margin:0 !important; padding:0 !important;
  direction:ltr; cursor:pointer; outline:none !important;
  border:none !important; border-radius:999px !important;
  background:linear-gradient(to right,
      var(--rsti-primary) 0%,
      var(--rsti-primary) var(--fill,0%),
      var(--rsti-line) var(--fill,0%),
      var(--rsti-line) 100%) !important;
  box-shadow:none !important;
  transition:background .12s linear;
}
#rst-inst-modal .rst-inst-range::-webkit-slider-runnable-track{
  height:6px; border-radius:999px; background:transparent; border:none;
}
#rst-inst-modal .rst-inst-range::-webkit-slider-thumb{
  -webkit-appearance:none; appearance:none;
  width:22px; height:22px; margin-top:-8px;
  border-radius:50%; background:#fff;
  border:3px solid var(--rsti-primary);
  box-shadow:0 2px 8px rgba(43,52,64,.22);
  cursor:grab; transition:transform .12s ease, box-shadow .12s ease;
}
#rst-inst-modal .rst-inst-range:active::-webkit-slider-thumb{
  transform:scale(1.14); box-shadow:0 3px 12px rgba(91,91,214,.4); cursor:grabbing;
}
#rst-inst-modal .rst-inst-range:focus-visible::-webkit-slider-thumb{
  box-shadow:0 0 0 4px rgba(91,91,214,.22);
}
#rst-inst-modal .rst-inst-range::-moz-range-track{
  height:6px; border-radius:999px; background:var(--rsti-line); border:none;
}
#rst-inst-modal .rst-inst-range::-moz-range-progress{
  height:6px; border-radius:999px; background:var(--rsti-primary);
}
#rst-inst-modal .rst-inst-range::-moz-range-thumb{
  width:16px; height:16px; border-radius:50%; background:#fff;
  border:3px solid var(--rsti-primary);
  box-shadow:0 2px 8px rgba(43,52,64,.22); cursor:grab;
}

/* نشانه‌های زیر میله */
#rst-inst-modal .rst-inst-ticks{
  direction:ltr;
  display:flex; justify-content:space-between; align-items:center;
  margin-top:8px; padding:0 2px;
  font-size:10px !important; font-weight:600 !important;
  color:var(--rsti-body) !important; line-height:1.4 !important;
}
#rst-inst-modal .rst-inst-ticks span{ flex:0 0 auto; }

#rst-inst-modal .rst-inst-fee{
  margin:8px 0 0 !important; padding:0 !important;
  font-size:10.5px !important; font-weight:600 !important; line-height:1.5 !important;
  color:var(--rsti-body) !important;
}
#rst-inst-modal .rst-inst-fee.is-free{ color:#17A45A !important; }

/* ---------- کارت نتیجه ---------- */
#rst-inst-modal .rst-inst-summary{
  margin:20px 20px 0; padding:16px;
  background:linear-gradient(180deg,#F6F9FE 0%,var(--rsti-sky) 100%);
  border:1px solid #DCE6F5; border-radius:16px;
}
#rst-inst-modal .rst-inst-summary > div{
  display:flex; align-items:center; justify-content:space-between; gap:10px;
  padding:5px 0; margin:0;
  font-size:11.5px !important; line-height:1.7 !important;
}
#rst-inst-modal .rst-inst-summary span{ color:var(--rsti-body) !important; }
#rst-inst-modal .rst-inst-summary strong{
  font-size:12.5px !important; font-weight:700 !important; color:var(--rsti-dark) !important;
}
#rst-inst-modal .rst-inst-summary .is-highlight{
  margin-top:7px; padding-top:11px; border-top:1px dashed #C9D8ED;
}
#rst-inst-modal .rst-inst-summary .is-highlight span{
  font-size:12px !important; font-weight:700 !important; color:var(--rsti-dark) !important;
}
#rst-inst-modal .rst-inst-summary .is-highlight strong{
  font-size:19px !important; font-weight:800 !important; color:var(--rsti-primary) !important;
  letter-spacing:-.2px;
}

/* ---------- مدارک ---------- */
#rst-inst-modal .rst-inst-docs{
  margin:12px 20px 0; padding:0 13px;
  background:var(--rsti-grey); border-radius:12px; font-size:11.5px;
}
#rst-inst-modal .rst-inst-docs summary{
  display:flex; align-items:center; justify-content:space-between;
  padding:10px 0 !important; margin:0 !important;
  font-size:11.5px !important; font-weight:700 !important;
  color:var(--rsti-dark) !important; cursor:pointer; list-style:none;
}
#rst-inst-modal .rst-inst-docs summary::-webkit-details-marker{ display:none; }
#rst-inst-modal .rst-inst-docs summary::after{
  content:'+'; font-size:14px; font-weight:700; color:var(--rsti-body); line-height:1;
}
#rst-inst-modal .rst-inst-docs[open] summary::after{ content:'−'; }
#rst-inst-modal .rst-inst-docs ul{
  margin:0 0 10px !important; padding-inline-start:15px !important;
  color:var(--rsti-body) !important; line-height:1.95 !important; font-size:11.5px !important;
}
#rst-inst-modal .rst-inst-docs li{ margin:0 !important; list-style:disc; }

/* ---------- فرم ---------- */
#rst-inst-modal .rst-inst-form{
  display:flex; flex-direction:column; gap:9px;
  margin:18px 0 0; padding:18px 20px 22px;
  border-top:1px solid var(--rsti-line);
}
#rst-inst-modal .rst-inst-row{ display:flex; gap:7px; }
#rst-inst-modal .rst-inst-row > *{ flex:1 1 0; min-width:0; }

#rst-inst-modal .rst-inst-form input,
#rst-inst-modal .rst-inst-form textarea{
  width:100% !important; height:auto !important; min-height:0 !important;
  padding:10px 12px !important; margin:0 !important;
  font-size:12px !important; font-weight:500 !important; line-height:1.6 !important;
  color:var(--rsti-dark) !important; background:#fff !important;
  border:1px solid var(--rsti-line) !important; border-radius:11px !important;
  box-shadow:none !important; outline:none !important;
  transition:border-color .16s ease;
}
#rst-inst-modal .rst-inst-form textarea{
  height:62px !important; min-height:62px !important; max-height:120px !important;
  resize:vertical !important;
}
#rst-inst-modal .rst-inst-form input::placeholder,
#rst-inst-modal .rst-inst-form textarea::placeholder{ color:#A3ABB5 !important; font-weight:400 !important; }
#rst-inst-modal .rst-inst-form input:focus,
#rst-inst-modal .rst-inst-form textarea:focus{ border-color:var(--rsti-primary) !important; }

#rst-inst-modal .rst-inst-submit{
  width:100%; margin:4px 0 0 !important; padding:13px !important;
  font-size:13.5px !important; font-weight:700 !important; line-height:1 !important;
  color:#fff !important; background:var(--rsti-primary) !important;
  border:none !important; border-radius:999px !important; cursor:pointer;
  box-shadow:0 6px 16px rgba(91,91,214,.22) !important;
  transition:background .18s ease;
}
#rst-inst-modal .rst-inst-submit:hover{ background:var(--rsti-primary-d) !important; }
#rst-inst-modal .rst-inst-submit:disabled{ opacity:.55; cursor:default; }

#rst-inst-modal .rst-inst-wa{
  display:block; width:100%; margin:0 !important; padding:11px !important;
  text-align:center; text-decoration:none !important;
  font-size:12.5px !important; font-weight:700 !important; line-height:1 !important;
  color:#17A45A !important; background:rgba(23,164,90,.08) !important;
  border-radius:999px !important; border:none !important;
}
#rst-inst-modal .rst-inst-wa:hover{ background:rgba(23,164,90,.16) !important; }

#rst-inst-modal .rst-inst-msg{
  margin:0 !important; padding:0 !important;
  font-size:11.5px !important; line-height:1.8 !important;
}
#rst-inst-modal .rst-inst-msg:empty{ display:none; }
#rst-inst-modal .rst-inst-msg.is-ok{ color:#17A45A !important; }
#rst-inst-modal .rst-inst-msg.is-err{ color:#E34B32 !important; }

#rst-inst-modal .rst-inst-disclaimer{
  margin:0 20px 18px !important; padding:0 !important;
  font-size:10px !important; line-height:1.85 !important;
  color:var(--rsti-body) !important; opacity:.8;
}

/* ---------- موبایل ---------- */
@media (max-width:480px){
  #rst-inst-modal{ padding:0; align-items:flex-end; }
  #rst-inst-modal .rst-inst-dialog{
    max-width:none; max-height:94vh;
    border-radius:20px 20px 0 0;
  }
  #rst-inst-modal .rst-inst-title{ padding:18px 16px 0 48px !important; }
  #rst-inst-modal .rst-inst-close{ top:16px; left:14px; }
  #rst-inst-modal .rst-inst-product,
  #rst-inst-modal .rst-inst-intro{ margin-inline:16px !important; }
  #rst-inst-modal .rst-inst-field,
  #rst-inst-modal .rst-inst-summary,
  #rst-inst-modal .rst-inst-docs{ margin-inline:16px; }
  #rst-inst-modal .rst-inst-form{ padding:14px 16px 18px; }
  #rst-inst-modal .rst-inst-disclaimer{ margin-inline:16px !important; }
  #rst-inst-modal .rst-inst-row{ flex-direction:column; }
  #rst-inst-modal .rst-inst-ticks{ font-size:9.5px !important; }
}


/* ---------- دکمهٔ «خرید کنید» وودمارت (تکراری) ---------- */
body.rst-inst-hide-buynow #wd-add-to-cart,
body.rst-inst-hide-buynow button#wd-add-to-cart,
body.rst-inst-hide-buynow a#wd-add-to-cart,
body.rst-inst-hide-buynow .wd-buy-now-btn,
body.rst-inst-hide-buynow button.wd-buy-now-btn,
body.rst-inst-hide-buynow a.wd-buy-now-btn{
  display:none !important;
}

/* ---------- نشان «امکان خرید اقساطی» روی کارت محصول ---------- */
.rst-inst-badge{
  display:inline-flex; align-items:center; gap:5px;
  margin:6px 0 2px; padding:4px 10px;
  font-family:var(--rsti-font); font-size:10.5px; font-weight:700; line-height:1.6;
  color:var(--rsti-primary); background:var(--rsti-sky);
  border:1px solid #D7E4F7; border-radius:999px;
  white-space:nowrap; direction:rtl;
}
.rst-inst-badge::before{
  content:''; width:11px; height:11px; flex:0 0 11px;
  background-color:currentColor; border-radius:2px;
  -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 2a10 10 0 100 20 10 10 0 000-20zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z' fill='black'/></svg>") center/contain no-repeat;
          mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 2a10 10 0 100 20 10 10 0 000-20zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z' fill='black'/></svg>") center/contain no-repeat;
}
.wd-product .rst-inst-badge{ margin-inline-start:0; }
@media (max-width:480px){ .rst-inst-badge{ font-size:9.5px; padding:3px 8px; } }