/* Side-menu: не показывать до открытия (FOUC без jamp-home.css) */
#side-menu {
	display: none !important;
	left: -100% !important;
	visibility: hidden !important;
	pointer-events: none !important;
}
#side-menu.is-open {
	display: flex !important;
	left: 0 !important;
	visibility: visible !important;
	pointer-events: auto !important;
}
#menu-overlay {
	display: none !important;
	opacity: 0;
	visibility: hidden;
	pointer-events: none !important;
}
#menu-overlay.is-active {
	display: block !important;
	opacity: 1;
	visibility: visible;
	pointer-events: auto !important;
}

/* Splash на каждую загрузку: лого серый → бежевый #AF9F8C снизу вверх */
#jamp-splash {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 99999;
	background: #f5f5f5;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: opacity 0.45s ease, visibility 0.45s ease;
}
#jamp-splash.is-done {
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}
.jamp-splash-logo {
	position: relative;
	width: 72px;
	height: 50px;
}
.jamp-splash-logo svg {
	position: absolute;
	left: 0;
	top: 0;
	width: 72px;
	height: 50px;
	display: block;
	overflow: visible;
}
.jamp-splash-logo-gray {
	fill: #c5c5c5;
}
.jamp-splash-logo-fill {
	fill: #AF9F8C;
	clip-path: inset(100% 0 0 0);
	-webkit-clip-path: inset(100% 0 0 0);
	animation: jampSplashFill 1.15s cubic-bezier(0.4, 0, 0.2, 1) 0.15s forwards;
}
@keyframes jampSplashFill {
	0% {
		clip-path: inset(100% 0 0 0);
		-webkit-clip-path: inset(100% 0 0 0);
	}
	100% {
		clip-path: inset(0 0 0 0);
		-webkit-clip-path: inset(0 0 0 0);
	}
}

/* Critical logo sizes (дубль в head, чтобы не раздувался SVG) */
.header-wrapper .premium-header {
	height: 70px;
	min-height: 70px;
	max-height: 70px;
	/* visible: иначе mega-меню Одежда/Аксессуары обрезается */
	overflow: visible;
	box-sizing: border-box;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
/* Лого строго по центру экрана, меню слева не сдвигает */
.header-wrapper .header-center {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 1;
	pointer-events: none;
}
.header-wrapper .header-center .jamp-logo-link {
	pointer-events: auto;
}
.header-wrapper .header-left,
.header-wrapper .header-right {
	position: relative;
	z-index: 2;
	flex: 1 1 0;
	min-width: 0;
}
.header-wrapper .jamp-logo-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	line-height: 0;
	max-height: 40px;
	max-width: 200px;
	overflow: hidden;
	text-decoration: none;
}
.header-wrapper .jamp-logo-link .logo-desktop {
	height: 24px !important;
	width: auto !important;
	max-width: 160px !important;
	max-height: 24px !important;
	display: block !important;
}
.header-wrapper .jamp-logo-link .logo-mobile {
	height: 28px !important;
	width: auto !important;
	max-width: 44px !important;
	max-height: 28px !important;
	display: none !important;
}
@media (max-width: 991px) {
	.header-wrapper .jamp-logo-link .logo-desktop {
		display: none !important;
	}
	.header-wrapper .jamp-logo-link .logo-mobile {
		display: block !important;
	}
}