.premium-header-top {

	background: #070a0e;

	border-bottom: 1px solid rgba(255, 255, 255, 0.08);

	color: #aab4c0;

	font-size: 12px;

	font-weight: 500;

	letter-spacing: 0.01em;

}



.premium-header-top__row {

	align-items: center;

	display: flex;

	min-height: 36px;

}



.premium-header-top__service {

	align-items: center;

	display: flex;

	min-height: 36px;

}



.premium-header-top__service {

	gap: 16px;

	justify-content: flex-end;

	text-align: right;

}



.premium-header-top__menu-list {

	align-items: center;

	display: flex;

	flex-wrap: wrap;

	gap: 18px;

	margin: 0;

	padding: 0;

}



.premium-header-top__menu-item {

	margin: 0;

	padding: 0;

}



.premium-header-top__menu-link,

.premium-header-top__phone,

.premium-header-top__callback {

	color: #aab4c0;

	position: relative;

	text-decoration: none;

	transition: color 180ms ease;

	white-space: nowrap;

}



.premium-header-top__menu-link::after,

.premium-header-top__callback::after {

	background: #f6c544;

	bottom: -5px;

	content: "";

	height: 1px;

	left: 0;

	position: absolute;

	transform: scaleX(0);

	transform-origin: left center;

	transition: transform 180ms ease;

	width: 100%;

}



.premium-header-top__menu-link:hover,

.premium-header-top__menu-link:focus,

.premium-header-top__phone:hover,

.premium-header-top__phone:focus,

.premium-header-top__callback:hover,

.premium-header-top__callback:focus {

	color: #fff;

	outline: none;

	text-decoration: none;

}



.premium-header-top__menu-link:hover::after,

.premium-header-top__menu-link:focus::after,

.premium-header-top__callback:hover::after,

.premium-header-top__callback:focus::after {

	transform: scaleX(1);

}



.premium-header-top__status,

.premium-header-top__schedule {

	align-items: center;

	color: #d8dee6;

	display: inline-flex;

	white-space: nowrap;

}



.premium-header-top__status-dot {

	background: #f6c544;

	border-radius: 50%;

	box-shadow: 0 0 0 4px rgba(246, 197, 68, 0.14);

	display: inline-block;

	height: 7px;

	margin-right: 8px;

	width: 7px;

}



.premium-header-top__phone {

	color: #fff;

	font-weight: 700;

}



.premium-header-top__callback {

	color: #f6c544;

	font-weight: 700;

}



@media (max-width: 1199px) {

	.premium-header-top {

		font-size: 11px;

	}



	.premium-header-top__service {

		gap: 12px;

	}



	.premium-header-top__menu-list {

		gap: 12px;

	}

}



@media (max-width: 991px) {

	.premium-header-top {

		display: none;

	}

}



.premium-header-main {

	background: linear-gradient(180deg, #101720 0%, #0b1016 100%);

	border-bottom: 1px solid rgba(255, 255, 255, 0.08);

	color: #fff;

	position: relative;

}



.premium-header-main::before {

	background:

		radial-gradient(circle at 16% 50%, rgba(246, 197, 68, 0.15), transparent 30%),

		radial-gradient(circle at 88% 20%, rgba(255, 255, 255, 0.08), transparent 28%);

	content: "";

	inset: 0;

	pointer-events: none;

	position: absolute;

}



.premium-header-main__row {

	align-items: center;

	display: flex;

	gap: 22px;

	min-height: 92px;

	position: relative;

	z-index: 1;

}



.premium-header-logo {

	padding-left: 0;

}



.premium-header-logo__link {

	align-items: center;

	color: #fff;

	display: flex;

	gap: 14px;

	min-height: 68px;

	text-decoration: none;

	transition: opacity 180ms ease, transform 180ms ease;

}



.premium-header-logo__link:hover,

.premium-header-logo__link:focus {

	color: #fff;

	opacity: 0.92;

	outline: none;

	text-decoration: none;

	transform: translateY(-1px);

}



.premium-header-logo__mark {

	align-items: center;

	background: linear-gradient(145deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.03));

	border: 1px solid rgba(255, 255, 255, 0.12);

	border-radius: 18px;

	display: flex;

	height: 62px;

	justify-content: center;

	width: 62px;

}



.premium-header-logo__image img {

	display: block;

	max-height: 46px;

	max-width: 46px;

	object-fit: contain;

}



.premium-header-logo__content {

	display: flex;

	flex-direction: column;

	line-height: 1.1;

	min-width: 0;

}



.premium-header-logo__title {

	color: #fff;

	font-size: 23px;

	font-weight: 800;

	letter-spacing: -0.03em;

	white-space: nowrap;

}



.premium-header-logo__subtitle {

	color: #aab4c0;

	font-size: 10px;

	font-weight: 700;

	letter-spacing: 0.1em;

	margin-top: 7px;

	text-transform: uppercase;

	white-space: nowrap;

}



.premium-header-search {

	flex: 1 1 auto;

	float: none;

	max-width: 620px;

	padding-left: 0;

	padding-right: 0;

	position: relative;

}



.premium-header-search__form {

	align-items: center;

	background: #17212d;

	border: 1px solid rgba(255, 255, 255, 0.12);

	border-radius: 16px;

	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);

	display: flex;

	height: 52px;

	padding: 0 7px 0 17px;

	transition: background 180ms ease, border-color 180ms ease, box-shadow 180ms ease;

}



.premium-header-search__form:focus-within {

	background: #1a2633;

	border-color: rgba(246, 197, 68, 0.68);

	box-shadow: 0 0 0 3px rgba(246, 197, 68, 0.16), 0 18px 40px rgba(0, 0, 0, 0.38);

}



.premium-header-search__icon svg {

	display: block;

	fill: #768391;

	height: 22px;

	width: 22px;

}



.premium-header-search__input {

	background: transparent;

	border: 0;

	color: #fff;

	flex: 1 1 auto;

	font-size: 14px;

	height: 100%;

	min-width: 0;

	padding: 0 14px;

}



.premium-header-search__input:focus {

	outline: none;

}



.premium-header-search__input::placeholder {

	color: #768391;

}



