/*
 * OuiOui Grid Gallery
 *
 * Базовий стан (десктоп / без JS / каруселі): обгортка «прозора» для верстки теми,
 * додаткові слайди приховані.
 * Активний стан .oo-gs--on (додає JS на вузьких екранах): горизонтальний scroll-snap.
 */

.oo-gs,
.oo-gs__track,
.oo-gs__slide--main {
	display: contents;
}

.oo-gs__slide:not(.oo-gs__slide--main) {
	display: none;
}

/* ---------- Активний слайдер ---------- */

.oo-gs--on {
	display:  block;
	position: absolute;
	inset:    0;
}

.oo-gs--on .oo-gs__track {
	display:                    flex;
	width:                      100%;
	height:                     100%;
	overflow-x:                 auto;
	overflow-y:                 hidden;
	scroll-snap-type:           x mandatory;
	overscroll-behavior-x:      contain;
	-webkit-overflow-scrolling: touch;
	scrollbar-width:            none;
}

.oo-gs--on .oo-gs__track::-webkit-scrollbar {
	display: none;
}

.oo-gs--on .oo-gs__slide {
	display:           block;
	position:          relative;
	flex:              0 0 100%;
	height:            100%;
	scroll-snap-align: start;
	scroll-snap-stop:  always;
}

/* Hover/tap-заміна фото теми в режимі слайдера не потрібна: фото галереї йдуть окремими слайдами. */
.oo-gs--on .c-product-grid__thumb--hover {
	display: none !important;
}

.oo-gs--on .c-product-grid__thumb--base {
	opacity:   1 !important;
	transform: none !important;
}