/* Единая мобильная шапка (модуль nav.js, задача 08).
   Активна только на ≤991px и только при .gnav-on (модуль встал).
   На десктопе .gnav скрыт, штатные шапки страниц не трогаются. */
.gnav{display:none}

@media (max-width:991px){
  /* Штатные шапки страниц скрываются, их место занимает модульная.
     .hdr — каталог, /surgery/, /support/, стоматология и словарные;
     покрытие проверяется прогоном по всем страницам. */
  /* .hdr — раздел/каталог/стоматология; .top — support/faq/cookies;
     header[style*=sticky] — лендинг (его шапка без класса, стиль в
     атрибуте; других sticky-хедеров на сайте нет — проверено грепом). */
  :root.gnav-on .hdr,
  :root.gnav-on header.top,
  :root.gnav-on header[style*="sticky"]{display:none !important}
  :root.gnav-on body{padding-top:calc(64px + env(safe-area-inset-top))}
  :root.gnav-on{scroll-padding-top:80px}

  .gnav{display:block}
  .gnav__bar{position:fixed;inset:0 0 auto 0;z-index:70;display:flex;align-items:center;
    gap:10px;height:calc(64px + env(safe-area-inset-top));
    padding:env(safe-area-inset-top) 14px 0;
    background:var(--page,#fff);border-bottom:1px solid rgba(0,0,0,.12)}
  :root[data-theme="dark"] .gnav__bar{border-bottom-color:rgba(255,255,255,.16)}
  .gnav__logo{display:flex;align-items:center;flex:0 0 auto}
  .gnav__logo img{height:28px;width:auto;display:block}
  .gnav__sub{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
    font:500 14px/1.2 'Inter Tight',sans-serif;color:var(--head,#1a1a1a)}
  :root[lang="he"] .gnav__sub{font-family:'Heebo','Inter Tight',sans-serif}

  .gnav__m{margin-inline-start:auto;flex:0 0 auto}
  .gnav__b{list-style:none;display:grid;place-items:center;width:44px;height:44px;
    border-radius:12px;cursor:pointer;color:var(--head,#1a1a1a)}
  .gnav__b::-webkit-details-marker{display:none}
  .gnav__m[open] .gnav__b{background:rgba(0,0,0,.06)}
  :root[data-theme="dark"] .gnav__m[open] .gnav__b{background:rgba(255,255,255,.1)}
  .gnav__b i,.gnav__b i::before,.gnav__b i::after{content:'';display:block;width:20px;height:2px;
    border-radius:2px;background:currentColor;position:relative}
  .gnav__b i::before{position:absolute;top:-6px}
  .gnav__b i::after{position:absolute;top:6px}

  /* Панель — непрозрачная, на всю высоту под шапкой, поверх дока. */
  .gnav__p{position:fixed;inset:calc(64px + env(safe-area-inset-top)) 0 0 0;z-index:70;
    overflow-y:auto;padding:8px 16px calc(24px + env(safe-area-inset-bottom));
    background:var(--page,#fff)}
  .gnav__nav{display:flex;flex-direction:column}
  .gnav__nav a{display:flex;align-items:center;min-height:52px;
    border-bottom:1px solid rgba(0,0,0,.08);
    font:500 18px/1.2 'Inter Tight',sans-serif;color:var(--head,#1a1a1a);text-decoration:none}
  :root[data-theme="dark"] .gnav__nav a{border-bottom-color:rgba(255,255,255,.12)}
  :root[lang="he"] .gnav__nav a{font-family:'Heebo','Inter Tight',sans-serif}
  .gnav__row{display:flex;align-items:center;gap:10px;padding-top:16px}
  .gnav__langs a{flex:1 1 0;display:flex;align-items:center;justify-content:center;
    min-height:46px;border-radius:1000px;background:rgba(0,0,0,.05);
    font:500 14px/1 'Inter Tight',sans-serif;color:var(--head,#1a1a1a);text-decoration:none}
  :root[data-theme="dark"] .gnav__langs a{background:rgba(255,255,255,.08)}
  .gnav__langs a[aria-current="true"]{background:#3D5F78;color:#fff}
  /* Текущая страница в списке разделов: цветом и весом, без плашки —
     плашка тут читалась бы как кнопка языка. */
  .gnav__nav a[aria-current="page"]{color:#3D5F78;font-weight:600}
  :root[data-theme="dark"] .gnav__nav a[aria-current="page"]{color:#9FC0D6}
  .gnav__ls{display:none}
  @media (max-width:359px){ .gnav__lf{display:none} .gnav__ls{display:inline} }
  .gnav__tgl{flex:1 1 0;display:flex;align-items:center;justify-content:center;min-height:46px;
    padding:0 14px;border:none;border-radius:1000px;background:rgba(0,0,0,.05);
    color:var(--head,#1a1a1a);white-space:nowrap;font:500 14px/1 'Inter Tight',sans-serif;cursor:pointer}
  :root[data-theme="dark"] .gnav__tgl{background:rgba(255,255,255,.08)}
  .gnav__wa{flex:1 1 0;display:flex;align-items:center;justify-content:center;min-height:46px;
    padding:0 16px;border-radius:1000px;background:#25D366;color:#fff;text-decoration:none;
    white-space:nowrap;font:500 14px/1 'Inter Tight',sans-serif}
}

/* Навбар на ВСЕХ страницах (слово владельца 14.08): страницы без своей
   десктопной шапки (печатные /checklist/ и /dentistry/instruction/,
   юридические, заглушка /en/) включают единую шапку и на ≥992px классом
   gnav-always на html. Блок — ручная копия правил выше с гардом; правила
   скрытия штатных шапок не скопированы: у этих страниц шапок нет. */
@media (min-width:992px){
  :root.gnav-always .gnav{display:block}
  :root.gnav-always body{padding-top:calc(64px + env(safe-area-inset-top))}
  :root.gnav-always{scroll-padding-top:80px}

  :root.gnav-always .gnav__bar{position:fixed;inset:0 0 auto 0;z-index:70;display:flex;align-items:center;
    gap:10px;height:calc(64px + env(safe-area-inset-top));
    padding:env(safe-area-inset-top) 14px 0;
    background:var(--page,#fff);border-bottom:1px solid rgba(0,0,0,.12)}
  :root.gnav-always[data-theme="dark"] .gnav__bar{border-bottom-color:rgba(255,255,255,.16)}
  :root.gnav-always .gnav__logo{display:flex;align-items:center;flex:0 0 auto}
  :root.gnav-always .gnav__logo img{height:28px;width:auto;display:block}
  :root.gnav-always .gnav__sub{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
    font:500 14px/1.2 'Inter Tight',sans-serif;color:var(--head,#1a1a1a)}
  :root.gnav-always[lang="he"] .gnav__sub{font-family:'Heebo','Inter Tight',sans-serif}

  :root.gnav-always .gnav__m{margin-inline-start:auto;flex:0 0 auto}
  :root.gnav-always .gnav__b{list-style:none;display:grid;place-items:center;width:44px;height:44px;
    border-radius:12px;cursor:pointer;color:var(--head,#1a1a1a)}
  :root.gnav-always .gnav__b::-webkit-details-marker{display:none}
  :root.gnav-always .gnav__m[open] .gnav__b{background:rgba(0,0,0,.06)}
  :root.gnav-always[data-theme="dark"] .gnav__m[open] .gnav__b{background:rgba(255,255,255,.1)}
  :root.gnav-always .gnav__b i,
  :root.gnav-always .gnav__b i::before,
  :root.gnav-always .gnav__b i::after{content:'';display:block;width:20px;height:2px;
    border-radius:2px;background:currentColor;position:relative}
  :root.gnav-always .gnav__b i::before{position:absolute;top:-6px}
  :root.gnav-always .gnav__b i::after{position:absolute;top:6px}

  :root.gnav-always .gnav__p{position:fixed;inset:calc(64px + env(safe-area-inset-top)) 0 0 0;z-index:70;
    overflow-y:auto;padding:8px 16px calc(24px + env(safe-area-inset-bottom));
    background:var(--page,#fff)}
  :root.gnav-always .gnav__nav{display:flex;flex-direction:column}
  :root.gnav-always .gnav__nav a{display:flex;align-items:center;min-height:52px;
    border-bottom:1px solid rgba(0,0,0,.08);
    font:500 18px/1.2 'Inter Tight',sans-serif;color:var(--head,#1a1a1a);text-decoration:none}
  :root.gnav-always[data-theme="dark"] .gnav__nav a{border-bottom-color:rgba(255,255,255,.12)}
  :root.gnav-always[lang="he"] .gnav__nav a{font-family:'Heebo','Inter Tight',sans-serif}
  :root.gnav-always .gnav__row{display:flex;align-items:center;gap:10px;padding-top:16px}
  :root.gnav-always .gnav__langs a{flex:1 1 0;display:flex;align-items:center;justify-content:center;
    min-height:46px;border-radius:1000px;background:rgba(0,0,0,.05);
    font:500 14px/1 'Inter Tight',sans-serif;color:var(--head,#1a1a1a);text-decoration:none}
  :root.gnav-always[data-theme="dark"] .gnav__langs a{background:rgba(255,255,255,.08)}
  :root.gnav-always .gnav__langs a[aria-current="true"]{background:#3D5F78;color:#fff}
  :root.gnav-always .gnav__nav a[aria-current="page"]{color:#3D5F78;font-weight:600}
  :root.gnav-always[data-theme="dark"] .gnav__nav a[aria-current="page"]{color:#9FC0D6}
  :root.gnav-always .gnav__ls{display:none}
  :root.gnav-always .gnav__tgl{flex:1 1 0;display:flex;align-items:center;justify-content:center;min-height:46px;
    padding:0 14px;border:none;border-radius:1000px;background:rgba(0,0,0,.05);
    color:var(--head,#1a1a1a);white-space:nowrap;font:500 14px/1 'Inter Tight',sans-serif;cursor:pointer}
  :root.gnav-always[data-theme="dark"] .gnav__tgl{background:rgba(255,255,255,.08)}
  :root.gnav-always .gnav__wa{flex:1 1 0;display:flex;align-items:center;justify-content:center;min-height:46px;
    padding:0 16px;border-radius:1000px;background:#25D366;color:#fff;text-decoration:none;
    white-space:nowrap;font:500 14px/1 'Inter Tight',sans-serif}
}

@media print{ .gnav{display:none !important} }
