.menu-backdrop{display:none}.menu-toggle{display:none}
@media(max-width:600px){
  .nav-wrap{position:relative;z-index:10}
  .menu-toggle{width:100%;min-height:50px;display:flex;align-items:center;justify-content:flex-start;gap:10px;padding:8px 18px;border:0;background:transparent;color:#423d33;font:700 13px/1 var(--serif);letter-spacing:.1em;cursor:pointer;text-align:left}
  .menu-toggle-icon{display:grid;gap:4px;width:20px}
  .menu-toggle-icon i{display:block;width:20px;height:2px;background:#8c6a17;transition:transform .2s,opacity .2s}
  .menu-toggle[aria-expanded="true"] .menu-toggle-icon i:first-child{transform:translateY(6px) rotate(45deg)}
  .menu-toggle[aria-expanded="true"] .menu-toggle-icon i:nth-child(2){opacity:0}
  .menu-toggle[aria-expanded="true"] .menu-toggle-icon i:last-child{transform:translateY(-6px) rotate(-45deg)}
  .nav-wrap .nav{display:none;min-height:0;max-width:none;flex-direction:column;align-items:stretch;gap:4px;padding:0 14px 12px;background:#f1eadb}
  .nav-wrap .nav.is-open{display:flex}
  .nav-wrap .nav a{width:100%;height:42px;box-sizing:border-box;justify-content:center;padding:0 12px;font-size:12px;letter-spacing:.06em}
  .nav a.active span:after{bottom:-.7em}
}
@media(max-width:600px){
  .nav-wrap{position:static;z-index:auto}
  .menu-toggle{position:relative;z-index:23;justify-content:flex-start;text-align:left;padding-left:18px}
  .menu-backdrop{display:block;position:fixed;inset:0;z-index:20;margin:0;padding:0;border:0;background:rgba(29,25,19,.48);opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease}
  .nav-wrap.menu-open .menu-backdrop{opacity:1;visibility:visible}
  .nav-wrap .nav{display:flex;position:fixed;z-index:22;top:0;right:auto;bottom:0;left:0;width:min(82vw,320px);height:100vh;height:100dvh;max-width:none;min-height:0;box-sizing:border-box;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:7px;padding:76px 18px 24px;background:#fffdf8;border-right:1px solid #d7c9a8;box-shadow:8px 0 28px rgba(35,29,18,.18);transform:translateX(-105%);visibility:hidden;overflow-y:auto;transition:transform .28s cubic-bezier(.2,.75,.25,1),visibility .28s}
  .nav-wrap .nav.is-open{display:flex;transform:translateX(0);visibility:visible}
  .nav-wrap .nav::before{content:"МЛЕКАРНИЦА КОШАРИЦА";display:block;margin:0 0 12px;padding:0 8px 14px;border-bottom:1px solid #e3dac8;color:#725b2a;font:700 12px/1.4 var(--serif);letter-spacing:.12em}
  .nav-wrap .nav a{width:100%;height:auto;min-height:48px;box-sizing:border-box;justify-content:flex-start;padding:0 14px;border-radius:6px;color:#423d33;font-size:13px;letter-spacing:.06em}
  .nav-wrap .nav a.active{background:#f1eadb;color:#725b2a}
  .nav-wrap .nav a.active span:after{display:none}
  .menu-toggle[aria-expanded="true"]{position:fixed;z-index:24;top:12px;left:min(calc(82vw - 54px),266px);width:42px;min-height:42px;height:42px;padding:0;border:1px solid #ded3bc;border-radius:50%;background:#fffdf8;box-shadow:0 2px 8px rgba(35,29,18,.12);font-size:0;letter-spacing:0;justify-content:center;text-align:center}
  .menu-toggle[aria-expanded="true"] .menu-toggle-icon{width:20px}
  body.menu-is-open{overflow:hidden}
}
@media(prefers-reduced-motion:reduce){.menu-backdrop,.nav-wrap .nav{transition:none}}