.premium-header-search__submit {

	background: linear-gradient(135deg, #f6c544 0%, #d9a900 100%);

	border: 0;

	border-radius: 12px;

	color: #15191e;

	font-size: 13px;

	font-weight: 800;

	height: 38px;

	padding: 0 18px;

	transition: box-shadow 180ms ease, transform 180ms ease;

}



.premium-header-search__submit:hover,

.premium-header-search__submit:focus {

	box-shadow: 0 10px 24px rgba(246, 197, 68, 0.28);

	outline: none;

	transform: translateY(-1px);

}



.premium-header-search__chips {

	display: flex;

	gap: 8px;

	margin-top: 8px;

	overflow: hidden;

}



.premium-header-search__chips span {

	background: rgba(255, 255, 255, 0.06);

	border: 1px solid rgba(255, 255, 255, 0.08);

	border-radius: 999px;

	color: #aab4c0;

	font-size: 11px;

	font-weight: 700;

	line-height: 24px;

	padding: 0 10px;

	white-space: nowrap;

}



.premium-header-search__content {

	left: 0;

	position: absolute;

	right: 0;

	top: calc(100% + 12px);

	z-index: 30;

}



.premium-header-contact {

	align-items: center;

	background: rgba(255, 255, 255, 0.05);

	border: 1px solid rgba(255, 255, 255, 0.1);

	border-radius: 18px;

	display: flex;

	flex: 0 0 214px;

	gap: 12px;

	min-height: 68px;

	padding: 11px 13px;

}



.premium-header-contact__icon {

	align-items: center;

	background: rgba(246, 197, 68, 0.14);

	border: 1px solid rgba(246, 197, 68, 0.24);

	border-radius: 14px;

	display: flex;

	flex: 0 0 42px;

	height: 42px;

	justify-content: center;

	width: 42px;

}



.premium-header-contact__icon svg {

	fill: #f6c544;

	height: 21px;

	width: 21px;

}



.premium-header-contact__content {

	display: flex;

	flex-direction: column;

	min-width: 0;

}



.premium-header-contact__phone {

	color: #fff;

	font-size: 16px;

	font-weight: 800;

	letter-spacing: -0.02em;

	text-decoration: none;

	white-space: nowrap;

}



.premium-header-contact__schedule {

	color: #aab4c0;

	font-size: 11px;

	font-weight: 600;

	margin-top: 3px;

	white-space: nowrap;

}



.premium-header-contact__links {

	display: flex;

	gap: 8px;

	margin-top: 4px;

}



.premium-header-contact__callback,

.premium-header-contact__whatsapp {

	color: #f6c544;

	font-size: 11px;

	font-weight: 800;

	text-decoration: none;

	white-space: nowrap;

}



.premium-header-contact__whatsapp {

	color: #f6c544;

}



.premium-header-contact__phone:hover,

.premium-header-contact__phone:focus,

.premium-header-contact__callback:hover,

.premium-header-contact__callback:focus,

.premium-header-contact__whatsapp:hover,

.premium-header-contact__whatsapp:focus {

	color: #fff;

	outline: none;

	text-decoration: none;

}



.premium-header-main__actions {

	display: flex;

	align-items: center;

	align-self: center;

	flex: 0 0 auto;

	gap: 10px;

	height: 60px;

}



.premium-header-actions__group {

	align-items: center;

	align-self: center;

	display: flex;

	gap: 10px;

	height: 52px;

}



.premium-header-action {

	align-items: center;

	background: rgba(255, 255, 255, 0.05);

	border: 1px solid rgba(255, 255, 255, 0.1);

	border-radius: 15px;

	color: #fff;

	display: inline-flex;

	height: 48px;

	justify-content: center;

	position: relative;

	text-decoration: none;

	transition: background 180ms ease, border-color 180ms ease, box-shadow 180ms ease, color 180ms ease, transform 180ms ease;

	width: 62px;

}



.premium-header-action svg {

	fill: currentColor;

	height: 22px;

	width: 22px;

}



.premium-header-action:hover,

.premium-header-action:focus {

	background: rgba(246, 197, 68, 0.14);

	border-color: rgba(246, 197, 68, 0.42);

	box-shadow: 0 10px 24px rgba(246, 197, 68, 0.14);

	color: #fff;

	outline: none;

	text-decoration: none;

	transform: translateY(-1px);

}



.premium-header-action__count {

	align-items: center;

	background: #f6c544;

	border-radius: 999px;

	color: #15191e;

	display: flex;

	font-size: 11px;

	font-weight: 800;

	height: 18px;

	justify-content: center;

	line-height: 18px;

	min-width: 18px;

	padding: 0 5px;

	position: absolute;

	right: -5px;

	top: -5px;

	z-index: 2;

}



.premium-header-action__label {

	display: none;

}



.premium-header-cart {

	align-self: center;

	position: relative;

}



.premium-header-cart__label {

	display: none;

}



.premium-header-main__cta {

	align-items: center;

	background: linear-gradient(135deg, #f6c544 0%, #d9a900 100%);

	border-radius: 15px;

	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18);

	color: #15191e;

	display: inline-flex;

	font-size: 13px;

	font-weight: 800;

	height: 48px;

	justify-content: center;

	padding: 0 18px;

	text-decoration: none;

	transition: box-shadow 180ms ease, transform 180ms ease;

	white-space: nowrap;

}



.premium-header-main__cta:hover,

.premium-header-main__cta:focus {

	box-shadow: 0 12px 28px rgba(246, 197, 68, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.2);

	color: #15191e;

	outline: none;

	text-decoration: none;

	transform: translateY(-1px);

}



.premium-header-main .basket_tooltip,

.premium-header-main .userInfo {

	background: #111820;

	border: 1px solid rgba(255, 255, 255, 0.1);

	border-radius: 18px;

	box-shadow: 0 24px 70px rgba(0, 0, 0, 0.48);

}



@media (max-width: 1399px) {

	.premium-header-main__row {

		gap: 16px;

	}



	.premium-header-logo__title {

		font-size: 20px;

	}



	.premium-header-contact {

		flex-basis: 192px;

	}



	.premium-header-main__cta {

		padding: 0 14px;

	}

}



@media (max-width: 1199px) {

	.premium-header-search__chips,

	.premium-header-contact__links {

		display: none;

	}



	.premium-header-contact {

		flex-basis: 170px;

		min-height: 56px;

	}



	.premium-header-contact__icon {

		display: none;

	}



	.premium-header-main__cta {

		display: none;

	}

}



.premium-header-nav {

	background: #0b1016;

	border-bottom: 1px solid rgba(255, 255, 255, 0.08);

	box-shadow: 0 16px 42px rgba(0, 0, 0, 0.16);

	position: relative;

	

}



.premium-header-nav__row {

	align-items: center;

	display: flex;

	min-height: 64px;

	position: relative;

}



.premium-header-catalog {

	align-items: center;

	background: linear-gradient(135deg, #f6c544 0%, #d9a900 100%);

	border: 0;

	border-radius: 14px;

	display: flex;

	float: none;

	flex: 0 0 236px;

	height: 48px;

	margin: 0;

	padding: 0 8px 0 16px;

	position: relative;

	transition: box-shadow 180ms ease, transform 180ms ease;

	width: auto;

}



.premium-header-catalog:hover {

	box-shadow: 0 12px 28px rgba(246, 197, 68, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.18);

	transform: translateY(-1px);

}



.premium-header-catalog__link {

	align-items: center;

	color: #15191e;

	display: flex;

	flex: 1 1 auto;

	font-size: 13px;

	font-weight: 800;

	gap: 11px;

	height: 100%;

	letter-spacing: 0.02em;

	text-decoration: none;

	text-transform: uppercase;

}



.premium-header-catalog__link:hover,

.premium-header-catalog__link:focus {

	color: #15191e;

	outline: none;

	text-decoration: none;

}



.premium-header-catalog__icon {

	align-items: center;

	display: flex;

	height: 24px;

	justify-content: center;

	width: 24px;

}



.premium-header-catalog__icon svg,

.premium-header-catalog__toggle svg {

	fill: currentColor;

	height: 22px;

	width: 22px;

}



.premium-header-catalog__toggle {

	align-items: center;

	border-left: 1px solid rgba(255, 255, 255, 0.24);

	color: #15191e;

	display: flex;

	float: none;

	height: 28px;

	justify-content: center;

	margin-left: 8px;

	transition: background 180ms ease, transform 180ms ease;

	width: 32px;

}



.premium-header-catalog__toggle:hover,

.premium-header-catalog__toggle:focus {

	background: rgba(0, 0, 0, 0.12);

	color: #15191e;

	outline: none;

	text-decoration: none;

}



.premium-header-catalog__toggle:hover svg,

.premium-header-catalog__toggle:focus svg {

	transform: translateY(2px);

}



.premium-header-catalog__toggle svg {

	transition: transform 180ms ease;

}



.premium-header-catalog__legacy-toggle,

.premium-header-catalog__legacy-title {

	display: none;

}



.premium-header-nav__menu {

	align-items: center;

	display: flex;

	flex: 1 1 auto;

	gap: 4px 24px;

	min-width: 0;

	padding-left: 28px;

}



.premium-header-nav__list {

	align-items: center;

	display: flex;

	gap: 4px 24px;

	margin: 0;

	padding: 0;

}



.premium-header-nav__item {

	margin: 0;

	padding: 0;

}



.premium-header-nav__link {

	align-items: center;

	color: #c4ccd6;

	display: inline-flex;

	font-size: 13px;

	font-weight: 700;

	height: 44px;

	position: relative;

	text-decoration: none;

	white-space: nowrap;

}



.premium-header-nav__link::after {

	background: #f6c544;

	border-radius: 99px;

	bottom: 4px;

	content: "";

	height: 2px;

	left: 0;

	position: absolute;

	transform: scaleX(0);

	transform-origin: left center;

	transition: transform 180ms ease;

	width: 100%;

}



.premium-header-nav__link:hover,

.premium-header-nav__link:focus {

	color: #fff;

	outline: none;

	text-decoration: none;

}



.premium-header-nav__link:hover::after,

.premium-header-nav__link:focus::after {

	transform: scaleX(1);

}



.premium-header-catalog ul:not(.sub_menu) {

	border-radius: 0 0 16px 16px;

	box-shadow: 0 24px 54px rgba(0, 0, 0, 0.38);

}



@media (max-width: 1399px) {

	.premium-header-catalog {

		flex-basis: 214px;

	}



	.premium-header-nav__menu,

	.premium-header-nav__list {

		gap: 4px 18px;

	}



	.premium-header-nav__menu {

		padding-left: 22px;

	}

}



@media (max-width: 1199px) {

	.premium-header-catalog {

		flex-basis: 198px;

	}



	.premium-header-nav__menu,

	.premium-header-nav__list {

		gap: 4px 14px;

	}



	.premium-header-nav__menu {

		padding-left: 18px;

	}



	.premium-header-nav__link {

		font-size: 12px;

	}

}



.premium-header-catalog {

	overflow: visible;

}



.premium-header-catalog__toggle {

	appearance: none;

	background: transparent;

	border-bottom: 0;

	border-right: 0;

	border-top: 0;

	cursor: pointer;

	padding: 0;

}



.premium-header-catalog__toggle:focus-visible {

	box-shadow: 0 0 0 3px rgba(246, 197, 68, 0.9);

	outline: none;

}



.premium-header-catalog__toggle svg {

	transition: transform 180ms ease;

}



.premium-header-catalog.premium-open .premium-header-catalog__toggle {

	background: rgba(0, 0, 0, 0.18);

}



.premium-header-catalog.premium-open .premium-header-catalog__toggle svg {

	transform: rotate(180deg);

}



.premium-mega-menu {

	left: 0;

	opacity: 0;

	pointer-events: none;

	position: absolute;

	top: calc(100% + 8px);

	transform: translateY(-8px);

	transition: opacity 180ms ease, transform 180ms ease, visibility 180ms ease;

	visibility: hidden;

	width: min(1120px, calc(100vw - 30px));

	z-index: 80;

}



.premium-mega-menu.premium-open {

	opacity: 1;

	pointer-events: auto;

	transform: translateY(0);

	visibility: visible;

}



.premium-mega-menu__panel {
	background: #0d1319;
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 12px;
	box-shadow: 0 24px 54px rgba(0, 0, 0, 0.38);
	max-height: min(620px, calc(100vh - 200px));
	overflow-y: auto;
	padding: 24px 28px 28px;
	scrollbar-color: rgba(246, 197, 68, 0.55) rgba(255, 255, 255, 0.05);
	scrollbar-width: thin;
}


.premium-mega-menu__header {

	align-items: flex-start;

	border-bottom: 1px solid rgba(255, 255, 255, 0.1);

	display: flex;

	justify-content: space-between;

	margin-bottom: 20px;
	padding-bottom: 16px;
}



.premium-mega-menu__eyebrow {

	color: #f6c544;

	font-size: 11px;

	font-weight: 800;

	letter-spacing: 0.12em;

	margin: 0 0 7px;

	text-transform: uppercase;

}



.premium-mega-menu__title {

	color: #f4f6f8;

	font-size: 17px;

	font-weight: 700;

	line-height: 1.35;

	margin: 0;

}



.premium-mega-menu__content {

	min-width: 0;

}



.premium-header-catalog .premium-mega-menu__grid,

.premium-header-catalog .premium-mega-menu__subcategory-list,

.premium-header-catalog .premium-mega-menu__leaf-list {

	background: transparent;

	box-shadow: none;

	left: auto;

	top: auto;

	transform: none;

}



.premium-mega-menu__grid {
	align-items: start;
	display: grid;
	gap: 0;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	margin: 0;
	padding: 0;
}


.premium-header-catalog .premium-mega-menu__grid {

	display: grid;

	opacity: 1;

	position: static;

	visibility: visible;

	width: auto;
}

.premium-mega-menu__column {
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	gap: 26px;
	list-style: none;
	margin: 0;
	min-width: 0;
	padding: 0 22px 0 0;
}

.premium-mega-menu__column + .premium-mega-menu__column {
	border-left: 1px solid rgba(255, 255, 255, 0.07);
	padding-left: 22px;
}

.premium-mega-menu__column:last-child {
	padding-right: 0;
}


.premium-mega-menu__category {

	break-inside: avoid;

	margin: 0;

	min-width: 0;

	padding: 0;

}



.premium-mega-menu__category-link,
.premium-mega-menu__subcategory-link,
.premium-mega-menu__leaf-link {
	display: inline-flex;
	position: relative;
	text-decoration: none;
	transition: color 180ms ease;
}


.premium-mega-menu__category-link {
	color: #f6c544;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.035em;
	line-height: 1.3;
	margin-bottom: 10px;
	max-width: 100%;
	overflow-wrap: anywhere;
	padding-bottom: 4px;
	text-transform: uppercase;
}

.premium-mega-menu__category-link::after {
	background: #f6c544;

	bottom: 0;

	content: "";

	height: 2px;

	left: 0;

	position: absolute;

	transform: scaleX(0);

	transform-origin: left center;

	transition: transform 180ms ease;

	width: 100%;

}



.premium-mega-menu__category-link:hover,

.premium-mega-menu__category-link:focus,

.premium-mega-menu__subcategory-link:hover,

.premium-mega-menu__subcategory-link:focus,

.premium-mega-menu__leaf-link:hover,

.premium-mega-menu__leaf-link:focus {

	color: #f6c544;

	outline: none;

	text-decoration: none;

}



.premium-mega-menu__category-link:hover::after,

.premium-mega-menu__category-link:focus::after {

	transform: scaleX(1);

}



.premium-mega-menu__subcategory-list,

.premium-mega-menu__leaf-list {

	margin: 0;

	padding: 0;

}



.premium-mega-menu__subcategory {

	margin: 0;

	padding: 0;

}



.premium-mega-menu__subcategory + .premium-mega-menu__subcategory {
	margin-top: 8px;
}

.premium-mega-menu__subcategory-link {
	color: #f3f4f5;
	display: block;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.4;
	max-width: 100%;
	overflow-wrap: anywhere;
	width: 100%;
}


.premium-mega-menu__leaf-list {

	border-left: 1px solid rgba(255, 255, 255, 0.13);

	margin: 6px 0 0 2px;
	padding-left: 10px;
}



.premium-mega-menu__leaf-item {

	margin: 0;

	padding: 0;

}



.premium-mega-menu__leaf-item + .premium-mega-menu__leaf-item {
	margin-top: 4px;
}

.premium-mega-menu__leaf-link {
	color: #9fa9b3;
	display: block;
	font-size: 12px;
	font-weight: 500;
	line-height: 1.4;
	max-width: 100%;
	overflow-wrap: anywhere;
	width: 100%;
}

/*
 * The home-page header script sets #f05242 as an inline color on first-child
 * links. Keep the override scoped to desktop mega-menu links; !important is
 * required here specifically to beat that inline color.
 */
@media (min-width: 992px) {
	header.hidden-sm.hidden-xs .premium-mega-menu .premium-mega-menu__category-link {
		color: #f6c544 !important;
	}

	header.hidden-sm.hidden-xs .premium-mega-menu .premium-mega-menu__subcategory-link {
		color: #f2f3f4 !important;
	}

	header.hidden-sm.hidden-xs .premium-mega-menu .premium-mega-menu__leaf-link {
		color: #c9cdd2 !important;
	}

	header.hidden-sm.hidden-xs .premium-mega-menu .premium-mega-menu__category-link:hover,
	header.hidden-sm.hidden-xs .premium-mega-menu .premium-mega-menu__category-link:focus,
	header.hidden-sm.hidden-xs .premium-mega-menu .premium-mega-menu__subcategory-link:hover,
	header.hidden-sm.hidden-xs .premium-mega-menu .premium-mega-menu__subcategory-link:focus,
	header.hidden-sm.hidden-xs .premium-mega-menu .premium-mega-menu__leaf-link:hover,
	header.hidden-sm.hidden-xs .premium-mega-menu .premium-mega-menu__leaf-link:focus {
		color: #f6c544 !important;
	}
}

@media (max-width: 1399px) {
	.premium-mega-menu {

		width: min(980px, calc(100vw - 30px));

	}



	.premium-mega-menu__panel {

		padding: 26px;

	}



	.premium-mega-menu__grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.premium-mega-menu__column {
		gap: 24px;
		padding-right: 18px;
	}

	.premium-mega-menu__column + .premium-mega-menu__column {
		padding-left: 18px;
	}
}


@media (max-width: 1199px) {

	.premium-mega-menu {

		width: min(820px, calc(100vw - 30px));

	}



	.premium-mega-menu__panel {

		padding: 22px;

	}



	.premium-mega-menu__grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.premium-mega-menu__column {
		gap: 20px;
		padding-right: 14px;
	}

	.premium-mega-menu__column + .premium-mega-menu__column {
		padding-left: 14px;
	}
}


.premium-hero {

	background: #0d1218;

	color: #fff;

	overflow: hidden;

	position: relative;

}



.premium-hero__media,

.premium-hero__overlay {

	inset: 0;

	position: absolute;

}



.premium-hero__media {

	background: #111820;

}



.premium-hero__image {

	display: block;

	height: 100%;

	object-fit: cover;

	object-position: center;

	width: 100%;

}



.premium-hero__overlay {

	background:

		linear-gradient(90deg, rgba(9, 13, 18, 0.94) 0%, rgba(9, 13, 18, 0.78) 42%, rgba(9, 13, 18, 0.22) 76%, rgba(9, 13, 18, 0.42) 100%),

		linear-gradient(0deg, rgba(9, 13, 18, 0.72) 0%, rgba(9, 13, 18, 0.04) 44%);

}



.premium-hero__container {

	align-items: center;

	display: flex;

	min-height: 590px;

	position: relative;

}



.premium-hero__content {

	max-width: 680px;

	padding: 76px 0 64px;

}



.premium-hero__eyebrow {

	animation: premium-hero-enter 520ms ease both;

	color: #f6c544;

	font-size: 12px;

	font-weight: 800;

	letter-spacing: 0.13em;

	margin: 0 0 16px;

	text-transform: uppercase;

}



.premium-hero__title {

	animation: premium-hero-enter 560ms 60ms ease both;

	color: #fff;

	font-size: clamp(40px, 4vw, 66px);

	font-weight: 800;

	letter-spacing: -0.045em;

	line-height: 1.02;

	margin: 0;

	max-width: 640px;

}



.premium-hero__subtitle {

	animation: premium-hero-enter 560ms 120ms ease both;

	color: #d5dbe2;

	font-size: 18px;

	font-weight: 600;

	line-height: 1.55;

	margin-top: 22px;

	max-width: 550px;

}



.premium-hero__subtitle > :first-child {

	margin-top: 0;

}



.premium-hero__subtitle > :last-child {

	margin-bottom: 0;

}



.premium-hero__actions {

	animation: premium-hero-enter 560ms 180ms ease both;

	display: flex;

	flex-wrap: wrap;

	gap: 12px;

	margin-top: 32px;

}



.premium-hero__button {

	align-items: center;

	border: 1px solid transparent;

	border-radius: 10px;

	display: inline-flex;

	font-size: 14px;

	font-weight: 800;

	gap: 10px;

	height: 52px;

	justify-content: center;

	padding: 0 20px;

	text-decoration: none;

	transition: background 180ms ease, border-color 180ms ease, box-shadow 180ms ease, color 180ms ease, transform 180ms ease;

}



.premium-hero__button svg {

	fill: currentColor;

	height: 20px;

	width: 20px;

}



.premium-hero__button_primary {

	background: #f6c544;

	color: #15191e;

}



.premium-hero__button_secondary {

	background: rgba(255, 255, 255, 0.04);

	border-color: rgba(255, 255, 255, 0.28);

	color: #fff;

}



.premium-hero__button:hover,

.premium-hero__button:focus {

	box-shadow: 0 12px 26px rgba(0, 0, 0, 0.24);

	outline: none;

	text-decoration: none;

	transform: translateY(-2px);

}



.premium-hero__button_primary:hover,

.premium-hero__button_primary:focus {

	background: #ffd85f;

	color: #15191e;

}



.premium-hero__button_secondary:hover,

.premium-hero__button_secondary:focus {

	background: rgba(255, 255, 255, 0.12);

	border-color: rgba(255, 255, 255, 0.56);

	color: #fff;

}



.premium-hero__advantages {

	animation: premium-hero-enter 560ms 240ms ease both;

	display: grid;

	gap: 12px 18px;

	grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));

	margin: 48px 0 0;

	max-width: 660px;

	padding: 0;

}



