/* UNI-MNAV-SLIDE v1 — мобільне меню: підкатегорії відкриваються вправо */
@media(max-width:1079px){
  .mobilenav{overflow-x:hidden}
  .mobilenav .mn-acc .mn-sub{display:none!important}
  .mobilenav .mn-chev{transform:rotate(-90deg)!important;stroke:var(--muted)}
  .mobilenav .mn-acc-btn{padding:15px 16px;font-weight:600}
  .mn-l2{position:fixed;top:0;left:0;right:0;bottom:0;background:#fff;z-index:210;transform:translateX(100%);transition:transform .26s cubic-bezier(.2,.8,.2,1);overflow-y:auto;padding-bottom:30px;visibility:hidden}
  .mn-l2.on{transform:translateX(0);visibility:visible}
  .mn-l2-hd{position:sticky;top:0;display:flex;align-items:center;gap:8px;background:#fff;padding:9px 12px 9px 6px;border-bottom:1px solid var(--border);font-weight:800;font-size:16px;z-index:5;color:var(--ink)}
  .mn-l2-hd .mega-dot{width:10px;height:10px;border-radius:50%;flex:0 0 auto}
  .mn-l2-back{width:40px;height:40px;border:0;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:8px;flex:0 0 auto}
  .mn-l2-back:active{background:var(--bg2)}
  .mn-l2-back svg{width:22px;height:22px;stroke:var(--ink);stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}
  .mn-l2 a{display:flex;align-items:center;gap:10px;padding:15px 16px;font-size:15px;font-weight:600;color:var(--ink2);border-bottom:1px solid #F0F0F0;text-decoration:none}
  .mn-l2 a.all{font-weight:600;color:var(--ink2)}
  .mobilenav.shift>*:not(.mn-l2){transform:translateX(-24%);opacity:.4}
  .mobilenav>*:not(.mn-l2){transition:transform .26s cubic-bezier(.2,.8,.2,1),opacity .2s}
}

/* UNI-MNAV-SLIDE v2 — «Каталог» як кнопка-перемикач у фірмовому кольорі */
@media(max-width:1079px){
  .mn-cattoggle{display:flex;align-items:center;gap:10px;width:100%;border:0;cursor:pointer;background:#FFF1E6;color:#C2410C;font:700 15px/1.3 inherit;padding:13px 16px;border-bottom:1px solid #FED7AA;text-align:left}
  .mn-cattoggle svg{width:20px;height:20px;stroke:#F97316;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
  .mn-cattoggle .mn-catchev{margin-left:auto;transition:transform .2s}
  .mn-cattoggle.closed .mn-catchev{transform:rotate(180deg)}
  .mn-catwrap.closed{display:none}
}
/* v2: блок телефону в меню прибрано */
.mobilenav .mn-phone{display:none!important}
/* v3: без підписів груп — замість них роздільники 6px */
@media(max-width:1079px){
  .mobilenav .mn-cap{display:none!important}
  .mobilenav .mn-catwrap{border-bottom:6px solid var(--bg2)}
  .mobilenav .mn-auth{border-top:6px solid var(--bg2)}
}
/* v4: блокування прокрутки сторінки під відкритим меню + повна висота панелі (фікс iOS Safari) */
@media(max-width:1079px){
  html.mnav-lock,html.mnav-lock body{overflow:hidden!important;height:100%!important;overscroll-behavior:none}
  .mobilenav.open{height:100vh;height:100dvh;-webkit-overflow-scrolling:touch}
}
/* v5: меню відкривається ПІД хедером (лого, пошук, кошик лишаються), бургер стає ✕ */
@media(max-width:1079px){
  .mobilenav.open{top:var(--mnav-top,0px);height:auto;bottom:0}
  .mobilenav .mn-close{display:none!important}
  html.mnav-lock .burger svg{display:none}
  html.mnav-lock .burger::before{content:'✕';font-size:18px;line-height:1;color:var(--ink);font-weight:700}
  html.mnav-lock #smartHdr,html.mnav-lock header.topbar{z-index:230;position:relative}
  html.mnav-lock #smartHdr{position:sticky}
}
/* v6: друга панель (підкатегорії) теж починається під хедером, а не з верху екрана */
@media(max-width:1079px){
  .mobilenav.open .mn-l2{top:var(--mnav-top,0px)}
}
/* v7: «Каталог» без помаранчевого фону — білий рядок, темний текст, акцентна лише іконка */
@media(max-width:1079px){
  .mn-cattoggle{background:#fff;color:var(--ink);border-bottom:1px solid #F0F0F0}
  .mn-cattoggle svg{stroke:#F97316}
  .mn-cattoggle .mn-catchev{stroke:var(--muted)}
}