/* ============================================================
 * PATCH 10.3 — приведение блоков к фирменному стилю
 *
 *  Категория, блок «ХИТЫ КАТЕГОРИИ» (.kp-cat-hits):
 *    • шапка как у карусели «НОВИНКИ» на главной (patch-5.3): слева стопкой
 *      дескриптор + заголовок + жёлтая полоса (.kp-sec-bar), стрелки справа;
 *    • стандартный верхний отступ между блоками (как .kp-sec = 80px),
 *      чтобы блок не прилипал вплотную к секции выше.
 *
 *  Карточка товара, блок «Частые вопросы» переведён на двухколоночный паттерн
 *  главной (.kp-faq-grid / .kp-faq-side / .kp-sec-*) — он на глобальных классах
 *  main.css, отдельный CSS не нужен.
 *
 *  Скоуп: body.kp-body .kp-cat-hits.
 * ============================================================ */

/* Шапка хитов: дескриптор сверху, заголовок, полоса — слева; стрелки — справа. */
body.kp-body .kp-cat-hits .kp-prods-head{
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    gap:24px;
}

/* Отступы: сверху 80px (как между секциями .kp-sec), снизу 56px — чтобы карточки
 * не прилипали вплотную к блоку ниже. */
body.kp-body .kp-cat-hits{
    padding-top:80px;
    padding-bottom:56px;
}

@media (max-width:768px){
    /* На узких экранах шапку складываем: заголовок над стрелками. */
    body.kp-body .kp-cat-hits .kp-prods-head{
        align-items:flex-start;
    }
    body.kp-body .kp-cat-hits{
        padding-top:56px;
        padding-bottom:40px;
    }
}