/* Оформление лайтбокса magnific-popup (клик по фото товара - см.
   .popup-gallery, assets/js/my.js) под стиль сайта. Грузится ПОСЛЕ
   vendor/css/magnific-popup.min.css (см. shop/header.inc) - иначе стили
   вендора, идущие следом в каскаде, перебивали бы эти правила.

   Крестик закрытия - жалоба заказчицы 2026-08-10: сначала "и крестик
   стремный" (дефолтный - серый текстовый символ без рамки, растянутый на
   всю ширину картинки - .mfp-image-holder .mfp-close{width:100%} у
   вендора), потом, когда сделали кнопку с рамкой и красным hover - "вот
   это плохо, в галерее не нужно ничего красного", и напоследок - "короче
   крестик вообще убери". Закрытие лайтбокса всё равно работает - клик по
   затемнённому фону и Esc (стандартное поведение magnific-popup, не
   отключалось).

   Селектор через .mfp-wrap (не голый .mfp-close) - у вендора есть более
   специфичные правила (button.mfp-close, .mfp-image-holder .mfp-close),
   которые перебивали бы обычный класс независимо от порядка подключения
   файлов. */
.mfp-wrap .mfp-close {
	display: none;
}

.mfp-counter {
	color: var(--color-ink-soft);
	right: var(--space-3);
}

.mfp-arrow {
	opacity: 0.9;
}

.mfp-arrow:hover,
.mfp-arrow:focus-visible {
	opacity: 1;
}