.premium-hero__advantage {

	align-items: flex-start;

	display: flex;

	gap: 10px;

	margin: 0;

	min-width: 0;

	padding: 0;

}



.premium-hero__advantage-icon {

	align-items: center;

	background: rgba(246, 197, 68, 0.13);

	border: 1px solid rgba(246, 197, 68, 0.36);

	border-radius: 8px;

	color: #f6c544;

	display: flex;

	flex: 0 0 34px;

	height: 34px;

	justify-content: center;

	width: 34px;

}



.premium-hero__advantage-icon svg {

	fill: currentColor;

	height: 18px;

	width: 18px;

}



.premium-hero__advantage-text {

	color: #d5dbe2;

	font-size: 12px;

	font-weight: 700;

	line-height: 1.42;

	padding-top: 3px;

}



@keyframes premium-hero-enter {

	from {

		opacity: 0;

		transform: translateY(16px);

	}



	to {

		opacity: 1;

		transform: translateY(0);

	}

}



@media (max-width: 1199px) {

	.premium-hero__container {

		min-height: 540px;

	}



	.premium-hero__content {

		max-width: 590px;

	}



	.premium-hero__advantages {

		margin-top: 38px;

	}

}



@media (max-width: 991px) {

	.premium-hero__overlay {

		background:

			linear-gradient(90deg, rgba(9, 13, 18, 0.9) 0%, rgba(9, 13, 18, 0.68) 100%),

			linear-gradient(0deg, rgba(9, 13, 18, 0.7) 0%, rgba(9, 13, 18, 0.12) 62%);

	}



	.premium-hero__container {

		min-height: 500px;

	}



	.premium-hero__content {

		max-width: 540px;

		padding: 62px 0 56px;

	}

}



