/*
 * SBCC 6.11.2 — «ساده مثل کارت محصول»: the product-page family selector drawn exactly like the
 * sbfamilyproductcard listing cards (values measured from the live search page, desktop and 375px).
 * Loaded INSTEAD of sbcc-family-tree.css when the layout setting is "card". Presentation only:
 * no node is moved; clicks, stock, AJAX and cart stay owned by sbcc-family.js.
 */
html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family] {
  --sbcc-card-frame: #cdd1d9;
  --sbcc-card-ink: #374151;
  --sbcc-card-chip-line: #77727f;
  --sbcc-card-off-line: #d1cfd7;
  --sbcc-card-off-ink: #85858f;
  --sbcc-card-hover-bg: #f5f6f8;
  --sbcc-card-accent: #3775e9;
  --sbcc-card-accent-soft: #eaf0fd;
  --sbcc-card-accent-ink: #1259ba;
  --sbcc-card-good: #16a34a;
  --sbcc-card-bad: #e5484d;
  display: block !important;
  direction: rtl !important;
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}
/* No outer fieldset/title: the card has only the selector frame. */
html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family] > .sbcc-product-family-title,
html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family] .sbcc-tree-rail-edge,
html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family] .sbcc-hierarchy-svg {
  display: none !important;
}
/* Mother/landing bar: hidden like the card, unless the setting keeps it. */
html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family]:not(.sbcc-card-keep-parent) > .sbcc-family-parent-first,
html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family]:not(.sbcc-card-keep-parent) .sbcc-card-single > .sbcc-family-parent-inline {
  display: none !important;
}
html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family].sbcc-card-keep-parent > .sbcc-family-parent-first {
  display: block !important;
  margin: 0 0 4px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
/* 6.11.1: the mother bar = one clean row in the card's language — home icon, name, chevron.
   Blue (like a selected chip) on the model's own landing page. */
html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family].sbcc-card-keep-parent > .sbcc-family-parent-first > .sbcc-family-parent-inline,
html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family].sbcc-card-keep-parent .sbcc-card-single > .sbcc-family-parent-inline {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 18px minmax(0, 1fr) 14px !important;
  align-items: center !important;
  gap: 8px !important;
  flex: 0 0 100% !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 40px !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 0 12px !important;
  border: 1px solid var(--sbcc-card-frame) !important;
  border-radius: 12px !important;
  background: #fff !important;
  color: var(--sbcc-card-ink) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.4 !important;
  text-align: right !important;
  box-shadow: none !important;
  transform: none !important;
  opacity: 1 !important;
  cursor: pointer !important;
  overflow: hidden !important;
  transition: border-color .15s, background-color .15s, color .15s !important;
}
html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family].sbcc-card-keep-parent .sbcc-card-single > .sbcc-family-parent-inline {
  min-height: 36px !important;
  border-radius: 7px !important;
}
html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family].sbcc-card-keep-parent > .sbcc-family-parent-first > .sbcc-family-parent-inline > .sbpf-primary-tag,
html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family].sbcc-card-keep-parent .sbcc-card-single > .sbcc-family-parent-inline > .sbpf-primary-tag {
  display: none !important;
}
html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family].sbcc-card-keep-parent > .sbcc-family-parent-first > .sbcc-family-parent-inline > .sbcc-family-label,
html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family].sbcc-card-keep-parent .sbcc-card-single > .sbcc-family-parent-inline > .sbcc-family-label {
  grid-column: 2 !important;
  grid-row: 1 !important;
  display: block !important;
  position: static !important;
  width: auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
  color: inherit !important;
  font: inherit !important;
  text-align: right !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  transform: none !important;
}
html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family].sbcc-card-keep-parent > .sbcc-family-parent-first > .sbcc-family-parent-inline::before,
html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family].sbcc-card-keep-parent .sbcc-card-single > .sbcc-family-parent-inline::before,
html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family].sbcc-card-keep-parent > .sbcc-family-parent-first > .sbcc-family-parent-inline::after,
html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family].sbcc-card-keep-parent .sbcc-card-single > .sbcc-family-parent-inline::after {
  content: "" !important;
  display: block !important;
  position: static !important;
  grid-row: 1 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  opacity: 1 !important;
  transform: none !important;
  -webkit-mask-repeat: no-repeat !important;
  mask-repeat: no-repeat !important;
  -webkit-mask-position: center !important;
  mask-position: center !important;
  -webkit-mask-size: contain !important;
  mask-size: contain !important;
}
html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family].sbcc-card-keep-parent > .sbcc-family-parent-first > .sbcc-family-parent-inline::before,
html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family].sbcc-card-keep-parent .sbcc-card-single > .sbcc-family-parent-inline::before {
  grid-column: 1 !important;
  width: 18px !important;
  height: 18px !important;
  background: var(--sbcc-card-accent) !important;
  -webkit-mask-image: var(--sbcc-parent-icon, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 10.5 12 3.5l8.5 7'/%3E%3Cpath d='M5.5 9v10.5h13V9'/%3E%3Cpath d='M10 19.5v-5.5h4v5.5'/%3E%3C/svg%3E")) !important;
  mask-image: var(--sbcc-parent-icon, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 10.5 12 3.5l8.5 7'/%3E%3Cpath d='M5.5 9v10.5h13V9'/%3E%3Cpath d='M10 19.5v-5.5h4v5.5'/%3E%3C/svg%3E")) !important;
}
html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family].sbcc-card-keep-parent > .sbcc-family-parent-first > .sbcc-family-parent-inline::after,
html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family].sbcc-card-keep-parent .sbcc-card-single > .sbcc-family-parent-inline::after {
  grid-column: 3 !important;
  width: 14px !important;
  height: 14px !important;
  background: var(--sbcc-card-chip-line) !important;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 5.5 8.5 12l6.5 6.5'/%3E%3C/svg%3E") !important;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 5.5 8.5 12l6.5 6.5'/%3E%3C/svg%3E") !important;
}
@media (hover: hover) and (pointer: fine) {
  html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family].sbcc-card-keep-parent > .sbcc-family-parent-first > .sbcc-family-parent-inline:not(.is-active):not([aria-current="page"]):hover,
  html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family].sbcc-card-keep-parent .sbcc-card-single > .sbcc-family-parent-inline:not(.is-active):not([aria-current="page"]):hover {
    border-color: var(--sbcc-card-chip-line) !important;
    background: var(--sbcc-card-hover-bg) !important;
  }
}
html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family].sbcc-card-keep-parent > .sbcc-family-parent-first > .sbcc-family-parent-inline.is-active,
html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family].sbcc-card-keep-parent > .sbcc-family-parent-first > .sbcc-family-parent-inline[aria-current="page"],
html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family].sbcc-card-keep-parent .sbcc-card-single > .sbcc-family-parent-inline.is-active,
html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family].sbcc-card-keep-parent .sbcc-card-single > .sbcc-family-parent-inline[aria-current="page"] {
  border-color: var(--sbcc-card-accent) !important;
  background: var(--sbcc-card-accent-soft) !important;
  color: var(--sbcc-card-accent-ink) !important;
}
html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family].sbcc-card-keep-parent > .sbcc-family-parent-first > .sbcc-family-parent-inline.is-active::after,
html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family].sbcc-card-keep-parent > .sbcc-family-parent-first > .sbcc-family-parent-inline[aria-current="page"]::after,
html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family].sbcc-card-keep-parent .sbcc-card-single > .sbcc-family-parent-inline.is-active::after,
html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family].sbcc-card-keep-parent .sbcc-card-single > .sbcc-family-parent-inline[aria-current="page"]::after {
  background: var(--sbcc-card-accent) !important;
}
html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family].sbcc-card-keep-parent > .sbcc-family-parent-first > .sbcc-family-parent-inline:focus-visible,
html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family].sbcc-card-keep-parent .sbcc-card-single > .sbcc-family-parent-inline:focus-visible {
  outline: 2px solid var(--sbcc-card-accent) !important;
  outline-offset: 1px !important;
}
@media (max-width: 359.98px) {
  html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family].sbcc-card-keep-parent > .sbcc-family-parent-first > .sbcc-family-parent-inline,
  html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family].sbcc-card-keep-parent .sbcc-card-single > .sbcc-family-parent-inline {
    gap: 6px !important;
    padding: 0 10px !important;
    font-size: 12px !important;
  }
}

