/* ============================================================
   mpkm-redesign-home.css  —  TEST ONLY (test.mpkm.org)
   ГЛАВНАЯ: блоки под дизайн-систему. CSS-only, реальные классы.
   Грузится условно (главная). Все блоки/порядок сохраняем — только вид.
   🔴 НЕ менять display/flex/float/width у элементов слайдеров/рядов
   (они inline-block в горизонтальных слайдерах) — иначе всё встаёт в столбик.
   Только косметика: border/radius/overflow/background/hover/color.
   ============================================================ */

/* D26-B7: дубль :root удалён — канон-токены живут в mpkm-header.css (сайт-wide, значения были идентичны) */

/* ---------- Заголовки секций ---------- */
.heading,.hits-section__title,.request-section__title,.catalog-heading{
  font-family:'Golos Text',system-ui,Arial,sans-serif!important;
  font-weight:800!important;letter-spacing:-.5px;color:var(--ink)!important;line-height:1.05}
.heading{font-size:clamp(26px,2.4vw,38px);margin-bottom:24px}

/* ---------- Карточки товаров (Хиты/Новинки — слайдер): ТОЛЬКО косметика ---------- */
.hits-section .pr-block__item:hover{border-color:var(--brand);box-shadow:0 18px 44px rgba(21,22,26,.12);transform:translateY(-4px)}
.hits-section .pr-block__img{object-fit:contain;background:#fff}
.hits-section .pr-block__title a{color:var(--ink)}
.hits-section .pr-block__title a:hover{color:var(--ink2)}
.hits-section .pr-block__present-value--instock{color:var(--ok)}
.hits-section .pr-block__tocart-btn__col,.hits-section .pr-block__tocart .btn{background:var(--brand);color:var(--brand-ink);border:0;border-radius:13px;font-weight:700;transition:background .18s}
.hits-section .pr-block__tocart-btn__col:hover,.hits-section .pr-block__tocart .btn:hover{background:var(--brand-d)}

/* ---------- Категории (плитки image+overlay): косметика ---------- */
.shop_category .grid4__item,.catalog-section_page-start .grid4__item{border-radius:13px;overflow:hidden;transition:transform .18s,box-shadow .18s}
.shop_category .grid4__item:hover,.catalog-section_page-start .grid4__item:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(21,22,26,.14)}

/* ---------- Бренды / Клиенты (лого-плитки): рамка + hover (без display) ---------- */
.brands-section .grid4__pic,.clients-section .grid4__pic{background:var(--bg);border:1.5px solid var(--line);border-radius:13px;transition:border-color .18s,box-shadow .18s}
/* HOVERUNIFY: чип-тень на внутреннем .grid4__pic удалена (owner: единый ховер карточки) */

/* ---------- «Почему покупают» (иконки): hover, без смены display ---------- */
.why-section .grid8__item{border-radius:13px;transition:box-shadow .2s,transform .2s,background .2s}
.why-section .grid8__item:hover{background:var(--wash);box-shadow:0 12px 28px rgba(21,22,26,.08);transform:translateY(-3px)}

/* ---------- Новости: рамка + hover (без смены display) ---------- */
.news-section .grid4__item{border:1.5px solid var(--line);border-radius:13px;overflow:hidden;background:var(--bg);transition:border-color .18s,box-shadow .18s,transform .18s}
.news-section .grid4__item:hover{border-color:var(--brand);box-shadow:0 18px 44px rgba(21,22,26,.12);transform:translateY(-4px)}
.news-section .grid4__date{color:var(--mut);font-size:13px}

/* ---------- Объекты: косметика ---------- */
.objects-case-card{border:1.5px solid var(--line);border-radius:13px;overflow:hidden;transition:border-color .18s,box-shadow .18s,transform .18s}
.objects-case-card:hover{border-color:var(--brand);box-shadow:0 16px 38px rgba(21,22,26,.10);transform:translateY(-4px)}

/* ---------- Форма звонка ---------- */
.request-section.questions{background:var(--wash)}
.request-section__form button[type=submit],.request-section__form input[type=submit],.request-section__form .btn{background:var(--brand)!important;color:var(--brand-ink)!important;border:0!important;border-radius:13px;font-weight:700}
.request-section__form button[type=submit]:hover,.request-section__form .btn:hover{background:var(--brand-d)!important}