/* Единое меню AWU: шапка ПК с мега-меню + шторка телефона (13.10.2026).
   Дерево: menu-tree.json → gen.py. Классы: .awu-h (шапка), .mn-* (ПК), .mm-* (телефон).
   Отступы шагом 4/8/12/16/24/32; тап-зоны ≥44; анимации только transform/opacity/grid-template-rows. */
.awu-h,.mm{--mn-ink:var(--ink,#252524);--mn-ink2:var(--ink-2,#5E5D58);--mn-ink3:var(--ink-3,#6B6964);--mn-line:var(--line,#DEDCD7);--mn-bg:var(--bg,#EEEDEA);--mn-paper:var(--paper,#fff);--mn-dark:var(--dark,#252524);--mn-red:var(--red,#E02020);--mn-wa:var(--wa,#15803D);--mn-f:var(--f,"Golos Text",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif);--mn-ease:cubic-bezier(.2,.8,.2,1)}

/* ---------- шапка ---------- */
.awu-h{position:sticky;top:0;z-index:60;background:var(--mn-dark);color:#fff;font-family:var(--mn-f)}
.awu-h__in{position:relative;max-width:1440px;margin:0 auto;padding:0 clamp(16px,3.4vw,48px);height:76px;display:flex;align-items:center;gap:16px}
.awu-h__logo{display:flex;align-items:center;min-height:44px;flex:none}
.awu-h__logo img{height:46px;width:auto;display:block}
.awu-h__call{display:grid;line-height:1.25;text-decoration:none;color:#fff;text-align:end;white-space:nowrap;flex:none}
.awu-h__call b{font-size:16px;font-weight:600;unicode-bidi:isolate}
.awu-h__call span{font-size:12px;color:rgba(255,255,255,.66)}
.awu-h__wa{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 16px;border-radius:12px;background:var(--mn-wa);color:#fff;text-decoration:none;font:600 15px/1 var(--mn-f);flex:none}

/* ---------- ПК: мега-меню ---------- */
.mn{display:flex;align-items:stretch;justify-content:center;flex:1;min-width:0;height:100%}
.mn-g{display:flex}
.mn-t,.mn-s{position:relative;display:flex;align-items:center;gap:6px;height:100%;padding:0 10px;color:rgba(255,255,255,.88);text-decoration:none;font:500 15px/1 var(--mn-f);white-space:nowrap}
.mn-t::after{content:"";width:6px;height:6px;border:solid currentColor;border-width:0 1.5px 1.5px 0;transform:translateY(-2px) rotate(45deg);opacity:.6;transition:transform .2s ease}
.mn-t::before,.mn-s::before{content:"";position:absolute;left:10px;right:10px;bottom:0;height:2px;background:var(--mn-red);transform:scaleX(0);transition:transform .2s ease}
.mn-g.mn-open .mn-t,.mn-t:hover,.mn-s:hover,.mn-g.is-cur .mn-t,.mn-s[aria-current]{color:#fff}
.mn-g.mn-open .mn-t::before,.mn-g.is-cur .mn-t::before,.mn-s:hover::before,.mn-s[aria-current]::before{transform:scaleX(1)}
.mn-g.mn-open .mn-t::after{transform:translateY(1px) rotate(225deg)}
.mn-p{position:absolute;left:0;right:0;top:100%;padding:0 clamp(16px,3.4vw,48px);opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .2s ease,transform .2s var(--mn-ease),visibility 0s linear .2s;pointer-events:none}
.mn-g.mn-open .mn-p{opacity:1;visibility:visible;transform:none;transition:opacity .2s ease,transform .2s var(--mn-ease),visibility 0s;pointer-events:auto}
.mn-pi{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:280px minmax(0,1fr);gap:32px;padding:24px;background:var(--mn-paper);color:var(--mn-ink);border-radius:0 0 20px 20px;box-shadow:0 24px 48px rgba(0,0,0,.18)}
.mn-f{display:grid;gap:12px;align-content:start;text-decoration:none;color:var(--mn-ink);font:600 16px/1.3 var(--mn-f)}
.mn-f img{width:280px;height:210px;border-radius:14px;object-fit:cover;display:block;background:#F2F1EE;transition:transform .4s ease}
.mn-f:hover img{transform:scale(1.02)}
.mn-f span{display:flex;align-items:center;gap:8px;min-height:44px}
.mn-f span::after{content:"";width:8px;height:8px;border:solid var(--mn-red);border-width:2px 2px 0 0;transform:rotate(45deg);transition:transform .2s ease}
.mn-f:hover span::after{transform:translateX(4px) rotate(45deg)}
.mn-flg{display:grid;place-items:center;width:280px;height:210px;border-radius:14px;border:1px solid var(--mn-line);background:#fff}
.mn-flg img{width:160px;height:48px;object-fit:contain}
.mn-l{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,300px));gap:4px 24px;align-content:start}
.mn-l a{position:relative;display:flex;align-items:center;min-height:44px;padding:0 12px;border-radius:10px;color:var(--mn-ink);text-decoration:none;font:400 16px/1.3 var(--mn-f);transition:background-color .15s ease}
.mn-l a:hover{background:var(--mn-bg)}
.mn-l a[aria-current="page"]{color:var(--mn-red);font-weight:600}
.mn-lang{position:relative;flex:none}
.awu-h details.mn-lang{background:none;border:0;border-radius:0;padding:0;margin:0;box-shadow:none;width:auto}
.mn-lang summary{list-style:none;display:grid;place-items:center;min-width:44px;height:44px;padding:0 8px;border-radius:12px;border:1px solid rgba(255,255,255,.18);font:600 14px/1 var(--mn-f);cursor:pointer}
.mn-lang summary::-webkit-details-marker{display:none}
.awu-h .mn-lang summary{background:transparent;color:#fff;box-shadow:none;margin:0;padding:0 8px;font-size:14px;font-weight:600;position:static}.awu-h .mn-lang summary::before,.awu-h .mn-lang summary::after{content:none;display:none}
.awu-h .mn-lang[open] summary{border-color:rgba(255,255,255,.4)}
.mn-lm{position:absolute;inset-inline-end:0;top:calc(100% + 8px);display:grid;min-width:160px;padding:8px;background:var(--mn-paper);border-radius:14px;box-shadow:0 16px 32px rgba(0,0,0,.18)}
.mn-lm a{display:flex;align-items:center;min-height:44px;padding:0 12px;border-radius:10px;color:var(--mn-ink);text-decoration:none;font:500 15px/1 var(--mn-f)}
.mn-lm a:hover{background:var(--mn-bg)}
.mn-lm a[aria-current]{font-weight:600;color:var(--mn-red)}

/* ---------- кнопка шторки ---------- */
.mm-burger{display:none;width:44px;height:44px;border:0;border-radius:12px;background:rgba(255,255,255,.1);place-content:center;gap:4px;cursor:pointer;padding:0;flex:none}
.mm-burger span{display:block;width:18px;height:2px;border-radius:2px;background:#fff}

/* ---------- ширины ---------- */
@media (max-width:1439px){.awu-h__call span{display:none}.mn-t,.mn-s{padding:0 10px}.mn-t::before,.mn-s::before{left:10px;right:10px}}
@media (max-width:1359px){.awu-h__call{display:none}.mn-t,.mn-s{padding:0 9px;font-size:14px}.mn-t::before,.mn-s::before{left:9px;right:9px}}
@media (max-width:1279px){.mn-t,.mn-s{padding:0 7px}.mn-t::before,.mn-s::before{left:7px;right:7px}.awu-h__in{gap:12px}}
@media (max-width:1179px){
  .mn,.mn-lang{display:none}
  .mm-burger{display:grid}
  .awu-h__in{height:64px;gap:8px}
  .awu-h__logo img{height:38px}
  .awu-h__wa{margin-inline-start:auto;width:44px;padding:0}
  .awu-h__wa span{display:none}
}

/* ---------- телефон: шторка ---------- */
.mm{position:fixed;inset:0;z-index:80;visibility:hidden;pointer-events:none;font-family:var(--mn-f);transition:visibility 0s linear .3s}
.mm.on{visibility:visible;pointer-events:auto;transition:visibility 0s}
.mm-bd{position:absolute;inset:0;background:rgba(20,20,19,.55);opacity:0;transition:opacity .3s ease}
.mm.on .mm-bd{opacity:1}
.mm-pn{position:absolute;top:0;bottom:0;inset-inline-end:0;width:min(420px,100%);background:var(--mn-paper);color:var(--mn-ink);display:flex;flex-direction:column;transform:translateX(100%);transition:transform .3s var(--mn-ease);box-shadow:-12px 0 32px rgba(0,0,0,.12);will-change:transform}
[dir="rtl"] .mm-pn{transform:translateX(-100%);box-shadow:12px 0 32px rgba(0,0,0,.12)}
.mm.on .mm-pn{transform:none}

.mm-top{flex:none;display:flex;align-items:center;justify-content:space-between;height:64px;padding:0 16px;border-bottom:1px solid var(--mn-line)}
.mm-logo{display:flex;align-items:center;min-height:44px}.mm-logo img{height:40px;width:auto;display:block}
.mm-x{width:44px;height:44px;border:0;border-radius:14px;background:var(--mn-ink);color:#fff;display:grid;place-items:center;cursor:pointer}

.mm-sc{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:16px 16px 24px;display:grid;gap:24px;align-content:start}
.mm-cta{display:grid;gap:8px}
.mm-row2{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.mm-b{display:flex;align-items:center;justify-content:center;gap:8px;height:48px;border-radius:14px;font:600 16px/1.2 var(--mn-f);text-decoration:none}
.mm-b-red{height:52px;background:var(--mn-red);color:#fff}
.mm-b-line{border:1px solid var(--mn-ink);color:var(--mn-ink)}
.mm-b-wa{background:var(--mn-wa);color:#fff}

.mm-list,.mm-list li,.mm-d ul,.mm-d li,.mn-l,.mn-l li{list-style:none}
.mm-list li::before,.mn-l li::before,.mm-d li::before{content:none}
.mm-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--mn-line)}
.mm-g{border-bottom:1px solid var(--mn-line)}
.mm-s{width:100%;height:64px;display:grid;grid-template-columns:44px minmax(0,1fr) 32px;align-items:center;column-gap:12px;padding:0;border:0;background:none;font:600 17px/1.2 var(--mn-f);color:var(--mn-ink);text-align:start;cursor:pointer}
.mm-s img{width:44px;height:44px;border-radius:12px;object-fit:cover;display:block;background:#F2F1EE}
.mm-lg{width:44px;height:44px;border-radius:12px;border:1px solid var(--mn-line);display:grid;place-items:center}
.mm-lg img{width:34px;height:auto;object-fit:contain}
.mm-s i{width:32px;height:32px;border-radius:50%;background:var(--mn-bg);position:relative;transition:background-color .26s ease}
.mm-s i::before,.mm-s i::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2px;margin:-1px 0 0 -6px;border-radius:2px;background:var(--mn-ink);transition:transform .26s ease,background-color .26s ease}
.mm-s i::after{transform:rotate(90deg)}
.mm-g.mm-open .mm-s i{background:var(--mn-ink)}
.mm-g.mm-open .mm-s i::before,.mm-g.mm-open .mm-s i::after{background:#fff}
.mm-g.mm-open .mm-s i::before{transform:rotate(180deg)}
.mm-g.mm-open .mm-s i::after{transform:rotate(180deg)}

.mm-d{display:grid;grid-template-rows:0fr;transition:grid-template-rows .26s ease}
.mm-g.mm-open .mm-d{grid-template-rows:1fr}
.mm-d>div{overflow:hidden;min-height:0}
.mm-d ul{list-style:none;margin:0;padding-block:0 12px;padding-inline:56px 0;opacity:0;transition:opacity .2s ease}
.mm-g.mm-open .mm-d ul{opacity:1;transition:opacity .26s ease .06s}
.mm-d a{position:relative;display:flex;align-items:center;min-height:48px;padding-inline-end:8px;font:400 16px/1.3 var(--mn-f);color:var(--mn-ink);text-decoration:none}
.mm-d li+li a{border-top:1px solid #EFEDE9}
.mm-d a[aria-current="page"]{color:var(--mn-red);font-weight:600}
.mm-d a[aria-current="page"]::before{content:"";position:absolute;inset-inline-start:-14px;top:14px;bottom:14px;width:3px;border-radius:2px;background:var(--mn-red)}
.mm-d .mm-all{font-weight:600}
.mm-d .mm-all::after,.mm-more a::after{content:"";width:8px;height:8px;border:solid currentColor;border-width:2px 2px 0 0;transform:rotate(45deg)}
.mm-d .mm-all::after{margin-inline-start:8px}
[dir="rtl"] .mm-d .mm-all::after,[dir="rtl"] .mm-more a::after,[dir="rtl"] .mn-f span::after{transform:rotate(-135deg)}
[dir="rtl"] .mn-f:hover span::after{transform:translateX(-4px) rotate(-135deg)}

.mm-more{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.mm-more a{display:flex;align-items:center;justify-content:space-between;height:52px;padding:0 16px;border-radius:14px;background:var(--mn-bg);font:600 16px/1 var(--mn-f);color:var(--mn-ink);text-decoration:none}
.mm-more a::after{color:var(--mn-ink3)}
.mm-lang{display:grid;grid-template-columns:repeat(var(--n,3),1fr);padding:4px;border-radius:14px;background:var(--mn-bg)}
.mm-lang a{display:grid;place-items:center;height:44px;border-radius:10px;font:600 15px/1 var(--mn-f);color:var(--mn-ink2);text-decoration:none}
.mm-lang a[aria-current]{background:#fff;color:var(--mn-ink);box-shadow:0 1px 3px rgba(0,0,0,.12)}
.mm-info{display:grid;gap:4px;padding-top:16px;border-top:1px solid var(--mn-line)}
.mm-info a{display:grid;grid-template-columns:20px minmax(0,1fr);gap:12px;align-items:start;min-height:44px;padding:8px 0;color:var(--mn-ink2);text-decoration:none;font:400 15px/1.45 var(--mn-f)}
.mm-info svg{margin-top:2px;color:var(--mn-ink3)}
.mm-info b{display:block;color:var(--mn-ink);font-weight:600}

html.mm-lock,html.mm-lock body{overflow:hidden}
@media (min-width:1180px){.mm{display:none}}
@media (prefers-reduced-motion:reduce){
  .mm,.mm-bd,.mm-pn,.mm-d,.mm-d ul,.mm-s i,.mm-s i::before,.mm-s i::after,.mn-p,.mn-t::before,.mn-t::after,.mn-s::before,.mn-f img,.mn-f span::after{transition:none!important}
}
