/* Прогрессивное улучшение доступности поверх основного бандла.
   Подключается после main CSS, ничего в сборке не меняет. */

/* 1. Заметный фокус при навигации с клавиатуры */
a:focus-visible, button:focus-visible, input:focus-visible,
select:focus-visible, textarea:focus-visible,
[role="button"]:focus-visible, [role="tab"]:focus-visible,
[role="link"]:focus-visible, [tabindex]:focus-visible {
  outline: 3px solid #000;
  outline-offset: 2px;
  border-radius: 2px;
}
/* на тёмных элементах чёрная обводка не видна — даём розовую */
.cta:focus-visible, .buy:focus-visible, [class*="buy"]:focus-visible {
  outline-color: #ff5ea8;
}

/* 2. Skip-link «к оформлению» (виден только при фокусе с клавиатуры) */
.skip-link {
  position: fixed; left: 8px; top: -60px; z-index: 9999;
  background: #000; color: #ffe14a; font-weight: 700;
  padding: 10px 16px; border: 3px solid #ffe14a; text-decoration: none;
  font-family: "Montserrat", "Arial Black", sans-serif; text-transform: uppercase;
  transition: top .15s;
}
.skip-link:focus { top: 8px; outline: 3px solid #ff5ea8; }

/* 3. Уважать prefers-reduced-motion: заодно убирает «мигание» секций при скролле */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .001ms !important;
    scroll-behavior: auto !important;
  }
}