/* Меню категорий на ПК v2 (29.09.2026): layouts/pages/dropdown_nav_v2.php + assets/js/menu2.js. Откат — $config['menu_v2'] = FALSE (config/pdp.php).
   Левый список — прежняя разметка (nav_menu.php), здесь только вид: все пункты видны (прокрутка при низком экране), активный — полоса цвета сайта.
   Правая панель — блоки подкатегорий с фото и ссылками 3-го уровня, шапка «раздел · Vezi toate produsele». Высота — по экрану. */
@media (min-width: 851px) {
    /* Всё — чистым CSS, без пересчёта скриптом после загрузки (29.09.2026):
       выпадающий список — по содержимому, но не ниже экрана (иначе прокрутка); правая панель — той же высоты (--mm-h уточняет
       menu2.js в момент наведения, по умолчанию — тот же предел экрана). */
    :root { --mm-top: 126px; --mm-max: calc(100vh - var(--mm-top) - 12px); --mm-h: min(760px, var(--mm-max)); }
    body .navigation .wrapper .nav { container-type: inline-size; position: relative; z-index: 20; }
    /* шапка (выпадающие телефоны, результаты поиска) — выше полосы меню */
    body header.header { position: relative; z-index: 30; }
    body.fixed_header header.header { z-index: 100; } /* container-type делает .nav отдельным слоем — поднимаем его над содержимым страницы, иначе карточки ниже перекрывали меню */ /* 100cqw = ширина .nav (= колонка баннера главной .test) */
    /* главная: список виден всегда. В покое — ровно по высоте баннера с блоком преимуществ (формула из CSS баннера: ширина слайдера
       76.53% колонки − 22 px (до 1100 px — 71.67% − 30 px), высота = ширина/2 + 5, не больше 467; + блок преимуществ с отступом) */
    body:not(.fixed_header) .navigation .wrapper .nav ul.dropdown-cat__list.dropdown-cat__content-first:not(.dropdown-cat__content) {
        height: calc(min(467px, (100cqw * .765333 - 22px) / 2 + 10px) + 128px); max-height: none; transition: height .18s ease; }
    body.mm2-open:not(.fixed_header) .navigation .wrapper .nav ul.dropdown-cat__list.dropdown-cat__content-first:not(.dropdown-cat__content) { height: var(--mm-h); }
    body .navigation .wrapper .nav ul.dropdown-cat__list.dropdown-cat__content-first {
        height: auto; max-height: var(--mm-max); padding: 6px 0; box-sizing: border-box; overflow-y: auto; overscroll-behavior: contain;
        box-shadow: 0 18px 40px -18px rgba(28, 26, 25, .35); border-radius: 0 0 0 8px; }
    body .navigation .wrapper .nav .dropdown-cat__item-1 { position: relative; margin: 0; padding: 0 10px 0 14px; min-height: 34px; transition: background-color .12s; }
    body .navigation .wrapper .nav .dropdown-cat__item-1::before { content: ""; position: absolute; left: 0; top: 4px; bottom: 4px; width: 3px; border-radius: 0 3px 3px 0; background: transparent; transition: background-color .12s; }
    body .navigation .wrapper .nav .dropdown-cat__item-1:hover { background-color: #f7f2ef; }
    body .navigation .wrapper .nav .dropdown-cat__item-1.is-cur { background-color: #fbefe9; }
    body .navigation .wrapper .nav .dropdown-cat__item-1.is-cur::before { background: #b74923; }
    body .navigation .wrapper .nav .dropdown-cat__item-1.is-cur .dropdown-cat__link { color: #b74923; font-weight: 600; }
    body .navigation .wrapper .nav .dropdown-cat__item-1 .dropdown-cat__icon { width: 24px; height: 24px; object-fit: contain; }
    body .navigation .wrapper .nav .dropdown-cat__item-1 .icon_category { min-width: 34px; display: flex; align-items: center; }
    body .navigation .wrapper .nav .dropdown-cat__item-1 .dropdown-cat__link { flex: 1; min-width: 0; font-size: 14.5px; line-height: 18px; color: #2b2724; }
    body .navigation .wrapper .nav .dropdown-cat__item-1 .dropdown-cat__link:focus-visible { outline: 2px solid #b74923; outline-offset: -2px; }

    /* правая панель — вплотную к списку при любой ширине списка (раньше left: 290px — на узких экранах был зазор, мышь «проваливалась») */
    body .navigation .wrapper .nav .dropdown-cat .dropdown_nav { left: 100%; }
    body .navigation .wrapper .nav .dropdown-cat__subnav.mm2-panel { left: 0; }
    /* ширина списка задана здесь, чтобы панель доставала ровно до правого края страницы: 100cqw (.nav) − поля 2×15 − список */
    body .navigation .wrapper .nav .dropdown-cat { --mm-dc: clamp(240px, 23cqw, 290px); width: var(--mm-dc); flex: none; }
    /* правая панель */
    body .navigation .wrapper .nav .dropdown-cat__subnav.mm2-panel {
        width: calc(100cqw - 30px - var(--mm-dc)); height: var(--mm-h); max-height: var(--mm-max); padding: 0; box-sizing: border-box; background: #fff; overflow-y: auto; overscroll-behavior: contain;
        border-left: 1px solid #efe9e4; border-radius: 0 0 8px 0; box-shadow: 0 18px 40px -18px rgba(28, 26, 25, .35); }
    body .navigation .wrapper .nav .dropdown-cat__subnav.mm2-panel.active { display: block; }
    .mm2-head { position: sticky; top: 0; z-index: 2; display: flex; align-items: center; gap: 10px; padding: 14px 22px 12px; background: #fff; border-bottom: 1px solid #f1ece8; }
    .mm2-head__ic { width: 28px; height: 28px; object-fit: contain; flex: none; }
    .mm2-head__t { font-size: 19px; font-weight: 700; line-height: 1.2; color: #1c1a19; text-decoration: none; }
    .mm2-head__t:hover { color: #b74923; }
    .mm2-all { margin-left: auto; display: inline-flex; align-items: center; gap: 4px; height: 34px; padding: 0 12px; border-radius: 5px; background: #fbefe9;
        color: #b74923; font-size: 14px; font-weight: 600; text-decoration: none; white-space: nowrap; transition: background-color .15s, color .15s; }
    .mm2-all:hover { background: #b74923; color: #fff; }
    /* подкатегории по строкам: слева направо, затем следующая строка */
    .mm2-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px 26px; align-items: start; padding: 16px 22px 22px; }
    .mm2-g { display: flex; flex-direction: column; gap: 4px; margin: 0; padding: 0; min-width: 0; }
    .mm2-g__h { display: flex; align-items: center; gap: 10px; padding: 4px; margin: -4px; border-radius: 6px; color: #1c1a19; text-decoration: none; transition: background-color .12s; }
    .mm2-g__h:hover { background: #faf5f2; }
    .mm2-g__h:hover .mm2-g__t { color: #b74923; }
    .mm2-thumb { flex: none; width: 56px; height: 56px; border-radius: 6px; border: 1px solid #f1ece8; background: #fff; display: grid; place-items: center; overflow: hidden; }
    .mm2-thumb img { width: 100%; height: 100%; object-fit: contain; }
    .mm2-g__t { font-size: 14.5px; line-height: 1.3; font-weight: 600; transition: color .12s; }
    .mm2-links { list-style: none; margin: 2px 0 0 66px; padding: 0; display: flex; flex-direction: column; gap: 1px; }
    .mm2-links a { display: block; padding: 3px 0; font-size: 13.5px; line-height: 1.35; color: #5a524d; text-decoration: none; }
    .mm2-links a:hover { color: #b74923; text-decoration: underline; text-underline-offset: 3px; }
    .mm2-links a.mm2-more { color: #b74923; font-weight: 600; }
    .mm2-panel a:focus-visible { outline: 2px solid #b74923; outline-offset: 2px; border-radius: 4px; }

    /* затемнение страницы под открытым меню */
    .mm2-dim { position: fixed; left: 0; right: 0; bottom: 0; top: var(--mm-top, 126px); z-index: 5; background: rgba(28, 26, 25, .38); opacity: 0; pointer-events: none; transition: opacity .18s ease; }
    body.mm2-open .mm2-dim { opacity: 1; }
    body.mm2-open #mcChatWidget, body.mm2-open .phone_fix { display: none !important; }
}
@media (min-width: 851px) and (max-width: 1100px) {
    /* до 1100 px ширина слайдера на главной — 71.67% − 30 px */
    body:not(.fixed_header) .navigation .wrapper .nav ul.dropdown-cat__list.dropdown-cat__content-first:not(.dropdown-cat__content) {
        height: calc(min(467px, (100cqw * .716667 - 30px) / 2 + 10px) + 128px); }
}
@media (min-width: 851px) and (max-width: 1280px) {
    .mm2-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    /* узкий ноутбук: названия разделов помещаются в строку */
    body .navigation .wrapper .nav .dropdown-cat__item-1 .dropdown-cat__link { font-size: 13.5px; }
    body .navigation .wrapper .nav .dropdown-cat__item-1 .icon_category { min-width: 30px; }
}
@media (prefers-reduced-motion: reduce) { .mm2-dim, .mm2-g__h, .mm2-all { transition: none; } }