@media (max-width: 767px) {

	.premium-hero__container {

		min-height: auto;

	}



	.premium-hero__content {

		padding: 54px 15px 44px;

	}



	.premium-hero__title {

		font-size: 38px;

	}



	.premium-hero__subtitle {

		font-size: 16px;

	}



	.premium-hero__actions {

		margin-top: 26px;

	}



	.premium-hero__button {

		width: 100%;

	}



	.premium-hero__advantages {

		grid-template-columns: 1fr;

		margin-top: 34px;

	}

}



@media (prefers-reduced-motion: reduce) {

	.premium-hero__eyebrow,

	.premium-hero__title,

	.premium-hero__subtitle,

	.premium-hero__actions,

	.premium-hero__advantages {

		animation: none;

	}



	.premium-hero__button {

		transition: none;

	}

}

/* Полноразмерный логотип в шапке на компьютере */

@media (min-width: 992px) {

    header.hidden-sm.hidden-xs .premium-header-logo {

        width: 250px;

        min-width: 250px;

        padding: 0;

    }



    header.hidden-sm.hidden-xs .premium-header-logo__link {

        display: flex;

        align-items: center;

        width: 100%;

        height: 72px;

    }



    header.hidden-sm.hidden-xs .premium-header-logo__mark {

        display: flex;

        align-items: center;

        justify-content: flex-start;

        width: 240px;

        height: 64px;

        flex: 0 0 240px;

        padding: 0;

        border: 0;

        border-radius: 0;

        background: transparent;

    }



    header.hidden-sm.hidden-xs .premium-header-logo__image {

        display: flex;

        align-items: center;

        width: 100%;

        height: 100%;

    }



    header.hidden-sm.hidden-xs .premium-header-logo__image img {

        display: block;

        width: auto;

        max-width: 240px;

        height: auto;

        max-height: 82px;

        object-fit: contain;

        object-position: left center;

    }



    /* Название уже присутствует внутри изображения логотипа */

    header.hidden-sm.hidden-xs .premium-header-logo__content {

        display: none;

    }

 header.hidden-sm.hidden-xs .premium-header-main__row{

    align-items:center;

}

.premium-header-search {

	flex: 1 1 auto;

	float: none;

	max-width: 620px;

	padding-left: 0;

	padding-right: 0;

	position: relative;

}



.premium-header-search__form {

	align-items: center;

	background: #17212d;

	border: 1px solid rgba(255, 255, 255, 0.12);

	border-radius: 16px;

	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);

	display: flex;

	height: 52px;

	padding: 0 7px 0 17px;

	transition: background 180ms ease, border-color 180ms ease, box-shadow 180ms ease;

}



.premium-header-search__form:focus-within {

	background: #1a2633;

	border-color: rgba(246, 197, 68, 0.68);

	box-shadow: 0 0 0 3px rgba(246, 197, 68, 0.16), 0 18px 40px rgba(0, 0, 0, 0.38);

}



.premium-header-search__icon svg {

	display: block;

	fill: #768391;

	height: 22px;

	width: 22px;

}



.premium-header-search__input {

	background: transparent;

	border: 0;

	color: #fff;

	flex: 1 1 auto;

	font-size: 14px;

	height: 100%;

	min-width: 0;

	padding: 0 14px;

}



.premium-header-search__input:focus {

	outline: none;

}



.premium-header-search__input::placeholder {

	color: #768391;

}



