/* Убираем контур и подсветку на мобильных устройствах (экраны меньше 980px) для всего сайта */
@media (max-width: 980px) {
  /* Для всех ссылок, кнопок и интерактивных элементов */
  a, button, [tabindex] {
    -webkit-tap-highlight-color: transparent; /* Убираем подсветку при нажатии */
    outline: none !important; /* Убираем контур при нажатии */
  }

  /* Убираем контур для состояния :active */
  a:active, button:active, [tabindex]:active {
    outline: none !important;
  }

  /* Сохраняем контур для состояния :focus (для доступности при клавиатурной навигации) */
  a:focus, button:focus, [tabindex]:focus {
    outline: auto; /* Оставляем стандартный контур для фокуса */
  }
}