/* ---------- frame: first selector (year / generation) or the only selector ---------- */
html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family] .sbcc-family-year-dimension,
html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family] .sbcc-product-family-items.sbcc-card-single {
  position: relative !important;
  display: block !important;
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 10px 0 0 !important;
  padding: 14px 8px 7px !important;
  border: 1px solid var(--sbcc-card-frame) !important;
  border-radius: 12px !important;
  background: #fff !important;
  box-shadow: none !important;
  overflow: visible !important;
  transform: none !important;
}
html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family] .sbcc-product-family-items.sbcc-card-single {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 5px !important;
  grid-template-columns: none !important;
}
/* floating legend «انتخاب سال» */
html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family] .sbcc-family-year-dimension > .sbcc-family-dimension-title,
html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family] .sbcc-product-family-items.sbcc-card-single::before {
  position: absolute !important;
  top: -10px !important;
  right: 12px !important;
  left: auto !important;
  bottom: auto !important;
  z-index: 1 !important;
  display: flex !important;
  align-items: center !important;
  box-sizing: border-box !important;
  width: auto !important;
  max-width: calc(100% - 24px) !important;
  height: 20px !important;
  margin: 0 !important;
  padding: 0 8px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #fff !important;
  color: var(--sbcc-card-ink) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 20px !important;
  text-align: right !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  box-shadow: none !important;
  transform: none !important;
}
html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family] .sbcc-product-family-items.sbcc-card-single::before {
  content: attr(data-sbcc-card-legend) !important;
}
html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family] .sbcc-family-year-dimension > .sbcc-family-dimension-title::before,
html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family] .sbcc-family-year-dimension > .sbcc-family-dimension-title::after,
html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family] .sbcc-family-year-dimension::before,
html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family] .sbcc-family-year-dimension::after,
html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family] .sbcc-family-years::before,
html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family] .sbcc-family-years::after,
html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family] .sbcc-product-family-items::after,
html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family] .sbcc-card-sizes::before,
html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family] .sbcc-family-size-title::before,
html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family] .sbcc-family-size-title::after {
  content: none !important;
  display: none !important;
}
html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family] .sbcc-family-years {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 5px !important;
  grid-template-columns: none !important;
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  direction: rtl !important;
}