.premium-header-search__submit {

	background: linear-gradient(135deg, #f6c544 0%, #d9a900 100%);

	border: 0;

	border-radius: 12px;

	color: #15191e;

	font-size: 13px;

	font-weight: 800;

	height: 38px;

	padding: 0 18px;

	transition: box-shadow 180ms ease, transform 180ms ease;

}



.premium-header-search__submit:hover,

.premium-header-search__submit:focus {

	box-shadow: 0 10px 24px rgba(246, 197, 68, 0.28);

	outline: none;

	transform: translateY(-1px);

}



.premium-header-search__chips {

	display: flex;

	gap: 8px;

	margin-top: 8px;

	overflow: hidden;

}



.premium-header-search__chips span {

	background: rgba(255, 255, 255, 0.06);

	border: 1px solid rgba(255, 255, 255, 0.08);

	border-radius: 999px;

	color: #aab4c0;

	font-size: 11px;

	font-weight: 700;

	line-height: 24px;

	padding: 0 10px;

	white-space: nowrap;

}



.premium-header-search__content {

	left: 0;

	position: absolute;

	right: 0;

	top: calc(100% + 12px);

	z-index: 30;

}



.premium-header-contact {

	align-items: center;

	background: rgba(255, 255, 255, 0.05);

	border: 1px solid rgba(255, 255, 255, 0.1);

	border-radius: 18px;

	display: flex;

	flex: 0 0 214px;

	gap: 12px;

	min-height: 68px;

	padding: 11px 13px;

}



.premium-header-contact__icon {

	align-items: center;

	background: rgba(246, 197, 68, 0.14);

	border: 1px solid rgba(246, 197, 68, 0.24);

	border-radius: 14px;

	display: flex;

	flex: 0 0 42px;

	height: 42px;

	justify-content: center;

	width: 42px;

}



.premium-header-contact__icon svg {

	fill: #f6c544;

	height: 21px;

	width: 21px;

}



.premium-header-contact__content {

	display: flex;

	flex-direction: column;

	min-width: 0;

}



.premium-header-contact__phone {

	color: #fff;

	font-size: 16px;

	font-weight: 800;

	letter-spacing: -0.02em;

	text-decoration: none;

	white-space: nowrap;

}

/* Финальная корректировка поиска и корзины */

@media screen and (min-width: 992px) {



	/* Строка поиска */

	header.hidden-sm.hidden-xs .premium-header-search {

		flex: 1 1 520px !important;

		max-width: 620px !important;

		min-width: 420px !important;

		margin: 0 !important;

		padding: 0 !important;

		align-self: center !important;

	}



	header.hidden-sm.hidden-xs .premium-header-search__form {

		width: 100% !important;

		height: 48px !important;

		padding: 0 5px 0 14px !important;

		border-radius: 12px !important;

		box-sizing: border-box !important;

		overflow: hidden !important;

	}



	header.hidden-sm.hidden-xs .premium-header-search__icon {

		display: flex !important;

		align-items: center !important;

		justify-content: center !important;

		flex: 0 0 20px !important;

		width: 20px !important;

		height: 48px !important;

	}



	header.hidden-sm.hidden-xs .premium-header-search__icon svg {

		width: 18px !important;

		height: 18px !important;

	}



	header.hidden-sm.hidden-xs .premium-header-search__input {

		height: 46px !important;

		line-height: 46px !important;

		padding: 0 12px !important;

		margin: 0 !important;

	}



	header.hidden-sm.hidden-xs .premium-header-search__submit {

		height: 38px !important;

		min-width: 64px !important;

		margin: 0 !important;

		padding: 0 18px !important;

		border-radius: 9px !important;

	}



	header.hidden-sm.hidden-xs .premium-header-search__chips {

		height: 20px !important;

		margin: 3px 0 0 !important;

		padding: 0 !important;

	}



	/* Контейнер корзины */

	header.hidden-sm.hidden-xs .premium-header-cart {

		flex: 0 0 76px !important;

		width: 76px !important;

		min-width: 76px !important;

		overflow: visible !important;

	}



	/* Сама кнопка корзины */

	header.hidden-sm.hidden-xs .premium-header-action_cart {

		position: relative !important;

		display: flex !important;

		flex-direction: column !important;

		align-items: center !important;

		justify-content: center !important;

		width: 76px !important;

		min-width: 76px !important;

		height: 58px !important;

		padding: 4px 5px !important;

		overflow: visible !important;

		box-sizing: border-box !important;

	}



	header.hidden-sm.hidden-xs .premium-header-action_cart svg {

		display: block !important;

		flex: 0 0 auto !important;

		width: 22px !important;

		height: 22px !important;

		margin: 0 !important;

	}



	/* Надпись «Корзина» */

	header.hidden-sm.hidden-xs .premium-header-action_cart .premium-header-action__label,

	header.hidden-sm.hidden-xs .premium-header-action_cart .premium-header-action_label {

		display: block !important;

		position: static !important;

		width: auto !important;

		height: auto !important;

		margin: 3px 0 0 !important;

		padding: 0 !important;

		color: #ffffff !important;

		font-size: 10px !important;

		font-weight: 600 !important;

		line-height: 12px !important;

		opacity: 1 !important;

		visibility: visible !important;

		overflow: visible !important;

		white-space: nowrap !important;

		text-align: center !important;

	}



	/* Красный счётчик */

	header.hidden-sm.hidden-xs .premium-header-action_cart .premium-header-action__count,

	header.hidden-sm.hidden-xs .premium-header-action_cart .order_item_count {

		position: absolute !important;

		top: 2px !important;

		right: 7px !important;

		z-index: 5 !important;

	}

	@media screen and (min-width: 992px) {



	/* Поиск — чтобы белое поле и кнопка не теснились */

	header.hidden-sm.hidden-xs .premium-header-search__form {

		height: 52px !important;

		padding: 0 103px 0 8px !important;

		border-radius: 14px !important;

	}



	header.hidden-sm.hidden-xs .premium-header-search__input {

		height: 50px !important;

		line-height: 50px !important;

		font-size: 14px !important;

		padding: 0 12px !important;

	}



	header.hidden-sm.hidden-xs .premium-header-search__submit {

		height: 40px !important;

		min-width: 78px !important;

		padding: 0 20px !important;

		font-size: 13px !important;

		line-height: 40px !important;

		white-space: nowrap !important;

		border-radius: 10px !important;

	}



	/* Корзина — крупнее подпись */

	header.hidden-sm.hidden-xs .premium-header-action_cart {

		width: 82px !important;

		min-width: 82px !important;

		height: 60px !important;

	}



	header.hidden-sm.hidden-xs .premium-header-action_cart .premium-header-action__label,

	header.hidden-sm.hidden-xs .premium-header-action_cart .premium-header-action_label {

		font-size: 12px !important;

		font-weight: 700 !important;

		line-height: 14px !important;

		margin-top: 4px !important;

	}



	header.hidden-sm.hidden-xs .premium-header-action_cart .premium-header-action__count,

	header.hidden-sm.hidden-xs .premium-header-action_cart .order_item_count {

		top: 1px !important;

		right: 8px !important;

	}

}

}



/* =========================================================

   ФИНАЛЬНЫЕ ПРАВКИ ШАПКИ: ЛОГОТИП И ЛИЧНЫЙ КАБИНЕТ

   ========================================================= */



@media screen and (min-width: 992px) {

	header.hidden-sm.hidden-xs .premium-header-logo {

		flex: 0 0 285px !important;

		width: 285px !important;

		min-width: 285px !important;

		max-width: 285px !important;

		overflow: visible !important;

	}



	header.hidden-sm.hidden-xs .premium-header-logo__link {

		width: 285px !important;

		height: 72px !important;

		min-height: 72px !important;

		overflow: visible !important;

	}



	header.hidden-sm.hidden-xs .premium-header-logo__mark {

		flex: 0 0 280px !important;

		width: 280px !important;

		height: 70px !important;

		overflow: visible !important;

	}



	header.hidden-sm.hidden-xs .premium-header-logo__image {

		width: 280px !important;

		height: 70px !important;

		overflow: visible !important;

	}



	header.hidden-sm.hidden-xs .premium-header-logo__image img {

		width: 280px !important;

		max-width: 280px !important;

		height: 70px !important;

		max-height: 70px !important;

		object-fit: contain !important;

		object-position: left center !important;

		transform: scale(1.08);

		transform-origin: left center;

	}



	header.hidden-sm.hidden-xs .premium-header-main__actions a[href*="/users/"],

	header.hidden-sm.hidden-xs .premium-header-main__actions a[href*="/user/"],

	header.hidden-sm.hidden-xs .premium-header-main__actions .premium-header-action_user,

	header.hidden-sm.hidden-xs .premium-header-main__actions .premium-header-action_account,

	header.hidden-sm.hidden-xs .premium-header-main__actions .premium-header-user {

		background: rgba(255, 255, 255, 0.05) !important;

		border-color: rgba(255, 255, 255, 0.1) !important;

		box-shadow: none !important;

		color: #ffffff !important;

		filter: none !important;

	}



	header.hidden-sm.hidden-xs .premium-header-main__actions a[href*="/users/"]:hover,

	header.hidden-sm.hidden-xs .premium-header-main__actions a[href*="/users/"]:focus,

	header.hidden-sm.hidden-xs .premium-header-main__actions a[href*="/users/"]:focus-within,

	header.hidden-sm.hidden-xs .premium-header-main__actions a[href*="/user/"]:hover,

	header.hidden-sm.hidden-xs .premium-header-main__actions a[href*="/user/"]:focus,

	header.hidden-sm.hidden-xs .premium-header-main__actions a[href*="/user/"]:focus-within,

	header.hidden-sm.hidden-xs .premium-header-main__actions .premium-header-action_user:hover,

	header.hidden-sm.hidden-xs .premium-header-main__actions .premium-header-action_user:focus,

	header.hidden-sm.hidden-xs .premium-header-main__actions .premium-header-action_account:hover,

	header.hidden-sm.hidden-xs .premium-header-main__actions .premium-header-action_account:focus,

	header.hidden-sm.hidden-xs .premium-header-main__actions .premium-header-user:hover,

	header.hidden-sm.hidden-xs .premium-header-main__actions .premium-header-user:focus {

		background: rgba(246, 197, 68, 0.12) !important;

		border-color: rgba(246, 197, 68, 0.38) !important;

		box-shadow: 0 8px 20px rgba(0, 0, 0, 0.22) !important;

		color: #ffffff !important;

		filter: none !important;

		outline: none !important;

	}



	header.hidden-sm.hidden-xs .premium-header-main__actions a[href*="/users/"] *,

	header.hidden-sm.hidden-xs .premium-header-main__actions a[href*="/user/"] *,

	header.hidden-sm.hidden-xs .premium-header-main__actions .premium-header-action_user *,

	header.hidden-sm.hidden-xs .premium-header-main__actions .premium-header-action_account *,

	header.hidden-sm.hidden-xs .premium-header-main__actions .premium-header-user * {

		box-shadow: none !important;

		filter: none !important;

	}



	header.hidden-sm.hidden-xs .premium-header-main__actions a[href*="/users/"]:hover *,

	header.hidden-sm.hidden-xs .premium-header-main__actions a[href*="/users/"]:focus *,

	header.hidden-sm.hidden-xs .premium-header-main__actions a[href*="/user/"]:hover *,

	header.hidden-sm.hidden-xs .premium-header-main__actions a[href*="/user/"]:focus *,

	header.hidden-sm.hidden-xs .premium-header-main__actions .premium-header-action_user:hover *,

	header.hidden-sm.hidden-xs .premium-header-main__actions .premium-header-action_user:focus *,

	header.hidden-sm.hidden-xs .premium-header-main__actions .premium-header-action_account:hover *,

	header.hidden-sm.hidden-xs .premium-header-main__actions .premium-header-action_account:focus *,

	header.hidden-sm.hidden-xs .premium-header-main__actions .premium-header-user:hover *,

	header.hidden-sm.hidden-xs .premium-header-main__actions .premium-header-user:focus * {

		background-color: transparent !important;

		box-shadow: none !important;

		filter: none !important;

	}

	/* =========================================================

   ШАПКА НА НОУТБУКАХ 1200–1399 PX

   Сохраняем нормальный логотип и кнопки,

   но разрешаем поиску занимать оставшееся место.

   ========================================================= */



@media screen and (min-width: 1200px) and (max-width: 1399px) {



	header.hidden-sm.hidden-xs .premium-header-main__row {

		align-items: center !important;

		flex-wrap: nowrap !important;

		gap: 12px !important;

		min-width: 0 !important;

	}



	/* Логотип немного компактнее, но не маленький */

	header.hidden-sm.hidden-xs .premium-header-logo {

		flex: 0 0 240px !important;

		width: 240px !important;

		min-width: 240px !important;

		max-width: 240px !important;

	}



	header.hidden-sm.hidden-xs .premium-header-logo__link,

	header.hidden-sm.hidden-xs .premium-header-logo__mark,

	header.hidden-sm.hidden-xs .premium-header-logo__image {

		width: 240px !important;

		max-width: 240px !important;

	}



	header.hidden-sm.hidden-xs .premium-header-logo__image img {

		width: 235px !important;

		max-width: 235px !important;

		height: 68px !important;

		max-height: 68px !important;

		transform: none !important;

	}



	/* Каталог сохраняем достаточно крупным */

	header.hidden-sm.hidden-xs .premium-header-catalog {

		flex: 0 0 214px !important;

		width: 214px !important;

		min-width: 214px !important;

	}



	/*

	 * Главная правка:

	 * отменяем жёсткий min-width: 460px из premium-search.css

	 */

	html body header.hidden-sm.hidden-xs .premium-header-search {

		flex: 1 1 auto !important;

		width: auto !important;

		min-width: 300px !important;

		max-width: none !important;

	}



	/* Кнопки не сжимаем слишком сильно */

	header.hidden-sm.hidden-xs .premium-header-main__actions {

		flex: 0 0 auto !important;

		gap: 8px !important;

		min-width: 0 !important;

	}



	header.hidden-sm.hidden-xs .premium-header-actions__group {

		gap: 8px !important;

	}



	header.hidden-sm.hidden-xs .premium-header-action {

		flex: 0 0 48px !important;

		width: 48px !important;

		min-width: 48px !important;

	}



	/* Корзина остаётся с подписью */

	header.hidden-sm.hidden-xs .premium-header-cart,

	header.hidden-sm.hidden-xs .premium-header-action_cart {

		flex: 0 0 76px !important;

		width: 76px !important;

		min-width: 76px !important;

	}

}

/* =========================================================

   ИСПРАВЛЕНИЕ МЕГАМЕНЮ И ЛИЧНОГО КАБИНЕТА

   ========================================================= */



@media screen and (min-width: 992px) {



	/*

	 * Мегаменю позиционируем относительно всей строки,

	 * а не относительно жёлтой кнопки каталога.

	 */

	header.hidden-sm.hidden-xs .premium-header-nav__row {

		position: relative !important;

	}



	header.hidden-sm.hidden-xs .premium-header-catalog {

		position: static !important;

	}



	header.hidden-sm.hidden-xs .premium-mega-menu {

		left: 0 !important;

		right: 0 !important;

		width: auto !important;

		max-width: none !important;

	}



	/*

	 * Кнопка личного кабинета.

	 */

	header.hidden-sm.hidden-xs .premium-header-action_profile {

		background: rgba(255, 255, 255, 0.05) !important;

		border-color: rgba(255, 255, 255, 0.1) !important;

		box-shadow: none !important;

		overflow: visible !important;

	}



	header.hidden-sm.hidden-xs .premium-header-action_profile:hover,

	header.hidden-sm.hidden-xs .premium-header-action_profile:focus,

	header.hidden-sm.hidden-xs .premium-header-action_profile:focus-within {

		background: rgba(246, 197, 68, 0.12) !important;

		border-color: rgba(246, 197, 68, 0.4) !important;

		box-shadow: none !important;

		color: #ffffff !important;

		outline: none !important;

	}



	/*

	 * Выпадающий список личного кабинета.

	 * Перебиваем старый белый стиль из demomarket.css.

	 */

	header.hidden-sm.hidden-xs .premium-header-action_profile .userInfo {

		background: #111820 !important;

		border: 1px solid rgba(255, 255, 255, 0.12) !important;

		border-radius: 10px !important;

		box-shadow: 0 18px 44px rgba(0, 0, 0, 0.45) !important;

		box-sizing: border-box !important;

		color: #ffffff !important;

		left: auto !important;

		margin: 0 !important;

		min-width: 230px !important;

		padding: 10px !important;

		right: 0 !important;

		top: calc(100% + 8px) !important;

		z-index: 1000 !important;

	}



	header.hidden-sm.hidden-xs .premium-header-action_profile .userInfo li {

		background: transparent !important;

		border: 0 !important;

		color: #ffffff !important;

		margin: 0 !important;

		padding: 0 !important;

	}



	header.hidden-sm.hidden-xs .premium-header-action_profile .userInfo a {

		background: transparent !important;

		border-radius: 6px !important;

		color: #d8dee6 !important;

		display: block !important;

		font-size: 13px !important;

		font-weight: 600 !important;

		line-height: 1.4 !important;

		padding: 9px 10px !important;

		text-decoration: none !important;

	}



	header.hidden-sm.hidden-xs .premium-header-action_profile .userInfo a:hover,

	header.hidden-sm.hidden-xs .premium-header-action_profile .userInfo a:focus {

		background: rgba(246, 197, 68, 0.12) !important;

		color: #f6c544 !important;

		outline: none !important;

		text-decoration: none !important;

	}

}

/* =========================================================

   ФИНАЛЬНАЯ ПРАВКА ШАПКИ НА НОУТБУКАХ

   1. Логотип ближе к левому краю

   2. Поиск становится шире

   3. Мегаменю сразу открывается полноразмерным

   4. Меню профиля не исчезает при переводе мыши

   ========================================================= */



@media screen and (min-width: 1200px) and (max-width: 1399px) {



	/*

	 * Используем всю ширину экрана, а не узкий Bootstrap-контейнер.

	 * За счёт этого логотип уходит влево, а поиск получает больше места.

	 */

	header.hidden-sm.hidden-xs .premium-header-main > .container {

		max-width: none !important;

		padding-left: 24px !important;

		padding-right: 24px !important;

		width: 100% !important;

	}



	header.hidden-sm.hidden-xs .premium-header-main__row {

		gap: 12px !important;

		width: 100% !important;

	}



	/* Логотип ближе к левому краю и немного компактнее */

	header.hidden-sm.hidden-xs .premium-header-logo {

		flex: 0 0 215px !important;

		margin: 0 !important;

		max-width: 215px !important;

		min-width: 215px !important;

		padding: 0 !important;

		width: 215px !important;

	}



	header.hidden-sm.hidden-xs .premium-header-logo__link,

	header.hidden-sm.hidden-xs .premium-header-logo__mark,

	header.hidden-sm.hidden-xs .premium-header-logo__image {

		max-width: 215px !important;

		width: 215px !important;

	}



	header.hidden-sm.hidden-xs .premium-header-logo__image img {

		height: 66px !important;

		max-height: 66px !important;

		max-width: 210px !important;

		transform: none !important;

		width: 210px !important;

	}



	/* Каталог немного компактнее */

	header.hidden-sm.hidden-xs .premium-header-catalog {

		flex: 0 0 214px !important;

		min-width: 214px !important;

		width: 214px !important;

	}



	/* Поиск занимает всё оставшееся свободное место */

	html body header.hidden-sm.hidden-xs .premium-header-search {

		flex: 1 1 auto !important;

		max-width: none !important;

		min-width: 360px !important;

		width: auto !important;

	}

}



/* =========================================================

   МЕГАМЕНЮ — СРАЗУ ПОЛНАЯ ШИРИНА

   ========================================================= */



@media screen and (min-width: 992px) {



	header.hidden-sm.hidden-xs .premium-header-nav__row {

		position: relative !important;

	}



	header.hidden-sm.hidden-xs .premium-header-catalog {

		position: static !important;

	}



	/*

	 * Одинаковые размеры и сразу после клика,

	 * и после движения мыши.

	 */

	header.hidden-sm.hidden-xs .premium-header-catalog .premium-mega-menu,

	header.hidden-sm.hidden-xs .premium-header-catalog:hover .premium-mega-menu,

	header.hidden-sm.hidden-xs .premium-header-catalog.premium-open .premium-mega-menu,

	header.hidden-sm.hidden-xs .premium-mega-menu.premium-open {

		box-sizing: border-box !important;

		left: 0 !important;

		max-width: none !important;

		min-width: 0 !important;

		right: 0 !important;

		width: 100% !important;

	}



	header.hidden-sm.hidden-xs .premium-mega-menu__panel {

		box-sizing: border-box !important;

		margin: 0 !important;

		width: 100% !important;

	}



	header.hidden-sm.hidden-xs .premium-mega-menu__content,

	header.hidden-sm.hidden-xs .premium-mega-menu__grid {

		box-sizing: border-box !important;

		width: 100% !important;

	}

}



/* =========================================================

   ЛИЧНЫЙ КАБИНЕТ — УБИРАЕМ ЗАЗОР ПОД КНОПКОЙ

   ========================================================= */



@media screen and (min-width: 992px) {



	header.hidden-sm.hidden-xs .premium-header-action_profile {

		overflow: visible !important;

		position: relative !important;

	}



	/*

	 * Раньше между кнопкой и меню был зазор 8px.

	 * При переводе мыши курсор попадал в пустое место,

	 * из-за чего выпадающий список исчезал.

	 */

	header.hidden-sm.hidden-xs .premium-header-action_profile .userInfo {

		left: auto !important;

		margin: 0 !important;

		padding: 10px !important;

		right: 0 !important;

		top: 100% !important;

	}



	/*

	 * Не скрываем список, пока мышь находится

	 * либо на кнопке, либо на самом меню.

	 */

	header.hidden-sm.hidden-xs .premium-header-action_profile:hover .userInfo,

	header.hidden-sm.hidden-xs .premium-header-action_profile:focus-within .userInfo,

	header.hidden-sm.hidden-xs .premium-header-action_profile .userInfo:hover {

		display: block !important;

		opacity: 1 !important;

		pointer-events: auto !important;

		visibility: visible !important;

	}



	header.hidden-sm.hidden-xs .premium-header-action_profile .userInfo a {

		pointer-events: auto !important;

	}

	/* =========================================================

   МЕГАМЕНЮ: ПРИНУДИТЕЛЬНАЯ ШИРИНА СРАЗУ ПОСЛЕ НАЖАТИЯ

   Перебивает старые hover-стили UMI.CMS.

   ========================================================= */



@media screen and (min-width: 992px) {



	header.hidden-sm.hidden-xs .premium-header-main__row {

		position: relative !important;

	}



	header.hidden-sm.hidden-xs .premium-header-catalog {

		position: static !important;

	}



	/*

	 * Важно: повторяем селекторы для всех состояний —

	 * обычного, hover и premium-open.

	 */

	html body header.hidden-sm.hidden-xs

	.premium-header-main__row

	.premium-header-catalog

	.premium-mega-menu,



	html body header.hidden-sm.hidden-xs

	.premium-header-main__row

	.premium-header-catalog:hover

	.premium-mega-menu,



	html body header.hidden-sm.hidden-xs

	.premium-header-main__row

	.premium-header-catalog.premium-open

	.premium-mega-menu,



	html body header.hidden-sm.hidden-xs

	.premium-header-main__row

	.premium-header-catalog

	.premium-mega-menu.premium-open {



		box-sizing: border-box !important;

		left: 0 !important;

		right: auto !important;



		width: min(1120px, calc(100vw - 48px)) !important;

		min-width: min(1120px, calc(100vw - 48px)) !important;

		max-width: min(1120px, calc(100vw - 48px)) !important;



		transform: translateY(0) !important;

	}



	html body header.hidden-sm.hidden-xs

	.premium-header-catalog:hover

	.premium-mega-menu__panel,



	html body header.hidden-sm.hidden-xs

	.premium-header-catalog.premium-open

	.premium-mega-menu__panel,



	html body header.hidden-sm.hidden-xs

	.premium-mega-menu.premium-open

	.premium-mega-menu__panel {



		box-sizing: border-box !important;

		width: 100% !important;

		min-width: 100% !important;

		max-width: 100% !important;

	}



	html body header.hidden-sm.hidden-xs

	.premium-header-catalog:hover

	.premium-mega-menu__grid,



	html body header.hidden-sm.hidden-xs

	.premium-header-catalog.premium-open

	.premium-mega-menu__grid,



	html body header.hidden-sm.hidden-xs

	.premium-mega-menu.premium-open

	.premium-mega-menu__grid {



		display: grid !important;

		grid-template-columns: repeat(4, minmax(0, 1fr)) !important;

		width: 100% !important;

		min-width: 0 !important;

	}

	/* =========================================================

   ВЕРХНЯЯ ИНФОРМАЦИОННАЯ СТРОКА

   Адрес, режим работы и телефоны

   ========================================================= */



.premium-header-top__row {

	align-items: center;

	display: grid;

	gap: 16px;

	grid-template-columns: minmax(250px, 1fr) minmax(290px, 1fr) minmax(420px, 1.35fr);

	min-height: 38px;

}



.premium-header-top__info {

	align-items: center;

	color: #d8dee6;

	display: flex;

	font-size: 11px;

	font-weight: 600;

	line-height: 1.35;

	min-width: 0;

}



.premium-header-top__info_address {

	justify-content: flex-start;

}



.premium-header-top__info_schedule {

	justify-content: center;

}



.premium-header-top__info_phones {

	gap: 18px;

	justify-content: flex-end;

}



.premium-header-top__icon {

	align-items: center;

	color: #f6c544;

	display: inline-flex;

	flex: 0 0 15px;

	height: 15px;

	justify-content: center;

	margin-right: 6px;

	width: 15px;

}



.premium-header-top__icon svg {

	fill: currentColor;

	height: 14px;

	width: 14px;

}



.premium-header-top__text {

	color: #d8dee6;

	white-space: nowrap;

}



.premium-header-top__phone-group {

	align-items: center;

	display: inline-flex;

	white-space: nowrap;

}



.premium-header-top__phone-label {

	color: #aab4c0;

	margin-right: 4px;

}



.premium-header-top__phone {

	color: #ffffff;

	font-size: 11px;

	font-weight: 800;

	text-decoration: none;

	white-space: nowrap;

}



.premium-header-top__phone:hover,

.premium-header-top__phone:focus {

	color: #f6c544;

	outline: none;

	text-decoration: none;

}



/* Ноутбуки */

@media screen and (min-width: 1200px) and (max-width: 1399px) {

	header.hidden-sm.hidden-xs .premium-header-top > .container {

		max-width: none !important;

		padding-left: 28px !important;

		padding-right: 28px !important;

		width: 100% !important;

	}



	.premium-header-top__row {

		gap: 10px;

		grid-template-columns: minmax(220px, 0.9fr) minmax(270px, 1fr) minmax(390px, 1.25fr);

	}



	.premium-header-top__info {

		font-size: 10px;

	}



	.premium-header-top__info_phones {

		gap: 12px;

	}



	.premium-header-top__phone {

		font-size: 10px;

	}

}



/* Небольшие настольные экраны */

@media screen and (min-width: 992px) and (max-width: 1199px) {

	.premium-header-top__row {

		gap: 8px;

		grid-template-columns: 0.9fr 1fr 1.35fr;

	}



	.premium-header-top__info {

		font-size: 9px;

	}



	.premium-header-top__info_phones {

		gap: 8px;

	}



	.premium-header-top__phone {

		font-size: 9px;

	}

}



@media (max-width: 991px) {

	.premium-header-top {

		display: none;

	}

}




/*
 * Close the four desktop media blocks opened above before the global
 * subnavigation and mobile-only overrides begin.
 */
}
}
}
}

