/* Навигация на телефоне: тонкая липкая шапка, «индикатор места» (какой раздел и сколько их),
   линия из сегментов по числу разделов и светлое меню-маршрут. Шире 620px ничего не показывается.
   Классы без «ad-» (ловушка блокировщиков). */
.mm-data,.mm-here,.mm-seg,.mm-veil,.mm-sheet{display:none}

@media (max-width:620px){
  :root{--mm-h:56px}
  html{scroll-padding-top:calc(var(--mm-h) + 16px)}

  .top{position:sticky;top:0;z-index:200;transition:box-shadow .25s ease}
  .top.is-stuck{box-shadow:0 10px 24px -14px rgba(11,16,38,.7)}
  .top .wrap{height:var(--mm-h);gap:12px}
  .mm-js .top nav{display:none}
  .cx-bar{display:none}
  .brand{flex:none;font-size:19px}
  .mm-js .brand span{display:none}

  /* индикатор места */
  .mm-here{display:flex;align-items:center;gap:10px;flex:1 1 auto;min-width:0;height:40px;padding:0 12px 0 14px;border-radius:999px;border:1px solid rgba(255,255,255,.34);background:rgba(255,255,255,.13);color:#fff;font:600 16px/1 var(--text);text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .2s ease}
  .mm-here:active{background:rgba(255,255,255,.24)}
  .mm-count{flex:none;font:500 14px/1 var(--text);font-variant-numeric:tabular-nums;color:#d3daff}
  .mm-count b{font-weight:700;color:#fff}
  .mm-name{position:relative;flex:1 1 auto;min-width:0;height:20px;overflow:hidden}
  .mm-roll{position:absolute;left:0;right:0;top:0;line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .mm-roll.is-in{animation:mm-up .34s cubic-bezier(.2,.7,.2,1) both}
  .mm-roll.is-out{animation:mm-gone .34s cubic-bezier(.2,.7,.2,1) both}
  .mm-chev{flex:none;width:18px;height:18px;transition:transform .28s cubic-bezier(.2,.7,.2,1)}
  .mm-x{display:none;flex:none;width:18px;height:18px}
  .mm-open .mm-chev{display:none}
  .mm-open .mm-x{display:block}
  .mm-here:focus-visible,.mm-sheet :focus-visible{outline:3px solid #fff;outline-offset:2px;box-shadow:0 0 0 5px var(--ink)}
  .mm-sheet :focus-visible{outline-color:var(--blue);box-shadow:none}

  /* линия-маршрут: один сегмент на раздел */
  .mm-seg{display:flex;gap:3px;position:absolute;left:0;right:0;bottom:0;height:3px;pointer-events:none}
  .mm-seg i{position:relative;flex:1 1 0;background:rgba(255,255,255,.24);overflow:hidden;border-radius:2px}
  .mm-seg b{position:absolute;inset:0;background:#fff;transform-origin:0 50%;transform:scaleX(0);will-change:transform}

  /* меню */
  .mm-veil{display:block;position:fixed;inset:var(--mm-h) 0 0 0;z-index:180;background:rgba(11,16,38,.55);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}
  .mm-veil[hidden],.mm-sheet[hidden]{display:none}
  .mm-veil:not([hidden]){animation:mm-fade .22s ease both}
  .mm-sheet{display:flex;flex-direction:column;position:fixed;z-index:190;left:8px;right:8px;top:calc(var(--mm-h) + 8px);max-height:calc(100vh - var(--mm-h) - 16px);max-height:calc(100dvh - var(--mm-h) - 16px);background:var(--paper);color:var(--ink);border-radius:26px;box-shadow:0 30px 60px -20px rgba(11,16,38,.6);overflow:hidden}
  .mm-sheet:focus{outline:none}
  .mm-sheet:not([hidden]){animation:mm-drop .3s cubic-bezier(.2,.7,.2,1) both}
  .mm-head{flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 12px 4px 20px}
  .mm-title{font:600 16px/1.2 var(--text);color:var(--slate)}
  .mm-close{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px 0 18px;border:0;border-radius:999px;background:var(--ink);color:#fff;font:600 16px/1 var(--text);cursor:pointer;-webkit-tap-highlight-color:transparent}
  .mm-close:active{background:var(--blue-deep)}
  .mm-close-x{width:16px;height:16px}
  .mm-switch{flex:none;display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:6px 12px 2px;padding:4px;border-radius:16px;background:var(--sunk)}
  .mm-switch a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:0 8px;border-radius:12px;color:var(--blue-deep);font:600 15px/1.15 var(--text);text-align:center;text-decoration:none}
  .mm-switch a[aria-current]{background:#fff;color:var(--ink);box-shadow:0 2px 8px -3px rgba(11,16,38,.28)}
  .mm-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:10px 8px 6px}
  .mm-list{list-style:none;margin:0;padding:0}
  .mm-list li{position:relative}
  .mm-list li:not(:last-child)::after{content:"";position:absolute;left:25px;top:30px;bottom:-30px;width:2px;background:var(--line)}
  .mm-list li.is-done::after{background:var(--blue)}
  .mm-list a{position:relative;z-index:1;display:block;padding:12px 12px 12px 54px;color:var(--ink);text-decoration:none;border-radius:18px}
  .mm-list a::before{content:"";position:absolute;left:18px;top:17px;width:14px;height:14px;border-radius:50%;background:var(--paper);border:2px solid #aab4fb;box-sizing:border-box}
  .mm-list li.is-done a::before{background:var(--blue);border-color:var(--blue)}
  .mm-list a.is-here::before{background:var(--blue);border-color:var(--blue);box-shadow:0 0 0 5px rgba(47,70,255,.18)}
  .mm-t{display:block;font:700 19px/1.25 var(--display);letter-spacing:-.012em}
  .mm-h{display:block;margin-top:2px;font:400 15px/1.35 var(--text);color:var(--slate)}
  .mm-list a.is-here .mm-t{color:var(--blue-deep)}
  .mm-list a.is-here .mm-t::after{content:"вы здесь";margin-left:10px;padding:3px 9px;border-radius:999px;background:var(--soft);color:var(--blue-deep);font:600 13px/1 var(--text);letter-spacing:0;vertical-align:2px}
  .mm-label{margin:16px 12px 2px;font:600 15px/1.3 var(--text);color:var(--slate)}
  .mm-more{display:grid;margin:0 4px 6px}
  .mm-more a{display:block;padding:11px 8px;color:var(--ink);font:600 17px/1.3 var(--text);text-decoration:none;border-top:1px solid var(--sunk)}
  .mm-more a:first-child{border-top:0}
  .mm-cta{flex:none;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px;border-top:1px solid var(--sunk);background:#fff}
  .mm-cta .btn{width:100%;min-height:48px;padding:0 10px;font-size:16px;border-radius:14px}
  html.mm-lock{overflow:hidden}

  /* карточки «что создать» слипаются под липкой шапкой */
  .makes .make:nth-child(1){top:calc(var(--mm-h) + 14px)}
  .makes .make:nth-child(2){top:calc(var(--mm-h) + 32px)}
  .makes .make:nth-child(3){top:calc(var(--mm-h) + 50px)}
  .makes .make:nth-child(4){top:calc(var(--mm-h) + 68px)}
}
@media (max-width:620px) and (min-width:430px){.mm-js .brand span{display:inline}}
@keyframes mm-up{from{transform:translateY(110%);opacity:0}to{transform:none;opacity:1}}
@keyframes mm-gone{from{transform:none;opacity:1}to{transform:translateY(-110%);opacity:0}}
@keyframes mm-fade{from{opacity:0}to{opacity:1}}
@keyframes mm-drop{from{opacity:0;transform:translateY(-10px) scale(.985)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){
  .mm-roll.is-in,.mm-roll.is-out,.mm-veil:not([hidden]),.mm-sheet:not([hidden]){animation:none}
  .mm-chev,.top{transition:none}
}