/* ---------- second selector (size / model), opened by a year ---------- */
html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family] > .sbcc-family-size-title,
html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family] .sbcc-product-family-items.sbcc-card-sizes {
  display: none !important;
}
html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family].sbcc-card-open .sbcc-family-year-dimension {
  border-bottom-style: dashed !important;
  border-radius: 12px 12px 0 0 !important;
}
html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family].sbcc-card-open > .sbcc-family-size-title {
  display: flex !important;
  align-items: center !important;
  box-sizing: border-box !important;
  width: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 10px 10px 2px !important;
  border: 1px solid var(--sbcc-card-frame) !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
  border-radius: 0 !important;
  background: #fff !important;
  color: var(--sbcc-card-ink) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 17px !important;
  text-align: right !important;
  box-shadow: none !important;
  position: static !important;
}
html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family].sbcc-card-open .sbcc-product-family-items.sbcc-card-sizes {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 4px !important;
  grid-template-columns: none !important;
  position: relative !important;
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 10px 10px !important;
  border: 1px solid var(--sbcc-card-frame) !important;
  border-top: 0 !important;
  border-radius: 0 0 12px 12px !important;
  background: #fff !important;
  box-shadow: none !important;
  direction: rtl !important;
}
html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family] .sbcc-product-family-item[hidden],
html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family] .sbcc-product-family-item.is-year-hidden {
  display: none !important;
}