/* =========================================================
   Global premium subnavigation
   ========================================================= */

.premium-subnav {
	background: #0a0d11;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	position: relative;
}

.premium-subnav__inner {
	overflow-x: auto;
	overflow-y: hidden;
	overscroll-behavior-inline: contain;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: none;
	scrollbar-width: none;
}

.premium-subnav__inner::-webkit-scrollbar {
	display: none;
}

.premium-subnav__list {
	align-items: stretch;
	display: flex;
	gap: clamp(16px, 2vw, 34px);
	justify-content: space-between;
	list-style: none;
	margin: 0;
	min-width: max-content;
	padding: 0;
	width: 100%;
}

.premium-subnav__item {
	flex: 0 0 auto;
	margin: 0;
	padding: 0;
}

.premium-subnav__link {
	align-items: center;
	color: #d8dde3;
	display: inline-flex;
	font-size: 13px;
	font-weight: 600;
	height: 48px;
	letter-spacing: 0.01em;
	position: relative;
	text-decoration: none;
	transition: color 180ms ease;
	white-space: nowrap;
}

.premium-subnav__link::after {
	background: #f6c544;
	bottom: 0;
	content: '';
	height: 2px;
	left: 0;
	position: absolute;
	transform: scaleX(0);
	transform-origin: center;
	transition: transform 180ms ease;
	width: 100%;
}

