/**
 * RNG · раздел дисков — приведение к стилю сайта + лаймовый бренд-акцент.
 * Согласовано 11.09.2026. Подключается ПОСЛЕ wheels-catalog-v71.css на рубрике wheels.
 * Точный бренд-лайм задаётся ОДНОЙ переменной --wl (сейчас ориентир из CRM).
 * Откат: убрать enqueue rng-wheels71-theme + удалить файл.
 */
.rng-wheels71{
  --wl:#C6F24E;            /* бренд-лайм (уточнить точный HEX из брендбука/CRM) */
  --wl-deep:#A9D634;
  --wl-dim:rgba(198,242,78,.14);
  /* базовый шрифт как на сайте (Saira Condensed + Inter уже грузятся в шапке сайта) */
  font-family:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
}
/* нейтрализуем случайный фиолетовый акцент прежней сборки */
.rng-wheels71{--violet:#8a8b90}
.rng-wheels71 .collection-art{background:radial-gradient(ellipse, rgba(255,255,255,.06), transparent 68%)}

/* --- типографика: заголовки Saira Condensed, текст Inter --- */
.rng-wheels71 h1,.rng-wheels71 h2,.rng-wheels71 h3,.rng-wheels71 h4,
.rng-wheels71 .collection-heading h2,.rng-wheels71 .style-collection h3,
.rng-wheels71 .archive-card .collection-info h4{
  font-family:'Saira Condensed',system-ui,sans-serif;
  letter-spacing:.02em;font-weight:500;
}
.rng-wheels71 p,.rng-wheels71 li,.rng-wheels71 a,.rng-wheels71 small,
.rng-wheels71 .finish-name{font-family:'Inter',system-ui,sans-serif}

/* --- лаймовый акцент: eyebrow, ссылки-действия, стрелки --- */
.rng-wheels71 .eyebrow{color:var(--wl)}
.rng-wheels71 .collection-info a{
  color:var(--wl);text-decoration:none;
  -webkit-transition:color .2s;transition:color .2s;
}
.rng-wheels71 .collection-info a:hover{color:var(--wl-deep);text-decoration:underline;text-underline-offset:3px}

/* --- финиши: выбранный отмечен лаймовым кольцом --- */
.rng-wheels71 .finish-picker button[aria-pressed=true],
.rng-wheels71 .wheel-detail-finishes button[aria-pressed=true]{border-color:var(--wl)}
.rng-wheels71 .finish-picker button:focus-visible,
.rng-wheels71 .wheel-detail-finishes button:focus-visible{outline-color:var(--wl)}

/* --- кнопки: фирменные pill; светлую «Explore designs» -> контур с лаймовым hover --- */
.rng-wheels71 .button,
.rng-wheels71 .brand-actions .button.light{
  border-radius:999px;
  letter-spacing:.14em;text-transform:uppercase;
  font-family:'Inter',system-ui,sans-serif;font-weight:500;font-size:12.5px;
  gap:10px;
  -webkit-transition:background .25s,border-color .25s,color .25s;
  transition:background .25s,border-color .25s,color .25s;
}
/* вторичная — нейтральный контур */
.rng-wheels71 .button{background:transparent;color:var(--ink);border:1px solid var(--line)}
.rng-wheels71 .button:hover{border-color:var(--wl);color:var(--wl-deep)}
/* «Explore designs» на тёмной сцене — контур с лаймовым ховером */
.rng-wheels71 .brand-actions .button.light{
  background:transparent;color:#fff;border:1px solid rgba(255,255,255,.55);
}
.rng-wheels71 .brand-actions .button.light:hover{
  background:var(--wl-dim);border-color:var(--wl);color:var(--wl);
}

/* --- коллекции табами (вариант A) --- */
.rng-wheels71 .wheel-tabs{display:flex;flex-wrap:wrap;gap:26px;margin:0 0 40px;border-bottom:1px solid #34343a}
.rng-wheels71 .wheel-tab{background:none;border:0;padding:0 0 14px;margin-bottom:-1px;cursor:pointer;
  font-family:'Saira Condensed',system-ui,sans-serif;font-size:26px;font-weight:400;letter-spacing:.07em;
  text-transform:uppercase;color:#75767d;border-bottom:2px solid transparent;
  -webkit-transition:color .2s,border-color .2s;transition:color .2s,border-color .2s}
.rng-wheels71 .wheel-tab:hover{color:#c9cad0}
.rng-wheels71 .wheel-tab[aria-selected=true]{color:#fff;border-color:var(--wl)}
.rng-wheels71 .wheel-tab .wt-n{font-family:ui-monospace,Menlo,monospace;font-size:11px;color:#75767d;vertical-align:super;margin-left:5px}
.rng-wheels71 .wheel-tab[aria-selected=true] .wt-n{color:var(--wl)}
.rng-wheels71 .wheel-tab:focus-visible{outline:2px solid var(--wl);outline-offset:4px}
.rng-wheels71 .style-collection[hidden]{display:none}
.rng-wheels71 .style-collection{margin-top:0}
/* имя коллекции уже в табе — h3 прячем визуально, но оставляем для SEO/скринридеров */
.rng-wheels71 .style-collection>h3{position:absolute !important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}

/* --- лайм на СВЕТЛЫХ секциях: тёмно-лаймовый для читаемости (яркий #C6F24E на светлом не контрастит) --- */
.rng-wheels71{--wl-on-light:#46600F}
.rng-wheels71 .wheel-guide .eyebrow,
.rng-wheels71 .guide-shortcut .eyebrow,
.rng-wheels71 .guide-heading .eyebrow,
.rng-wheels71 .wheel-guide a,
.rng-wheels71 .guide-body a{color:var(--wl-on-light)}
.rng-wheels71 .wheel-guide .button:hover{border-color:var(--wl-on-light);color:var(--wl-on-light)}