/* CLA-11: тап-цели ≥48px на мобильной версии статических страниц.
   Только ниже md (768px), десктоп не меняется. Классы SPA — см. max-md: в компонентах.
   !important нужен: статические страницы несут свой min-h-11 с большей специфичностью. */
@media (max-width: 767px) {
  header a,
  header button,
  a[href^="tel:"] {
    min-height: 3rem !important;
  }
  header button {
    min-width: 3rem !important;
    justify-content: center;
  }
  header a,
  a[href^="tel:"] {
    display: inline-flex;
    align-items: center;
  }
  footer a {
    display: inline-flex;
    align-items: center;
    min-height: 3rem !important;
  }
  /* display !important: у ссылок крошек инлайн-стиль display:inline, без него min-height не действует. */
  nav[aria-label="Хлебные крошки"] a,
  nav[aria-label="breadcrumb"] a {
    display: inline-flex !important;
    align-items: center;
    min-height: 3rem !important;
  }
  .seo-ilink-districts ul a {
    display: inline-flex !important;
    align-items: center;
    min-height: 3rem !important;
  }
  details > summary {
    display: flex;
    align-items: center;
    min-height: 3rem !important;
    cursor: pointer;
  }
  a.rounded-full {
    display: inline-flex;
    align-items: center;
    min-height: 3rem !important;
  }
}