/* Пошаговый stacking: [data-scroll-stack] на странице */
html.is-scroll-stack-locked,
html.is-scroll-stack-locked body,
html.is-home-scroll-locked,
html.is-home-scroll-locked body {
	overflow: hidden;
	overscroll-behavior: none;
}

[data-scroll-stack],
[data-home-scroll-stack] {
	position: relative;
	height: 100dvh;
	height: 100vh;
}

[data-scroll-stack] .scroll-stack__stage,
[data-home-scroll-stack] .scroll-stack__stage {
	position: fixed;
	inset: 0;
	z-index: 1;
	overflow: hidden;
	pointer-events: none;
}

/* Drawer открыт — листание секций отключено (см. home-scroll-stack.js) */
html.drawer-open .scroll-stack__stage {
	pointer-events: none;
}

[data-scroll-stack] .scroll-stack__panel,
[data-home-scroll-stack] .scroll-stack__panel {
	position: absolute;
	inset: 0;
	width: 100%;
	margin: 0;
	box-sizing: border-box;
	will-change: transform;
	pointer-events: auto;
	overflow: hidden;
	overscroll-behavior: contain;
	background-color: var(--color-white);
}

[data-scroll-stack] .scroll-stack__panel.is-active,
[data-home-scroll-stack] .scroll-stack__panel.is-active {
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}

[data-scroll-stack] .scroll-stack__panel:not(.scroll-stack__panel--hero):not(.scroll-stack__panel--magazine-media),
[data-home-scroll-stack] .scroll-stack__panel:not(.scroll-stack__panel--hero):not(.scroll-stack__panel--magazine-media) {
	padding-top: calc(var(--header-height) + 50px);
}
.scroll-stack__panel.scroll-stack__panel--finished.container-second,
.scroll-stack__container.scroll-stack__panel.scroll-stack__panel--editors {
	padding-top: calc(var(--header-height) + 50px);
}

/* ——— Главная (index) ——— */
[data-scroll-stack] .scroll-stack__panel--hero,
[data-home-scroll-stack] .scroll-stack__panel--hero {
	padding-top: 0;
	background-color: transparent;
}

[data-scroll-stack] .scroll-stack__panel--hero.home-banner,
[data-home-scroll-stack] .scroll-stack__panel--hero.home-banner {
	height: 100%;
}

[data-scroll-stack] .scroll-stack__panel--categories,
[data-home-scroll-stack] .scroll-stack__panel--categories {
	background-color: var(--color-white);
}

[data-scroll-stack] .scroll-stack__panel--categories.home-categories,
[data-home-scroll-stack] .scroll-stack__panel--categories.home-categories {
	min-height: 0;
	padding-top: calc(var(--header-height) + var(--unit-space-second));
	padding-bottom: var(--unit-space-second);
}

[data-scroll-stack] .home-categories,
[data-home-scroll-stack] .home-categories {
	min-height: 0;
}

[data-scroll-stack] .scroll-stack__panel--editors,
[data-home-scroll-stack] .scroll-stack__panel--editors {
	background-color: var(--color-white);
}

[data-scroll-stack] .scroll-stack__panel--finished,
[data-home-scroll-stack] .scroll-stack__panel--finished {
	background-color: var(--color-white);
}

[data-scroll-stack] .scroll-stack__panel--bestsellers.products-grid,
[data-home-scroll-stack] .scroll-stack__panel--bestsellers.products-grid {
	padding: var(--unit-space) var(--container-padding-second) var(--unit-space-second);
}

[data-scroll-stack] .scroll-stack__panel--footer,
[data-home-scroll-stack] .scroll-stack__panel--footer {
	background-color: var(--color-white);
	padding-left: var(--container-padding-second);
	padding-right: var(--container-padding-second);
}

/* ——— Список коллекций ——— */
[data-scroll-stack] .scroll-stack__panel--collection {
	background-color: var(--color-white);
}

