/* آکاردئون سایز صفحهٔ محصول (۲۰۲۶-۱۰-۲۰) — پالت سرمه‌ای/طلایی. فونت از --font-main ارث می‌رسد (دست‌نخورده). */
.size-acc {
  border: 1.5px solid var(--nx-border-hairline, rgba(28, 43, 62, 0.14));
  border-radius: 14px;
  background: var(--nx-surface, #f7f4ee);
  overflow: hidden;
  transition: border-color .2s ease, box-shadow .2s ease;
}
.size-acc.is-open { border-color: var(--nx-gold-500, #d9b25f); box-shadow: 0 4px 14px rgba(13, 40, 61, 0.08); }
.size-acc-head {
  display: flex; align-items: center; justify-content: space-between; gap: 10px;
  width: 100%; min-height: 48px; padding: 0 16px;
  border: 0; background: transparent; cursor: pointer;
  font: inherit; font-weight: 700; font-size: 0.95rem; color: var(--navy, #0D283D);
  text-align: right;
}
.size-acc.has-value .size-acc-title { color: var(--mustard-text, #8F6B22); }
.size-acc-chevron { flex: none; color: var(--mustard, #DCB955); transition: transform .25s ease; }
.size-acc.is-open .size-acc-chevron { transform: rotate(180deg); }
.size-acc-panel { padding: 4px 12px 14px; border-top: 1px solid var(--nx-border-hairline, rgba(28, 43, 62, 0.1)); }
.size-acc-panel[hidden] { display: none; }
.size-acc-panel .size-guide-link { display: block; margin: 8px 0 8px auto; }
.size-acc-panel .size-guide-link[hidden] { display: none; }
.size-acc .size-buttons { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 6px; margin: 0; direction: ltr; }
.size-acc .size-pill-btn {
  min-width: 0; min-height: 38px; padding: 6px 2px;
  border-radius: 10px; font-size: 0.8rem; line-height: 1.15;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  box-shadow: none; border: 1.5px solid var(--nx-border-hairline, rgba(28, 43, 62, 0.16));
  background: #fff;
}
.size-acc .size-pill-btn.is-selected {
  background: var(--navy, #0D283D); color: var(--mustard, #DCB955);
  border-color: var(--navy, #0D283D); box-shadow: none;
}
.size-acc .size-pill-btn:disabled { opacity: 0.4; text-decoration: line-through; box-shadow: none; background: transparent; }
/* برچسب‌های بلند (مثل «6/7 years (122 cm)») ردیف کامل می‌گیرند تا بریده نشوند */
.size-acc .size-pill-btn[data-size*=" "], .size-acc .size-pill-btn[data-size*="("] { grid-column: span 3; white-space: normal; }
@media (min-width: 900px) {
  .size-acc .size-buttons { grid-template-columns: repeat(8, minmax(0, 1fr)); gap: 8px; }
  .size-acc .size-pill-btn { min-height: 42px; font-size: 0.88rem; }
}