/* ---------- chips ---------- */
html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family] .sbcc-family-year-item,
html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family] .sbcc-product-family-items > .sbcc-product-family-item:not(.sbcc-family-parent-inline):not([hidden]):not(.is-year-hidden) {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  grid-area: auto !important;
  box-sizing: border-box !important;
  flex: 0 1 auto !important;
  width: auto !important;
  min-width: 35px !important;
  max-width: 100% !important;
  height: 32px !important;
  min-height: 32px !important;
  margin: 0 !important;
  padding: 0 10px !important;
  border: 1px solid var(--sbcc-card-chip-line) !important;
  border-radius: 7px !important;
  background: #fff !important;
  color: var(--sbcc-card-ink) !important;
  font-family: inherit !important;
  font-size: 12px !important;
  font-weight: 650 !important;
  line-height: 1.35 !important;
  letter-spacing: normal !important;
  text-align: center !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  box-shadow: none !important;
  opacity: 1 !important;
  filter: none !important;
  transform: none !important;
  overflow: visible !important;
  cursor: pointer !important;
  z-index: auto !important;
  transition: border-color .15s, background-color .15s, color .15s !important;
}
/* year chips stretch across the frame like the card (desktop) */
html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family] .sbcc-family-year-item {
  flex: 1 1 40px !important;
  min-width: max-content !important;
  height: 30px !important;
  min-height: 30px !important;
  padding: 0 6px !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}
html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family] .sbcc-family-year-item .sbcc-family-label,
html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family] .sbcc-product-family-item .sbcc-family-label {
  display: block !important;
  position: static !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
  color: inherit !important;
  font: inherit !important;
  white-space: nowrap !important;
  opacity: 1 !important;
  transform: none !important;
}
/* out of stock */
html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family] .sbcc-family-year-item.has-no-available-child,
html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family] .sbcc-product-family-items > .sbcc-product-family-item.is-unavailable:not(.sbcc-family-parent-inline) {
  border-color: var(--sbcc-card-off-line) !important;
  border-style: solid !important;
  background: #fff !important;
  color: var(--sbcc-card-off-ink) !important;
  font-weight: 600 !important;
}
/* hover (mouse only) */
@media (hover: hover) and (pointer: fine) {
  html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family] .sbcc-family-year-item:not(.is-active):not([aria-pressed="true"]):hover,
  html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family] .sbcc-product-family-items > .sbcc-product-family-item:not(.sbcc-family-parent-inline):not(.is-active):hover {
    border-color: var(--sbcc-card-chip-line) !important;
    background: var(--sbcc-card-hover-bg) !important;
  }
}
/* selected */
html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family] .sbcc-family-year-item.is-active,
html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family] .sbcc-family-year-item[aria-pressed="true"],
html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family] .sbcc-product-family-items > .sbcc-product-family-item.is-active:not(.sbcc-family-parent-inline) {
  border-color: var(--sbcc-card-accent) !important;
  background: var(--sbcc-card-accent-soft) !important;
  color: var(--sbcc-card-accent-ink) !important;
  font-weight: 800 !important;
}
html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family] .sbcc-family-year-item:focus-visible,
html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family] .sbcc-product-family-item:focus-visible {
  outline: 2px solid var(--sbcc-card-accent) !important;
  outline-offset: 1px !important;
}
/* stock dots: green = available, red = unavailable (top-left, 4px) */
html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family] .sbcc-family-year-item::before,
html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family] .sbcc-product-family-items > .sbcc-product-family-item::before {
  content: none !important;
  display: none !important;
}
html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family] .sbcc-family-year-item::after,
html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family] .sbcc-product-family-items > .sbcc-product-family-item:not(.sbcc-family-parent-inline)::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  top: 3px !important;
  left: 3px !important;
  right: auto !important;
  bottom: auto !important;
  width: 4px !important;
  height: 4px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: var(--sbcc-card-good) !important;
  box-shadow: none !important;
  opacity: 1 !important;
  transform: none !important;
}
html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family] .sbcc-family-year-item.has-no-available-child::after,
html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family] .sbcc-product-family-items > .sbcc-product-family-item.is-unavailable:not(.sbcc-family-parent-inline)::after {
  background: var(--sbcc-card-bad) !important;
}
html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family]:not(.sbcc-card-keep-parent) .sbcc-family-parent-inline::before,
html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family]:not(.sbcc-card-keep-parent) .sbcc-family-parent-inline::after {
  content: none !important;
  display: none !important;
}

