/**
 * Слой совместимости старой вёрстки с reset нового дизайна (css/index.css).
 *
 * Подключается через addString СРАЗУ после index.css (см. header.php), чтобы
 * универсальное правило box-sizing перебивало reset из index.css по порядку загрузки.
 * Удалить, когда старые блоки будут переведены на новый дизайн.
 */

/*
 * ГЛАВНОЕ (из-за этого «разъезжались» блоки).
 *
 * Старый reset.css задавал *,*::before,*::after{box-sizing:border-box} — все элементы
 * явно border-box. Новый index.css заменил это на html{border-box}+*{box-sizing:inherit}.
 * Из-за inherit дети намеренных content-box-обёрток (напр. .region-section-products-left/
 * right) сами становятся content-box, и .section-item{width:16.66%;padding:20px;border:1px}
 * выходит за пределы колонки → вся сетка товаров разъезжается.
 *
 * Возвращаем глобальный border-box. Универсальный * (специфичность 0,0,0) перебивает
 * index.css *{box-sizing:inherit} по порядку (грузимся последними), но НЕ трогает
 * намеренные content-box (hr, ползунок цены, .region-section-products-left/right) —
 * у них специфичность выше, чем у *, поэтому они сохраняют content-box, как в старом дизайне.
 */
*,
*::before,
*::after {
    box-sizing: border-box;
}

/* --- Точечно старому блоку каталога (main_section) — как выглядело раньше --- */

/* index.css: html/body{font-size:10px} + *{font-size:inherit} — возвращаем базу 16px.
   Влияет на элементы без явного font-size, напр. .add-to-cart_btn («Купить»). */
.region-section {
    font-size: 16px;
    font-family: 'ALS Sector';
}

/* index.css h2{color:#7B7B7B} делает заголовок секции серым на чёрном фоне; старый — белый. */
.region-section h2 {
    color: #fff;
}

/* index.css a:hover{text-decoration:underline} — убираем подчёркивание на карточках товара. */
.region-section a:hover {
    text-decoration: none;
}