/* Мега-меню «Шкафы» (19.10.2026). Подключается только когда включено: ?menu_preview=1 или опция ergo_mega_menu=1.
   Разметка — menu-mega.php. Классы emm-* (не adv/banner/promo — блокировщики рекламы). */

/* ---------- ПК: шапка (меню видно от 1421 px) ---------- */
.nav .nav-list > li.emm-li{position:static;padding-right:0}
/* li без position: стрелку рисуем фоном ссылки, а не li::after (иначе она улетает в угол шапки) */
.nav .nav-list > li.emm-li::after{display:none}
.nav .nav-list > li.emm-li > a{padding-right:15px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23ada1a1' stroke-width='1.8'/%3E%3C/svg%3E") no-repeat right center/10px 6px}
.nav .nav-list > li.emm-li > a::after{width:0;max-width:calc(100% - 15px)}
.nav .nav-list > li.emm-li:hover > a::after{width:100%}
.nav .emm-tg{display:none}
.nav .sub-menu.emm{
  display:block;left:0;right:0;top:100%;margin:0 auto;
  width:min(1240px,calc(100vw - 48px));min-width:0;
  padding:22px 26px 24px;border-radius:0 0 20px 20px;border-top:0;
  white-space:normal;max-height:calc(100vh - 84px);overflow-y:auto;overscroll-behavior:contain;
  box-shadow:0 26px 50px -30px rgba(30,30,30,.35)
}
.nav .sub-menu.emm::before{top:-22px;height:22px}
.nav .emm a::after{display:none}
.emm-top{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:0 10px 16px;margin-bottom:16px;border-bottom:1px solid var(--line)}
.nav .emm .emm-all{display:inline-flex;align-items:center;gap:10px;padding:0;font-family:'Prosto One',Arial,sans-serif;font-weight:400;font-size:21px;color:var(--ink);margin-right:8px}
.emm-all i{font-style:normal;line-height:1;position:relative;top:1px;font-family:'Manrope',Arial,sans-serif;font-size:18px;color:var(--accent-dark);transition:transform .25s var(--ease)}
.nav .emm .emm-all:hover{color:var(--accent-dark)}
.emm-all:hover i{transform:translateX(4px)}
.nav .emm .emm-pill{display:inline-flex;align-items:center;padding:7px 16px;border-radius:999px;background:var(--ink);color:#fff;font-size:14px;font-weight:700;line-height:1.2;transition:background .2s}
.nav .emm .emm-pill:hover{background:var(--accent-dark);color:#fff}
.emm-note{margin-left:auto;font-size:13px;font-weight:600;color:var(--grey-2);letter-spacing:.02em}

.emm-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,3.15fr);gap:0 14px;align-items:start}
.emm-col > .emm-g + .emm-g{margin-top:16px}
.emm-h{display:flex;align-items:center;gap:8px;width:100%;margin:0 0 6px;padding:0 10px;background:none;border:0;
  font:700 11.5px/1.3 'Manrope',Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-dark);text-align:left}