/* ---------- phones (same values the card uses below 768px) ---------- */
@media (max-width: 767.98px) {
  html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family] .sbcc-family-year-dimension,
  html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family] .sbcc-product-family-items.sbcc-card-single {
    padding: 12px 8px 7px !important;
  }
  html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family] .sbcc-family-years,
  html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family] .sbcc-product-family-items.sbcc-card-single {
    gap: 6px !important;
  }
  html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family] .sbcc-family-year-item,
  html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family] .sbcc-product-family-items > .sbcc-product-family-item:not(.sbcc-family-parent-inline):not([hidden]):not(.is-year-hidden) {
    flex: 0 1 auto !important;
    min-width: 44px !important;
    height: 32px !important;
    min-height: 32px !important;
    padding: 0 8px !important;
    font-size: 11.5px !important;
  }
}
/* very narrow / low-resolution phones */
@media (max-width: 359.98px) {
  html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family] .sbcc-family-year-dimension,
  html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family] .sbcc-product-family-items.sbcc-card-single {
    padding: 12px 6px 6px !important;
  }
  html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family] .sbcc-family-years,
  html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family] .sbcc-product-family-items.sbcc-card-single,
  html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family].sbcc-card-open .sbcc-product-family-items.sbcc-card-sizes {
    gap: 4px !important;
  }
  html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family].sbcc-card-open .sbcc-product-family-items.sbcc-card-sizes {
    padding: 0 8px 8px !important;
  }
  html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family] .sbcc-family-year-item,
  html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family] .sbcc-product-family-items > .sbcc-product-family-item:not(.sbcc-family-parent-inline):not([hidden]):not(.is-year-hidden) {
    min-width: 40px !important;
    padding: 0 6px !important;
    font-size: 11px !important;
  }
}

/* ====================================================================================
   6.11.2 — warranty = the last section of the same card
   (setting «چسباندن انتخاب گارانتی به قاب» + layout «ساده»). Only the JOIN is drawn here:
   the selector's last section gets a dashed bottom and loses its bottom corners, the warranty card
   loses its top edge and top corners, and gets this card's section title. Everything inside the
   warranty card (sizes, icon, «؟», second line) belongs to myattributedesc 2.9.0, not to SBCC.
   The warranty card is not moved; sbcc-family-card.js only tags it.
   ==================================================================================== */
