/* myattributedesc 2.8.2 - shared unified skin plus isolated warranty compact V4.2.
   Existing general card/modal design retained. Only warranty selector placement, dimensions,
   RTL Persian help glyph and colour are customized in the final scoped block. */
html body:not(#_) .mad-root,
html body:not(#_) body>.mad-modal.mad-modal-portal,
html body:not(#_) .mad-method-a-card{
  --mad-text:#111827;--mad-muted:#6b7280;--mad-border:#e6e8ec;
  --md-accent:#1877f2;--md-accent-soft:#e8f1fe;--md-accent-line:#a3c8fa;--md-accent-ink:#1259ba;
  --md-ease:cubic-bezier(.22,.8,.3,1);
  --md-sh1:0 1px 2px rgba(16,24,40,.06),0 1px 3px rgba(16,24,40,.04);
}
body>.mad-modal.mad-modal-portal{--mad-text:#111827;--mad-muted:#6b7280;--mad-border:#e6e8ec;--md-accent:#1877f2;--md-accent-soft:#e8f1fe;--md-accent-line:#a3c8fa;--md-accent-ink:#1259ba;--md-ease:cubic-bezier(.22,.8,.3,1)}
/* info cards */
html body:not(#_) .mad-card{border:1px solid var(--mad-border);box-shadow:var(--md-sh1);transition:border-color .2s var(--md-ease),box-shadow .2s var(--md-ease)}
html body:not(#_) .mad-card::before{background:var(--md-accent)}
html body:not(#_) .mad-card-icon{background:var(--md-accent-soft);color:var(--md-accent)}
html body:not(#_) .mad-card h4{color:var(--mad-text)}
html body:not(#_) .mad-card-content{color:#374151}
html body:not(#_) .mad-card-scope{background:var(--md-accent-soft);color:var(--md-accent-ink)}
html body:not(#_) .mad-card-toggle{color:var(--md-accent-ink)}
html body:not(#_) .mad-card-toggle b{background:var(--md-accent-soft)}
html body:not(#_) .mad-style-premium,html body:not(#_) .mad-style-warning,html body:not(#_) .mad-style-success{background:#fff}
html body:not(#_) .mad-style-premium::before{background:#7c3aed}
html body:not(#_) .mad-style-warning::before{background:#f97316}
html body:not(#_) .mad-style-success::before{background:#16a34a}
html body:not(#_) .mad-style-neutral::before{background:#64748b}
html body:not(#_) .mad-style-premium .mad-card-icon{background:#f3e8ff;color:#7c3aed}
html body:not(#_) .mad-style-warning .mad-card-icon{background:#fff7ed;color:#ea580c}
html body:not(#_) .mad-style-success .mad-card-icon{background:#ecfdf3;color:#15803d}
html body:not(#_) .mad-style-neutral .mad-card-icon{background:#f1f5f9;color:#475569}
html body:not(#_) .mad-style-premium .mad-card-scope{background:#f3e8ff;color:#6d28d9}
html body:not(#_) .mad-style-warning .mad-card-scope{background:#fff7ed;color:#c2410c}
html body:not(#_) .mad-style-success .mad-card-scope{background:#ecfdf3;color:#15803d}
html body:not(#_) .mad-style-neutral .mad-card-scope{background:#f1f5f9;color:#475569}
html body:not(#_) .mad-guide-style-premium .mad-group-guide-icon{background:#7c3aed}
html body:not(#_) .mad-guide-style-warning .mad-group-guide-icon{background:#ea580c}
html body:not(#_) .mad-guide-style-success .mad-group-guide-icon{background:#16a34a}
html body:not(#_) .mad-guide-style-neutral .mad-group-guide-icon{background:#64748b}
html body:not(#_) .mad-guide-style-premium{color:#6d28d9}
html body:not(#_) .mad-guide-style-warning{color:#c2410c}
html body:not(#_) .mad-guide-style-success{color:#15803d}
html body:not(#_) .mad-guide-style-neutral{color:#475569}
html body:not(#_) .mad-style-premium{border-color:#e0d7fb}
html body:not(#_) .mad-style-warning{border-color:#fbd9b4}
html body:not(#_) .mad-style-success{border-color:#bfe8d1}
/* open button + guide chips */
html body:not(#_) .mad-open-button{border:1px solid var(--mad-border);color:var(--md-accent-ink);box-shadow:var(--md-sh1);transition:border-color .2s var(--md-ease),background .2s var(--md-ease)}
html body:not(#_) .mad-open-button:hover{border-color:var(--md-accent-line);background:var(--md-accent-soft)}
html body:not(#_) .mad-open-icon{background:var(--md-accent-soft);color:var(--md-accent)}
html body:not(#_) .mad-group-guide-button{border-color:var(--md-accent-line);background:#fff;color:var(--md-accent-ink);transition:background .2s var(--md-ease),border-color .2s var(--md-ease)}
html body:not(#_) .mad-group-guide-button:hover,html body:not(#_) .mad-group-guide-button:focus{border-color:var(--md-accent);background:var(--md-accent-soft);color:var(--md-accent-ink)}
html body:not(#_) .mad-group-guide-icon,html body:not(#_) .mad-choice-help-icon{background:var(--md-accent)}
html body:not(#_) .mad-choice-help-button{border-color:var(--md-accent-line);background:#fff;color:var(--md-accent-ink)}
html body:not(#_) .mad-choice-help-button:hover,html body:not(#_) .mad-choice-help-button:focus{border-color:var(--md-accent);background:var(--md-accent-soft)}
html body:not(#_) .mad-guide-style-premium{border-color:#e0d7fb;background:#fff}
html body:not(#_) .mad-guide-style-warning{border-color:#fbd9b4;background:#fff}
html body:not(#_) .mad-guide-style-success{border-color:#bfe8d1;background:#fff}
html body:not(#_) .mad-guide-style-neutral{border-color:#d7dbe2;background:#fff}
html body:not(#_) .mad-group-guides-fallback{border-color:var(--mad-border);background:#fff}
/* Method A cards */
html body:not(#_) .mad-method-a-card{border-color:var(--mad-border)!important;box-shadow:var(--md-sh1)}
html body:not(#_) .mad-method-a-card__icon{background:var(--md-accent-soft);color:var(--md-accent)}
html body:not(#_) .mad-method-a-card .mad-variant-heading-row>:is(.control-label,.attribute_label,.form-control-label,.variant-label,.product-variant-label,legend,h3,h4,h5){color:var(--mad-text)!important}
html body:not(#_) .mad-method-a-card .mad-group-guide-button--header{border-color:var(--md-accent-line);background:var(--md-accent-soft)}
html body:not(#_) .mad-method-a-card .mad-choice-help-button--footer{border-color:var(--md-accent-line);background:#fff}
html body:not(#_) .mad-method-a-card .mad-selector-help-actions--footer{border-top-color:var(--mad-border)}
html body:not(#_) .mad-method-a-card select[name^="group["]{border-color:#d7dbe2!important;transition:border-color .2s var(--md-ease),box-shadow .2s var(--md-ease)}
html body:not(#_) .mad-method-a-card select[name^="group["]:focus{border-color:var(--md-accent)!important;box-shadow:0 0 0 3px rgba(24,119,242,.18)!important;outline:0}
html body:not(#_) .mad-root.mad-is-refreshing::before{background:var(--md-accent-soft);color:var(--md-accent-ink)}
/* modal */
.mad-backdrop{background:rgba(16,24,40,.5)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
.mad-dialog{background:#fff!important;box-shadow:0 0 0 1px #e6e8ec,0 24px 60px -12px rgba(16,24,40,.35)!important}
.mad-dialog-header{border-bottom-color:#e6e8ec!important}
.mad-dialog-header h3{color:#111827}
.mad-dialog-kicker{color:#6b7280!important}
.mad-dialog-content{background:#f5f6f8}
.mad-close-button{border:1px solid #e6e8ec!important;color:#374151!important;transition:background .2s var(--md-ease,ease),color .2s var(--md-ease,ease),border-color .2s var(--md-ease,ease)}
.mad-close-button:hover{background:#fdecec!important;color:#c62828!important;border-color:#f3b4b4!important}
@media (min-width:768px){.mad-dialog{border-radius:20px!important}}
@media (max-width:767px){.mad-dialog{border-radius:20px 20px 0 0!important}}
/* a11y */
.mad-root :is(button,a):focus-visible,.mad-modal :is(button,a):focus-visible,.mad-method-a-card :is(button,a):focus-visible{outline:2px solid #1877f2;outline-offset:2px}
@media (prefers-reduced-motion:reduce){.mad-root *,.mad-modal *{transition:none!important;animation:none!important}}

/* SB WARRANTY COMPACT V4.2 — warranty selector only.
   Fixes choice-description footer overflowing the three-column compact grid.
   Header guide and selected-choice guide are independent; never hide an action.
   No DOM changes, no event listener changes, no network calls. */
html body:not(#_) .product-variants-item.mad-method-a-card[data-mad-group-kind="warranty"] {
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: max-content minmax(0,1fr) 32px !important;
  align-items: center !important;
  justify-items: stretch !important;
  gap: 6px !important;
  direction: rtl !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 4px 0 !important;
  padding: 6px 8px !important;
  background: #fff !important;
  border: 1px solid var(--sbcc-accent-line, #a3c8fa) !important;
  border-radius: 7px !important;
  box-shadow: none !important;
}
/* Both controls can be present at the same time. Reserve both 32px slots. */
html body:not(#_) .product-variants-item.mad-method-a-card[data-mad-group-kind="warranty"]:has(> .mad-method-a-card__header [data-mad-group-guide-button]):has(> .mad-selector-help-actions--footer [data-mad-card-button]) {
  grid-template-columns: max-content minmax(0,1fr) 32px 32px !important;
}
html body:not(#_) .product-variants-item.mad-method-a-card[data-mad-group-kind="warranty"]::before,
html body:not(#_) .product-variants-item.mad-method-a-card[data-mad-group-kind="warranty"]::after {
  content: none !important;
  display: none !important;
}
html body:not(#_) .product-variants-item.mad-method-a-card[data-mad-group-kind="warranty"] > .st-input-loading {
  position: absolute !important;
  top: 50% !important;
  inset-inline-end: 40px !important;
  transform: translateY(-50%) !important;
  z-index: 2;
}
/* The existing JS creates this wrapper for both header and footer cases. */
html body:not(#_) .product-variants-item.mad-method-a-card[data-mad-group-kind="warranty"] > .mad-method-a-card__header {
  display: contents !important;
}
html body:not(#_) .product-variants-item.mad-method-a-card[data-mad-group-kind="warranty"] > .mad-method-a-card__header > .control-label {
  box-sizing: border-box !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-self: start !important;
  min-width: 0 !important;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  white-space: nowrap !important;
  color: #111827 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 20px !important;
  direction: rtl !important;
}
html body:not(#_) .product-variants-item.mad-method-a-card[data-mad-group-kind="warranty"] > .mad-method-a-card__header > .control-label i {
  display: none !important;
}
html body:not(#_) .product-variants-item.mad-method-a-card[data-mad-group-kind="warranty"] > select.form-control-select {
  box-sizing: border-box !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
  display: block !important;
  min-width: 0 !important;
  max-width: 100% !important;
  width: 100% !important;
  height: 38px !important;
  min-height: 38px !important;
  max-height: 38px !important;
  margin: 0 !important;
  padding: 0 10px 0 30px !important;
  direction: rtl !important;
  text-align: right !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: normal !important;
  color: #111827 !important;
  border: 1px solid var(--sbcc-accent, #1877f2) !important;
  border-radius: 7px !important;
  box-shadow: none !important;
  background-color: var(--sbcc-tint, #e8f1fe) !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%231877f2' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-size: 16px 16px !important;
  background-position: 9px center !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  text-overflow: ellipsis !important;
  cursor: pointer !important;
}
/* Two possible guide containers, one in the header, one appended as footer. */
html body:not(#_) .product-variants-item.mad-method-a-card[data-mad-group-kind="warranty"] > .mad-method-a-card__header > .mad-selector-help-actions--header,
html body:not(#_) .product-variants-item.mad-method-a-card[data-mad-group-kind="warranty"] > .mad-selector-help-actions--footer {
  box-sizing: border-box !important;
  grid-column: 3 !important;
  grid-row: 1 !important;
  display: flex !important;
  flex: 0 0 32px !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 32px !important;
  max-width: 32px !important;
  width: 32px !important;
  min-height: 32px !important;
  max-height: 32px !important;
  height: 32px !important;
  gap: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-top: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  direction: rtl !important;
}
/* Only when both exist, shift selected-choice guide to the fourth column. */
html body:not(#_) .product-variants-item.mad-method-a-card[data-mad-group-kind="warranty"]:has(> .mad-method-a-card__header [data-mad-group-guide-button]) > .mad-selector-help-actions--footer {
  grid-column: 4 !important;
}
/* Both guide buttons retain their independent native click handlers. */
html body:not(#_) .product-variants-item.mad-method-a-card[data-mad-group-kind="warranty"] > .mad-method-a-card__header .mad-group-guide-button--header,
html body:not(#_) .product-variants-item.mad-method-a-card[data-mad-group-kind="warranty"] > .mad-selector-help-actions--footer .mad-choice-help-button--footer {
  box-sizing: border-box !important;
  display: inline-flex !important;
  flex: 0 0 32px !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 32px !important;
  max-width: 32px !important;
  width: 32px !important;
  min-height: 32px !important;
  max-height: 32px !important;
  height: 32px !important;
  gap: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid #e5e9f0 !important;
  border-radius: 5px !important;
  background: #f8fafc !important;
  box-shadow: none !important;
  color: #1877f2 !important;
  direction: rtl !important;
  text-align: center !important;
  font-size: 0 !important;
  line-height: 1 !important;
  cursor: pointer !important;
  transition: color .15s ease, background-color .15s ease, border-color .15s ease !important;
}
/* Visually hide only the decorative text: accessible aria-label/title are intact. */
html body:not(#_) .product-variants-item.mad-method-a-card[data-mad-group-kind="warranty"] > .mad-method-a-card__header .mad-group-guide-label,
html body:not(#_) .product-variants-item.mad-method-a-card[data-mad-group-kind="warranty"] > .mad-selector-help-actions--footer .mad-choice-help-button--footer > span:not(.mad-group-guide-icon) {
  display: none !important;
}
html body:not(#_) .product-variants-item.mad-method-a-card[data-mad-group-kind="warranty"] > .mad-method-a-card__header .mad-group-guide-icon,
html body:not(#_) .product-variants-item.mad-method-a-card[data-mad-group-kind="warranty"] > .mad-selector-help-actions--footer .mad-choice-help-icon {
  box-sizing: border-box !important;
  display: inline-flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 0 !important;
  color: #1877f2 !important;
  line-height: 1 !important;
  direction: rtl !important;
  unicode-bidi: isolate !important;
  text-align: center !important;
}
html body:not(#_) .product-variants-item.mad-method-a-card[data-mad-group-kind="warranty"] > .mad-method-a-card__header .mad-group-guide-icon::before,
html body:not(#_) .product-variants-item.mad-method-a-card[data-mad-group-kind="warranty"] > .mad-selector-help-actions--footer .mad-choice-help-icon::before {
  content: none !important;
  display: none !important;
}
html body:not(#_) .product-variants-item.mad-method-a-card[data-mad-group-kind="warranty"] > .mad-method-a-card__header .mad-group-guide-icon::after,
html body:not(#_) .product-variants-item.mad-method-a-card[data-mad-group-kind="warranty"] > .mad-selector-help-actions--footer .mad-choice-help-icon::after {
  content: "؟" !important;
  display: inline-block !important;
  font: 700 17px/1 Tahoma, Arial, sans-serif !important;
  color: #1877f2 !important;
  direction: rtl !important;
  unicode-bidi: isolate !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  transform: none !important;
}
html body:not(#_) .product-variants-item.mad-method-a-card[data-mad-group-kind="warranty"] > select.form-control-select:hover {
  border-color: var(--sbcc-accent-deep, #1259ba) !important;
  background-color: #dbe9fd !important;
}
html body:not(#_) .product-variants-item.mad-method-a-card[data-mad-group-kind="warranty"] > .mad-method-a-card__header .mad-group-guide-button--header:hover,
html body:not(#_) .product-variants-item.mad-method-a-card[data-mad-group-kind="warranty"] > .mad-selector-help-actions--footer .mad-choice-help-button--footer:hover {
  border-color: #bcd8ff !important;
  background: #edf5ff !important;
  color: #0866d9 !important;
}
html body:not(#_) .product-variants-item.mad-method-a-card[data-mad-group-kind="warranty"] > .mad-method-a-card__header .mad-group-guide-button--header:hover .mad-group-guide-icon::after,
html body:not(#_) .product-variants-item.mad-method-a-card[data-mad-group-kind="warranty"] > .mad-selector-help-actions--footer .mad-choice-help-button--footer:hover .mad-choice-help-icon::after {
  color: #0866d9 !important;
}
html body:not(#_) .product-variants-item.mad-method-a-card[data-mad-group-kind="warranty"] > .mad-method-a-card__header .mad-group-guide-button--header:focus-visible,
html body:not(#_) .product-variants-item.mad-method-a-card[data-mad-group-kind="warranty"] > .mad-selector-help-actions--footer .mad-choice-help-button--footer:focus-visible,
html body:not(#_) .product-variants-item.mad-method-a-card[data-mad-group-kind="warranty"] > select.form-control-select:focus-visible {
  outline: 3px solid #1877f273 !important;
  outline-offset: 1px !important;
}
@media (max-width: 390px) {
  html body:not(#_) .product-variants-item.mad-method-a-card[data-mad-group-kind="warranty"] { gap: 4px !important; padding: 5px !important; }
  html body:not(#_) .product-variants-item.mad-method-a-card[data-mad-group-kind="warranty"] > .mad-method-a-card__header > .control-label { font-size: 12px !important; }
  html body:not(#_) .product-variants-item.mad-method-a-card[data-mad-group-kind="warranty"] > select.form-control-select { font-size: 12px !important; padding-left: 26px !important; }
}
@media (prefers-reduced-motion: reduce) {
  html body:not(#_) .product-variants-item.mad-method-a-card[data-mad-group-kind="warranty"] :is(.mad-group-guide-button--header,.mad-choice-help-button--footer) { transition: none !important; }
}
/* V4.3: select is clearly visible (tinted, accent border/chevron, bold) and reads the SBCC accent when placed inside its frame. */
/* END SB Warranty Compact V4.2 */

/* ===== 2.9.0 — «انتخاب گارانتی» جمع‌وجور، هم‌زبان با کارت انتخابگر محصول =====
   جایگزین لایه‌های 2.8.3 و 2.8.4 (روی هم نیست؛ همان قوانین با مقادیر جدید).
   مقادیر تأییدشده: ردیف ۴۵ / نام ۱۳ / قیمت ۹ / سپر ۲۲ / دکمهٔ «؟» ۲۹ / فاصله ۲ / حاشیه ۸.
   ردیف اول: عنوان (اختیاری، تنظیم «عنوان»). ردیف دوم: کارت انتخاب + دکمهٔ توضیحات.
   <select> اصلی شفاف روی کارت است؛ لمس = همان لیست بومی. خط دوم از تنظیم «راهنمای ارزان‌ترین گارانتی» می‌آید. */
html body:not(#_):not(#__) .product-variants-item.mad-method-a-card.mad-rich-on[data-mad-group-kind="warranty"] {
  --mad-w-row: 45px;
  --mad-w-help: 29px;
  grid-template-columns: minmax(0,1fr) var(--mad-w-help) !important;
  column-gap: 2px !important;
  row-gap: 2px !important;
  align-items: stretch !important;
  margin: 10px 0 !important;
  padding: 8px !important;
  border: 1px solid #cdd1d9 !important;
  border-radius: 12px !important;
  background: #fff !important;
  box-shadow: none !important;
}
html body:not(#_):not(#__) .product-variants-item.mad-method-a-card.mad-rich-on[data-mad-group-kind="warranty"]:has(> .mad-method-a-card__header [data-mad-group-guide-button]):has(> .mad-selector-help-actions--footer [data-mad-card-button]) {
  grid-template-columns: minmax(0,1fr) var(--mad-w-help) var(--mad-w-help) !important;
}
html body:not(#_):not(#__) .product-variants-item.mad-method-a-card.mad-rich-on[data-mad-group-kind="warranty"] > .mad-method-a-card__header > .control-label {
  grid-column: 1 / -1 !important;
  grid-row: 1 !important;
  margin: 0 0 2px !important;
  padding: 0 2px !important;
  color: #374151 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 17px !important;
}
html body:not(#_):not(#__) .product-variants-item.mad-method-a-card.mad-rich-on[data-mad-group-kind="warranty"] > .mad-method-a-card__header > .mad-selector-help-actions--header,
html body:not(#_):not(#__) .product-variants-item.mad-method-a-card.mad-rich-on[data-mad-group-kind="warranty"] > .mad-selector-help-actions--footer {
  grid-column: 2 !important;
  grid-row: 2 !important;
  align-self: stretch !important;
  width: var(--mad-w-help) !important;
  min-width: var(--mad-w-help) !important;
  max-width: var(--mad-w-help) !important;
  height: auto !important;
  min-height: var(--mad-w-row) !important;
  max-height: none !important;
}
html body:not(#_):not(#__) .product-variants-item.mad-method-a-card.mad-rich-on[data-mad-group-kind="warranty"]:has(> .mad-method-a-card__header [data-mad-group-guide-button]) > .mad-selector-help-actions--footer {
  grid-column: 3 !important;
}
html body:not(#_):not(#__) .product-variants-item.mad-method-a-card.mad-rich-on[data-mad-group-kind="warranty"] :is(.mad-choice-help-button--footer, .mad-group-guide-button--header) {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 100% !important;
  min-height: var(--mad-w-row) !important;
  max-height: none !important;
  flex: 1 1 auto !important;
  border: 1px solid #cdd1d9 !important;
  border-radius: 7px !important;
  background: #fff !important;
}
html body:not(#_):not(#__) .product-variants-item.mad-method-a-card.mad-rich-on[data-mad-group-kind="warranty"] :is(.mad-choice-help-icon, .mad-group-guide-icon)::after {
  font-size: 15px !important;
  color: #3775e9 !important;
}
@media (hover: hover) and (pointer: fine) {
  html body:not(#_):not(#__) .product-variants-item.mad-method-a-card.mad-rich-on[data-mad-group-kind="warranty"] :is(.mad-choice-help-button--footer, .mad-group-guide-button--header):hover {
    border-color: #77727f !important;
    background: #f5f6f8 !important;
  }
}
/* بدون عنوان: کارت و دکمه در ردیف اول */
html body:not(#_):not(#__) .product-variants-item.mad-method-a-card.mad-rich-on[data-mad-group-kind="warranty"].mad-rich-nolabel > .mad-method-a-card__header > .control-label {
  display: none !important;
}
html body:not(#_):not(#__) .product-variants-item.mad-method-a-card.mad-rich-on[data-mad-group-kind="warranty"].mad-rich-nolabel > .mad-rich,
html body:not(#_):not(#__) .product-variants-item.mad-method-a-card.mad-rich-on[data-mad-group-kind="warranty"].mad-rich-nolabel > .mad-method-a-card__header > .mad-selector-help-actions--header,
html body:not(#_):not(#__) .product-variants-item.mad-method-a-card.mad-rich-on[data-mad-group-kind="warranty"].mad-rich-nolabel > .mad-selector-help-actions--footer {
  grid-row: 1 !important;
}
html body:not(#_):not(#__) .mad-method-a-card.mad-rich-on > .mad-rich {
  grid-column: 1 !important;
  grid-row: 2 !important;
  position: relative !important;
  display: grid !important;
  grid-template-columns: 22px minmax(0,1fr) auto 14px !important;
  align-items: center !important;
  gap: 6px !important;
  min-width: 0 !important;
  min-height: var(--mad-w-row, 45px) !important;
  margin: 0 !important;
  padding: 4px 10px !important;
  box-sizing: border-box !important;
  border: 1px solid #77727f !important;
  border-radius: 7px !important;
  background: #fff !important;
  color: #374151 !important;
  direction: rtl !important;
  text-align: right !important;
  cursor: pointer !important;
  transition: background-color .15s !important;
}
@media (hover: hover) and (pointer: fine) {
  html body:not(#_):not(#__) .mad-method-a-card.mad-rich-on > .mad-rich:hover { background: #f5f6f8 !important; }
}
html body:not(#_):not(#__) .mad-method-a-card.mad-rich-on > .mad-rich:focus-within {
  outline: 2px solid #3775e9 !important;
  outline-offset: 1px !important;
}
html body:not(#_):not(#__) .mad-rich > .mad-rich-face { display: contents !important; }
html body:not(#_):not(#__) .mad-rich .mad-rich-ic {
  width: 22px; height: 22px;
  color: #3775e9;
  display: flex; align-items: center; justify-content: center;
}
html body:not(#_):not(#__) .mad-rich .mad-rich-ic svg { display: block; width: 22px; height: 22px; }
html body:not(#_):not(#__) .mad-rich .mad-rich-tx { display: flex; flex-direction: column; min-width: 0; line-height: 1.3; }
html body:not(#_):not(#__) .mad-rich .mad-rich-tx b { font-size: 13px; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #374151; }
html body:not(#_):not(#__) .mad-rich .mad-rich-tx small { font-size: 10.5px; line-height: 1.4; color: #4b5563; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html body:not(#_):not(#__) .mad-rich .mad-rich-tx small.mad-rich-up { color: #1563c9; font-weight: 600; }
html body:not(#_):not(#__) .mad-rich .mad-rich-pp { display: flex; align-items: center; gap: 3px; font-size: 9px; font-weight: 650; white-space: nowrap; direction: ltr; color: #374151; }
html body:not(#_):not(#__) .mad-rich .mad-rich-pp i { color: #6b7280; display: inline-flex; font-style: normal; }
html body:not(#_):not(#__) .mad-rich .mad-rich-pp svg { display: block; width: 11px; height: 11px; }
html body:not(#_):not(#__) .mad-rich .mad-rich-pp.is-free { direction: rtl; color: #16a34a; }
html body:not(#_):not(#__) .mad-rich .mad-rich-cv { color: #77727f; display: flex; }
html body:not(#_):not(#__) .mad-rich .mad-rich-cv svg { width: 14px; height: 14px; }
html body:not(#_):not(#__):not(#___):not(#____):not(#_____) .mad-rich > select.mad-rich-native {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 0 !important;
  cursor: pointer !important;
  z-index: 2 !important;
  font-size: 16px !important; /* iOS: no zoom on focus */
  border: 0 !important;
  background: none !important;
}
/* گوشی‌های باریک و کم‌رزولوشن */
@media (max-width: 420px) {
  html body:not(#_):not(#__) .mad-rich .mad-rich-tx small.mad-rich-up .mad-rich-from { display: none; }
}
@media (max-width: 359.98px) {
  html body:not(#_):not(#__) .product-variants-item.mad-method-a-card.mad-rich-on[data-mad-group-kind="warranty"] { padding: 6px !important; }
  html body:not(#_):not(#__) .mad-method-a-card.mad-rich-on > .mad-rich { gap: 5px !important; padding: 4px 8px !important; }
}

/* =====================================================================================
   2.10.0 — لیست اختصاصی «انتخاب گارانتی» + رنگ سطح‌ها (طلایی، نقره‌ای، برنزی، بدون گارانتی)
   لیست زیر همان کارت، داخل قاب باز می‌شود (نه شناور): هیچ والدی آن را نمی‌بُرد و روی گوشی/اپ هم یکسان است.
   ===================================================================================== */
html body:not(#_):not(#__) .mad-method-a-card.mad-rich-on {
  --mad-gold-1: #fff6d6; --mad-gold-2: #f3cf63; --mad-gold-3: #c99a1c; --mad-gold-ink: #7a5a00;
  --mad-silver-1: #f7f8fa; --mad-silver-2: #d5d9e0; --mad-silver-3: #9aa1ad; --mad-silver-ink: #3f4652;
  --mad-bronze-1: #fdf0e6; --mad-bronze-2: #e3a77a; --mad-bronze-3: #b06a35; --mad-bronze-ink: #7a3f12;
  --mad-risk-bg: #fef2f2; --mad-risk-line: #fecaca; --mad-risk: #dc2626; --mad-risk-ink: #b42318;
  --mad-accent: #3775e9; --mad-accent-soft: #eaf0fd;
}
html body:not(#_):not(#__):not(#___):not(#____):not(#_____) .mad-rich > select.mad-rich-native.mad-rich-native-off {
  pointer-events: none !important;
  z-index: -1 !important;
}
html body:not(#_):not(#__) .mad-method-a-card.mad-rich-on > .mad-rich[role="combobox"] { user-select: none; -webkit-tap-highlight-color: transparent; }
html body:not(#_):not(#__) .mad-method-a-card.mad-rich-on > .mad-rich[role="combobox"]:focus { outline: none !important; }
html body:not(#_):not(#__) .mad-method-a-card.mad-rich-on > .mad-rich[role="combobox"]:focus-visible { outline: 2px solid var(--mad-accent) !important; outline-offset: 1px !important; }
html body:not(#_):not(#__) .mad-method-a-card.mad-rich-on > .mad-rich .mad-rich-cv svg { transition: transform .2s ease; }
html body:not(#_):not(#__) .mad-method-a-card.mad-rich-on > .mad-rich[aria-expanded="true"] { border-color: var(--mad-accent) !important; }
html body:not(#_):not(#__) .mad-method-a-card.mad-rich-on > .mad-rich[aria-expanded="true"] .mad-rich-cv { color: var(--mad-accent); }
html body:not(#_):not(#__) .mad-method-a-card.mad-rich-on > .mad-rich[aria-expanded="true"] .mad-rich-cv svg { transform: rotate(180deg); }

/* ---------- tier icon (card face + list rows): round badge ---------- */
html body:not(#_):not(#__) .mad-rich .mad-rich-ic,
html body:not(#_):not(#__) .mad-rich-menu .mad-rich-opt-ic {
  display: flex; align-items: center; justify-content: center; flex: none;
  box-sizing: border-box; border-radius: 50%;
}
html body:not(#_):not(#__) .mad-rich[data-mad-tier] .mad-rich-ic { width: 26px; height: 26px; }
html body:not(#_):not(#__) .mad-rich[data-mad-tier] .mad-rich-ic svg { width: 17px; height: 17px; }
html body:not(#_):not(#__) .mad-method-a-card.mad-rich-on > .mad-rich[data-mad-tier] { grid-template-columns: 26px minmax(0,1fr) auto 14px !important; }
html body:not(#_):not(#__) [data-mad-tier="plain"] > .mad-rich-ic,
html body:not(#_):not(#__) [data-mad-tier="plain"] .mad-rich-ic,
html body:not(#_):not(#__) .mad-rich-opt[data-mad-tier="plain"] .mad-rich-opt-ic { background: var(--mad-accent-soft); color: var(--mad-accent); }
html body:not(#_):not(#__) .mad-rich[data-mad-tier="gold"] .mad-rich-ic,
html body:not(#_):not(#__) .mad-rich-opt[data-mad-tier="gold"] .mad-rich-opt-ic {
  background: linear-gradient(145deg, var(--mad-gold-1) 0%, var(--mad-gold-2) 55%, var(--mad-gold-3) 100%);
  color: var(--mad-gold-ink); box-shadow: inset 0 0 0 1px rgba(201,154,28,.45), 0 1px 3px rgba(201,154,28,.35);
}
html body:not(#_):not(#__) .mad-rich[data-mad-tier="silver"] .mad-rich-ic,
html body:not(#_):not(#__) .mad-rich-opt[data-mad-tier="silver"] .mad-rich-opt-ic {
  background: linear-gradient(145deg, var(--mad-silver-1) 0%, var(--mad-silver-2) 55%, var(--mad-silver-3) 100%);
  color: var(--mad-silver-ink); box-shadow: inset 0 0 0 1px rgba(154,161,173,.5), 0 1px 3px rgba(120,128,140,.3);
}
html body:not(#_):not(#__) .mad-rich[data-mad-tier="bronze"] .mad-rich-ic,
html body:not(#_):not(#__) .mad-rich-opt[data-mad-tier="bronze"] .mad-rich-opt-ic {
  background: linear-gradient(145deg, var(--mad-bronze-1) 0%, var(--mad-bronze-2) 55%, var(--mad-bronze-3) 100%);
  color: var(--mad-bronze-ink); box-shadow: inset 0 0 0 1px rgba(176,106,53,.45);
}
html body:not(#_):not(#__) .mad-rich[data-mad-tier="risk"] .mad-rich-ic,
html body:not(#_):not(#__) .mad-rich-opt[data-mad-tier="risk"] .mad-rich-opt-ic {
  background: var(--mad-risk-bg); color: var(--mad-risk); box-shadow: inset 0 0 0 1px var(--mad-risk-line);
}
/* names in their tier colour */
html body:not(#_):not(#__) .mad-rich[data-mad-tier="gold"] .mad-rich-tx b,
html body:not(#_):not(#__) .mad-rich-opt[data-mad-tier="gold"] .mad-rich-opt-tx b { color: #8a6400 !important; }
html body:not(#_):not(#__) .mad-rich[data-mad-tier="silver"] .mad-rich-tx b,
html body:not(#_):not(#__) .mad-rich-opt[data-mad-tier="silver"] .mad-rich-opt-tx b { color: #4b5361 !important; }
html body:not(#_):not(#__) .mad-rich[data-mad-tier="bronze"] .mad-rich-tx b,
html body:not(#_):not(#__) .mad-rich-opt[data-mad-tier="bronze"] .mad-rich-opt-tx b { color: #8a4b1c !important; }
html body:not(#_):not(#__) .mad-rich[data-mad-tier="risk"] .mad-rich-tx b,
html body:not(#_):not(#__) .mad-rich-opt[data-mad-tier="risk"] .mad-rich-opt-tx b { color: var(--mad-risk-ink) !important; }
html body:not(#_):not(#__) .mad-rich .mad-rich-pp.is-risk,
html body:not(#_):not(#__) .mad-rich-menu .mad-rich-opt-pp.is-risk { color: #6b7280 !important; }

/* ---------- the list: floats over the page (in <body>), like a native dropdown ---------- */
html body:not(#_):not(#__) > .mad-rich-menu {
  --mad-gold-1: #fff6d6; --mad-gold-2: #f3cf63; --mad-gold-3: #c99a1c; --mad-gold-ink: #7a5a00;
  --mad-silver-1: #f7f8fa; --mad-silver-2: #d5d9e0; --mad-silver-3: #9aa1ad; --mad-silver-ink: #3f4652;
  --mad-bronze-1: #fdf0e6; --mad-bronze-2: #e3a77a; --mad-bronze-3: #b06a35; --mad-bronze-ink: #7a3f12;
  --mad-risk-bg: #fef2f2; --mad-risk-line: #fecaca; --mad-risk: #dc2626; --mad-risk-ink: #b42318;
  --mad-accent: #3775e9; --mad-accent-soft: #eaf0fd;
  position: absolute !important;
  z-index: 100000 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 6px !important;
  border: 1px solid #d5d9e0 !important;
  border-radius: 12px !important;
  background: #fff !important;
  box-shadow: 0 12px 32px -8px rgba(17, 24, 39, .28), 0 2px 6px rgba(17, 24, 39, .08) !important;
  overflow-y: auto !important;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  direction: rtl !important;
  text-align: right !important;
  font-family: inherit !important;
  animation: madRichMenuIn .16s ease-out both;
}
html body:not(#_):not(#__) > .mad-rich-menu.is-up { animation-name: madRichMenuUp; }
@keyframes madRichMenuIn { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: none; } }
@keyframes madRichMenuUp { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) {
  html body:not(#_):not(#__) > .mad-rich-menu { animation: none; }
  html body:not(#_):not(#__) .mad-method-a-card.mad-rich-on > .mad-rich .mad-rich-cv svg { transition: none; }
}
html body:not(#_):not(#__) .mad-rich-menu > .mad-rich-opt {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 34px minmax(0,1fr) auto 20px !important;
  align-items: center !important;
  gap: 10px !important;
  width: 100% !important;
  min-height: 58px !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 9px 11px !important;
  border: 1px solid #e3e6eb !important;
  border-radius: 10px !important;
  background: #fff !important;
  color: #374151 !important;
  font: inherit !important;
  text-align: right !important;
  line-height: 1.4 !important;
  box-shadow: none !important;
  cursor: pointer !important;
  -webkit-tap-highlight-color: transparent;
  transition: border-color .15s, background-color .15s, box-shadow .15s !important;
}
@media (hover: hover) and (pointer: fine) {
  html body:not(#_):not(#__) .mad-rich-menu > .mad-rich-opt:not([disabled]):not([aria-selected="true"]):hover { border-color: #b9c0cb !important; background: #fafbfc !important; }
}
html body:not(#_):not(#__) .mad-rich-menu > .mad-rich-opt:focus { outline: none !important; }
html body:not(#_):not(#__) .mad-rich-menu > .mad-rich-opt:focus-visible { outline: 2px solid var(--mad-accent) !important; outline-offset: 1px !important; }
html body:not(#_):not(#__) .mad-rich-menu > .mad-rich-opt[disabled] { opacity: .5 !important; cursor: not-allowed !important; }
/* tier frames */
html body:not(#_):not(#__) .mad-rich-menu > .mad-rich-opt[data-mad-tier="gold"] { border-color: #ecd58f !important; background: linear-gradient(90deg, #fff 55%, #fffaea 100%) !important; }
html body:not(#_):not(#__) .mad-rich-menu > .mad-rich-opt[data-mad-tier="silver"] { border-color: #d6dae1 !important; background: linear-gradient(90deg, #fff 55%, #f4f6f9 100%) !important; }
html body:not(#_):not(#__) .mad-rich-menu > .mad-rich-opt[data-mad-tier="bronze"] { border-color: #ebc7aa !important; background: linear-gradient(90deg, #fff 55%, #fdf3ea 100%) !important; }
html body:not(#_):not(#__) .mad-rich-menu > .mad-rich-opt[data-mad-tier="risk"] { border-color: var(--mad-risk-line) !important; background: linear-gradient(90deg, #fff 55%, #fff6f6 100%) !important; }
/* selected */
html body:not(#_):not(#__) .mad-rich-menu > .mad-rich-opt[aria-selected="true"] { border-color: var(--mad-accent) !important; box-shadow: 0 0 0 1px var(--mad-accent) inset !important; }
html body:not(#_):not(#__) .mad-rich-menu > .mad-rich-opt[aria-selected="true"][data-mad-tier="gold"] { border-color: var(--mad-gold-3) !important; box-shadow: 0 0 0 1px var(--mad-gold-3) inset !important; }
html body:not(#_):not(#__) .mad-rich-menu > .mad-rich-opt[aria-selected="true"][data-mad-tier="silver"] { border-color: var(--mad-silver-3) !important; box-shadow: 0 0 0 1px var(--mad-silver-3) inset !important; }
html body:not(#_):not(#__) .mad-rich-menu > .mad-rich-opt[aria-selected="true"][data-mad-tier="bronze"] { border-color: var(--mad-bronze-3) !important; box-shadow: 0 0 0 1px var(--mad-bronze-3) inset !important; }
html body:not(#_):not(#__) .mad-rich-menu > .mad-rich-opt[aria-selected="true"][data-mad-tier="risk"] { border-color: var(--mad-risk) !important; box-shadow: 0 0 0 1px var(--mad-risk) inset !important; }
/* row parts */
html body:not(#_):not(#__) .mad-rich-menu .mad-rich-opt-ic { width: 34px; height: 34px; }
html body:not(#_):not(#__) .mad-rich-menu .mad-rich-opt-ic svg { display: block; width: 20px; height: 20px; }
html body:not(#_):not(#__) .mad-rich-menu .mad-rich-opt-tx { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
html body:not(#_):not(#__) .mad-rich-menu .mad-rich-opt-tx b { font-size: 13.5px; font-weight: 800; color: #1f2937; line-height: 1.45; }
html body:not(#_):not(#__) .mad-rich-menu .mad-rich-opt-tx small { font-size: 11.5px; font-weight: 400; color: #5b6472; line-height: 1.6; white-space: normal; overflow-wrap: anywhere; }
html body:not(#_):not(#__) .mad-rich-menu .mad-rich-opt-pp { display: flex; align-items: center; gap: 3px; font-size: 12px; font-weight: 800; white-space: nowrap; direction: ltr; color: #1f2937; }
html body:not(#_):not(#__) .mad-rich-menu .mad-rich-opt-pp i { display: inline-flex; color: #6b7280; font-style: normal; }
html body:not(#_):not(#__) .mad-rich-menu .mad-rich-opt-pp svg { display: block; width: 13px; height: 13px; }
html body:not(#_):not(#__) .mad-rich-menu .mad-rich-opt-pp.is-free { direction: rtl; font-size: 11.5px; font-weight: 700; color: #16a34a; }
html body:not(#_):not(#__) .mad-rich-menu .mad-rich-opt-rd {
  display: flex; align-items: center; justify-content: center;
  width: 20px; height: 20px; box-sizing: border-box;
  border: 1.5px solid #c3c8d0; border-radius: 50%; background: #fff; color: transparent;
}
html body:not(#_):not(#__) .mad-rich-menu .mad-rich-opt-rd svg { width: 12px; height: 12px; }
html body:not(#_):not(#__) .mad-rich-menu .mad-rich-opt[aria-selected="true"] .mad-rich-opt-rd { border-color: var(--mad-accent); background: var(--mad-accent); color: #fff; }
html body:not(#_):not(#__) .mad-rich-menu .mad-rich-opt[aria-selected="true"][data-mad-tier="gold"] .mad-rich-opt-rd { border-color: var(--mad-gold-3); background: var(--mad-gold-3); }
html body:not(#_):not(#__) .mad-rich-menu .mad-rich-opt[aria-selected="true"][data-mad-tier="silver"] .mad-rich-opt-rd { border-color: var(--mad-silver-3); background: var(--mad-silver-3); }
html body:not(#_):not(#__) .mad-rich-menu .mad-rich-opt[aria-selected="true"][data-mad-tier="bronze"] .mad-rich-opt-rd { border-color: var(--mad-bronze-3); background: var(--mad-bronze-3); }
html body:not(#_):not(#__) .mad-rich-menu .mad-rich-opt[aria-selected="true"][data-mad-tier="risk"] .mad-rich-opt-rd { border-color: var(--mad-risk); background: var(--mad-risk); }

/* phones: price moves under the text so the name/description keep their width */
@media (max-width: 420px) {
  html body:not(#_):not(#__) .mad-rich-menu > .mad-rich-opt {
    grid-template-columns: 30px minmax(0,1fr) 20px !important;
    grid-template-areas: "ic tx rd" "ic pp rd" !important;
    row-gap: 3px !important; column-gap: 9px !important;
    padding: 9px 10px !important;
  }
  html body:not(#_):not(#__) .mad-rich-menu .mad-rich-opt-ic { grid-area: ic; width: 30px; height: 30px; }
  html body:not(#_):not(#__) .mad-rich-menu .mad-rich-opt-ic svg { width: 18px; height: 18px; }
  html body:not(#_):not(#__) .mad-rich-menu .mad-rich-opt-tx { grid-area: tx; }
  html body:not(#_):not(#__) .mad-rich-menu .mad-rich-opt-pp { grid-area: pp; justify-self: start; direction: ltr; }
  html body:not(#_):not(#__) .mad-rich-menu .mad-rich-opt-pp.is-free { direction: rtl; }
  html body:not(#_):not(#__) .mad-rich-menu .mad-rich-opt-rd { grid-area: rd; }
  html body:not(#_):not(#__) .mad-rich-menu .mad-rich-opt-tx b { font-size: 13px; }
  html body:not(#_):not(#__) .mad-rich-menu .mad-rich-opt-tx small { font-size: 11px; }
}
@media (max-width: 359.98px) {
  html body:not(#_):not(#__) .mad-rich-menu > .mad-rich-opt { column-gap: 7px !important; padding: 8px !important; }
}