.nav .emm-h{pointer-events:none;cursor:default}
.nav .emm-n{display:none}
.emm-ul{list-style:none;margin:0;padding:0}
.emm-ul li{break-inside:avoid}
.nav .emm .emm-ul a{display:block;padding:5px 10px;border-radius:9px;font-size:14.5px;font-weight:500;line-height:1.3;color:#2b2b2b;white-space:normal;transition:background .2s,color .2s}
.nav .emm .emm-ul a:hover{background:var(--warm);color:var(--accent-dark)}
.nav .emm .emm-ul .current-menu-item > a{color:var(--accent-dark);font-weight:700;background:var(--warm)}
.nav .emm-x{display:none}
.nav .emm-g.emm-more-on .emm-x{display:block}
.emm-more{margin:4px 0 0;padding:5px 10px;background:none;border:0;cursor:pointer;font:700 13.5px/1.3 'Manrope',Arial,sans-serif;color:var(--accent-dark);border-radius:9px}
.emm-more::after{content:" ↓";font-weight:600}
.emm-more[aria-expanded="true"]::after{content:" ↑"}
.emm-more:hover{background:var(--warm)}
/* подборки — тёплая плашка, три колонки */
.nav .emm-wide{background:var(--warm);border-radius:16px;padding:14px 8px 12px}
.nav .emm-wide .emm-ul{columns:3;column-gap:6px}
.nav .emm .emm-wide .emm-ul a:hover,.nav .emm .emm-wide .emm-ul .current-menu-item > a{background:#fff}

@media (min-width:1421px) and (max-width:1600px){
  .nav .sub-menu.emm{padding:18px 18px 20px}
  .nav .emm .emm-ul a{font-size:14px;padding:4px 9px}
  .emm-cols{gap:0 8px}
  .emm-note{display:none}
}

/* ---------- Выезжающее меню (телефон и экраны до 1420 px): аккордеон ---------- */
.mnav-menu li.emm-li{position:relative}
.mnav-menu li.emm-li > a{padding-right:56px}
.mnav-menu .emm-tg{position:absolute;right:-8px;top:0;width:54px;height:54px;padding:0;border:0;background:none;cursor:pointer;border-radius:12px}
.mnav-menu .emm-tg::before{content:"";position:absolute;left:50%;top:50%;width:9px;height:9px;border-right:2px solid var(--accent);border-bottom:2px solid var(--accent);transform:translate(-50%,-70%) rotate(45deg);transition:transform .25s var(--ease)}
.mnav-menu li.emm-open > .emm-tg::before{transform:translate(-50%,-30%) rotate(-135deg)}
.mnav-menu .emm{display:none;padding:10px 0 12px;border-bottom:1px solid var(--dark-line)}
.mnav-menu li.emm-open > .emm{display:block}
.mnav-menu .emm-top{padding:0 0 12px;margin:0 0 4px;border-bottom:0;gap:10px}
.mnav-menu .emm .emm-all,.mnav-menu .emm .emm-pill{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 13px;border:1px solid var(--dark-line);border-radius:999px;
  font-family:'Manrope',Arial,sans-serif;font-size:14px;font-weight:700;color:#fff}
.mnav-menu .emm .emm-pill{background:var(--accent);border-color:var(--accent);color:var(--dark)}
.mnav-menu .emm .emm-all:hover,.mnav-menu .emm .emm-pill:hover{padding-left:13px}
.mnav-menu .emm-all i{font-size:15px;color:var(--accent)}
.mnav-menu .emm-note{display:none}
.mnav-menu .emm-cols{display:block}
.mnav-menu .emm-col > .emm-g + .emm-g{margin-top:0}
.mnav-menu .emm-h{min-height:50px;margin:0;padding:0 4px 0 0;border-top:1px solid var(--dark-line);cursor:pointer;
  font:600 16px/1.3 'Manrope',Arial,sans-serif;letter-spacing:0;text-transform:none;color:#fff}
.mnav-menu .emm-col:first-child .emm-g:first-child .emm-h{border-top:0}
.mnav-menu .emm-n{margin-left:auto;min-width:26px;padding:2px 8px;border-radius:999px;background:rgba(255,255,255,.08);font-size:12px;font-weight:700;color:var(--on-dark-dim);text-align:center}
.mnav-menu .emm-h::after{content:"";flex:none;width:8px;height:8px;margin:0 6px 0 10px;border-right:2px solid var(--on-dark-dim);border-bottom:2px solid var(--on-dark-dim);transform:translateY(-2px) rotate(45deg);transition:transform .25s var(--ease)}
.mnav-menu .emm-g.is-open > .emm-h{color:var(--accent)}
.mnav-menu .emm-g.is-open > .emm-h::after{transform:translateY(2px) rotate(-135deg)}
.mnav-menu .emm-ul{display:none;padding:0 0 10px 12px;border-left:2px solid var(--dark-line);margin:0 0 6px 2px}
.mnav-menu .emm-g.is-open > .emm-ul{display:block}
.mnav-menu .emm .emm-ul a{min-height:42px;padding:6px 0 6px 4px;border-bottom:0;font-family:'Manrope',Arial,sans-serif;font-size:15.5px;font-weight:500;line-height:1.3;color:var(--on-dark)}
.mnav-menu .emm .emm-ul a:hover{color:var(--accent);padding-left:10px}
.mnav-menu .emm .emm-ul .current-menu-item > a{color:var(--accent);font-weight:700}
.mnav-menu .emm .emm-ul .current-menu-item > a::before{width:6px;height:6px;margin-right:10px}
.mnav-menu .emm-more{display:none}

/* 19.10.2026 «Стеллажи» — отдельная категория рядом со «Все шкафы» */
.nav .emm .emm-all--cat{padding-left:20px;border-left:1px solid var(--line)}
