/**
 * Убираем чёрную браузерную рамку при клике (в т.ч. «мигание» перед переходом).
 * Для лого и плиток — без outline на любой focus/active (клавиатура редко туда попадает).
 */

.header__logo,
.header__logo img,
.header__logo svg,
.products-categories__item,
.products__item,
.products__item a,
.categories-aside__link,
.categories-aside__sublink {
  -webkit-tap-highlight-color: transparent;
  tap-highlight-color: transparent;
}

.header__logo:focus,
.header__logo:active,
.header__logo:focus-visible,
.header__logo:focus-within,
.header__logo img:focus,
.header__logo img:active,
.header__logo img:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}

.products-categories__item:focus,
.products-categories__item:active,
.products-categories__item:focus-visible,
.products-categories__item:focus-within {
  outline: none !important;
}

.products__item:focus,
.products__item:focus-within,
.products__item a:focus,
.products__item a:active,
.products__item a:focus-visible {
  outline: none !important;
}

.categories-aside__link:focus,
.categories-aside__link:active,
.categories-aside__sublink:focus,
.categories-aside__sublink:active {
  outline: none !important;
}

a:focus:not(:focus-visible),
button:focus:not(:focus-visible) {
  outline: none;
}

a:active,
button:active {
  outline: none;
}