html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family][data-sbcc-card-join="top"] {
  margin-bottom: 0 !important;
}
html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family][data-sbcc-card-join="top"].sbcc-card-open .sbcc-product-family-items.sbcc-card-sizes,
html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family][data-sbcc-card-join="top"]:not(.sbcc-card-open) .sbcc-family-year-dimension,
html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family][data-sbcc-card-join="top"] .sbcc-product-family-items.sbcc-card-single {
  border-bottom: 1px dashed var(--sbcc-card-frame) !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  margin-bottom: 0 !important;
}
html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .product-variants-item.mad-method-a-card--warranty[data-sbcc-card-part="warranty"] {
  margin: 0 0 10px !important;
  border-top: 0 !important;
  border-radius: 0 0 12px 12px !important;
  box-shadow: none !important;
}
/* section title like «انتخاب سایز» (setting «طرح ساده: عنوان بخش گارانتی»; empty = none) */
html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .product-variants-item.mad-method-a-card--warranty[data-sbcc-card-part="warranty"].sbcc-card-warranty-titled {
  grid-template-rows: auto auto !important;
}
html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .product-variants-item.mad-method-a-card--warranty[data-sbcc-card-part="warranty"].sbcc-card-warranty-titled::before {
  content: attr(data-sbcc-card-legend) !important;
  display: block !important;
  grid-column: 1 / -1 !important;
  grid-row: 1 !important;
  position: static !important;
  width: auto !important;
  height: auto !important;
  margin: 0 0 2px !important;
  padding: 0 2px !important;
  border: 0 !important;
  background: none !important;
  color: #374151 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 17px !important;
  text-align: right !important;
}
/* the card's own title replaces the module's group label (never two titles) */
html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .product-variants-item.mad-method-a-card--warranty[data-sbcc-card-part="warranty"].sbcc-card-warranty-titled > .mad-method-a-card__header > .control-label {
  display: none !important;
}
html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .product-variants-item.mad-method-a-card--warranty[data-sbcc-card-part="warranty"].sbcc-card-warranty-titled > .mad-rich,
html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .product-variants-item.mad-method-a-card--warranty[data-sbcc-card-part="warranty"].sbcc-card-warranty-titled > .mad-method-a-card__header > .mad-selector-help-actions--header,
html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .product-variants-item.mad-method-a-card--warranty[data-sbcc-card-part="warranty"].sbcc-card-warranty-titled > .mad-selector-help-actions--footer {
  grid-row: 2 !important;
}


/* ====================================================================================
   6.12.2 — one look for every selector of the site (same values as sbfamilyproductcard and
   sbproductfamilies «مثل کارت محصول»): chip size/weight/hover/selected identical everywhere.
   «sbcc-card-fill» (setting «دکمه‌ها کل عرض قاب را پر کنند»): equal columns across the whole frame —
   3 options = 3 full-width columns; more than fit → next row, same columns. Column never narrower than
   the widest label of the group (--sbcc-fill-min, measured by sbcc-family-card.js).
   «sbcc-card-dots» (setting «نقطه رنگی موجودی»): off = no dots, out-of-stock is only greyed (like the card).
   ==================================================================================== */