/* ——— О бренде (about) ——— */
.about-page [data-scroll-stack] .scroll-stack__panel--hero,
.about-page [data-scroll-stack] .scroll-stack__panel--about-slide,
.about-page [data-scroll-stack] .scroll-stack__panel--about-scroll,
.about-page [data-scroll-stack] .scroll-stack__panel--principles {
	background-color: var(--color-white);
}

/* ——— Журнал (magazine-detail) ——— */
[data-scroll-stack] .scroll-stack__panel--magazine-intro,
[data-scroll-stack] .scroll-stack__panel--magazine-text,
[data-scroll-stack] .scroll-stack__panel--magazine-meta {
	background-color: var(--color-white);
}

@media (prefers-reduced-motion: reduce) {
	[data-scroll-stack] .scroll-stack__panel,
	[data-home-scroll-stack] .scroll-stack__panel {
		transition: none;
	}
}


@media (max-width: 1919px) {}

/* 1440–1599 */
@media (max-width: 1599px) {
	[data-scroll-stack] .scroll-stack__panel:not(.scroll-stack__panel--hero):not(.scroll-stack__panel--magazine-media), [data-home-scroll-stack] .scroll-stack__panel:not(.scroll-stack__panel--hero):not(.scroll-stack__panel--magazine-media) {
		padding-top: calc(var(--header-height) + 30px);
	}
}

/* 1366–1439 */
@media (max-width: 1439px) {}

/* 1200–1365 */
@media (max-width: 1365px) {}

/* 1024–1199 */
@media (max-width: 1199px) {}

/* 768–1023 */
@media (max-width: 1023px) {}

/* 576–767 — обычный скролл вместо stacking (кроме collection-list) */
@media (max-width: 767px) {
	html.is-scroll-stack-locked:not(:has(.collection-list-page)),
	html.is-scroll-stack-locked:not(:has(.collection-list-page)) body,
	html.is-home-scroll-locked:not(:has(.collection-list-page)),
	html.is-home-scroll-locked:not(:has(.collection-list-page)) body {
		overflow: auto;
		overscroll-behavior: auto;
	}

	body:not(:has(.collection-list-page)) [data-scroll-stack],
	body:not(:has(.collection-list-page)) [data-home-scroll-stack] {
		height: auto;
	}

	body:not(:has(.collection-list-page)) [data-scroll-stack] .scroll-stack__stage,
	body:not(:has(.collection-list-page)) [data-home-scroll-stack] .scroll-stack__stage {
		position: static;
		inset: auto;
		overflow: visible;
		pointer-events: auto;
	}

	body:not(:has(.collection-list-page)) [data-scroll-stack] .scroll-stack__panel,
	body:not(:has(.collection-list-page)) [data-home-scroll-stack] .scroll-stack__panel {
		position: relative;
		inset: auto;
		width: auto;
		height: auto;
		min-height: 0;
		overflow: visible;
		will-change: auto;
		transform: none !important;
	}

	body:not(:has(.collection-list-page)) [data-scroll-stack] .scroll-stack__panel.is-active,
	body:not(:has(.collection-list-page)) [data-home-scroll-stack] .scroll-stack__panel.is-active {
		overflow: visible;
	}

	.about-page [data-scroll-stack] .scroll-stack__panel--principles {
		overflow: visible;
	}

	.about-page [data-scroll-stack] .scroll-stack__panel--principles.is-active {
		overflow: visible;
	}

	.about-page [data-scroll-stack] .scroll-stack__panel--about-slide.about__philosophy {
		height: auto;
	}
}

/* 375–575 */
@media (max-width: 575px) {}

/* до 374 */
@media (max-width: 374px) {}


@media (max-height: 900px) and (min-width: 1024px) {
	.products-slider .swiper-slide {
		width: 430px;
	}
}

@media (max-height: 800px) and (min-width: 1024px) {
	.products-slider .swiper-slide {
		width: 345px;
	}
}

@media (max-height: 700px) and (min-width: 1024px) {}