/**
 * Global z-index scale — единая шкала слоёв.
 * Подключается ПОСЛЕДНИМ, перекрывает разрозненные значения в компонентах.
 *
 * 1–20    контент (слайдеры, точки, стрелки, карточки)
 * 100     desktop header (hdr-v3)
 * 1100    mobile top header
 * 1190    плавающие виджеты (Макс)
 * 1150+   drawer (боковое меню) — под bottom bar
 * 1200    mobile bottom bar (всегда поверх drawer)
 * 1250    fullscreen overlays (фильтр каталога)
 * 2000    contact popup
 * 3000    modals (Kmodal)
 */

:root {
	--z-content: 1;
	--z-content-float: 10;
	--z-content-badge: 20;
	--z-header-desktop: 100;
	--z-mobile-header: 1100;
	--z-drawer-root: 1150;
	--z-drawer-backdrop: 1151;
	--z-drawer-panel: 1152;
	--z-float-widget: 1190;
	--z-mobile-bottom-bar: 1200;
	--z-page-overlay: 1250;
	--z-contact-popup: 2000;
	--z-modal: 3000;
}

/* ── Desktop header ── */
.hdr-v3 {
	z-index: var(--z-header-desktop);
}

body.sticky .hdr-v3 {
	z-index: var(--z-header-desktop);
}

/* ── Modals (Kmodal) ── */
.modal {
	z-index: var(--z-modal) !important;
}

/* ── Decorative grain — never above UI ── */
body::after {
	z-index: 0 !important;
}

/* ── Mobile / tablet site chrome ── */
@media (max-width: 991px) {
	.mobile-header {
		z-index: var(--z-mobile-header) !important;
	}

	.mobile-bottom-bar {
		z-index: var(--z-mobile-bottom-bar) !important;
		isolation: isolate;
	}

	/* Drawer под bottom bar — навигация всегда кликабельна */
	.hdr-v3.is-mega-open,
	body.is-drawer-open .hdr-v3 {
		z-index: var(--z-drawer-root) !important;
		isolation: isolate;
	}

	.hdr-v3__catalog-overlay {
		z-index: var(--z-drawer-backdrop) !important;
	}

	.hdr-v3__catalog {
		z-index: var(--z-drawer-panel) !important;
	}

	.maks-app {
		z-index: var(--z-float-widget) !important;
		bottom: calc(46px + env(safe-area-inset-bottom, 0px) + 12px);
	}

	.contact-overlay {
		z-index: var(--z-contact-popup) !important;
	}

	/* Fullscreen overlays — above bottom bar, below drawer */
	.filter:not(.filter_show) {
		pointer-events: none !important;
		z-index: -1 !important;
	}

	.filter.filter_show {
		pointer-events: auto !important;
		z-index: var(--z-page-overlay) !important;
	}

	/*
	 * Content cap: слайдеры, отзывы, баннеры, контакты и т.д.
	 * Никогда не выше site chrome (1100+).
	 */
	.swiper-pagination,
	.swiper-button-prev,
	.swiper-button-next,
	.banner__pagination,
	.banner__pagination-item,
	.customer-feedback__pagination,
	.customer-feedback__pagination-item,
	.customer-feedback__nav-btn_prev,
	.customer-feedback__nav-btn_next,
	.bestseller__nav-btn,
	.home-hits__pagination,
	.home-hits__arrow,
	.home-novelties__pagination,
	.home-novelties__arrow,
	.contacts__content,
	.yandex-reviews {
		z-index: var(--z-content-float) !important;
	}
}

/* Desktop: contacts card over map */
@media (min-width: 992px) {
	.contacts__content {
		z-index: 1000;
	}
}