html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family] .sbcc-family-year-item,
html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family] .sbcc-product-family-items > .sbcc-product-family-item:not(.sbcc-family-parent-inline):not([hidden]):not(.is-year-hidden) {
  height: 34px !important;
  min-height: 34px !important;
  font-size: 12px !important;
  font-weight: 650 !important;
}
html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family] .sbcc-family-year-item.is-active,
html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family] .sbcc-family-year-item[aria-pressed="true"],
html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family] .sbcc-product-family-items > .sbcc-product-family-item.is-active:not(.sbcc-family-parent-inline) {
  font-weight: 800 !important;
}
html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family] .sbcc-family-year-item.has-no-available-child,
html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family] .sbcc-product-family-items > .sbcc-product-family-item.is-unavailable:not(.sbcc-family-parent-inline) {
  font-weight: 600 !important;
}
@media (hover: hover) and (pointer: fine) {
  html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family] .sbcc-family-year-item:not(.is-active):not([aria-pressed="true"]):hover,
  html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family] .sbcc-product-family-items > .sbcc-product-family-item:not(.sbcc-family-parent-inline):not(.is-active):hover {
    border-color: #a3c8fa !important;
    background: #e8f1fe !important;
    color: var(--sbcc-card-accent-ink) !important;
  }
}
html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family]:not(.sbcc-card-dots) .sbcc-family-year-item::after,
html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family]:not(.sbcc-card-dots) .sbcc-product-family-items > .sbcc-product-family-item:not(.sbcc-family-parent-inline)::after {
  content: none !important;
  display: none !important;
}
html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family].sbcc-card-fill .sbcc-family-years,
html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family].sbcc-card-fill.sbcc-card-open .sbcc-product-family-items.sbcc-card-sizes,
html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family].sbcc-card-fill .sbcc-product-family-items.sbcc-card-single {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, max(72px, var(--sbcc-fill-min, 0px))), 1fr)) !important;
  gap: 6px !important;
  align-items: stretch !important;
}
html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family].sbcc-card-fill .sbcc-family-year-item,
html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family].sbcc-card-fill .sbcc-product-family-items > .sbcc-product-family-item:not(.sbcc-family-parent-inline):not([hidden]):not(.is-year-hidden) {
  display: flex !important;
  flex: none !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  padding: 0 8px !important;
}
html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family].sbcc-card-fill .sbcc-family-year-item .sbcc-family-label,
html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family].sbcc-card-fill .sbcc-product-family-item .sbcc-family-label {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family].sbcc-card-fill .sbcc-card-single > .sbcc-family-parent-inline {
  grid-column: 1 / -1 !important;
}
@media (max-width: 767.98px) {
  html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family] .sbcc-family-year-item,
  html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family] .sbcc-product-family-items > .sbcc-product-family-item:not(.sbcc-family-parent-inline):not([hidden]):not(.is-year-hidden) {
    height: 36px !important;
    min-height: 36px !important;
  }
  html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family].sbcc-card-fill .sbcc-family-years,
  html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family].sbcc-card-fill.sbcc-card-open .sbcc-product-family-items.sbcc-card-sizes,
  html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family].sbcc-card-fill .sbcc-product-family-items.sbcc-card-single {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, max(56px, var(--sbcc-fill-min, 0px))), 1fr)) !important;
  }
}
@media (max-width: 359.98px) {
  html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family].sbcc-card-fill .sbcc-family-years,
  html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family].sbcc-card-fill.sbcc-card-open .sbcc-product-family-items.sbcc-card-sizes,
  html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family].sbcc-card-fill .sbcc-product-family-items.sbcc-card-single {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, max(48px, var(--sbcc-fill-min, 0px))), 1fr)) !important;
    gap: 4px !important;
  }
  html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family].sbcc-card-fill .sbcc-family-year-item,
  html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family].sbcc-card-fill .sbcc-product-family-items > .sbcc-product-family-item:not(.sbcc-family-parent-inline):not([hidden]):not(.is-year-hidden) {
    padding: 0 6px !important;
  }
}

/* 6.12.2: the base chip rule (.sbcc-product-family-items > .sbcc-product-family-item:not(.sbcc-family-parent-inline):not([hidden]):not(.is-year-hidden)) out-ranked the state rules, so size chips were never greyed
   when out of stock nor blue when selected. Same states, same specificity as the base rule. */
html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family] .sbcc-product-family-items > .sbcc-product-family-item.is-unavailable:not(.sbcc-family-parent-inline):not([hidden]):not(.is-year-hidden) {
  border-color: var(--sbcc-card-off-line) !important;
  border-style: solid !important;
  background: #fff !important;
  color: var(--sbcc-card-off-ink) !important;
  font-weight: 600 !important;
}
@media (hover: hover) and (pointer: fine) {
  html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family] .sbcc-product-family-items > .sbcc-product-family-item:not(.is-active):not(.sbcc-family-parent-inline):not([hidden]):not(.is-year-hidden):hover {
    border-color: #a3c8fa !important;
    background: #e8f1fe !important;
    color: var(--sbcc-card-accent-ink) !important;
  }
}
html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family] .sbcc-product-family-items > .sbcc-product-family-item.is-active:not(.sbcc-family-parent-inline):not([hidden]):not(.is-year-hidden),
html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family] .sbcc-product-family-items > .sbcc-product-family-item[aria-current="page"]:not(.sbcc-family-parent-inline):not([hidden]):not(.is-year-hidden) {
  border-color: var(--sbcc-card-accent) !important;
  border-style: solid !important;
  background: var(--sbcc-card-accent-soft) !important;
  color: var(--sbcc-card-accent-ink) !important;
  font-weight: 800 !important;
}