.premium-subnav__link:hover,
.premium-subnav__link:focus,
.premium-subnav__link.is-active {
	color: #f6c544;
	outline: none;
	text-decoration: none;
}

.premium-subnav__link:hover::after,
.premium-subnav__link:focus::after,
.premium-subnav__link.is-active::after {
	transform: scaleX(1);
}

.premium-subnav__link:focus-visible {
	outline: 2px solid #f6c544;
	outline-offset: -4px;
}

@media (max-width: 991px) {
	.premium-subnav__container {
		padding-left: 0;
		padding-right: 0;
		width: 100%;
	}

	.premium-subnav__list {
		gap: 24px;
		justify-content: flex-start;
		padding: 0 15px;
	}

	.premium-subnav__link {
		font-size: 12px;
		font-weight: 600;
		height: 46px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.premium-subnav__link,
	.premium-subnav__link::after {
		transition: none;
	}
}

/* =========================================================
   Premium mobile navigation
   ========================================================= */

@media (max-width: 991px) {
	.premium-subnav {
		display: none;
	}

	#headerMobileMenu,
	#headerMobileMenu * {
		box-sizing: border-box;
	}

	#headerMobileMenu.collapse_menu_header {
		background: #0a0d11;
		box-shadow: 18px 0 48px rgba(0, 0, 0, 0.38);
		color: #eef1f4;
		font-family: 'open_sans', Arial, sans-serif;
		font-size: 16px;
		height: 100%;
		margin: 0;
		max-width: 380px;
		overflow-x: hidden;
		overflow-y: auto;
		overscroll-behavior: contain;
		padding: 64px 0 24px;
		text-transform: none;
		transition: opacity 240ms ease, transform 240ms ease;
		width: 88vw;
		-webkit-overflow-scrolling: touch;
	}

	#headerMobileMenu > li,
	#headerMobileMenu .mobile_catalog,
	#headerMobileMenu .mobile_sub_menu,
	#headerMobileMenu .mobile_sub_sub_menu {
		list-style: none;
		margin: 0;
	}

	#headerMobileMenu > li {
		margin-bottom: 0;
	}

	#headerMobileMenu .mobile_catalog {
		background: transparent;
		border-bottom: 1px solid rgba(255, 255, 255, 0.08);
		padding: 0;
	}

	#headerMobileMenu .mobile_catalog .product_header {
		align-items: center;
		cursor: pointer;
		display: flex;
		font-family: inherit;
		font-size: 16px;
		font-weight: 600;
		line-height: 1.3;
		margin: 0;
		min-height: 56px;
		padding: 0 52px 0 22px;
		position: relative;
		text-transform: none;
	}

	#headerMobileMenu .mobile_catalog .product_header > a {
		align-items: center;
		color: #eef1f4;
		display: flex;
		font-family: inherit;
		font-size: inherit;
		font-weight: inherit;
		line-height: inherit;
		margin: 0;
		min-height: 55px;
		overflow-wrap: anywhere;
		padding: 8px 0;
		text-decoration: none;
		width: 100%;
	}

	#headerMobileMenu .mobile_catalog .product_header::after {
		border: 0;
		border-bottom: 1.5px solid #aeb6bf;
		border-right: 1.5px solid #aeb6bf;
		height: 9px;
		margin-top: -6px;
		right: 23px;
		top: 50%;
		transform: rotate(45deg);
		transition: border-color 180ms ease, transform 180ms ease;
		width: 9px;
	}

	#headerMobileMenu .mobile_catalog .product_header.open::after {
		border-color: #f6c544;
		margin-top: -2px;
		top: 50%;
		transform: rotate(-135deg);
	}

	#headerMobileMenu .mobile_catalog .mobile_sub_menu {
		background: #11161c;
		margin: 0;
		padding: 6px 0 8px;
	}

	#headerMobileMenu .mobile_catalog .mobile_sub_menu > li {
		border-top: 1px solid rgba(255, 255, 255, 0.055);
		margin: 0;
		position: relative;
	}

	#headerMobileMenu .mobile_catalog .mobile_sub_menu > li:first-child {
		border-top: 0;
	}

	#headerMobileMenu .mobile_catalog .mobile_sub_menu > li > a {
		align-items: center;
		color: #bdc5ce;
		display: flex;
		font-family: 'open_sans', Arial, sans-serif;
		font-size: 14px;
		font-weight: 500;
		line-height: 1.4;
		margin: 0;
		min-height: 46px;
		overflow-wrap: anywhere;
		padding: 10px 52px 10px 34px;
		text-decoration: none;
		text-transform: none;
		width: 100%;
	}

	#headerMobileMenu .mobile_catalog .second_level_menu::after {
		border: 0;
		border-bottom: 1.5px solid #8f99a4;
		border-right: 1.5px solid #8f99a4;
		height: 8px;
		margin-top: -5px;
		right: 23px;
		top: 23px;
		transform: rotate(45deg);
		transition: border-color 180ms ease, transform 180ms ease;
		width: 8px;
	}

	#headerMobileMenu .mobile_catalog .second_level_menu.open::after {
		border-color: #f6c544;
		margin-top: 0;
		top: 19px;
		transform: rotate(-135deg);
	}

	#headerMobileMenu .mobile_catalog .mobile_sub_sub_menu {
		background: #171d24;
		margin: 0;
		padding: 4px 0 7px;
	}

	#headerMobileMenu .mobile_catalog .mobile_sub_sub_menu > li {
		margin: 0;
	}

	#headerMobileMenu .mobile_catalog .mobile_sub_sub_menu > li > a {
		color: #aeb7c0;
		font-family: 'open_sans', Arial, sans-serif;
		font-size: 13px;
		font-weight: 400;
		line-height: 1.45;
		margin: 0;
		min-height: 42px;
		overflow-wrap: anywhere;
		padding: 10px 24px 10px 46px;
		text-decoration: none;
		text-transform: none;
	}

	#headerMobileMenu > li > a {
		align-items: center;
		border-bottom: 1px solid rgba(255, 255, 255, 0.08);
		color: #eef1f4;
		display: flex;
		font-family: 'open_sans', Arial, sans-serif;
		font-size: 16px;
		font-weight: 600;
		line-height: 1.3;
		margin: 0;
		min-height: 56px;
		overflow-wrap: anywhere;
		padding: 10px 22px;
		text-decoration: none;
		text-transform: none;
		width: 100%;
	}

	#headerMobileMenu a:hover,
	#headerMobileMenu a:focus,
	#headerMobileMenu a:active {
		background: rgba(255, 255, 255, 0.055);
		color: #f6c544;
		outline: none;
		text-decoration: none;
	}

	#headerMobileMenu a.active {
		color: #f6c544;
	}

	#headerMobileMenu > li a.active::after {
		display: none;
	}

	#headerMobileMenu > .close_toggle {
		align-items: center;
		background: rgba(255, 255, 255, 0.06);
		border: 1px solid rgba(255, 255, 255, 0.1);
		border-radius: 10px;
		color: #d8dde3;
		display: flex;
		height: 40px;
		justify-content: center;
		margin: 0;
		right: 14px;
		top: 12px;
		width: 40px;
	}

	#headerMobileMenu > .close_toggle:active {
		background: rgba(246, 197, 68, 0.14);
		border-color: rgba(246, 197, 68, 0.42);
		color: #f6c544;
	}

	#headerMobileMenu > .close_toggle .fa {
		font-size: 18px;
		line-height: 1;
	}
}

@media (max-width: 430px) {
	#headerMobileMenu.collapse_menu_header {
		width: 88vw;
	}
}

@media (prefers-reduced-motion: reduce) {
	#headerMobileMenu.collapse_menu_header,
	#headerMobileMenu .mobile_catalog .product_header::after,
	#headerMobileMenu .mobile_catalog .second_level_menu::after {
		transition: none;
	}
}