/**
 * /local/assets/mda/catalog-frame.css
 * Вариант B — мягкая студийная подложка для фото товаров.
 * Универсально: и cutout без фона, и студийные кадры с фоном.
 * Сами файлы в /upload/iblock не трогаем — только CSS-обёртка.
 */

/* —— Детальная карточка: главная галерея —— */
html body .product-detail-gallery .detail-gallery-big__link.fancy_zoom,
html body .product-detail-gallery a.detail-gallery-big__link {
	display: block;
	position: relative;
	border-radius: 20px;
	overflow: hidden;
	background:
		radial-gradient(
			ellipse 70% 65% at 50% 45%,
			rgba(140, 75, 200, 0.38) 0%,
			rgba(18, 8, 32, 0.92) 58%,
			rgba(10, 5, 18, 1) 100%
		);
	box-shadow:
		0 12px 32px rgba(0, 0, 0, 0.45),
		0 0 0 1px rgba(210, 170, 255, 0.42),
		inset 0 1px 0 rgba(255, 255, 255, 0.06);
	transition: box-shadow 0.2s ease;
}

html body .product-detail-gallery .detail-gallery-big__link.fancy_zoom:hover,
html body .product-detail-gallery a.detail-gallery-big__link:hover {
	box-shadow:
		0 14px 36px rgba(0, 0, 0, 0.5),
		0 0 0 1px rgba(220, 180, 255, 0.55),
		inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

html body .product-detail-gallery .detail-gallery-big__picture {
	border-radius: 20px;
	background: transparent !important;
}

/* мобильный короткий слайдер на деталке */
html body .product-detail-gallery .detail-gallery-big-slider .detail-gallery-big__link {
	border-radius: 16px;
}

/* thumbs — чуть мягче, без тяжёлого glow */
html body .product-detail-gallery .gallery__item--thumb,
html body .product-detail-gallery .gallery-slider-thumb .swiper-slide {
	border-radius: 10px;
	overflow: hidden;
	background:
		radial-gradient(
			ellipse at center,
			rgba(120, 70, 180, 0.28) 0%,
			rgba(12, 6, 22, 0.95) 75%
		);
	box-shadow: 0 0 0 1px rgba(200, 160, 255, 0.28);
}

/* —— Листинг каталога (плитка) —— */
html body .catalog_block .image_wrapper_block,
html body .catalog_item .image_wrapper_block,
html body .item_wrap .image_wrapper_block {
	border-radius: 16px;
	overflow: hidden;
	background:
		radial-gradient(
			ellipse 75% 70% at 50% 42%,
			rgba(130, 70, 190, 0.34) 0%,
			rgba(14, 7, 26, 0.96) 62%,
			rgba(10, 5, 18, 1) 100%
		) !important;
	box-shadow:
		0 8px 22px rgba(0, 0, 0, 0.35),
		0 0 0 1px rgba(200, 160, 255, 0.32);
}

html body .catalog_block .image_wrapper_block img,
html body .catalog_item .image_wrapper_block img,
html body .item_wrap .image_wrapper_block img {
	background: transparent !important;
}

/* список (не плитка) — если есть */
html body .catalog_list .image_wrapper_block,
html body .list_item .image_wrapper_block {
	border-radius: 14px;
	overflow: hidden;
	background:
		radial-gradient(
			ellipse at center,
			rgba(130, 70, 190, 0.3) 0%,
			rgba(12, 6, 22, 0.96) 70%
		) !important;
	box-shadow: 0 0 0 1px rgba(200, 160, 255, 0.28);
}

/* быстрый просмотр (модалка) */
html body .fast_view_frame .product-detail-gallery .detail-gallery-big__link,
html body #fast_view_form .detail-gallery-big__link {
	border-radius: 16px;
	overflow: hidden;
	background:
		radial-gradient(
			ellipse at center,
			rgba(130, 70, 190, 0.35) 0%,
			rgba(12, 6, 22, 0.95) 70%
		);
	box-shadow: 0 0 0 1px rgba(210, 170, 255, 0.4);
}