/* Мобильная шапка по образцу newgold: бургер, лупа, логотип по центру, иконки справа.
   Лупа открывает поле поиска полосой под шапкой (внутри — микрофон, поле, фотоаппарат, лупа, как на ПК).
   Бургер выдвигает меню слева. На ПК кнопки скрыты, шапка прежняя. */
.header-burger,.header-search-toggle{display:none}
.mnav,.mnav-overlay{display:none}

@media(max-width:759px){
  .site-header{padding:8px 0}
  .header-row{position:relative;display:grid;grid-template-columns:40px 40px minmax(0,1fr) auto;align-items:center;gap:6px;height:auto;min-height:44px}
  .header-burger,.header-search-toggle{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border-radius:50%;color:#000;cursor:pointer;-webkit-tap-highlight-color:transparent}
  .header-burger{flex-direction:column;gap:3.5px}
  .header-burger span{display:block;width:16px;height:1.6px;border-radius:2px;background:currentColor}
  .header-search-toggle svg{width:21px;height:21px}
  .header-search-toggle[aria-expanded="true"]{background:rgba(0,0,0,.08)}
  .header-burger:focus-visible,.header-search-toggle:focus-visible{outline:2px solid #666;outline-offset:2px}
  .header-brand{grid-column:3;grid-row:1;justify-self:center;flex:none;min-height:40px;padding:4px 10px;border-radius:12px}
  .header-brand-logo{height:28px;max-width:118px}
  .header-actions{grid-column:4;grid-row:1;flex:none;padding:0 2px;border-radius:12px}
  .header-action{min-width:34px;min-height:40px;padding:2px}
  .header-action > span:not(.header-action-icon){display:none}
  .header-action svg{width:21px;height:21px}
  /* поле поиска: скрыто, открывается лупой полосой под строкой шапки */
  .header-search{display:none;position:absolute;left:0;right:0;top:calc(100% + 8px);grid-column:auto;grid-row:auto;min-height:46px;margin:0;border-radius:14px;box-shadow:0 10px 24px rgba(0,0,0,.08)}
  .site-header.is-search-open .header-search{display:flex}
  .header-search input{font-size:16px}

  /* выезжающее меню */
  .mnav{display:flex;flex-direction:column;position:fixed;top:0;left:0;z-index:1001;width:min(88vw,360px);height:100vh;height:100dvh;padding:12px 14px calc(24px + env(safe-area-inset-bottom,0px));overflow-y:auto;overscroll-behavior:contain;background:#fff;box-shadow:16px 0 60px rgba(0,0,0,.18);transform:translateX(-100%);transition:transform .32s cubic-bezier(.2,.7,.2,1);font-family:var(--font-ui)}
  .mnav.is-open{transform:translateX(0)}
  .mnav-overlay{display:block;position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.42);opacity:0;transition:opacity .28s}
  .mnav-overlay.is-open{opacity:1}
  .mnav-overlay[hidden]{display:none}
  .mnav__head{display:flex;align-items:center;justify-content:space-between;padding:0 0 8px}
  .mnav__head span{font-family:var(--font-meta);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#888}
  .mnav__close{width:40px;height:40px;padding:9px;border:1px solid #e3e3e3;border-radius:50%;background:#f6f6f6;color:#111;cursor:pointer}
  .mnav__close svg{display:block;width:100%;height:100%}
  .mnav__list{display:grid}
  .mnav__link,.mnav__toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:13px 10px;border-radius:8px;color:#111;font:500 15px/1.3 var(--font-ui);text-decoration:none;text-align:left;background:none;border:0}
  .mnav__link{border-bottom:1px solid #f0f0f0}
  .mnav__link:active,.mnav__toggle:active{background:#f3f3f3}
  .mnav__link[aria-current="page"]{color:#e53950}
  .mnav__accordion{border-bottom:1px solid #ececec}
  .mnav__toggle{cursor:pointer}
  .mnav__toggle::after{content:"";width:8px;height:8px;margin-right:4px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(-45deg);opacity:.5;transition:transform .24s}
  .mnav__accordion.is-open .mnav__toggle::after{transform:rotate(45deg);opacity:1}
  .mnav__panel{display:none;padding:0 0 10px 8px}
  .mnav__accordion.is-open .mnav__panel{display:block}
  .mnav__panel a{display:block;padding:9px 10px;color:#555;font-size:14px;text-decoration:none}
  .mnav__panel a[aria-current="page"]{color:#e53950}
  .mnav__social{align-self:flex-start;margin-top:18px;padding:9px 14px;border:1px solid #e3e3e3;border-radius:999px;color:#111;font-size:14px;text-decoration:none}
  .mnav a:focus-visible,.mnav button:focus-visible{outline:2px solid #666;outline-offset:2px}
  body.mnav-lock{overflow:hidden}
}
@media(max-width:759px) and (prefers-reduced-motion:reduce){.mnav,.mnav-overlay{transition:none}}