/* =========================================================
   VISUALLY HIDDEN (ACCESSIBILITY & SEO SAFE)
   ---------------------------------------------------------
   Класс для скрытия элементов визуально, но сохранения их:
   – в DOM-дереве страницы
   – для поисковых систем (SEO)
   – для скринридеров и accessibility

   Используется для:
   – скрытых H1 / H2 на страницах с виджетами и iframe
   – служебных заголовков и пояснений
   – улучшения семантики без влияния на дизайн

   ВАЖНО:
   – не использовать display: none или visibility: hidden
   – безопасно для Google и Яндекс
   – соответствует best practices (WCAG)

   Пример:
   Заголовок страницы
   ========================================================= */
   
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}