/* Первак: навігація і футер, 07.10.2026 (NZM-1195).
   Шапка (комп'ютер): модуль 43 «Меню 2 (хедер)» — Каталог ▾ · Акції · Рецепти; модуль 63 «Меню хедер ліве» — Калькулятори · Блог.
   Мобільне меню (≤1200 px) — TMD Header (oc_headermenu). Пункти модуля 43 TMD дописує в кінець — їх ховаємо (.pv-desk).
   style.css / responsive.css не чіпаємо. */

:root { --pv-red: #E81A2D; --pv-green: #00864A; --pv-green-bg: #F0F8F0; --pv-olive: #777F56; }

/* ---------- шапка: комп'ютер ---------- */
@media screen and (min-width: 1201px) {
    .header-block-menu .main-menu { display: none; }
    .header-block-items-item .header-menu-2 { column-gap: 14px; }
    .header-block-items-item .header-menu-left { column-gap: 14px; }
    .header-block-items-item .header-menu-2 > li > a,
    .header-block-items-item .header-menu-left > li > a { display: inline-block; white-space: nowrap; }
    .header-block-items-item .header-menu-2 > li > a.menu-item--bg-red {
        background: var(--pv-red); color: #fff; border-color: var(--pv-red);
    }
    .header-block-items-item .header-menu-2 > li > a:hover,
    .header-block-items-item .header-menu-left > li > a:hover { background: var(--pv-red); color: #fff; }

    /* стрілка біля «Каталогу» */
    .header-menu-2 > li.pv-cat > a::after {
        content: ""; display: inline-block; width: 7px; height: 7px; margin: 0 0 4px 10px;
        border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg);
    }

    /* випадний каталог з мініатюрами */
    .header-block-menu li.pv-cat .dropdown-menu { position: absolute; top: 100%; left: 0; padding-top: 12px; z-index: 120; }
    .header-block-menu li.pv-cat ul.pv-cat-list {
        position: static; display: none; width: 360px; padding: 10px; row-gap: 2px;
        background: #fff; border-radius: 18px; box-shadow: 0 12px 32px rgba(0, 0, 0, .14);
    }
    .header-block-menu li.pv-cat:hover ul.pv-cat-list,
    .header-block-menu li.pv-cat:focus-within ul.pv-cat-list { display: flex; }
    .header-block-menu li.pv-cat ul.pv-cat-list li a {
        display: flex; align-items: center; gap: 14px; padding: 8px 12px; border-radius: 12px;
        text-align: left; text-transform: none; white-space: normal;
        font-size: 16px; line-height: 1.25; font-weight: 700; color: #000;
    }
    .header-block-menu li.pv-cat ul.pv-cat-list li a img {
        width: 48px; height: 48px; flex: none; object-fit: contain; border-radius: 8px; background: #fff;
    }
    /* style.css фарбує span у .header-menu-2 білим і капсом — повертаємо */
    .header-block-items-item .header-menu-2 li.pv-cat ul.pv-cat-list li a span {
        color: inherit; font-size: inherit; line-height: inherit; font-weight: inherit; text-transform: none;
    }
    .header-block-menu li.pv-cat ul.pv-cat-list li a:hover { background: var(--pv-green-bg); color: var(--pv-red); }
    .header-block-menu li.pv-cat ul.pv-cat-list li.pv-cat-all { border-top: 1px solid #eee; margin-top: 6px; padding-top: 6px; }
    .header-block-menu li.pv-cat ul.pv-cat-list li.pv-cat-all a { justify-content: center; color: var(--pv-red); text-transform: uppercase; font-size: 15px; }
}
/* 1201–1500 px: місця поряд із лого мало */
@media screen and (min-width: 1201px) and (max-width: 1500px) {
    .header-block-items-item .header-menu-2 > li > a,
    .header-block-items-item .header-menu-left > li > a { font-size: 16px; padding: 12px 18px; }
    .header-block-items-item .header-menu-2,
    .header-block-items-item .header-menu-left { column-gap: 10px; }
}

/* ---------- мобільне меню ---------- */
@media screen and (max-width: 1200px) {
    .header-block-menu .main-menu > li.pv-desk { display: none !important; }
    .header-block-menu .main-menu { row-gap: 18px; }
    /* підпункти — нормальним регістром, щільніше */
    .header-block-menu .main-menu li.dropdown ul { margin-top: 10px; row-gap: 0; }
    .header-block-menu .main-menu li.dropdown ul li a {
        text-transform: none; font-size: 17px; font-weight: 700; padding: 12px 0 12px 25px;
        color: #000; border-bottom: 1px solid #eee;
    }
    .header-block-menu .main-menu li.dropdown ul li:last-child a { border-bottom: none; }
    /* мініатюри категорій (за адресою посилання) */
    .header-block-menu .main-menu li.dropdown ul li a[href="/shop/turbo-dryzhdzhi-pervak"],
    .header-block-menu .main-menu li.dropdown ul li a[href="/shop/nabir-specii-dlia-nastijky"],
    .header-block-menu .main-menu li.dropdown ul li a[href="/shop/triska-dubova"],
    .header-block-menu .main-menu li.dropdown ul li a[href="/shop/fermenty"],
    .header-block-menu .main-menu li.dropdown ul li a[href="/shop/ochystka"] {
        display: flex; align-items: center; gap: 14px; padding-left: 0;
    }
    .header-block-menu .main-menu li.dropdown ul li a[href="/shop/turbo-dryzhdzhi-pervak"]::before,
    .header-block-menu .main-menu li.dropdown ul li a[href="/shop/nabir-specii-dlia-nastijky"]::before,
    .header-block-menu .main-menu li.dropdown ul li a[href="/shop/triska-dubova"]::before,
    .header-block-menu .main-menu li.dropdown ul li a[href="/shop/fermenty"]::before,
    .header-block-menu .main-menu li.dropdown ul li a[href="/shop/ochystka"]::before {
        content: ""; display: inline-block; width: 44px; height: 44px; flex: none; border-radius: 8px;
        background: #fff center / contain no-repeat;
    }
    .header-block-menu .main-menu li.dropdown ul li a[href="/shop/turbo-dryzhdzhi-pervak"]::before { background-image: url(/image/catalog/nav/nav-turbo.webp); }
    .header-block-menu .main-menu li.dropdown ul li a[href="/shop/nabir-specii-dlia-nastijky"]::before { background-image: url(/image/catalog/nav/nav-spetsii.webp); }
    .header-block-menu .main-menu li.dropdown ul li a[href="/shop/triska-dubova"]::before { background-image: url(/image/catalog/nav/nav-triska.webp); }
    .header-block-menu .main-menu li.dropdown ul li a[href="/shop/fermenty"]::before { background-image: url(/image/catalog/nav/nav-fermenty.webp); }
    .header-block-menu .main-menu li.dropdown ul li a[href="/shop/ochystka"]::before { background-image: url(/image/catalog/nav/nav-ochystka.webp); }
    .header-block-menu .main-menu li.dropdown ul li a[href="/shop"] { color: var(--pv-red); padding-left: 58px; }
}

/* ---------- футер: чорний ---------- */
.section-footer-block { background: #000; border-top: none; }
.section-footer-block .section-footer-top { border-bottom: 1px solid #262626; }
.section-faq-block + .section-footer-block .section-footer-top { padding-top: 46px; }
.section-footer-block .footer-block-logo img { height: 64px; width: auto; }
.section-footer-block .footer-header { color: #fff; letter-spacing: .06em; margin-bottom: 14px; }
.section-footer-block .footer-header + .footer-menu + .footer-header { margin-top: 26px; }
.section-footer-block .footer-menu li a,
.section-footer-block .footer-menu li span { color: #cfcfcf; font-weight: 400; font-size: 15px; line-height: 1.35; }
.section-footer-block .footer-menu li a:hover { color: #fff; text-decoration: underline; text-underline-offset: 3px; }
.section-footer-block .footer-contacts,
.section-footer-block .footer-contacts a { color: #fff; }
.section-footer-block .footer-contacts a:hover { color: #fff; text-decoration: underline; }
.section-footer-block .pv-fc { display: flex; flex-direction: column; row-gap: 8px; font-size: 15px; line-height: 1.4; font-weight: 400; color: #cfcfcf; }
.section-footer-block .pv-fc a.pv-fc-phone { font-size: 20px; font-weight: 700; color: #fff; }
.section-footer-block .pv-fc b { color: #fff; font-weight: 700; }
.section-footer-block .pv-fc .pv-fc-gap { margin-top: 8px; }
.section-footer-block .footer-block-socials a { color: #fff; }
.section-footer-block .footer-block-socials a:hover { color: var(--pv-red); }
.section-footer-block .footer-block-socials img { filter: invert(1); }
.section-footer-block .footer-rating-wrapper,
.section-footer-block .footer-rating-wrapper a { color: #cfcfcf; }
.section-footer-block .footer-rating-wrapper a:hover { color: #fff; }
.section-footer-block .section-footer-bottom { background: #000; }
.section-footer-block .copyright-block { color: #9a9a9a; }
.section-footer-block .copyright-block a { color: #cfcfcf; }
.section-footer-block .copyright__sprava img { filter: invert(1) brightness(1.6); }
@media screen and (min-width: 1200px) {
    .section-footer-block .footer-row { flex-wrap: nowrap; gap: 40px; }
    .section-footer-block .footer-row .footer-column { width: auto !important; flex: 1 1 0; min-width: 0; }
    .section-footer-block .footer-row .footer-column:nth-of-type(5) { flex-grow: 1.4; }
}
@media screen and (max-width: 1440px) {
    .section-footer-block .footer-block-logo img { height: 56px; }
}
@media screen and (max-width: 575px) {
    .section-footer-block .footer-block-logo img { width: auto; height: 56px; }
}