/* ====================================================================================
   6.13.6 — one selector + «نمایش نوار محصول مادر»: the mother bar was drawn INSIDE the frame, above the
   legend «انتخاب سایز». Now it sits above the frame (same as the year layout); the frame and its legend
   start under it. No node is moved: the bar is lifted out of the flow, the frame is drawn by ::after.
   ==================================================================================== */
html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family].sbcc-card-keep-parent .sbcc-product-family-items.sbcc-card-single.sbcc-card-has-parent {
  --sbcc-parent-h: 36px;
  --sbcc-parent-gap: 10px;
  margin-top: 0 !important;
  padding-top: calc(var(--sbcc-parent-h) + var(--sbcc-parent-gap) + 31px) !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  isolation: isolate !important; /* white frame (::after, z-index -1) stays behind the chips */
}
html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family].sbcc-card-keep-parent .sbcc-product-family-items.sbcc-card-single.sbcc-card-has-parent > .sbcc-family-parent-inline {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  left: 0 !important;
  grid-column: auto !important; /* in «fill» mode the list is a grid; 1/-1 would pin it to the content box */
  grid-row: auto !important;
  width: auto !important;
  max-width: none !important;
  height: var(--sbcc-parent-h) !important;
  min-height: 0 !important;
}
/* title INSIDE the frame, like «انتخاب گارانتی :» (not on the border line) */
html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family].sbcc-card-keep-parent .sbcc-product-family-items.sbcc-card-single.sbcc-card-has-parent::before {
  top: calc(var(--sbcc-parent-h) + var(--sbcc-parent-gap) + 8px) !important;
  right: 12px !important;
  z-index: 2 !important;
  height: 17px !important;
  padding: 0 2px !important;
  background: none !important;
  color: #374151 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 17px !important;
}
html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family].sbcc-card-keep-parent .sbcc-product-family-items.sbcc-card-single.sbcc-card-has-parent::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  top: calc(var(--sbcc-parent-h) + var(--sbcc-parent-gap)) !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  z-index: -1 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid var(--sbcc-card-frame) !important;
  border-radius: 12px !important;
  background: #fff !important;
  pointer-events: none !important;
}
html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family][data-sbcc-card-join="top"].sbcc-card-keep-parent .sbcc-product-family-items.sbcc-card-single.sbcc-card-has-parent {
  border: 0 !important;
}
html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family][data-sbcc-card-join="top"].sbcc-card-keep-parent .sbcc-product-family-items.sbcc-card-single.sbcc-card-has-parent::after {
  border-bottom-style: dashed !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}


/* ====================================================================================
   6.13.7 — grandmother page (year + size): same look as the mother pages. The title «انتخاب سال عرضه»
   no longer sits on the border line: it is the first row INSIDE the frame (like «انتخاب سایز» /
   «انتخاب گارانتی»), and the frame starts 10px under the mother card.
   ==================================================================================== */
html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family] .sbcc-family-year-dimension {
  margin-top: 6px !important;
  padding: 10px 8px 8px !important;
}
html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family].sbcc-card-open .sbcc-family-year-dimension {
  padding-bottom: 8px !important;
}
html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family] .sbcc-family-year-dimension > .sbcc-family-dimension-title {
  position: static !important;
  top: auto !important;
  right: auto !important;
  z-index: auto !important;
  display: flex !important;
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 0 0 6px !important;
  padding: 0 2px !important;
  background: none !important;
  color: var(--sbcc-card-ink) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 17px !important;
  white-space: normal !important;
}
html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family].sbcc-card-open .sbcc-product-family-items.sbcc-card-sizes {
  padding: 0 8px 8px !important;
}
/* mother card on the grandmother page = same card as on the mother pages (36px, 7px corners) */
html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family].sbcc-card-keep-parent > .sbcc-family-parent-first {
  margin-bottom: 4px !important;
}
html body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) .sbcc-product-family[data-sbcc-family].sbcc-card-keep-parent > .sbcc-family-parent-first > .sbcc-family-parent-inline {
  min-height: 36px !important;
  border-radius: 7px !important;
}