/* Start:/local/js/qwelp/megamenu/catalog-menu/dist/catalog-menu.bundle.css?178836767421853*/
/* ========== Catalog Menu — Shell (shared across variants) ========== */

.sl-catalog-menu {
	position: relative;
	z-index: 1000;
	pointer-events: none;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.25s ease, visibility 0.25s ease;
}
.sl-catalog-menu--open {
	position: fixed;
	top: var(--qmm-visible-viewport-offset-top, 0px);
	right: 0;
	bottom: auto;
	left: 0;
	height: var(--qmm-visible-viewport-height, 100vh);
	height: var(--qmm-visible-viewport-height, 100dvh);
	pointer-events: auto;
	opacity: 1;
	visibility: visible;
}

html.qmm-catalog-menu-open,
html.qmm-catalog-menu-open body {
	overflow: hidden;
	overscroll-behavior: none;
}

/* Transparent overlay (click-catcher, no darkening) */
.sl-catalog-menu__overlay {
	position: absolute;
	inset: 0;
}

/* Dropdown panel */
.sl-catalog-menu__dropdown {
	position: absolute;
	top: var(--sl-catalog-menu-anchor-top, 0px);
	left: 0;
	right: 0;
	box-sizing: border-box;
	max-height: calc(100vh - var(--sl-catalog-menu-anchor-top, 0px));
	max-height: calc(100dvh - var(--sl-catalog-menu-anchor-top, 0px));
	max-height: calc(var(--qmm-visible-viewport-height, 100dvh) - var(--sl-catalog-menu-anchor-top, 0px));
	overflow-y: auto;
	overscroll-behavior: contain;
	transform: translateY(-10px);
	transition: transform 0.25s ease;
	z-index: 1;
	padding:
		15px
		env(safe-area-inset-right, 0px)
		env(safe-area-inset-bottom, 0px)
		env(safe-area-inset-left, 0px);
	pointer-events: none;
}

.qmm-catalog-menu__close {
	position: absolute;
	top: max(0.5rem, env(safe-area-inset-top, 0px));
	right: max(0.5rem, env(safe-area-inset-right, 0px));
	z-index: 8;
	display: none;
	align-items: center;
	justify-content: center;
	width: 2.75rem;
	height: 2.75rem;
	padding: 0;
	border: 1px solid rgba(var(--sl-color-dark-rgb, 29, 36, 51), 0.14);
	border-radius: 50%;
	background: var(--sl-color-white, #fff);
	color: var(--sl-color-dark, #1d2433);
	font: inherit;
	font-size: 1.5rem;
	line-height: 1;
	cursor: pointer;
}

.qmm-catalog-menu .sl-container {
	box-sizing: border-box;
	width: 100%;
	max-width: calc(var(--sl-container, 1100px) + (var(--sl-gap-page, 20px) * 2));
	margin-inline: auto;
	padding-inline: var(--sl-gap-page, 20px);
}

@media (max-width: 991.98px) {
	.qmm-catalog-menu__close {
		display: inline-flex;
	}

	.sl-catalog-menu__inner {
		position: relative;
		padding-top: max(var(--sl-menu-padding, 40px), 4rem);
	}
}
.sl-catalog-menu--open .sl-catalog-menu__dropdown {
	transform: translateY(0);
}

.sl-catalog-menu__inner {
	background: var(--sl-menu-bg, var(--sl-color-white, #fff));
	border-radius: var(--sl-menu-radius, 20px);
	padding: var(--sl-menu-padding, 40px);
	color: var(--sl-menu-text, var(--sl-color-dark, #1d2433));
	min-height: 200px;
	box-shadow: 0 20px 30px 0 rgba(28, 39, 75, 0.08);
	pointer-events: auto;
}

.sl-catalog-menu__body {
	position: relative;
}

.sl-catalog-menu [hidden] {
	display: none !important;
}

.sl-catalog-menu :is(a, button):focus-visible {
	outline: 2px solid var(--sl-color-link, var(--sl-primary, #6f65b5));
	outline-offset: 3px;
}

/* Loader */
.sl-catalog-menu__loader {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 200px;
}
.sl-catalog-menu__spinner {
	width: 36px;
	height: 36px;
	border: 3px solid rgba(var(--sl-color-dark-rgb, 29, 36, 51), 0.15);
	border-top-color: var(--sl-color-dark, #1d2433);
	border-radius: 50%;
	animation: sl-catalog-menu-spin 0.7s linear infinite;
}
@keyframes sl-catalog-menu-spin {
	to { transform: rotate(360deg); }
}

.sl-catalog-menu__error {
	width: 100%;
	padding: 40px 20px;
	color: var(--sl-color-dark, #1d2433);
	font-size: 0.95rem;
	line-height: 1.35;
	text-align: center;
	opacity: 0.64;
}

/* ========== Banner card in menu (shared) ========== */

/* Wrapper: banner + brands stacked vertically */
.sl-catalog-menu__banner-wrap {
	display: flex;
	flex-direction: column;
	gap: 15px;
	width: 232px;
	flex-shrink: 0;
}
.sl-catalog-menu__banner-box {
	position: relative;
	width: 232px;
	flex-shrink: 0;
}

/* Banner image card */
.sl-catalog-menu__banner {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 232px;
	border-radius: var(--sl-media-radius, 10px);
	overflow: hidden;
	text-decoration: none;
	flex-shrink: 0;
	background: var(--sl-color-bg, #f5f6f8);
}

.sl-catalog-menu__banner-placeholder {
	width: 50%;
	height: 50%;
	color: var(--sl-color-dark, #1d2433);
	opacity: 0.1;
}
.sl-catalog-menu__banner:hover {
	opacity: 0.9;
}
.sl-catalog-menu__banner-picture {
	display: block;
	width: 100%;
}
.sl-catalog-menu__banner-edit {
	position: absolute;
	top: 10px;
	left: 10px;
	right: 10px;
	z-index: 2;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 32px;
	padding: 0 12px;
	color: var(--sl-color-dark, #1d2433);
	font-size: 13px;
	line-height: 1.2;
	text-align: center;
	text-decoration: none;
	background: var(--sl-color-white, #fff);
	border-radius: var(--sl-header-control-radius, 8px);
	box-shadow: 0 4px 12px rgba(var(--sl-color-dark-rgb, 29, 36, 51), 0.12);
	transition: opacity 0.2s ease;
}
.sl-catalog-menu__banner-edit:hover {
	opacity: 0.7;
}
.sl-catalog-menu__banner-img {
	width: 100%;
	height: auto;
	object-fit: cover;
	display: block;
	position: relative;
	z-index: 1;
}
.sl-catalog-menu__banner-img--dark,
.sl-catalog-menu__brand-img--dark {
	display: none;
}
html[data-theme="dark"] .sl-catalog-menu__banner--has-dark .sl-catalog-menu__banner-img--light,
html[data-theme="dark"] .sl-catalog-menu__brand--has-dark .sl-catalog-menu__brand-img--light {
	display: none;
}
html[data-theme="dark"] .sl-catalog-menu__banner--has-dark .sl-catalog-menu__banner-img--dark,
html[data-theme="dark"] .sl-catalog-menu__brand--has-dark .sl-catalog-menu__brand-img--dark {
	display: block;
}

/* Brands grid (2 columns below banner) */
.sl-catalog-menu__brands {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: var(--sl-card-gap, 20px);
}
.sl-catalog-menu__brand {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 106px;
	flex-shrink: 0;
	text-decoration: none;
	color: var(--sl-color-dark, #1d2433);
	border-radius: var(--sl-card-radius, 10px);
	transition: opacity 0.2s ease;
}
.sl-catalog-menu__brand:hover {
	opacity: 0.6;
}
.sl-catalog-menu__brand img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}
.sl-catalog-menu__brand-img {
	display: block;
	width: 100%;
	height: auto;
	object-fit: contain;
}
.sl-catalog-menu__brand-img--dark {
	display: none;
}
html[data-theme="dark"] .sl-catalog-menu__brand--has-dark .sl-catalog-menu__brand-img--dark {
	display: block;
}

.sl-catalog-menu-panel-wrap {
	position: absolute;
	top: 8px;
	left: 8px;
	right: 8px;
	height: 0;
	overflow: visible;
	z-index: 6;
}

.sl-catalog-menu-panel-wrap--floating {
	top: 0;
	left: auto;
	right: 0;
	width: min(28rem, calc(100vw - 2rem));
}

.sl-catalog-menu-panel {
	position: absolute;
	top: 0;
	right: 0;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	width: min(28rem, calc(100vw - 2rem));
	color: var(--sl-color-dark, #1d2433);
	font-size: 0.75rem;
	line-height: 1.35;
	z-index: 6;
}

.sl-catalog-menu-panel__toggle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 1.75rem;
	padding: 0.25rem 0.75rem;
	border: 1px solid rgba(var(--sl-color-dark-rgb, 29, 36, 51), 0.14);
	border-radius: 100px;
	background: var(--sl-color-white, #fff);
	color: var(--sl-color-dark, #1d2433);
	font: inherit;
	font-weight: 600;
	line-height: 1;
	cursor: pointer;
	box-shadow: 0 0.0625rem 0.25rem rgba(var(--sl-color-dark-rgb, 29, 36, 51), 0.12);
}

.sl-catalog-menu-panel__toggle:focus-visible,
.sl-catalog-menu-panel__submit:focus-visible,
.sl-catalog-menu-panel__add:focus-visible,
.sl-catalog-menu-panel__remove:focus-visible,
.sl-catalog-menu-panel__input:focus-visible,
.sl-catalog-menu-panel__file:focus-visible {
	outline: 2px solid var(--sl-color-dark, #1d2433);
	outline-offset: 2px;
}

.sl-catalog-menu-panel__form {
	display: grid;
	gap: 0.5rem;
	width: 100%;
	max-height: min(42rem, calc(100vh - 8rem));
	margin-top: 0.375rem;
	padding: 0.75rem;
	overflow: auto;
	border: 1px solid rgba(var(--sl-color-dark-rgb, 29, 36, 51), 0.14);
	border-radius: 0.5rem;
	background: var(--sl-color-white, #fff);
	box-shadow: 0 0.5rem 1.5rem rgba(var(--sl-color-dark-rgb, 29, 36, 51), 0.16);
}

.sl-catalog-menu-panel__form[hidden] {
	display: none;
}

.sl-catalog-menu-panel__field {
	display: grid;
	gap: 0.3125rem;
	margin: 0;
}

.sl-catalog-menu-panel__label,
.sl-catalog-menu-panel__brands-head {
	font-weight: 600;
}

.sl-catalog-menu-panel__input {
	width: 100%;
	min-height: 2rem;
	padding: 0.375rem 0.5rem;
	border: 1px solid rgba(var(--sl-color-dark-rgb, 29, 36, 51), 0.2);
	border-radius: 0.375rem;
	background: var(--sl-color-white, #fff);
	color: var(--sl-color-dark, #1d2433);
	font: inherit;
}

.sl-catalog-menu-panel__file {
	width: 100%;
	font: inherit;
}

.sl-catalog-menu-panel__hint {
	color: rgba(var(--sl-color-dark-rgb, 29, 36, 51), 0.64);
}

.sl-catalog-menu-panel__preview {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	min-height: 3.25rem;
	padding: 0.375rem;
	border: 1px solid rgba(var(--sl-color-dark-rgb, 29, 36, 51), 0.1);
	border-radius: 0.375rem;
	background: rgba(var(--sl-color-dark-rgb, 29, 36, 51), 0.03);
}

.sl-catalog-menu-panel__preview-img,
.sl-catalog-menu-panel__preview-placeholder {
	display: block;
	width: 3rem;
	height: 3rem;
	flex: 0 0 3rem;
	border-radius: 0.3125rem;
	background: var(--sl-color-bg, #f5f6f8);
	object-fit: contain;
}

.sl-catalog-menu-panel__preview-text {
	color: rgba(var(--sl-color-dark-rgb, 29, 36, 51), 0.68);
	font-weight: 600;
}

.sl-catalog-menu-panel__preview-remove {
	margin-left: auto;
	flex: 0 0 auto;
}

.sl-catalog-menu-panel__brands {
	display: grid;
	gap: 0.625rem;
}

.sl-catalog-menu-panel__brand-row {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.5rem;
	padding: 0.625rem;
	border: 1px solid rgba(var(--sl-color-dark-rgb, 29, 36, 51), 0.1);
	border-radius: 0.5rem;
	background: rgba(var(--sl-color-dark-rgb, 29, 36, 51), 0.03);
}

.sl-catalog-menu-panel__remove {
	justify-self: flex-start;
	min-height: 1.75rem;
	padding: 0.25rem 0.625rem;
	border: 1px solid rgba(var(--sl-color-dark-rgb, 29, 36, 51), 0.12);
	border-radius: 100px;
	background: var(--sl-color-white, #fff);
	color: var(--sl-color-dark, #1d2433);
	font: inherit;
	cursor: pointer;
}

.sl-catalog-menu-panel__add {
	justify-self: flex-start;
	min-height: 1.875rem;
	padding: 0.3125rem 0.75rem;
	border: 1px solid rgba(var(--sl-color-dark-rgb, 29, 36, 51), 0.14);
	border-radius: 100px;
	background: var(--sl-color-white, #fff);
	color: var(--sl-color-dark, #1d2433);
	font: inherit;
	font-weight: 600;
	cursor: pointer;
}

.sl-catalog-menu-panel__actions {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 0.5rem;
	justify-content: flex-start;
}

.sl-catalog-menu-panel__submit {
	min-height: 2rem;
	padding: 0.375rem 0.875rem;
	border: 0;
	border-radius: 100px;
	background: var(--sl-color-dark, #1d2433);
	color: var(--sl-color-white, #fff);
	font: inherit;
	font-weight: 600;
	cursor: pointer;
}

.sl-catalog-menu-panel__submit:disabled {
	cursor: wait;
	opacity: 0.6;
}

.sl-catalog-menu-panel__status {
	min-height: 1rem;
	font-weight: 600;
}

.sl-catalog-menu-panel__status[data-status="error"] {
	color: var(--sl-color-danger, var(--sl-color-dark, #1d2433));
}

.sl-catalog-menu-panel__status[data-status="success"] {
	color: var(--sl-color-success, var(--sl-color-dark, #1d2433));
}

@media (max-width: 576px) {
	.sl-catalog-menu-panel {
		right: auto;
		left: 0;
		width: min(24rem, calc(100vw - 2rem));
	}

	.sl-catalog-menu-panel-wrap--floating {
		left: 0;
		right: auto;
		width: 100%;
	}

	.sl-catalog-menu-panel-wrap--floating .sl-catalog-menu-panel {
		align-items: flex-start;
		width: 100%;
	}

	.sl-catalog-menu-panel__brand-row {
		grid-template-columns: 1fr;
	}
}

/* Button active state: violet bg + close icon */
.sl-header__catalog-icon,
.sl-header__catalog-close {
	width: 20px;
	flex-shrink: 0;
}
.sl-header__catalog-btn--active {
	background-color: var(--sl-header-catalog-bg, var(--sl-color-cta-hover, var(--sl-color-catalog-btn-active, #6f65b5)));
	background-color: color-mix(in srgb, var(--sl-header-catalog-bg, var(--sl-color-cta-hover, var(--sl-color-catalog-btn-active, #6f65b5))) 88%, var(--sl-color-black, black));
}
html[data-theme="dark"] .sl-header__catalog-btn--active {
	background-color: var(--sl-header-catalog-bg, var(--sl-color-cta-dark-hover, var(--sl-color-catalog-btn-active, #6f65b5)));
	background-color: color-mix(in srgb, var(--sl-header-catalog-bg, var(--sl-color-cta-dark-hover, var(--sl-color-catalog-btn-active, #6f65b5))) 88%, var(--sl-color-black, black));
}
.sl-header__catalog-btn--active .sl-header__catalog-icon {
	display: none;
}
.sl-header__catalog-btn .sl-header__catalog-close {
	display: none;
}
.sl-header__catalog-btn--active .sl-header__catalog-close {
	display: block;
}

.sl-catalog-menu :is(
	.sl-catalog-menu__item,
	.sl-catalog-menu__group-name,
	.sl-catalog-menu__subcat,
	.sl-catalog-menu__subchild,
	.sl-catalog-menu__subchildren li::before
) {
	color: var(--sl-menu-text, var(--sl-color-dark, #1d2433)) !important;
}

.sl-catalog-menu :is(
	.sl-catalog-menu__item,
	.sl-catalog-menu__group-name,
	.sl-catalog-menu__subchild
):hover {
	color: var(--sl-menu-text, var(--sl-primary, #6f65b5)) !important;
	background: transparent !important;
}

.sl-catalog-menu .sl-catalog-menu__item:hover {
	background: transparent !important;
}

.sl-catalog-menu .sl-catalog-menu__group-name:hover {
	background: transparent !important;
}

.sl-catalog-menu .sl-catalog-menu__subcat:hover {
	color: var(--sl-menu-text, var(--sl-primary, #6f65b5)) !important;
	background: transparent !important;
}

.sl-catalog-menu__toggle {
	color: var(--sl-color-link, var(--sl-primary, #6f65b5)) !important;
}

/* ========== Dark theme surfaces and states ========== */

html[data-theme="dark"] .sl-catalog-menu__dropdown {
	--sl-catalog-menu-surface: var(--sl-color-bg-card, #363B40);
	--sl-catalog-menu-surface-muted: var(--sl-color-bg-muted, #404449);
	--sl-catalog-menu-border: rgba(255, 255, 255, 0.08);
	--sl-catalog-menu-text: rgba(255, 255, 255, 0.9);
	--sl-catalog-menu-text-muted: rgba(255, 255, 255, 0.62);
	--sl-catalog-menu-accent-soft: color-mix(
		in srgb,
		var(--sl-color-link, #6F65B5) 58%,
		#FFFFFF
	);
	--sl-catalog-menu-hover: rgba(255, 255, 255, 0.045);
}

html[data-theme="dark"] .sl-catalog-menu__inner {
	background: var(--sl-catalog-menu-surface, #fff) !important;
	color: var(--sl-catalog-menu-text, #1d2433) !important;
	border: 1px solid var(--sl-catalog-menu-border, rgba(29, 36, 51, 0.12));
	box-shadow:
		0 1.5rem 4rem rgba(9, 12, 16, 0.34),
		inset 0 1px 0 rgba(255, 255, 255, 0.025);
}

html[data-theme="dark"] .sl-catalog-menu :is(a, button):focus-visible {
	outline-color: var(--sl-catalog-menu-accent-soft, #877bd4);
}

html[data-theme="dark"] .sl-catalog-menu :is(
	.sl-catalog-menu__item,
	.sl-catalog-menu__group-name,
	.sl-catalog-menu__subcat,
	.sl-catalog-menu__subchild,
	.sl-catalog-menu__subchildren li::before,
	.sl-catalog-menu__collections-nav-item,
	.sl-catalog-menu__collections-title,
	.sl-catalog-menu__collections-title-arrow,
	.sl-catalog-menu__collections-media,
	.sl-catalog-menu__collections-group-title,
	.sl-catalog-menu__collections-link
) {
	color: var(--sl-catalog-menu-text, #1d2433) !important;
}

html[data-theme="dark"] .sl-catalog-menu :is(
	.sl-catalog-menu__subcat,
	.sl-catalog-menu__subchild,
	.sl-catalog-menu__collections-link
) {
	color: var(--sl-catalog-menu-text-muted, rgba(29, 36, 51, 0.64)) !important;
}

html[data-theme="dark"] .sl-catalog-menu__item {
	border-radius: 1rem;
	transition:
		background-color 0.2s ease,
		color 0.2s ease,
		opacity 0.2s ease,
		transform 0.2s ease;
}

html[data-theme="dark"] .sl-catalog-menu__item:hover {
	background: var(--sl-catalog-menu-hover, rgba(29, 36, 51, 0.05)) !important;
	color: var(--sl-catalog-menu-accent-soft, #877bd4) !important;
	opacity: 1;
	transform: translateY(-1px);
}

html[data-theme="dark"] .sl-catalog-menu :is(
	.sl-catalog-menu__group-name,
	.sl-catalog-menu__subcat,
	.sl-catalog-menu__subchild,
	.sl-catalog-menu__collections-title,
	.sl-catalog-menu__collections-group-title,
	.sl-catalog-menu__collections-link
):hover {
	color: var(--sl-catalog-menu-accent-soft, #877bd4) !important;
	opacity: 1;
}

html[data-theme="dark"] .sl-catalog-menu :is(
	.sl-catalog-menu__item-img,
	.sl-catalog-menu__group-icon,
	.sl-catalog-menu__collections-media
) {
	background: rgba(255, 255, 255, 0.07);
	border: 1px solid rgba(255, 255, 255, 0.06);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.035),
		0 0.375rem 1rem rgba(9, 12, 16, 0.12);
}

html[data-theme="dark"] .sl-catalog-menu__toggle {
	color: var(--sl-catalog-menu-accent-soft, #877bd4) !important;
}

html[data-theme="dark"] .sl-catalog-menu__spinner {
	border-color: rgba(255, 255, 255, 0.14);
	border-top-color: var(--sl-catalog-menu-accent-soft, #877bd4);
}

html[data-theme="dark"] .sl-catalog-menu__error {
	color: var(--sl-catalog-menu-text, #1d2433);
}

html[data-theme="dark"] .sl-catalog-menu__banner {
	background: var(--sl-catalog-menu-surface-muted, #f5f6f8);
	border: 1px solid var(--sl-catalog-menu-border, rgba(29, 36, 51, 0.12));
	box-shadow: 0 0.625rem 1.75rem rgba(9, 12, 16, 0.14);
}

html[data-theme="dark"] .sl-catalog-menu__banner-placeholder {
	color: var(--sl-catalog-menu-text, #1d2433);
	opacity: 0.22;
}

html[data-theme="dark"] .sl-catalog-menu__brand {
	min-height: 3.5rem;
	padding: 0.5rem;
	background: rgba(255, 255, 255, 0.035);
	border: 1px solid var(--sl-catalog-menu-border, rgba(29, 36, 51, 0.12));
	opacity: 0.82;
	transition:
		background-color 0.2s ease,
		border-color 0.2s ease,
		opacity 0.2s ease,
		transform 0.2s ease;
}

html[data-theme="dark"] .sl-catalog-menu__brand:not(.sl-catalog-menu__brand--has-dark) {
	background: rgba(245, 246, 248, 0.9);
	border-color: rgba(245, 246, 248, 0.12);
}

html[data-theme="dark"] .sl-catalog-menu__brand:hover {
	background-color: rgba(255, 255, 255, 0.075);
	border-color: rgba(255, 255, 255, 0.13);
	opacity: 1;
	transform: translateY(-1px);
}

html[data-theme="dark"] .sl-catalog-menu__brand:not(.sl-catalog-menu__brand--has-dark):hover {
	background-color: #FFFFFF;
}

html[data-theme="dark"] .sl-catalog-menu__collections {
	scrollbar-color: rgba(255, 255, 255, 0.28) rgba(255, 255, 255, 0.06);
}

html[data-theme="dark"] .sl-catalog-menu__collections::-webkit-scrollbar-track {
	background: rgba(255, 255, 255, 0.06);
}

html[data-theme="dark"] .sl-catalog-menu__collections::-webkit-scrollbar-thumb {
	background: rgba(255, 255, 255, 0.28);
}

html[data-theme="dark"] .sl-catalog-menu__collections-nav {
	border-color: var(--sl-catalog-menu-border, rgba(29, 36, 51, 0.12));
}

html[data-theme="dark"] .sl-catalog-menu__collections-nav-item:hover,
html[data-theme="dark"] .sl-catalog-menu__collections-nav-item--active {
	background: var(--sl-catalog-menu-hover, rgba(29, 36, 51, 0.05));
	color: var(--sl-catalog-menu-accent-soft, #877bd4) !important;
}

html[data-theme="dark"] .sl-catalog-menu__collections-title-arrow {
	background: rgba(255, 255, 255, 0.065);
}

html[data-theme="dark"] .sl-catalog-menu-panel {
	color: var(--sl-catalog-menu-text, #1d2433);
}

html[data-theme="dark"] .sl-catalog-menu-panel__toggle,
html[data-theme="dark"] .sl-catalog-menu-panel__form,
html[data-theme="dark"] .sl-catalog-menu-panel__input,
html[data-theme="dark"] .sl-catalog-menu-panel__remove,
html[data-theme="dark"] .sl-catalog-menu-panel__add {
	background: var(--sl-catalog-menu-surface-muted, #f5f6f8);
	color: var(--sl-catalog-menu-text, #1d2433);
	border-color: var(--sl-catalog-menu-border, rgba(29, 36, 51, 0.12));
}

html[data-theme="dark"] .sl-catalog-menu-panel__form {
	box-shadow: 0 0.75rem 2rem rgba(9, 12, 16, 0.28);
}

html[data-theme="dark"] .sl-catalog-menu-panel__hint,
html[data-theme="dark"] .sl-catalog-menu-panel__preview-text {
	color: var(--sl-catalog-menu-text-muted, rgba(29, 36, 51, 0.64));
}

html[data-theme="dark"] .sl-catalog-menu-panel__preview,
html[data-theme="dark"] .sl-catalog-menu-panel__brand-row {
	background: rgba(255, 255, 255, 0.035);
	border-color: var(--sl-catalog-menu-border, rgba(29, 36, 51, 0.12));
}

html[data-theme="dark"] .sl-catalog-menu-panel__submit {
	background: var(--sl-color-link, #6F65B5);
	color: #FFFFFF;
}

@media (prefers-reduced-motion: reduce) {
	.sl-catalog-menu,
	.sl-catalog-menu__dropdown,
	.sl-catalog-menu__banner-edit,
	.sl-catalog-menu__brand,
	.sl-catalog-menu-panel__toggle,
	.sl-catalog-menu__spinner {
		transition: none !important;
		animation: none !important;
	}
}

@media (max-width: 991.98px) {
	.qmm-catalog-menu .sl-catalog-menu__dropdown {
		padding:
		0.5rem
		max(0.5rem, env(safe-area-inset-right, 0px))
		max(0.5rem, env(safe-area-inset-bottom, 0px))
		max(0.5rem, env(safe-area-inset-left, 0px));
	}

	.qmm-catalog-menu .sl-container {
		box-sizing: border-box;
		width: 100%;
		max-width: 100%;
		padding: 0;
	}

	.qmm-catalog-menu .sl-catalog-menu__inner {
		box-sizing: border-box;
		width: 100%;
		padding:
		max(4rem, env(safe-area-inset-top, 0px))
		1rem
		max(1rem, env(safe-area-inset-bottom, 0px));
	}

	.qmm-catalog-menu .sl-catalog-menu__body {
		flex-direction: column;
		gap: 1.5rem;
		width: 100%;
	}

	.qmm-catalog-menu .sl-catalog-menu__grid {
		width: 100%;
	}

	.qmm-catalog-menu .sl-catalog-menu__banner-wrap,
	.qmm-catalog-menu .sl-catalog-menu__banner-box,
	.qmm-catalog-menu .sl-catalog-menu__banner {
		width: min(14.5rem, 100%);
	}

	.qmm-catalog-menu .sl-catalog-menu__banner-wrap {
		align-self: center;
	}
}

@media (max-width: 575.98px) {
	.qmm-catalog-menu .sl-catalog-menu__inner {
		padding-right: 0.75rem;
		padding-left: 0.75rem;
	}
}

/* End */


/* Start:/local/js/qwelp/shoplight/cookie-notice/src/cookie-notice.css?17882555135136*/
.sl-cookie-notice {
	position: fixed;
	inset-inline: 0;
	bottom: max(1.25rem, env(safe-area-inset-bottom));
	z-index: 1200;
	padding-inline: var(--sl-gap-page, 20px);
	opacity: 0;
	pointer-events: none;
	transform: translateY(1rem);
	transition: opacity 0.2s ease, transform 0.2s ease;
}

.sl-cookie-notice,
.sl-cookie-notice * {
	box-sizing: border-box;
}

.sl-cookie-notice--visible {
	opacity: 1;
	transform: translateY(0);
}

.sl-cookie-notice--closing {
	opacity: 0;
	transform: translateY(1rem);
}

.sl-cookie-notice__panel {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	align-items: center;
	gap: 1rem;
	max-width: 760px;
	margin-inline: auto;
	padding: 1rem 1.125rem;
	border: 1px solid var(--sl-color-divider, #EFEDF9);
	border-radius: 1.25rem;
	background: rgba(var(--sl-color-white-rgb, 255, 255, 255), 0.96);
	box-shadow: 0 1rem 2.5rem rgba(var(--sl-color-dark-rgb, 20, 42, 75), 0.14);
	color: var(--sl-color-dark, #142A4B);
	pointer-events: auto;
	backdrop-filter: blur(16px);
}

.sl-cookie-notice__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.75rem;
	height: 2.75rem;
	border-radius: 50%;
	background: rgba(var(--sl-color-link-rgb, 96, 80, 232), 0.12);
	color: var(--sl-color-link, #6050E8);
}

.sl-cookie-notice__icon svg {
	width: 1.375rem;
	height: 1.375rem;
}

.sl-cookie-notice__content {
	min-width: 0;
}

.sl-cookie-notice__title {
	margin: 0 0 0.25rem;
	color: var(--sl-color-heading, #142A4B);
	font-size: 1rem;
	font-weight: 600;
	line-height: 1.25;
}

.sl-cookie-notice__text {
	margin: 0;
	color: var(--sl-color-text-secondary, #575757);
	font-size: 0.875rem;
	line-height: 1.45;
}

.sl-cookie-notice__link {
	color: var(--sl-color-link, #6050E8);
	font-weight: 500;
	text-decoration: none;
}

.sl-cookie-notice__link:hover {
	color: var(--sl-color-link-hover, #5B4CE0);
	text-decoration: underline;
}

.sl-cookie-notice__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 2.75rem;
	padding: 0.75rem 1.25rem;
	border: none;
	border-radius: 100px;
	background: var(--sl-color-link-hover, #5B4CE0);
	color: var(--sl-color-white, #FFFFFF);
	font: inherit;
	font-size: 0.9375rem;
	font-weight: 500;
	line-height: 1;
	white-space: nowrap;
	cursor: pointer;
	transition: background-color 0.2s ease, opacity 0.2s ease;
}

.sl-cookie-notice__button:hover {
	background: var(--sl-color-dark, #142A4B);
}

.sl-cookie-notice__button:disabled {
	cursor: default;
	opacity: 0.7;
}

.sl-cookie-notice__button:focus-visible,
.sl-cookie-notice__link:focus-visible {
	outline: 2px solid var(--sl-color-link, #6050E8);
	outline-offset: 3px;
}

html[data-theme="dark"] .sl-cookie-notice__panel {
	border-color: rgba(var(--sl-color-dark-rgb, 232, 236, 241), 0.12);
	background: rgba(var(--sl-color-white-rgb, 30, 32, 48), 0.98);
	box-shadow: 0 1.25rem 3rem rgba(var(--sl-color-bg-rgb, 22, 24, 34), 0.58);
	color: var(--sl-color-dark, #E8ECF1);
}

html[data-theme="dark"] .sl-cookie-notice__icon {
	border: 1px solid rgba(var(--sl-color-link-rgb, 112, 96, 248), 0.2);
	background: rgba(var(--sl-color-link-rgb, 112, 96, 248), 0.12);
	color: var(--sl-color-link-bright, #9B8FFF);
}

html[data-theme="dark"] .sl-cookie-notice__title {
	color: var(--sl-color-heading, #E8ECF1);
}

html[data-theme="dark"] .sl-cookie-notice__text {
	color: rgba(var(--sl-color-dark-rgb, 232, 236, 241), 0.72);
}

html[data-theme="dark"] .sl-cookie-notice__link {
	color: var(--sl-color-link-bright, #9B8FFF);
	text-decoration-color: rgba(var(--sl-color-link-rgb, 112, 96, 248), 0.5);
}

html[data-theme="dark"] .sl-cookie-notice__link:hover {
	color: var(--sl-color-link-hover, #8070FF);
}

html[data-theme="dark"] .sl-cookie-notice__button {
	background: var(--sl-color-link-solid, #5F53E6);
	color: var(--sl-color-link-contrast, #FFFFFF);
	box-shadow: 0 0.5rem 1.25rem rgba(var(--sl-color-link-solid-rgb, 95, 83, 230), 0.2);
}

html[data-theme="dark"] .sl-cookie-notice__button:hover {
	background: var(--sl-color-link-solid-hover, #5348D8);
	color: var(--sl-color-link-contrast, #FFFFFF);
}

html[data-theme="dark"] .sl-cookie-notice__button:focus-visible,
html[data-theme="dark"] .sl-cookie-notice__link:focus-visible {
	outline-color: var(--sl-color-link-bright, #9B8FFF);
}

@media (max-width: 767px) {
	.sl-cookie-notice {
		bottom: calc(5.75rem + env(safe-area-inset-bottom));
	}

	.sl-cookie-notice__panel {
		grid-template-columns: auto minmax(0, 1fr);
		gap: 0.75rem 0.875rem;
		padding: 0.875rem;
		border-radius: 1rem;
	}

	.sl-cookie-notice__button {
		grid-column: 1 / -1;
		width: 100%;
	}
}

@media (max-width: 480px) {
	.sl-cookie-notice__icon {
		width: 2.375rem;
		height: 2.375rem;
	}

	.sl-cookie-notice__title {
		font-size: 0.9375rem;
	}

	.sl-cookie-notice__text {
		font-size: 0.8125rem;
	}
}

@media (prefers-reduced-motion: reduce) {
	.sl-cookie-notice,
	.sl-cookie-notice__button {
		transition: none;
	}
}

/* End */


/* Start:/local/js/qwelp/favorites/dist/favorites.bundle.css?17846233304971*/
.visually-hidden,.qwelp-favorites__sr-text{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0,0,0,0) !important;white-space:nowrap !important;border:0 !important}.qwelp-favorites{--qwelp-fav-color:var(--sl-color-muted,currentColor);--qwelp-fav-color-hover:var(--sl-color-favorite-active,currentColor);--qwelp-fav-color-active:var(--sl-color-favorite-active,currentColor);--qwelp-fav-color-active-hover:var(--sl-color-favorite-active,currentColor);--qwelp-fav-bg:transparent;--qwelp-fav-bg-hover:var(--sl-color-surface-hover,transparent);--qwelp-fav-size:24px;--qwelp-fav-padding:8px;--qwelp-fav-border-radius:4px;--qwelp-fav-transition:0.2s ease;--qwelp-fav-focus-ring:2px solid currentColor;--qwelp-fav-focus-offset:2px;display:inline-flex;align-items:center;justify-content:center;padding:var(--qwelp-fav-padding);margin:0;background:var(--qwelp-fav-bg);border:none;border-radius:var(--qwelp-fav-border-radius);color:var(--qwelp-fav-color);cursor:pointer;transition:all var(--qwelp-fav-transition);-webkit-tap-highlight-color:transparent;touch-action:manipulation}.qwelp-favorites:hover{color:var(--qwelp-fav-color-hover);background:var(--qwelp-fav-bg-hover)}.qwelp-favorites:focus{outline:none}.qwelp-favorites:focus-visible{outline:var(--qwelp-fav-focus-ring);outline-offset:var(--qwelp-fav-focus-offset)}.qwelp-favorites--active{color:var(--qwelp-fav-color-active)}.qwelp-favorites--active .qwelp-favorites__svg{fill:currentColor}.qwelp-favorites--loading{pointer-events:none;opacity:1}.qwelp-favorites--loading .qwelp-favorites__icon{animation:none}.qwelp-favorites.qwelp-favorites--loading:disabled,.qwelp-favorites.qwelp-favorites--loading[disabled]{opacity:1}@keyframes qwelp-fav-pulse{0%,100%{opacity:1}50%{opacity:0.4}}.qwelp-favorites:disabled,.qwelp-favorites[disabled]{cursor:not-allowed;opacity:0.5}.qwelp-favorites__icon{display:flex;align-items:center;justify-content:center;line-height:1}.qwelp-favorites__svg{width:var(--qwelp-fav-size);height:var(--qwelp-fav-size);transition:transform var(--qwelp-fav-transition)}.qwelp-favorites:active .qwelp-favorites__svg{transform:scale(0.9)}.qwelp-favorites--default{}.qwelp-favorites--icon{--qwelp-fav-padding:4px;--qwelp-fav-size:20px}.qwelp-favorites--text{gap:6px;padding:8px 12px;font-size:14px;line-height:1.2}.qwelp-favorites--text .qwelp-favorites__svg{width:18px;height:18px}.qwelp-favorites--text .qwelp-favorites__text{white-space:nowrap}.qwelp-favorites--star{--qwelp-fav-color-active:var(--qwelp-fav-star-color,currentColor);--qwelp-fav-color-active-hover:var(--qwelp-fav-star-color-hover,currentColor)}.qwelp-favorites--bookmark{--qwelp-fav-color-active:var(--qwelp-fav-bookmark-color,currentColor);--qwelp-fav-color-active-hover:var(--qwelp-fav-bookmark-color-hover,currentColor)}.qwelp-favorites--sm{--qwelp-fav-size:18px !important;--qwelp-fav-padding:6px !important}.qwelp-favorites--sm .qwelp-favorites__svg{width:18px !important;height:18px !important}.qwelp-favorites--lg{--qwelp-fav-size:32px !important;--qwelp-fav-padding:10px !important}.qwelp-favorites--lg .qwelp-favorites__svg{width:32px !important;height:32px !important}.qwelp-favorites--xl{--qwelp-fav-size:40px !important;--qwelp-fav-padding:12px !important}.qwelp-favorites--xl .qwelp-favorites__svg{width:40px !important;height:40px !important}.qwelp-favorites-counter{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;font-size:12px;font-weight:600;line-height:1;color:var(--qwelp-fav-counter-color,Canvas);background:var(--qwelp-fav-counter-bg,currentColor);border-radius:10px}.qwelp-favorites-counter--empty{display:none}.qwelp-favorites-link{position:relative;display:inline-flex;align-items:center;gap:4px;text-decoration:none;color:inherit}.qwelp-favorites-link:hover{text-decoration:none}.qwelp-favorites-link .qwelp-favorites-counter{position:absolute;top:-4px;right:-4px}.qwelp-favorites-link__icon{display:flex;align-items:center}.qwelp-favorites-link__icon svg{width:24px;height:24px}@media (prefers-color-scheme:dark){.qwelp-favorites{--qwelp-fav-color:var(--sl-color-muted,currentColor);--qwelp-fav-color-hover:var(--sl-color-favorite-active,currentColor);--qwelp-fav-bg-hover:var(--sl-color-surface-hover,transparent)}}.dark .qwelp-favorites,[data-theme="dark"] .qwelp-favorites{--qwelp-fav-color:var(--sl-color-muted,currentColor);--qwelp-fav-color-hover:var(--sl-color-favorite-active,currentColor);--qwelp-fav-bg-hover:var(--sl-color-surface-hover,transparent)}@media (prefers-reduced-motion:reduce){.qwelp-favorites,.qwelp-favorites__svg,.qwelp-favorites__icon{transition:none;animation:none}}@media (forced-colors:active){.qwelp-favorites{border:1px solid currentColor}.qwelp-favorites--active{border-width:2px}.qwelp-favorites:focus-visible{outline:2px solid currentColor}}
[data-qwelp-favorites][data-sl-personal-state="pending"]{visibility:hidden}

/* End */


/* Start:/local/templates/shop_light/variants/customizer.css?178722610817315*/
/* Optional header/footer overrides. A property is active only with its matching root class. */

.sl-header.sl-header--logo-hidden :is(.sl-header__logo, .sl-header__logo--primary, .sl-header__logo--compact),
.sl-header.sl-header--navigation-hidden :is(
    .sl-header__navigation,
    .sl-header__quick-nav,
    .sl-header__utility-nav,
    .sl-header__topbar-right,
    .sl-mobile-menu__nav,
    .sl-mobile-menu__secondary-nav
),
.sl-header.sl-header--location-hidden :is(
    .sl-header__city,
    .sl-city-btn,
    .sl-header__asset-icon--location,
    .sl-header__location-summary--placeholder
),
.sl-header.sl-header--stores-hidden :is(.sl-header__stores, .sl-header__asset-icon--stores),
.sl-header.sl-header--phone-hidden :is(
    .sl-header__phone-wrap,
    .sl-header__phone,
    .sl-header__utility-phone,
    .sl-mobile-menu__contact:has(a[href^="tel:"])
),
.sl-header.sl-header--phone-popup-hidden :is(.sl-header__phone-popup, .sl-header__phone-chevron, .sl-header__asset-icon--phone-chevron),
.sl-header.sl-header--callback-hidden [data-sl-popup="callback"],
.sl-header.sl-header--categories-hidden .sl-header__categories {
    display: none !important;
}

.sl-wrapper .sl-header.sl-header--custom-padding-y[class*="sl-header--v"] .sl-header__main-row,
.sl-wrapper .sl-header.sl-header--v4.sl-header--custom-padding-y .sl-header__main {
    padding-bottom: var(--sl-header-custom-padding-y) !important;
    padding-top: var(--sl-header-custom-padding-y) !important;
}

.sl-wrapper .sl-header.sl-header--custom-element-gap[class*="sl-header--v"] :is(.sl-header__main-row, .sl-header__actions, .sl-header__navigation-list, .sl-header__nav-list) {
    column-gap: var(--sl-header-custom-element-gap) !important;
}

.sl-wrapper .sl-header.sl-header--custom-control-radius[class*="sl-header--v"] :is(
    .sl-header__catalog-btn.button-clear,
    .sl-header__search,
    .sl-header__action,
    .sl-header__theme,
    .sl-header__callback,
    .sl-city-btn
) {
    border-radius: var(--sl-header-custom-control-radius) !important;
}

.sl-wrapper .sl-header.sl-header--custom-control-height[class*="sl-header--v"] :is(
    .sl-header__catalog-btn.button-clear,
    .sl-header__search,
    .sl-header__action,
    .sl-header__theme,
    .sl-header__callback,
    .sl-city-btn
) {
    min-height: var(--sl-header-custom-control-height) !important;
}

.sl-wrapper .sl-header.sl-header--custom-logo-max-height[class*="sl-header--v"] :is(.sl-header__logo img, .sl-header__logo-light, .sl-header__logo-dark) {
    max-height: var(--sl-header-custom-logo-max-height) !important;
}

.sl-wrapper .sl-header.sl-header--custom-logo-max-width[class*="sl-header--v"] :is(.sl-header__logo img, .sl-header__logo-light, .sl-header__logo-dark) {
    max-width: var(--sl-header-custom-logo-max-width) !important;
}

.sl-wrapper .sl-header.sl-header--custom-menu-font-size[class*="sl-header--v"] :is(.sl-header__navigation-link, .sl-header__nav-link, .sl-header__topbar-link) {
    font-size: var(--sl-header-custom-menu-font-size) !important;
}

html:not([data-theme="dark"]) .sl-wrapper .sl-header.sl-header--custom-background[class*="sl-header--v"] {
    background-color: var(--sl-header-custom-background) !important;
}

html:not([data-theme="dark"]) .sl-wrapper .sl-header.sl-header--custom-text[class*="sl-header--v"] {
    color: var(--sl-header-custom-text) !important;
}

html:not([data-theme="dark"]) .sl-wrapper .sl-header.sl-header--custom-surface[class*="sl-header--v"] :is(.sl-header__main, .sl-header__main-row, .sl-header__nav-panel, .sl-header__topbar) {
    background-color: var(--sl-header-custom-surface) !important;
}

html:not([data-theme="dark"]) .sl-wrapper .sl-header.sl-header--custom-border[class*="sl-header--v"] :is(.sl-header__main, .sl-header__main-row, .sl-header__nav-panel, .sl-header__topbar) {
    border-color: var(--sl-header-custom-border) !important;
}

html:not([data-theme="dark"]) .sl-wrapper .sl-header.sl-header--custom-text[class*="sl-header--v"] :is(
    .sl-header__navigation-link,
    .sl-header__nav-link,
    .sl-header__topbar-link,
    .sl-header__phone,
    .sl-header__phone-popup-value,
    .sl-header__action,
    .sl-header__search-input
) {
    color: var(--sl-header-custom-text) !important;
}

html:not([data-theme="dark"]) .sl-wrapper .sl-header.sl-header--custom-muted-text[class*="sl-header--v"] :is(.sl-header__topbar, .sl-header__phone-popup-label),
html:not([data-theme="dark"]) .sl-wrapper .sl-header.sl-header--custom-muted-text[class*="sl-header--v"] input::placeholder {
    color: var(--sl-header-custom-muted-text) !important;
}

html:not([data-theme="dark"]) .sl-wrapper .sl-header.sl-header--custom-accent[class*="sl-header--v"] .sl-header__catalog-btn.button-clear {
    background-color: var(--sl-header-custom-accent) !important;
}

html:not([data-theme="dark"]) .sl-wrapper .sl-header.sl-header--custom-accent-text[class*="sl-header--v"] .sl-header__catalog-btn.button-clear {
    color: var(--sl-header-custom-accent-text) !important;
}

html[data-theme="dark"] .sl-wrapper .sl-header.sl-header--custom-dark-background[class*="sl-header--v"] {
    background-color: var(--sl-header-custom-dark-background) !important;
}

html[data-theme="dark"] .sl-wrapper .sl-header.sl-header--custom-dark-text[class*="sl-header--v"] {
    color: var(--sl-header-custom-dark-text) !important;
}

html[data-theme="dark"] .sl-wrapper .sl-header.sl-header--custom-dark-surface[class*="sl-header--v"] :is(.sl-header__main, .sl-header__main-row, .sl-header__nav-panel, .sl-header__topbar) {
    background-color: var(--sl-header-custom-dark-surface) !important;
}

html[data-theme="dark"] .sl-wrapper .sl-header.sl-header--custom-dark-border[class*="sl-header--v"] :is(.sl-header__main, .sl-header__main-row, .sl-header__nav-panel, .sl-header__topbar) {
    border-color: var(--sl-header-custom-dark-border) !important;
}

html[data-theme="dark"] .sl-wrapper .sl-header.sl-header--custom-dark-text[class*="sl-header--v"] :is(
    .sl-header__navigation-link,
    .sl-header__nav-link,
    .sl-header__topbar-link,
    .sl-header__phone,
    .sl-header__phone-popup-value,
    .sl-header__action,
    .sl-header__search-input
) {
    color: var(--sl-header-custom-dark-text) !important;
}

html[data-theme="dark"] .sl-wrapper .sl-header.sl-header--custom-dark-muted-text[class*="sl-header--v"] :is(.sl-header__topbar, .sl-header__phone-popup-label),
html[data-theme="dark"] .sl-wrapper .sl-header.sl-header--custom-dark-muted-text[class*="sl-header--v"] input::placeholder {
    color: var(--sl-header-custom-dark-muted-text) !important;
}

html[data-theme="dark"] .sl-wrapper .sl-header.sl-header--custom-dark-accent[class*="sl-header--v"] .sl-header__catalog-btn.button-clear {
    background-color: var(--sl-header-custom-dark-accent) !important;
}

html[data-theme="dark"] .sl-wrapper .sl-header.sl-header--custom-dark-accent-text[class*="sl-header--v"] .sl-header__catalog-btn.button-clear {
    color: var(--sl-header-custom-dark-accent-text) !important;
}

.sl-footer.sl-footer--logo-hidden :is([class*="sl-footer__logo"], .sl-footer__simple-logo),
.sl-footer.sl-footer--menu-hidden :is([class*="sl-footer__menu"], [class*="sl-footer__nav"], .sl-footer__inline-nav, .sl-footer__simple-menu),
.sl-footer.sl-footer--contacts-hidden :is([class*="sl-footer__contact"], .sl-footer__simple-meta > .sl-footer__simple-link),
.sl-footer.sl-footer--socials-hidden :is([class*="sl-footer__social"], .sl-footer__simple-socials),
.sl-footer.sl-footer--subscribe-hidden :is([class*="sl-footer__subscribe"], [class*="sl-footer__newsletter"]),
.sl-footer.sl-footer--payments-hidden [class*="sl-footer__payment"],
.sl-footer.sl-footer--copyright-hidden :is(
    [class*="sl-footer__copyright"],
    .sl-footer__simple-copy,
    .sl-footer__legal--v4,
    .sl-footer__legal--v6 > p:last-child,
    .sl-footer__legal-copy--v7 > p:last-child
),
.sl-footer.sl-footer--theme-link-hidden [class*="sl-footer__theme"],
.sl-footer.sl-footer--age-rating-hidden [class*="sl-footer__age"],
.sl-footer.sl-footer--price-note-hidden [class*="sl-footer__price-note"],
.sl-footer.sl-footer--app-hidden [class*="sl-footer__app"],
.sl-footer.sl-footer--legal-hidden :is(
    .sl-footer__legal--v6 > p:first-child,
    .sl-footer__legal-spacer--v6,
    .sl-footer__legal-copy--v7 > p:first-child
),
.sl-footer.sl-footer--write-button-hidden .sl-footer__cta--v8-write,
.sl-footer.sl-footer--callback-hidden [data-sl-popup="callback"],
.sl-footer.sl-footer--phone-hidden :is(
    .sl-footer__contacts-group:has(a[href^="tel:"]),
    .sl-footer__contacts-group--v5:has(a[href^="tel:"]),
    .sl-footer__contact-group--v8:has(a[href^="tel:"]),
    .sl-footer__contact--v9:has(a[href^="tel:"])
),
.sl-footer.sl-footer--email-hidden :is(
    .sl-footer__contacts-group:has(a[href^="mailto:"]),
    .sl-footer__contacts-group--v5:has(a[href^="mailto:"]),
    .sl-footer__contact-group--v8:has(a[href^="mailto:"]),
    .sl-footer__contact--v9:has(a[href^="mailto:"])
),
.sl-footer.sl-footer--address-hidden :is(
    .sl-footer__address,
    .sl-footer__contact--v9:has(.sl-footer__contact-icon--address-v9)
) {
    display: none !important;
}

.sl-footer.sl-footer--phone-hidden a[href^="tel:"],
.sl-footer.sl-footer--email-hidden a[href^="mailto:"] {
    display: none !important;
}

.sl-wrapper .sl-footer.sl-footer--custom-content-radius[class*="sl-footer--v"] {
    border-radius: var(--sl-footer-custom-content-radius) !important;
}

.sl-wrapper .sl-footer.sl-footer--custom-padding-bottom[class*="sl-footer--v"] {
    padding-bottom: var(--sl-footer-custom-padding-bottom) !important;
}

.sl-wrapper .sl-footer.sl-footer--custom-padding-top[class*="sl-footer--v"] {
    padding-top: var(--sl-footer-custom-padding-top) !important;
}

.sl-footer--v1.sl-footer--custom-section-gap .sl-footer__nav-row,
.sl-footer--v2.sl-footer--custom-section-gap .sl-footer__simple,
.sl-footer--v3.sl-footer--custom-section-gap .sl-footer__layout,
.sl-footer--v4.sl-footer--custom-section-gap .sl-footer__main,
.sl-footer--v5.sl-footer--custom-section-gap .sl-footer__main--v5,
.sl-footer--v6.sl-footer--custom-section-gap .sl-footer__body--v6,
.sl-footer--v7.sl-footer--custom-section-gap .sl-footer__content--v7,
.sl-footer--v8.sl-footer--custom-section-gap .sl-footer__content--v8,
.sl-footer--v9.sl-footer--custom-section-gap .sl-footer__main--v9 {
    row-gap: var(--sl-footer-custom-section-gap) !important;
}

.sl-footer--v1.sl-footer--custom-column-gap .sl-footer__menu-grid,
.sl-footer--v2.sl-footer--custom-column-gap .sl-footer__simple-menu,
.sl-footer--v3.sl-footer--custom-column-gap .sl-footer__nav-row,
.sl-footer--v4.sl-footer--custom-column-gap .sl-footer__inline-nav,
.sl-footer--v5.sl-footer--custom-column-gap .sl-footer__menu-grid--v5,
.sl-footer--v6.sl-footer--custom-column-gap .sl-footer__menu-grid--v6,
.sl-footer--v7.sl-footer--custom-column-gap .sl-footer__nav-list--v7,
.sl-footer--v8.sl-footer--custom-column-gap .sl-footer__nav-list--v8,
.sl-footer--v9.sl-footer--custom-column-gap .sl-footer__menu-grid--v9 {
    column-gap: var(--sl-footer-custom-column-gap) !important;
}

.sl-wrapper .sl-footer.sl-footer--custom-logo-max-height[class*="sl-footer--v"] :is([class*="sl-footer__logo"], .sl-footer__simple-logo) img,
.sl-wrapper .sl-footer.sl-footer--custom-logo-max-height[class*="sl-footer--v"] img[class*="sl-footer__logo"] {
    max-height: var(--sl-footer-custom-logo-max-height) !important;
}

.sl-wrapper .sl-footer.sl-footer--custom-logo-max-width[class*="sl-footer--v"] :is([class*="sl-footer__logo"], .sl-footer__simple-logo) img,
.sl-wrapper .sl-footer.sl-footer--custom-logo-max-width[class*="sl-footer--v"] img[class*="sl-footer__logo"] {
    max-width: var(--sl-footer-custom-logo-max-width) !important;
}

.sl-wrapper .sl-footer.sl-footer--custom-title-font-size[class*="sl-footer--v"] :is([class*="title"], .sl-footer__col-toggle) {
    font-size: var(--sl-footer-custom-title-font-size) !important;
}

.sl-wrapper .sl-footer.sl-footer--custom-text-font-size[class*="sl-footer--v"] :is(
    [class*="sl-footer__col-link"],
    [class*="sl-footer__nav-link"],
    [class*="sl-footer__contact-value"],
    [class*="sl-footer__contacts-value"],
    [class*="sl-footer__copyright"],
    .sl-footer__simple-link,
    .sl-footer__simple-copy,
    [class*="sl-footer__subscribe-label"],
    [class*="sl-footer__price-note"],
    [class*="sl-footer__legal"] p
) {
    font-size: var(--sl-footer-custom-text-font-size) !important;
}

html:not([data-theme="dark"]) .sl-wrapper .sl-footer.sl-footer--custom-background[class*="sl-footer--v"] {
    background-color: var(--sl-footer-custom-background) !important;
}

html:not([data-theme="dark"]) .sl-wrapper .sl-footer.sl-footer--custom-border[class*="sl-footer--v"] {
    border-color: var(--sl-footer-custom-border) !important;
}

html:not([data-theme="dark"]) .sl-wrapper .sl-footer.sl-footer--custom-text[class*="sl-footer--v"] {
    color: var(--sl-footer-custom-text) !important;
}

html:not([data-theme="dark"]) .sl-wrapper .sl-footer.sl-footer--custom-surface[class*="sl-footer--v"] :is(
    .sl-footer__subscribe-form,
    [class*="sl-footer__subscribe-form--"],
    [class*="sl-footer__newsletter--"],
    [class*="sl-footer__contacts--"],
    [class*="sl-footer__contact-group--"]
) {
    background-color: var(--sl-footer-custom-surface) !important;
}

html:not([data-theme="dark"]) .sl-wrapper .sl-footer.sl-footer--custom-title[class*="sl-footer--v"] :is([class*="title"], .sl-footer__col-toggle) {
    color: var(--sl-footer-custom-title) !important;
}

html:not([data-theme="dark"]) .sl-wrapper .sl-footer.sl-footer--custom-text[class*="sl-footer--v"] :is(
    [class*="sl-footer__col-link"],
    [class*="sl-footer__nav-link"],
    [class*="sl-footer__contact-value"],
    [class*="sl-footer__contacts-value"],
    [class*="sl-footer__copyright"],
    .sl-footer__simple-link,
    .sl-footer__simple-copy,
    [class*="sl-footer__subscribe-label"],
    [class*="sl-footer__price-note"],
    [class*="sl-footer__legal"] p
) {
    color: var(--sl-footer-custom-text) !important;
}

html:not([data-theme="dark"]) .sl-wrapper .sl-footer.sl-footer--custom-muted-text[class*="sl-footer--v"] :is(
    [class*="sl-footer__contacts-label"],
    [class*="sl-footer__contact-label"],
    [class*="sl-footer__subscribe-label"],
    .sl-footer__simple-copy,
    [class*="sl-footer__legal-copy"],
    [class*="sl-footer__copyright"],
    [class*="sl-footer__contact-copy"],
    [class*="sl-footer__price-note"]
) {
    color: var(--sl-footer-custom-muted-text) !important;
}

html:not([data-theme="dark"]) .sl-wrapper .sl-footer.sl-footer--custom-accent[class*="sl-footer--v"] :is(
    [class*="sl-footer__col-link"],
    [class*="sl-footer__nav-link"],
    [class*="sl-footer__contact-value"],
    .sl-footer__simple-link
):hover {
    color: var(--sl-footer-custom-accent) !important;
}

html[data-theme="dark"] .sl-wrapper .sl-footer.sl-footer--custom-dark-background[class*="sl-footer--v"] {
    background-color: var(--sl-footer-custom-dark-background) !important;
}

html[data-theme="dark"] .sl-wrapper .sl-footer.sl-footer--custom-dark-border[class*="sl-footer--v"] {
    border-color: var(--sl-footer-custom-dark-border) !important;
}

html[data-theme="dark"] .sl-wrapper .sl-footer.sl-footer--custom-dark-text[class*="sl-footer--v"] {
    color: var(--sl-footer-custom-dark-text) !important;
}

html[data-theme="dark"] .sl-wrapper .sl-footer.sl-footer--custom-dark-surface[class*="sl-footer--v"] :is(
    .sl-footer__subscribe-form,
    [class*="sl-footer__subscribe-form--"],
    [class*="sl-footer__newsletter--"],
    [class*="sl-footer__contacts--"],
    [class*="sl-footer__contact-group--"]
) {
    background-color: var(--sl-footer-custom-dark-surface) !important;
}

html[data-theme="dark"] .sl-wrapper .sl-footer.sl-footer--custom-dark-title[class*="sl-footer--v"] :is([class*="title"], .sl-footer__col-toggle) {
    color: var(--sl-footer-custom-dark-title) !important;
}

html[data-theme="dark"] .sl-wrapper .sl-footer.sl-footer--custom-dark-text[class*="sl-footer--v"] :is(
    [class*="sl-footer__col-link"],
    [class*="sl-footer__nav-link"],
    [class*="sl-footer__contact-value"],
    [class*="sl-footer__contacts-value"],
    [class*="sl-footer__copyright"],
    .sl-footer__simple-link,
    .sl-footer__simple-copy,
    [class*="sl-footer__subscribe-label"],
    [class*="sl-footer__price-note"],
    [class*="sl-footer__legal"] p
) {
    color: var(--sl-footer-custom-dark-text) !important;
}

html[data-theme="dark"] .sl-wrapper .sl-footer.sl-footer--custom-dark-muted-text[class*="sl-footer--v"] :is(
    [class*="sl-footer__contacts-label"],
    [class*="sl-footer__contact-label"],
    [class*="sl-footer__subscribe-label"],
    .sl-footer__simple-copy,
    [class*="sl-footer__legal-copy"],
    [class*="sl-footer__copyright"],
    [class*="sl-footer__contact-copy"],
    [class*="sl-footer__price-note"]
) {
    color: var(--sl-footer-custom-dark-muted-text) !important;
}

html[data-theme="dark"] .sl-wrapper .sl-footer.sl-footer--custom-dark-accent[class*="sl-footer--v"] :is(
    [class*="sl-footer__col-link"],
    [class*="sl-footer__nav-link"],
    [class*="sl-footer__contact-value"],
    .sl-footer__simple-link
):hover {
    color: var(--sl-footer-custom-dark-accent) !important;
}

/* End */


/* Start:/local/templates/shop_light/variants/header/header_1/style.css?178825551349064*/
/* ========== Header variant 1: Standard ========== */
.sl-header--v1 {
	--sl-header-bg: var(--sl-header-v1-surface, var(--sl-color-white, #FFFFFF));
	--sl-header-text: var(--sl-header-v1-text, var(--sl-color-dark, #142A4B));
	--sl-header-catalog-bg: var(--sl-header-v1-catalog-background, var(--sl-color-cta, #142A4B));
	--sl-header-search-bg: var(--sl-header-v1-search-background, rgba(var(--sl-color-dark-rgb, 20, 42, 75), 0.05));
	--sl-header-action-bg: var(--sl-header-v1-action-background, transparent);
	--sl-header-badge-bg: var(--sl-header-v1-badge-background, #54C580);
	--sl-header-v1-current-topbar-background: var(--sl-header-v1-topbar-background, transparent);
	--sl-header-v1-current-topbar-text: var(--sl-header-v1-topbar-text, var(--sl-color-dark, #142A4B));
	--sl-header-v1-current-catalog-text: var(--sl-header-v1-catalog-text, #FFFFFF);
	--sl-header-v1-current-search-text: var(--sl-header-v1-search-text, var(--sl-color-dark, #142A4B));
	--sl-header-v1-current-action-icon: var(--sl-header-v1-action-icon, var(--sl-color-dark, #142A4B));
	--sl-header-v1-current-badge-text: var(--sl-header-v1-badge-text, #FFFFFF);
	--sl-header-v1-current-menu-hover-background: var(--sl-header-v1-menu-hover-background, rgba(var(--sl-color-dark-rgb, 20, 42, 75), 0.05));
	--sl-header-v1-current-menu-hover-text: var(--sl-header-v1-menu-hover-text, var(--sl-color-link, #7060F8));
	--sl-header-v1-current-catalog-menu-background: var(--sl-header-v1-catalog-menu-background, var(--sl-color-white, #FFFFFF));
	--sl-header-v1-current-catalog-menu-text: var(--sl-header-v1-catalog-menu-text, var(--sl-color-dark, #142A4B));
	color: var(--sl-header-text);
}

.sl-header .sl-header__main-row {
	background: var(--sl-header-bg, var(--sl-color-white, #FFFFFF));
}

.sl-header--v1 .sl-header__main-row {
	container: sl-header-v1-main / inline-size;
}

.sl-header--sticky {
	z-index: 1100;
	transition: box-shadow 0.12s ease-out;
}

.sl-header--sticky.sl-header--v1 {
	transition: none;
}

.sl-header--sticky .sl-header__topbar,
.sl-header--sticky .sl-header__main {
	transition: none;
}

@media (min-width: 1025px) {
	.sl-header--v1.sl-header--fluid .sl-header__topbar > .sl-container,
	.sl-header--v1.sl-header--fluid .sl-header__main > .sl-container {
		width: 100%;
		max-width: none !important;
	}
}

.sl-header--sticky.sl-header--scrolled {
	background: transparent;
	box-shadow: none;
}

.sl-header--sticky.sl-header--scrolled.sl-header--v1 {
	box-shadow: var(--sl-header-sticky-shadow, 0 2px 8px rgba(var(--sl-color-dark-rgb, 20, 42, 75), 0.055));
}

.sl-header--sticky.sl-header--scrolled .sl-header__topbar {
	background: transparent;
	max-height: 0;
	padding-block: 0;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	overflow: hidden;
}

.sl-header--sticky.sl-header--scrolled .sl-header__main {
	background: var(--sl-header-bg, var(--sl-color-white, #FFFFFF));
	margin: 0;
	padding-block: 5px;
}

.sl-header--sticky:not(.sl-header--v2) {
	position: sticky;
	top: 0;
}

.sl-header--sticky.sl-header--v2 .sl-hero-wrap__header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1100;
}

.sl-header--sticky.sl-header--scrolled.sl-header--v2 {
	background: transparent;
	box-shadow: none;
}

.sl-header--sticky.sl-header--scrolled.sl-header--v2 .sl-hero-wrap__header {
	background: transparent;
	box-shadow: none;
}

.sl-header--sticky.sl-header--scrolled .sl-header__main-row,
.sl-header--sticky.sl-header--scrolled.sl-header--v2 .sl-header__main-row {
	background: var(--sl-header-bg, var(--sl-color-white, #FFFFFF));
	box-shadow: 0 8px 28px rgba(var(--sl-color-dark-rgb, 20, 42, 75), 0.045);
}

.sl-header--sticky.sl-header--scrolled.sl-header--v1 .sl-header__main-row {
	background: transparent;
	border-radius: 0 !important;
	box-shadow: none;
}

.sl-header--sticky.sl-header--v1 .sl-header__main,
.sl-header--sticky.sl-header--v1 .sl-header__main-row {
	opacity: 1;
}

.sl-header--sticky.sl-header--v1 .sl-header__main-row {
	transition: none;
}

html[data-theme="dark"] .sl-header--sticky.sl-header--scrolled {
	background: transparent;
	box-shadow: none;
}

html[data-theme="dark"] .sl-header--sticky.sl-header--scrolled.sl-header--v2 {
	background: transparent;
	box-shadow: none;
}

html[data-theme="dark"] .sl-header--sticky.sl-header--scrolled.sl-header--v2 .sl-hero-wrap__header,
html[data-theme="dark"] .sl-header--sticky.sl-header--scrolled .sl-header__topbar {
	background: transparent;
}

html[data-theme="dark"] .sl-header--sticky.sl-header--scrolled .sl-header__main {
	background: var(--sl-header-bg, var(--sl-color-white, #1E2030));
}

html[data-theme="dark"] .sl-header--sticky.sl-header--scrolled .sl-header__main-row {
	background: var(--sl-header-bg, var(--sl-color-white, #1E2030));
	box-shadow: 0 8px 28px rgba(0, 0, 0, 0.16);
}

html[data-theme="dark"] .sl-header--sticky.sl-header--scrolled.sl-header--v1 .sl-header__main-row {
	background: transparent;
	box-shadow: none;
}

@media (prefers-reduced-motion: reduce) {
	.sl-header--sticky,
	.sl-header__topbar,
	.sl-header__main,
	.sl-header__main-row {
		animation: none;
		transition: none;
	}
}

@media (max-width: 1024px) {
    .sl-header--v1 {

    }
}

@media (min-width: 577px) and (max-width: 1024px) {
	.sl-header--v1 .sl-header__topbar {
		padding-block: var(--sl-header-tablet-topbar-padding, 0.375rem);
	}

	.sl-header--v1 .sl-header__main-row {
		padding-block: var(--sl-header-tablet-main-padding-y, 0.5rem);
	}
}

/* --- Topbar --- */
.sl-header__topbar {
    padding: 15px 0;
    max-height: 140px;
    opacity: 1;
    transition: max-height 0.12s ease-out,
        padding 0.12s ease-out,
        opacity 0.08s ease-out;
}
.sl-header__topbar-row {
    display: flex;
    justify-content: space-between;
    padding-inline: 15px;
}

@media (min-width: 1025px) {
	.sl-header--v1 .sl-header__topbar {
		padding: var(--sl-header-v1-topbar-padding-top, 11px) 0 var(--sl-header-v1-topbar-padding-bottom, 14px);
	}

	.sl-header--v1 .sl-header__topbar-row {
		align-items: center;
		height: 18px;
		line-height: 18px;
		min-height: 18px;
		padding-inline: 0;
	}

	.sl-header--v1 .sl-header__topbar-left {
		height: 18px;
	}

	.sl-header--v1 .sl-header__city,
	.sl-header--v1 .sl-header__topbar-link {
		line-height: 18px;
	}

	.sl-header--v1 .sl-header__phone {
		margin: 0;
		padding: 0;
		line-height: normal;
	}

	.sl-header.sl-header--v1 .sl-header__theme {
		position: relative;
		width: 18px;
		min-width: 18px;
		height: 18px;
		min-height: 18px;
	}

	.sl-header.sl-header--v1 .sl-header__theme::before {
		content: "";
		position: absolute;
		inset: -13px;
	}
}

@media (max-width:1024px) {
    .sl-header__topbar-row {
        display: block;
    }
}


@media (max-width: 767px) {
    .sl-header__topbar-row {
        padding-inline: 0;
    }
}

.sl-header__topbar-left {
    display: flex;
    align-items: center;
    gap: 28px;
}

@media (max-width:1024px) {
    .sl-header__topbar-left {
        justify-content: space-between;
    }
}

.sl-header__city {
    display: flex;
    align-items: center;
    gap: clamp(7px, 0.2rem + 0.5vw, 11px);
    color: var(--sl-color-dark, #142A4B);
    font-size: var(--sl-text-sm, 14px);
    font-weight: 400;
    opacity: .5;
}
.sl-header__city-icon {
    fill: var(--sl-color-dark, #142A4B);
}
.sl-header__phone-wrap {
    position: relative;
    flex-shrink: 0;
}

.sl-header__phone {
    display: inline-flex;
    align-items: center;
    color: var(--sl-color-dark, #142A4B);
    font-family: var(--sl-font, "Onest", sans-serif);
    font-size: var(--sl-text-sm, 14px);
    font-weight: 400;
    line-height: normal;
    text-decoration: none;
    white-space: nowrap;
    min-height: 0;
    padding: 4px 12px;
    margin: 0;
    border-radius: var(--sl-header-control-radius, 25px);
    transition: background-color 0.2s ease;
}

.sl-header__phone-popup {
    display: flex;
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 244px;
    padding-top: 8px;
    z-index: 1000;
    flex-direction: column;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: none;
    transition: opacity 0.2s ease, visibility 0.2s ease;
}

.sl-header__phone-popup-inner {
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding: 15px;
    background: var(--sl-color-white, #fff);
    border-radius: var(--sl-header-radius, 1.25rem);
    box-shadow: 0 20px 40px rgba(var(--sl-color-dark-rgb), 0.1);
    position: relative;
}

@media (hover: hover) and (pointer: fine) and (min-width: 1025px) {
    a.sl-header__phone:hover,
    .sl-header__phone-wrap:hover a.sl-header__phone {
        background-color: rgba(var(--sl-color-dark-rgb, 20, 42, 75), 0.05);
    }

    .sl-header__phone-wrap:hover .sl-header__phone-popup {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transform: none;
    }
}

.sl-header__phone-wrap:focus-within .sl-header__phone-popup {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.sl-header__phone-popup-item {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.sl-header__phone-popup-label {
    font-size: var(--sl-text-sm, 14px);
    color: var(--sl-color-dark, #142A4B);
    opacity: 0.7;
    line-height: normal;
}

.sl-header__phone-popup-number {
    font-family: var(--sl-font, "Onest", sans-serif);
    font-size: var(--sl-text-base, 16px);
    font-weight: 500;
    color: var(--sl-color-dark, #142A4B);
    text-decoration: none;
    line-height: normal;
    white-space: nowrap;
}

.sl-header__phone-popup-number:hover {
    color: var(--sl-color-link, #7060F8);
}

.sl-header__phone-popup-text {
    font-size: var(--sl-text-sm, 14px);
    color: var(--sl-color-dark, #142A4B);
    text-decoration: none;
    line-height: normal;
}

a.sl-header__phone-popup-text:hover {
    color: var(--sl-color-link, #7060F8);
}

.sl-header__phone-popup-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px 22px;
    background: var(--sl-color-link, #7060F8);
    color: #fff;
    border: none;
    border-radius: var(--sl-header-control-radius, 0.625rem);
    font-family: var(--sl-font, "Onest", sans-serif);
    font-size: var(--sl-text-base, 16px);
    font-weight: 400;
    line-height: 19px;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    transition: background 200ms ease;
}

.sl-header__phone-popup-btn:hover {
    background: var(--sl-color-link-hover, #6050E8);
    color: #fff;
    text-decoration: none;
}

.sl-header__phone-popup-socials {
    display: flex;
    gap: 10px;
    align-items: center;
}

.sl-header__phone-popup-socials a {
    display: flex;
    flex-shrink: 0;
}

.sl-header__theme {
    flex-shrink: 0;
}

.header__theme-sun,
.header__theme-moon {
    width: 18px;
    height: 18px;
    color: var(--sl-color-icon, #1C274C);
    fill: currentColor;
}

.header__theme-moon {
    opacity: .5;
}

.sl-header__topbar-right {
    display: none;
}

@media (min-width:1025px) {
	.sl-header__topbar-right {
		display: flex;
		align-items: center;
		gap: var(--sl-header-v1-menu-gap, 40px);
    }
}

.sl-header__topbar-left__mobile {
    display: contents;
}

@media (max-width:1024px) {
    .sl-header__topbar-left__mobile {
        display: flex;
        align-items: center;
        gap: 20px;
    }
}

.sl-header__menu-mobile {
    display: none;
}

@media (max-width:1024px) {
    .sl-header__menu-mobile {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex: 0 0 44px;
        width: 44px;
        min-width: 44px;
        height: 44px;
        min-height: 44px;
        padding: 0;
    }
}

.sl-header__topbar-left__wrapper {
    display: contents;
}

@media (max-width:1024px) {
    .sl-header__topbar-left__wrapper {
        display: flex;
        align-items: center;
        gap: 20px;
        min-width: 0;
    }

    .sl-header__topbar-left__wrapper .sl-header__phone-wrap {
        flex-shrink: 0;
    }
}

@media (max-width: 480px) {
    .sl-header__topbar-left {
        gap: 10px;
    }

    .sl-header__topbar-left__mobile {
        gap: 12px;
        min-width: 0;
    }

    .sl-header__topbar-left__wrapper {
        gap: 12px;
    }

    .sl-header__city {
        min-width: 0;
        overflow: hidden;
    }

    .sl-header__city span {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

/* Edit mode: Bitrix wraps menu output in bx_incl_area div — inherit flex */
.sl-header__topbar-row > [id^="bx_incl_area"] {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
}

.sl-header__topbar-right > [id^="bx_incl_area"] {
    display: flex;
    align-items: center;
    gap: var(--sl-header-v1-menu-gap, 40px);
}
.sl-header__topbar-item {
    position: relative;
    display: inline-flex;
    align-items: center;
}

.sl-header__topbar-item--parent::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    z-index: 79;
    width: max(100%, 210px);
    height: 14px;
    transform: translateX(-50%);
    opacity: 0;
    pointer-events: auto;
}

.sl-header__topbar-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--sl-color-dark, #142A4B);
    font-size: var(--sl-header-v1-menu-font-size, var(--sl-text-sm, 14px));
    font-style: var(--sl-header-v1-menu-font-style, normal);
    font-weight: var(--sl-header-v1-menu-font-weight, 400);
    text-decoration: none;
}

.sl-header__topbar-link:focus-visible,
.sl-header__topbar-sublink:focus-visible {
    outline: 2px solid var(--sl-color-link, #7060F8);
    outline-offset: 3px;
}

.sl-header__topbar-link--accent {
    display: flex;
    align-items: center;
    gap: 6px;
    color: var(--sl-color-promo-accent, #EB485E);
}

.sl-header__topbar-link__svg {
    position: relative;
    top: -1px;
}

.sl-header__topbar-arrow {
    width: 7px;
    height: 4px;
    color: var(--sl-color-dark, #142A4B);
    flex: 0 0 auto;
    transition: transform 0.18s ease;
}

.sl-header__topbar-submenu {
    position: absolute;
    top: calc(100% + 12px);
    left: 50%;
    z-index: 80;
    min-width: 210px;
    margin: 0;
    padding: var(--sl-header-v1-submenu-padding, 12px);
    list-style: none;
    border-radius: var(--sl-header-v1-submenu-radius, var(--sl-header-radius, 14px));
    background: var(--sl-color-white, #fff);
    box-shadow: 0 18px 42px rgba(var(--sl-color-dark-rgb, 20, 42, 75), 0.14);
    opacity: 0;
    visibility: hidden;
    transform: translate(-50%, 6px);
    transition: opacity 0.18s ease, transform 0.18s ease, visibility 0.18s ease;
}

.sl-header__topbar-item--parent:hover .sl-header__topbar-submenu,
.sl-header__topbar-item--open .sl-header__topbar-submenu,
.sl-header__topbar-submenu:hover {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, 0);
}

.sl-header__topbar-item--parent:hover .sl-header__topbar-arrow,
.sl-header__topbar-item--open .sl-header__topbar-arrow {
    transform: rotate(180deg);
}

.sl-header__topbar-sublink {
    display: flex;
    align-items: center;
    min-height: 34px;
    padding: 7px 10px;
    border-radius: var(--sl-header-v1-submenu-item-radius, var(--sl-header-control-radius, 8px));
    color: var(--sl-color-dark, #142A4B);
    font-size: var(--sl-header-v1-menu-font-size, var(--sl-text-sm, 14px));
    font-style: var(--sl-header-v1-menu-font-style, normal);
    font-weight: var(--sl-header-v1-menu-font-weight, 400);
    line-height: 1.25;
    text-decoration: none;
    white-space: nowrap;
    transition: color 0.15s ease, background-color 0.15s ease;
}

.sl-header__topbar-sublink:hover,
.sl-header__topbar-sublink--active {
    background: rgba(var(--sl-color-dark-rgb, 20, 42, 75), 0.05);
    color: var(--sl-color-link, #7060F8);
}

@media (prefers-reduced-motion: reduce) {
    .sl-header__topbar-arrow,
    .sl-header__topbar-submenu,
    .sl-header__topbar-sublink {
        transition: none;
    }
}

/* --- Main bar --- */
.sl-header__main {
    transition: padding 0.12s ease-out,
        margin 0.12s ease-out;
}
.sl-header__main-col {
    display: flex;
    align-items: center;
    gap: clamp(26px, -19rem + 42vw, 205px);
    flex: 1;
    min-width: 0;
}
.sl-header__main-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: var(--sl-header-radius, 100px);
    background: var(--sl-header-bg, var(--sl-color-white, #FFFFFF));
    padding: clamp(10px, 0.3rem + 0.8vw, 13px) clamp(18px, 1rem + 0.3vw, 20px);
    transition: background-color 0.32s cubic-bezier(0.22, 1, 0.36, 1),
        box-shadow 0.32s cubic-bezier(0.22, 1, 0.36, 1);
}

@media (min-width: 1025px) {
	.sl-header--v1 .sl-header__main-row {
		padding-top: var(--sl-header-v1-main-padding-y, 14.5px);
		padding-right: var(--sl-header-v1-main-padding-right, 15px);
		padding-bottom: var(--sl-header-v1-main-padding-y, 14.5px);
		padding-left: var(--sl-header-v1-main-padding-left, 20px);
		border-radius: var(--sl-header-v1-main-radius, 100px) !important;
	}

	.sl-header--v1 .sl-header__actions {
		gap: var(--sl-header-v1-action-gap, 13px);
	}

	.sl-header--v1 .sl-header__logo {
		max-height: var(--sl-header-v1-logo-max-height, 35px);
	}

	.sl-header--v1 .sl-header__logo img {
		max-width: var(--sl-header-v1-logo-max-width, 167px);
		max-height: var(--sl-header-v1-logo-max-height, 35px);
	}
}

.sl-header__logo {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    max-height: var(--sl-header-logo-height, 35px);
    overflow: hidden;
}
.sl-header__logo img {
    display: block;
    max-width: 167px;
    max-height: var(--sl-header-logo-height, 35px);
    width: auto;
    height: auto;
    object-fit: contain;
}
.sl-header__logo img.sl-header__logo-dark {
    display: none;
}
html[data-theme="dark"] .sl-header__logo img.sl-header__logo-light {
    display: none;
}
html[data-theme="dark"] .sl-header__logo img.sl-header__logo-dark {
    display: block;
}

@media (max-width: 1024px) {
    .sl-header__logo {
        max-height: 28px;
    }
    .sl-header__logo img {
        max-width: 133px;
        max-height: 28px;
    }
}

@media (max-width: 620px) {
    .sl-header__main-col {
        gap: 10px;
    }
    .sl-header__logo {
        flex: 1;
        max-height: 26px;
    }
    .sl-header__logo img {
        max-width: 124px;
        max-height: 26px;
    }
}

.sl-header__catalog-wrap {
    display: flex;
    align-items: center;
    gap: clamp(10px, -0.5rem + 2vw, 20px);
}
@media (max-width: 620px) {
    .sl-header__catalog-wrap {
        flex: 1;
    }
}

.sl-header__catalog-btn.button-clear {
    display: flex;
    align-items: center;
    gap: 11px;
    justify-content: center;
    background-color: var(--sl-header-catalog-bg, var(--sl-color-cta, var(--sl-color-dark, #142A4B)));
    color: var(--sl-color-cta-contrast, var(--sl-color-white, #FFFFFF));
    font-size: var(--sl-text-base, 16px);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding: 0 clamp(10px, -0.5rem + 2.5vw, 26px);
    height: clamp(36px, 1rem + 2.5vw, 46px);
    transition: background-color 0.25s;
}

@media (min-width: 1025px) {
	.sl-header--v1 .sl-header__catalog-btn.button-clear {
		height: var(--sl-header-v1-catalog-button-height, 46px);
		padding-inline: var(--sl-header-v1-catalog-button-padding-x, 26px);
		border-radius: var(--sl-header-v1-catalog-button-radius, 100px) !important;
		font-size: var(--sl-header-v1-catalog-button-font-size, var(--sl-text-base, 16px));
		font-style: var(--sl-header-v1-catalog-button-font-style, normal);
		font-weight: var(--sl-header-v1-catalog-button-font-weight, 500);
	}
}

.sl-header__catalog-btn.button-clear:hover {
    background-color: var(--sl-header-catalog-bg, var(--sl-color-cta-hover, rgba(var(--sl-color-dark-rgb, 20, 42, 75), 0.85)));
    background-color: color-mix(in srgb, var(--sl-header-catalog-bg, var(--sl-color-cta, #142A4B)) 88%, #000000);
}

@media (max-width: 1024px) {
    .sl-header__catalog-btn.button-clear {

    }
}

@media (max-width: 767px) {
    .sl-header__catalog-btn.button-clear {
        height: 40px;
        display: none;
    }
}

.sl-header__catalog-icon {
    display: none;
}

@media (min-width: 1024px) {
    .sl-header__catalog-icon {
        display: block;
    }
}
.sl-header__catalog-text {}
.sl-header__search {
    display: flex;
    align-items: center;
    gap: 10px;
    overflow: hidden;
    background: var(--sl-header-search-bg, rgba(var(--sl-color-dark-rgb), 0.05));
    height: clamp(40px, 1rem + 2.5vw, 46px);
    padding: 0 6px 0 clamp(18px, 0.5rem + 1.5vw, 32px);
    width: clamp(168px, 30vw, var(--sl-header-v1-search-max-width, 450px));
}

@container sl-header-v1-main (min-width: 1500px) {
    .sl-header--v1 .sl-header__search {
        width: clamp(450px, 44cqw, 746px);
    }
}

@media (max-width: 1024px) {
    .sl-header__search {
        flex: 1;
        width: auto;
        min-width: 140px;
    }
}

@media (max-width: 620px) {
    .sl-header__search {
        width: 100%;
    }
}

.sl-header__search-input {
    flex: 1 1 auto;
    min-width: 0;
    width: 100%;
    color: var(--sl-color-dark, #142A4B);
    font-size: var(--sl-text-base, 16px);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    background-color: transparent;
    border: none;
}
.sl-header__search-input::-webkit-search-cancel-button,
.sl-header__search-input::-webkit-search-decoration {
    display: none;
    -webkit-appearance: none;
    appearance: none;
}
.sl-header__search-input::-ms-clear {
    display: none;
    width: 0;
    height: 0;
}
.sl-header__search .sl-header__search-clear.sl-reviews__modal-auth-close {
    position: static;
    top: auto;
    right: auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 28px;
    width: 28px;
    min-width: 28px;
    height: 28px;
    min-height: 28px;
    padding: 0;
    margin: 0 -2px 0 0;
    border: none;
    border-radius: 50%;
    background: transparent;
    color: rgba(var(--sl-color-dark-rgb, 20, 42, 75), 0.55);
    cursor: pointer;
    transition: color 0.2s ease, opacity 0.2s ease, background-color 0.2s ease;
}
.sl-header__search .sl-header__search-clear.sl-reviews__modal-auth-close[hidden] {
    display: none;
}
.sl-header__search .sl-header__search-clear.sl-reviews__modal-auth-close:hover {
    background: rgba(var(--sl-color-dark-rgb, 20, 42, 75), 0.06);
    color: var(--sl-color-dark, #142A4B);
    opacity: 1;
}
.sl-header__search .sl-header__search-clear.sl-reviews__modal-auth-close:focus-visible {
    outline: 2px solid rgba(var(--sl-color-link-rgb, 112, 96, 248), 0.35);
    outline-offset: 2px;
}
.sl-header__search .sl-header__search-clear.sl-reviews__modal-auth-close svg {
    width: 12px;
    height: 12px;
    color: currentColor;
}
.sl-header__search-btn {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    border-radius: 50%;
    transition: opacity 0.25s;
}
.sl-header__search-btn svg circle,
.sl-header__search-btn svg rect {
    fill: var(--sl-color-cta, var(--sl-color-dark, #142A4B));
}
.sl-header__search-btn svg path {
    stroke: var(--sl-color-cta-contrast, var(--sl-color-white, #FFFFFF));
}
.sl-header__search-btn:hover {
    opacity: 0.75;
}
@media (max-width: 1024px) {
    .sl-header__search-btn {
        width: 32px;
        height: 32px;
    }
}

.sl-header__actions {
    display: flex;
    align-items: center;
    gap: clamp(5px, -0.2rem + 1.5vw, 12px);
}
@media (max-width: 620px) {
    .sl-header__actions {
        display: none;
    }
}

.sl-header__action {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 1;
    text-decoration: none;
    border-radius: 50%;
    background-color: var(--sl-header-action-bg, transparent);
    transition: color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
}

.sl-header.sl-header--v1 .sl-header__actions .sl-header__action {
    border-radius: 50% !important;
}

@media (hover: hover) and (pointer: fine) {
    .sl-header.sl-header--v1 .sl-header__actions .sl-header__action:hover {
        background-color: var(--sl-header-v1-current-menu-hover-background);
        color: var(--sl-header-v1-current-menu-hover-text) !important;
    }
}

.sl-header__action--cart {}
.sl-header__badge {
    position: absolute;
    bottom: -7px;
    left: 2px;
    background: var(--sl-header-badge-bg, #54C580);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-width: 18px;
    height: 18px;
    padding: 1px 5px 0;
    border-radius: 100px;
    color: #FFF;
    font-size: var(--sl-text-tiny, 11px);
    font-style: normal;
    font-weight: 700;
    line-height: 1;
    text-align: center;
}

html[data-theme="dark"] .sl-header--v1 .sl-header__badge {
    background: var(--sl-header-v1-dark-badge-background, #2F8558);
    color: var(--sl-header-v1-dark-badge-text, #FFFFFF);
}

.sl-header__action svg {
    width: clamp(36px, 1rem + 2.5vw, var(--sl-header-v1-control-size, 46px));
    height: clamp(36px, 1rem + 2.5vw, var(--sl-header-v1-control-size, 46px));
}

@media (min-width: 577px) and (max-width: 1024px) {
    .sl-header.sl-header--v1 .sl-header__theme {
        width: 24px !important;
        min-width: 24px !important;
        height: 24px !important;
        min-height: 24px !important;
    }

    .sl-header.sl-header--v1 .sl-header__main-row {
        padding: 10px clamp(18px, 2.4vw, 20px);
    }

    .sl-header.sl-header--v1 .sl-header__catalog-btn.button-clear {
        min-width: 102px;
        height: 40px;
        padding: 0 22px;
        border-radius: 100px !important;
    }

    .sl-header.sl-header--v1 .sl-header__search {
        height: 40px;
    }

    .sl-header.sl-header--v1 .sl-header__search-btn {
        width: 36px;
        height: 36px;
        border-radius: 100px !important;
    }

    .sl-header.sl-header--v1 .sl-header__action svg {
        width: 36px;
        height: 36px;
    }
}

@media (max-width: 576px) {
    .sl-header.sl-header--v1.sl-header--sticky:not(.sl-header--scrolled) {
        background-color: var(--sl-color-bg, #F5F4FA);
    }

    .sl-header.sl-header--v1.sl-header--sticky .sl-header__main-row {
        transition: none;
    }

    .sl-header--v1 .sl-header__topbar > .sl-container {
        padding-inline: 0.9375rem;
    }

    .sl-header--v1 .sl-header__main > .sl-container {
        padding-inline: 0.625rem;
    }

    .sl-header--v1 .sl-header__topbar {
        padding-block: 0.5625rem 0.6875rem !important;
    }

    .sl-header--v1.sl-header--scrolled .sl-header__topbar {
        padding-block: 0 !important;
    }

    .sl-header--v1 .sl-header__topbar-row {
        --sl-header-mobile-menu-offset: -0.75rem;
        --sl-header-mobile-menu-city-gap: 0.5rem;
        display: flex;
        align-items: center;
        min-height: 1.125rem;
        height: 1.125rem;
        padding-inline: 0;
    }

    .sl-header--v1 .sl-header__topbar-left {
        width: 100%;
        gap: 0.75rem;
    }

    .sl-header--v1 .sl-header__topbar-left__mobile,
    .sl-header--v1 .sl-header__topbar-left__wrapper {
        gap: 0.75rem;
    }

    .sl-header--v1 .sl-header__topbar-left__mobile {
        gap: var(--sl-header-mobile-menu-city-gap) !important;
    }

    .sl-header--v1 .sl-header__menu-mobile {
        margin-inline-start: var(--sl-header-mobile-menu-offset);
        color: var(--sl-color-dark, #142A4B) !important;
    }

    .sl-header--v1 .sl-header__city {
        opacity: 0.5 !important;
    }

    .sl-header--v1 .sl-header__phone {
        padding: 0;
        font-size: var(--sl-text-caption, 0.8125rem);
        line-height: 1.3;
    }

    .sl-header.sl-header--v1 .sl-header__theme {
        width: 1.125rem !important;
        min-width: 1.125rem !important;
        height: 1.125rem !important;
        min-height: 1.125rem !important;
        color: var(--sl-color-dark, #142A4B);
        opacity: 1 !important;
    }

    html[data-theme="dark"] .sl-header--v1 .sl-header__menu-mobile {
        color: var(--sl-color-icon, #C8CDD5) !important;
    }

    .sl-header--v1 .sl-header__main-row {
        --sl-header-mobile-search-focus-edge-gap: 0.625rem;
        --sl-header-mobile-search-focus-inset: calc(var(--sl-header-mobile-search-focus-edge-gap) - 1.125rem);
        height: 3.75rem;
        padding: 0.625rem 0.875rem;
        position: relative;
    }

    .sl-header--sticky.sl-header--scrolled .sl-header__main {
        padding-inline: 0;
    }

    .sl-header--sticky.sl-header--scrolled .sl-header__main > .sl-container {
        max-width: none;
        padding-inline: 0;
    }

    .sl-header--sticky.sl-header--scrolled .sl-header__main-row {
        --sl-header-mobile-sticky-padding-x: clamp(0.875rem, 4vw, 1.125rem);
        --sl-header-mobile-search-focus-inset: calc(var(--sl-header-mobile-search-focus-edge-gap) - var(--sl-header-mobile-sticky-padding-x, clamp(0.5rem, 1.8vw, 0.625rem)));
        border-radius: 0 !important;
        padding-inline: var(--sl-header-mobile-sticky-padding-x, clamp(0.5rem, 1.8vw, 0.625rem));
    }

    .sl-header--v1 .sl-header__main-col {
        gap: 1.3125rem;
    }

    .sl-header--v1 .sl-header__logo {
        flex: 0 0 7.75rem;
        width: 7.75rem;
        max-height: 1.625rem;
        transition: opacity 0.16s ease;
    }

    .sl-header--v1 .sl-header__logo img {
        max-width: 7.75rem;
        max-height: 1.625rem;
    }

    .sl-header--v1 .sl-header__catalog-wrap {
        flex: 1 1 auto;
        min-width: 0;
    }

    .sl-header--v1 .sl-header__search {
        flex: 1 1 10.5rem;
        min-width: 0;
        height: 2.5rem;
        padding-left: 1.125rem;
        transition: inset 0.2s ease, width 0.2s ease, box-shadow 0.2s ease;
    }

    .sl-header--v1 .sl-header__search-input {
        font-size: 0.875rem;
        line-height: 1.3;
    }

    .sl-header--v1 .sl-header__search:focus-within,
    .sl-header--v1 .sl-header__search.sl-header__search--expanded {
        position: absolute !important;
        inset-block-start: 50%;
        inset-inline: var(--sl-header-mobile-search-focus-inset, 0.625rem);
        z-index: var(--sl-search-dropdown-layer-z-index, 9000);
        width: auto;
        transform: translateY(-50%);
        overflow: visible;
        background: var(--sl-header-search-focus-bg, var(--sl-color-surface-2, var(--sl-header-bg, var(--sl-color-white, #FFFFFF)))) !important;
        box-shadow: 0 0 0 1px rgba(var(--sl-color-dark-rgb, 20, 42, 75), 0.04);
    }

    .sl-header--v1 .sl-header__main-row:has(.sl-header__search:focus-within),
    .sl-header--v1 .sl-header__main-row:has(.sl-header__search.sl-header__search--expanded),
    .sl-header--v1 .sl-header__main-col:has(.sl-header__search:focus-within),
    .sl-header--v1 .sl-header__main-col.sl-header__main-col--search-expanded {
        position: relative;
        z-index: var(--sl-search-dropdown-layer-z-index, 9000);
    }

    .sl-header--v1 .sl-header__main-col:has(.sl-header__search:focus-within) .sl-header__logo,
    .sl-header--v1 .sl-header__main-col.sl-header__main-col--search-expanded .sl-header__logo {
        opacity: 0;
        pointer-events: none;
    }

    .sl-header--v1 .sl-header__search:focus-within .sl-search-title__dropdown,
    .sl-header--v1 .sl-header__search.sl-header__search--expanded .sl-search-title__dropdown {
        position: absolute;
        inset-block-start: calc(100% + 0.5rem);
        inset-block-end: auto;
        inset-inline: 0;
        width: auto;
        z-index: var(--sl-search-dropdown-z-index, 9001);
        max-height: min(26rem, 64vh);
        border-radius: var(--sl-radius-lg, 1rem);
    }

    .sl-header--v1 .sl-header__search-btn {
        width: 2rem;
        height: 2rem;
    }
}

/* --- Login popup --- */
.sl-header__login-wrap {
    position: relative;
    display: flex;
    align-items: center;
}

.sl-header__login-popup {
    display: flex;
    position: absolute;
    top: 100%;
    right: -10px;
    padding-top: 24px;
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-8px) scale(0.96);
    transform-origin: top right;
    transition: opacity 0.25s ease, visibility 0.25s ease, transform 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}

.sl-header__login-popup-nav {
    display: flex;
    flex-direction: column;
    width: 255px;
    padding-block: 0.375rem;
    background: var(--sl-color-white, #fff);
    border-radius: var(--sl-header-control-radius, 0.625rem);
    box-shadow: 0 20px 30px rgba(var(--sl-color-dark-rgb, 20, 42, 75), 0.3);
    overflow: hidden;
}

.sl-header__login-popup-item {
    display: block;
    padding: 10px 20px;
    font-size: var(--sl-text-sm, 14px);
    line-height: normal;
    color: var(--sl-color-dark, #142A4B);
    text-decoration: none;
    white-space: nowrap;
    transition: background-color 0.15s ease, color 0.15s ease;
}

.sl-header__login-popup-item:hover {
    background-color: var(--sl-color-link-bg, #EAE7FE);
    color: var(--sl-color-link, #7060F8);
}

.sl-header__login-popup-logout {
    margin: 0;
}

.sl-header__login-popup-logout .sl-header__login-popup-item {
    width: 100%;
    border: 0;
    background: transparent;
    font-family: inherit;
    text-align: left;
    cursor: pointer;
}

.sl-header__login-popup-item--exit {
    display: flex;
    align-items: center;
    gap: 8px;
}

.sl-header__login-popup-item--exit svg {
    width: 14px;
    height: 14px;
    flex-shrink: 0;
}

@media (hover: hover) and (pointer: fine) and (min-width: 1025px) {
    .sl-header__login-wrap:hover .sl-header__login-popup {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transform: translateY(0) scale(1);
    }
}

.sl-header__login-wrap:focus-within .sl-header__login-popup {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0) scale(1);
}

/* Restore the keyboard indicator after the global button/link focus reset. */
.sl-header :is(a, button, input, select, textarea):focus-visible {
    outline: 2px solid var(--sl-color-link, #7060F8) !important;
    outline-offset: 3px !important;
    box-shadow: none !important;
}

.sl-header.sl-header--v1 .sl-header__search-input:focus,
.sl-header.sl-header--v1 .sl-header__search-input:focus-visible {
    outline: none !important;
    box-shadow: none !important;
}

/* --- Customizer contract for header variant 1 --- */
.sl-header.sl-header--v1 .sl-header__topbar {
    background: var(--sl-header-v1-current-topbar-background);
}

.sl-header.sl-header--v1 .sl-header__topbar :is(
    .sl-header__city,
    .sl-header__phone,
    .sl-header__theme,
    .sl-header__city-icon,
    .sl-header__topbar-arrow,
    .sl-header__topbar-link,
    .sl-header__topbar-link__svg
) {
    color: var(--sl-header-v1-current-topbar-text) !important;
}

.sl-header.sl-header--v1 .sl-header__topbar .sl-header__topbar-link--accent,
.sl-header.sl-header--v1 .sl-header__topbar .sl-header__topbar-link--accent:hover,
.sl-header.sl-header--v1 .sl-header__topbar .sl-header__topbar-link--accent:focus-visible,
.sl-header.sl-header--v1 .sl-header__topbar .sl-header__topbar-link--accent .sl-header__topbar-link__svg {
    color: var(--sl-color-promo-accent, #EB485E) !important;
}

.sl-header.sl-header--v1 :is(
    .sl-header__topbar-link:hover,
    .sl-header__topbar-link:focus-visible,
    .sl-header__topbar-sublink:hover,
    .sl-header__topbar-sublink--active,
    .sl-header__login-popup-item:hover,
    .sl-header__login-popup-item:focus-visible
) {
    color: var(--sl-header-v1-current-menu-hover-text) !important;
}

.sl-header.sl-header--v1 :is(
    .sl-header__topbar-link:hover,
    .sl-header__topbar-link:focus-visible,
    .sl-header__topbar-sublink:hover,
    .sl-header__topbar-sublink--active,
    .sl-header__login-popup-item:hover,
    .sl-header__login-popup-item:focus-visible
) {
    background-color: var(--sl-header-v1-current-menu-hover-background);
}

.sl-header.sl-header--v1 .sl-header__catalog-btn.button-clear {
    color: var(--sl-header-v1-current-catalog-text) !important;
}

.sl-header.sl-header--v1 .sl-header__search-input {
    color: var(--sl-header-v1-current-search-text) !important;
}

.sl-header.sl-header--v1 .sl-header__search-input::placeholder {
    color: var(--sl-header-v1-current-search-text) !important;
    opacity: 0.52;
}

.sl-header.sl-header--v1 .sl-header__action {
    color: var(--sl-header-v1-current-action-icon) !important;
}

.sl-header.sl-header--v1 .sl-header__badge {
    background: var(--sl-header-badge-bg);
    color: var(--sl-header-v1-current-badge-text);
}

.sl-header.sl-header--v1 .sl-catalog-menu__inner {
    padding: var(--sl-header-v1-catalog-menu-padding, 40px) !important;
    border-radius: var(--sl-header-v1-catalog-menu-radius, 20px) !important;
    background: var(--sl-header-v1-current-catalog-menu-background) !important;
    color: var(--sl-header-v1-current-catalog-menu-text) !important;
}

.sl-header.sl-header--v1 .sl-catalog-menu :is(
    .sl-catalog-menu__item,
    .sl-catalog-menu__group-name,
    .sl-catalog-menu__subcat,
    .sl-catalog-menu__subchild,
    .sl-catalog-menu__toggle,
    .sl-catalog-menu__collections-nav-item,
    .sl-catalog-menu__collections-title,
    .sl-catalog-menu__collections-group-title,
    .sl-catalog-menu__collections-link
) {
    color: var(--sl-header-v1-current-catalog-menu-text) !important;
}

/* --- Dark theme overrides --- */
html[data-theme="dark"] .sl-header--v1 {
    --sl-header-dark-surface: var(--sl-header-v1-dark-surface, var(--sl-home-dark-surface, #363B40));
    --sl-header-dark-accent: var(--sl-header-v1-dark-catalog-background, var(--sl-color-link, #7060F8));
    --sl-header-dark-accent-hover: var(--sl-color-link-hover, #8070FF);
    --sl-header-dark-text: var(--sl-header-v1-dark-text, #FFFFFF);
    --sl-header-bg: var(--sl-header-dark-surface);
    --sl-header-text: var(--sl-header-dark-text);
    --sl-header-catalog-bg: var(--sl-header-dark-accent);
    --sl-header-search-bg: var(--sl-header-v1-dark-search-background, rgba(255, 255, 255, 0.05));
    --sl-header-action-bg: var(--sl-header-v1-dark-action-background, transparent);
    --sl-header-badge-bg: var(--sl-header-v1-dark-badge-background, #2F8558);
    --sl-header-v1-current-topbar-background: var(--sl-header-v1-dark-topbar-background, transparent);
    --sl-header-v1-current-topbar-text: var(--sl-header-v1-dark-topbar-text, #FFFFFF);
    --sl-header-v1-current-catalog-text: var(--sl-header-v1-dark-catalog-text, #FFFFFF);
    --sl-header-v1-current-search-text: var(--sl-header-v1-dark-search-text, #FFFFFF);
    --sl-header-v1-current-action-icon: var(--sl-header-v1-dark-action-icon, #FFFFFF);
    --sl-header-v1-current-badge-text: var(--sl-header-v1-dark-badge-text, #FFFFFF);
    --sl-header-v1-current-menu-hover-background: var(--sl-header-v1-dark-menu-hover-background, rgba(255, 255, 255, 0.08));
    --sl-header-v1-current-menu-hover-text: var(--sl-header-v1-dark-menu-hover-text, #A89FDC);
    --sl-header-v1-current-catalog-menu-background: var(--sl-header-v1-dark-catalog-menu-background, var(--sl-header-dark-surface));
    --sl-header-v1-current-catalog-menu-text: var(--sl-header-v1-dark-catalog-menu-text, #FFFFFF);
    --sl-nav-text: var(--sl-header-dark-text);
    color: var(--sl-header-dark-text);
}

html[data-theme="dark"] .sl-header.sl-header--v1 .sl-header__action {
    color: var(--sl-header-v1-current-action-icon) !important;
}

html[data-theme="dark"] .sl-header.sl-header--v1 .sl-header__search-input,
html[data-theme="dark"] .sl-header.sl-header--v1 .sl-header__search-input::placeholder {
    color: var(--sl-header-v1-current-search-text) !important;
}

html[data-theme="dark"] .sl-header--v1 .sl-header__main-row {
    background-color: var(--sl-header-dark-surface) !important;
}

html[data-theme="dark"] .sl-header--v1 .sl-header__catalog-btn.button-clear {
    background-color: var(--sl-header-dark-accent) !important;
    color: var(--sl-header-v1-current-catalog-text) !important;
}

html[data-theme="dark"] .sl-header--v1 .sl-header__catalog-btn.button-clear:hover,
html[data-theme="dark"] .sl-header--v1 .sl-header__catalog-btn--active {
    background-color: color-mix(in srgb, var(--sl-header-dark-accent) 88%, #000000) !important;
}

html[data-theme="dark"] .sl-header--v1 .sl-header__search-btn :is(circle, rect) {
    fill: var(--sl-header-dark-accent);
}

html[data-theme="dark"] .sl-header--v1 .sl-header__search-btn path {
    stroke: var(--sl-header-dark-text);
}

html[data-theme="dark"] .sl-header__topbar {
    background: transparent;
}
html[data-theme="dark"] .sl-header__main-row {
    background: var(--sl-header-bg, var(--sl-color-white, #1E2030));
}
html[data-theme="dark"] .sl-header__city {
    opacity: 0.5;
}
html[data-theme="dark"] .sl-header__topbar-link {
    opacity: 0.7;
}
html[data-theme="dark"] .sl-header__topbar-link--accent {
    opacity: 1;
}
html[data-theme="dark"] .sl-header__topbar-submenu {
    background: var(--sl-color-dark, #142A4B);
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.28);
}
html[data-theme="dark"] .sl-header__topbar-sublink {
    color: var(--sl-color-white, #fff);
}
html[data-theme="dark"] .sl-header__topbar-sublink:hover,
html[data-theme="dark"] .sl-header__topbar-sublink--active {
    background: rgba(255, 255, 255, 0.08);
}
html[data-theme="dark"] .sl-header__search {
    background: var(--sl-header-search-bg, rgba(255, 255, 255, 0.05));
}
html[data-theme="dark"] .sl-header__search-input::placeholder {
    color: rgba(255, 255, 255, 0.5);
}
html[data-theme="dark"] .sl-header__search .sl-header__search-clear.sl-reviews__modal-auth-close {
    color: rgba(255, 255, 255, 0.55);
}
html[data-theme="dark"] .sl-header__search .sl-header__search-clear.sl-reviews__modal-auth-close:hover {
    background: rgba(255, 255, 255, 0.08);
    color: #FFFFFF;
}
html[data-theme="dark"] .sl-header--v1 .sl-header__topbar {
    position: relative;
    z-index: 2;
}
html[data-theme="dark"] .sl-header--v1 .sl-header__phone-popup {
    --sl-header-phone-popup-surface: var(--sl-detail-dark-surface, var(--sl-catalog-section-dark-surface, var(--sl-home-dark-surface, #363B40)));
    --sl-header-phone-popup-surface-muted: var(--sl-detail-dark-surface-muted, var(--sl-catalog-section-dark-surface-muted, var(--sl-home-dark-surface-muted, #404449)));
    --sl-header-phone-popup-border: rgba(255, 255, 255, 0.08);
    --sl-header-phone-popup-text: rgba(255, 255, 255, 0.9);
    --sl-header-phone-popup-text-muted: rgba(255, 255, 255, 0.58);
    --sl-header-phone-popup-accent: #A89FDC;
    --sl-header-phone-popup-accent-solid: #6F65B5;
    --sl-header-phone-popup-accent-hover: #7A70BD;
    min-width: 260px;
    padding-top: 10px;
}
html[data-theme="dark"] .sl-header--v1 .sl-header__phone-popup-inner {
    gap: 14px;
    padding: 18px;
    background: var(--sl-header-phone-popup-surface) !important;
    border: 1px solid var(--sl-header-phone-popup-border);
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.36);
}
html[data-theme="dark"] .sl-header--v1 .sl-header__phone-popup-item {
    gap: 4px;
}
html[data-theme="dark"] .sl-header--v1 .sl-header__phone-popup-label {
    color: var(--sl-header-phone-popup-text-muted) !important;
    font-size: 12px;
    line-height: 1.35;
    letter-spacing: 0.01em;
    opacity: 1;
}
html[data-theme="dark"] .sl-header--v1 .sl-header__phone-popup-number {
    color: var(--sl-header-phone-popup-text) !important;
    font-size: 15px;
    line-height: 1.35;
}
html[data-theme="dark"] .sl-header--v1 .sl-header__phone-popup-text {
    color: rgba(255, 255, 255, 0.82) !important;
    line-height: 1.4;
    overflow-wrap: anywhere;
}
html[data-theme="dark"] .sl-header--v1 .sl-header__phone-popup-number:hover,
html[data-theme="dark"] .sl-header--v1 .sl-header__phone-popup-number:focus-visible,
html[data-theme="dark"] .sl-header--v1 a.sl-header__phone-popup-text:hover,
html[data-theme="dark"] .sl-header--v1 a.sl-header__phone-popup-text:focus-visible {
    color: var(--sl-header-phone-popup-accent) !important;
}
html[data-theme="dark"] .sl-header--v1 .sl-header__phone-popup-btn {
    min-height: 42px;
    padding: 10px 18px;
    background: var(--sl-header-phone-popup-accent-solid);
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: 0 8px 18px rgba(33, 29, 61, 0.22);
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.35;
}
html[data-theme="dark"] .sl-header--v1 .sl-header__phone-popup-btn:hover {
    background: var(--sl-header-phone-popup-accent-hover);
}
html[data-theme="dark"] .sl-header--v1 .sl-header__phone-popup-btn:focus-visible,
html[data-theme="dark"] .sl-header--v1 .sl-header__phone-popup-socials a:focus-visible {
    outline: 2px solid rgba(168, 159, 220, 0.72);
    outline-offset: 3px;
}
html[data-theme="dark"] .sl-header--v1 .sl-header__phone-popup-socials {
    gap: 8px;
    padding-top: 2px;
}
html[data-theme="dark"] .sl-header--v1 .sl-header__phone-popup-socials a {
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    background: var(--sl-header-phone-popup-surface-muted);
    border: 1px solid var(--sl-header-phone-popup-border);
    border-radius: 10px;
    transition: background-color 0.2s ease, transform 0.2s ease;
}
html[data-theme="dark"] .sl-header--v1 .sl-header__phone-popup-socials a:hover {
    background: #484C51;
    transform: translateY(-1px);
}
html[data-theme="dark"] .sl-header--v1 .sl-header__phone-popup-socials svg {
    width: 20px;
    height: 20px;
}
/* SVG icons use fill/stroke="currentColor" — switch via color */
.sl-header__action {
    color: var(--sl-color-dark, #142A4B);
}
html[data-theme="dark"] .sl-header__action {
    color: #FFFFFF;
}
html[data-theme="dark"] .sl-header--v1 .sl-header__login-popup {
    --sl-header-login-popup-surface: var(--sl-detail-dark-surface, var(--sl-catalog-section-dark-surface, var(--sl-home-dark-surface, #363B40)));
    --sl-header-login-popup-surface-muted: var(--sl-detail-dark-surface-muted, var(--sl-catalog-section-dark-surface-muted, var(--sl-home-dark-surface-muted, #404449)));
    --sl-header-login-popup-border: rgba(255, 255, 255, 0.08);
    --sl-header-login-popup-text: rgba(255, 255, 255, 0.86);
    --sl-header-login-popup-text-muted: rgba(255, 255, 255, 0.62);
    --sl-header-login-popup-accent: #D8D3F0;
    padding-top: 14px;
}
html[data-theme="dark"] .sl-header--v1 .sl-header__login-popup-nav {
    gap: 2px;
    width: 244px;
    padding: 6px;
    background: var(--sl-header-login-popup-surface) !important;
    border: 1px solid var(--sl-header-login-popup-border);
    border-radius: 18px !important;
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.36);
    scrollbar-color: rgba(255, 255, 255, 0.22) transparent;
}
html[data-theme="dark"] .sl-header--v1 .sl-header__login-popup-item {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    min-height: 38px;
    padding: 9px 12px;
    border-radius: 10px;
    color: var(--sl-header-login-popup-text) !important;
    font-size: 14px;
    line-height: 1.35;
}
html[data-theme="dark"] .sl-header--v1 .sl-header__login-popup-item:hover,
html[data-theme="dark"] .sl-header--v1 .sl-header__login-popup-item:focus-visible {
    background-color: var(--sl-header-login-popup-surface-muted);
    color: var(--sl-header-login-popup-accent) !important;
}
html[data-theme="dark"] .sl-header--v1 .sl-header__login-popup-item:focus-visible {
    outline: 2px solid rgba(168, 159, 220, 0.72);
    outline-offset: -2px;
}
html[data-theme="dark"] .sl-header--v1 .sl-header__login-popup-item--exit {
    margin-top: 4px;
    border-top: 1px solid var(--sl-header-login-popup-border);
    color: var(--sl-header-login-popup-text-muted) !important;
}
html[data-theme="dark"] .sl-header--v1 .sl-header__login-popup-item--exit:hover,
html[data-theme="dark"] .sl-header--v1 .sl-header__login-popup-item--exit:focus-visible {
    background-color: rgba(235, 72, 94, 0.1);
    color: #F098A4 !important;
}
html[data-theme="dark"] .sl-header__search-btn circle {
    fill: var(--sl-color-cta-dark, var(--sl-color-link-solid));
}
html[data-theme="dark"] .sl-header__search-btn rect {
    fill: var(--sl-color-cta-dark, var(--sl-color-link-solid));
}
html[data-theme="dark"] .sl-header__search-btn path {
    stroke: var(--sl-color-cta-dark-contrast, var(--sl-color-link-contrast, #FFFFFF));
}
html[data-theme="dark"] .sl-header__catalog-btn.button-clear {
    background-color: var(--sl-color-cta-dark, var(--sl-color-link-solid));
    color: var(--sl-color-cta-dark-contrast, var(--sl-color-link-contrast));
}
html[data-theme="dark"] .sl-header__catalog-btn.button-clear:hover {
    background-color: var(--sl-color-cta-dark-hover, var(--sl-color-link-solid-hover));
}
html[data-theme="dark"] .sl-header__menu-mobile {
    color: #fff;
}

@media (prefers-reduced-motion: reduce) {
    .sl-header__phone-popup {
        transition: none;
    }
}

/* End */


/* Start:/local/templates/shop_light/blocks/cart_widget/style.css?178825551312830*/
/* ========== Cart Widget (sl-cart-widget) ========== */

.sl-cart-widget {
	--sl-button-radius: var(--sl-action-radius, 100px);
	--sl-input-radius: var(--sl-field-radius, 10px);
	position: absolute;
	top: 100%;
	right: 0;
	z-index: 1050;
	width: 370px;
	padding-top: 24px;
	box-sizing: border-box;
	line-height: normal;
	opacity: 0;
	visibility: hidden;
	transform: translateY(6px);
	transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s;
	pointer-events: none;
}

.sl-cart-widget__body {
	background: var(--sl-cart-widget-bg, var(--sl-color-white));
	border-radius: 20px;
	box-shadow: 0 8px 24px rgba(var(--sl-color-dark-rgb), 0.12), 0 2px 8px rgba(var(--sl-color-dark-rgb), 0.08);
	overflow: hidden;
}

.sl-cart-widget__content {
	border-radius: 20px;
}

.sl-cart-widget--visible {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
	pointer-events: auto;
}

/* --- Loader --- */
.sl-cart-widget__loader {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 40px 0;
}

.sl-cart-widget__spinner {
	width: 28px;
	height: 28px;
	border: 3px solid rgba(var(--sl-color-dark-rgb), 0.1);
	border-top-color: var(--sl-color-link);
	border-radius: 50%;
	animation: sl-cart-widget-spin 0.6s linear infinite;
}

@keyframes sl-cart-widget-spin {
	to { transform: rotate(360deg); }
}

/* --- Header --- */
.sl-cart-widget__header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 20px 20px 15px;
}

.sl-cart-widget__count {
	font-size: 15px;
	color: var(--sl-color-dark);
}

.sl-cart-widget__count-label {
	opacity: 0.7;
}

.sl-cart-widget__count-value {
	font-weight: 500;
}

.sl-cart-widget__clear {
	background: none;
	border: none;
	color: var(--sl-color-link);
	font-size: 14px;
	font-family: inherit;
	cursor: pointer;
	padding: 0;
	transition: opacity 0.2s;
}

.sl-cart-widget__clear:hover {
	opacity: 0.8;
}

/* --- Items list --- */
.sl-cart-widget__items {
	display: flex;
	flex-direction: column;
	padding: 0 20px 20px;
	max-height: 350px;
	overflow-y: auto;
	overscroll-behavior: contain;
	scrollbar-width: none;
	-ms-overflow-style: none;
}

.sl-cart-widget__items::-webkit-scrollbar {
	width: 0;
	height: 0;
	display: none;
}

/* --- Single item --- */
.sl-cart-widget__item {
	display: flex;
	gap: var(--sl-card-gap, 15px);
	align-items: flex-start;
	margin: 0 -20px;
	padding: 10px 20px;
	transition: background-color 0.25s ease;
}

.sl-cart-widget__item:hover {
	background-color: var(--sl-color-bg);
}

.sl-cart-widget__item:hover .sl-cart-widget__item-image {
	background-color: var(--sl-color-white);
}

.sl-cart-widget__item-image {
	width: 60px;
	height: 80px;
	border-radius: var(--sl-media-radius, 10px);
	background-color: var(--sl-color-bg);
	display: flex;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
	overflow: hidden;
	transition: background-color 0.25s ease;
}

.sl-cart-widget__item-image img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	padding: 4px;
	box-sizing: border-box;
}

.sl-cart-widget__item-image--placeholder svg {
	width: 60%;
	height: 60%;
	color: var(--sl-color-dark);
	opacity: 0.15;
}

.sl-cart-widget__item-info {
	flex-grow: 1;
	min-width: 0;
	max-width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	min-height: 80px;
}

.sl-cart-widget__item-title {
	font-size: 14px;
	line-height: 1.4;
	color: var(--sl-color-dark);
	opacity: 0.7;
	margin: 0 0 10px;
	display: block;
	-webkit-line-clamp: unset;
	-webkit-box-orient: initial;
	overflow: visible;
	text-overflow: clip;
	overflow-wrap: anywhere;
	word-break: break-word;
	text-decoration: none;
}

a.sl-cart-widget__item-title:hover {
	opacity: 1;
}

.sl-cart-widget__item-price-row {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.sl-cart-widget__item-old-row {
	display: flex;
	align-items: center;
	gap: 6px;
}

.sl-cart-widget__item-old-price {
	font-size: 13px;
	color: var(--sl-color-dark);
	opacity: 0.65;
	text-decoration: line-through;
}

.sl-cart-widget__item-discount-badge {
	display: inline-flex;
	align-items: center;
	padding: 1px 6px;
	border-radius: var(--sl-action-radius, 4px);
	background-color: var(--sl-color-discount);
	color: var(--sl-color-white);
	font-size: 11px;
	font-weight: 600;
	line-height: 1.4;
	white-space: nowrap;
}

.sl-cart-widget__item-new-row {
	display: flex;
	align-items: baseline;
	gap: 4px;
}

.sl-cart-widget__item-price {
	font-size: 16px;
	font-weight: 500;
	color: var(--sl-color-dark);
}

.sl-cart-widget__item-currency {
	font-size: 16px;
	color: var(--sl-color-dark);
	opacity: 0.7;
}

.sl-cart-widget__item-quantity {
	font-size: 14px;
	color: var(--sl-color-dark);
	opacity: 0.7;
	margin-left: 2px;
}

/* --- Remove button --- */
.sl-cart-widget__item-remove {
	background: none;
	border: none;
	padding: 0;
	cursor: pointer;
	flex-shrink: 0;
	align-self: flex-start;
	margin-top: 1px;
	color: var(--sl-color-dark);
	transition: opacity 0.2s;
	line-height: 0;
}

.sl-cart-widget__item-remove svg {
	width: 18px;
	height: 18px;
}

.sl-cart-widget__item-remove:hover {
	opacity: 0.7;
}

.sl-cart-widget__remove-circle,
.sl-cart-widget__item-remove svg path:first-child,
.sl-cart-widget__item-remove svg circle {
	fill: var(--sl-color-bg);
	transition: fill 0.25s ease;
}

.sl-cart-widget__item:hover .sl-cart-widget__remove-circle,
.sl-cart-widget__item:hover .sl-cart-widget__item-remove svg path:first-child,
.sl-cart-widget__item:hover .sl-cart-widget__item-remove svg circle {
	fill: var(--sl-color-white);
}

/* --- Footer --- */
.sl-cart-widget__footer {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 15px 20px 20px;
	border-top: 1px solid var(--sl-color-divider);
}

.sl-cart-widget--total-hidden .sl-cart-widget__footer {
	justify-content: flex-end;
}

.sl-cart-widget__total {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.sl-cart-widget--total-hidden .sl-cart-widget__total {
	display: none;
}

.sl-cart-widget__total-label {
	font-size: 14px;
	line-height: 18px;
	color: var(--sl-color-dark);
}

.sl-cart-widget__total-price {
	display: flex;
	align-items: baseline;
	gap: 4px;
}

.sl-cart-widget__total-value {
	font-size: 22px;
	font-weight: 500;
	line-height: 28px;
	color: var(--sl-color-dark);
}

.sl-cart-widget__total-currency {
	font-size: 22px;
	line-height: 28px;
	color: var(--sl-color-dark);
	opacity: 0.7;
}

.sl-cart-widget__checkout {
	box-sizing: border-box;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background-color: var(--sl-color-link);
	color: var(--sl-color-white);
	font-size: 15px;
	font-weight: 500;
	line-height: 19px;
	font-family: inherit;
	min-height: 49px;
	padding: 15px 22px;
	border: none;
	border-radius: 100px;
	cursor: pointer;
	text-decoration: none;
	transition: background-color 0.2s;
}

.sl-cart-widget__checkout:hover {
	background-color: var(--sl-color-link-hover);
}

/* --- Empty state --- */
.sl-cart-widget__empty {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 40px 20px;
}

.sl-cart-widget__empty-text {
	font-size: 15px;
	color: var(--sl-color-dark);
	opacity: 0.7;
}

/* --- Dark theme overrides --- */
html[data-theme="dark"] body #sl-cart-widget {
	--sl-cart-dark-surface: var(--sl-detail-dark-surface, var(--sl-catalog-section-dark-surface, var(--sl-home-dark-surface, #363B40)));
	--sl-cart-dark-surface-muted: var(--sl-detail-dark-surface-muted, var(--sl-catalog-section-dark-surface-muted, var(--sl-home-dark-surface-muted, #404449)));
	--sl-cart-dark-surface-strong: var(--sl-detail-dark-surface-strong, var(--sl-catalog-section-dark-surface-strong, var(--sl-home-dark-surface-strong, #53585D)));
	--sl-cart-dark-border: rgba(255, 255, 255, 0.08);
	--sl-cart-dark-text: rgba(255, 255, 255, 0.9);
	--sl-cart-dark-text-secondary: rgba(255, 255, 255, 0.72);
	--sl-cart-dark-text-muted: rgba(255, 255, 255, 0.62);
	--sl-cart-dark-accent: #6F65B5;
	--sl-cart-dark-accent-hover: #756ABC;
	--sl-cart-dark-accent-text: #A89FDC;
	--sl-cart-dark-accent-text-hover: #B7AFE4;
	--sl-cart-widget-dark-theme: 1;
	color: var(--sl-cart-dark-text);
}

html[data-theme="dark"] body #sl-cart-widget .sl-cart-widget__body {
	background: var(--sl-cart-dark-surface) !important;
	border: 1px solid var(--sl-cart-dark-border);
	box-shadow: 0 1.25rem 3.5rem rgba(0, 0, 0, 0.36);
}

html[data-theme="dark"] body #sl-cart-widget .sl-cart-widget__spinner {
	border-color: rgba(255, 255, 255, 0.1);
	border-top-color: var(--sl-cart-dark-accent-text);
}

html[data-theme="dark"] body #sl-cart-widget .sl-cart-widget__count,
html[data-theme="dark"] body #sl-cart-widget .sl-cart-widget__total-label {
	color: var(--sl-cart-dark-text);
}

html[data-theme="dark"] body #sl-cart-widget .sl-cart-widget__count-label {
	opacity: 0.68;
}

html[data-theme="dark"] body #sl-cart-widget .sl-cart-widget__clear {
	color: var(--sl-cart-dark-accent-text);
	opacity: 1;
}

html[data-theme="dark"] body #sl-cart-widget .sl-cart-widget__clear:hover,
html[data-theme="dark"] body #sl-cart-widget .sl-cart-widget__clear:focus-visible {
	color: var(--sl-cart-dark-accent-text-hover);
	opacity: 1;
}

html[data-theme="dark"] body #sl-cart-widget .sl-cart-widget__items {
	scrollbar-width: none;
}

html[data-theme="dark"] body #sl-cart-widget .sl-cart-widget__item:hover {
	background-color: var(--sl-cart-dark-surface-muted);
}

html[data-theme="dark"] body #sl-cart-widget .sl-cart-widget__item-image,
html[data-theme="dark"] body #sl-cart-widget .sl-cart-widget__item:hover .sl-cart-widget__item-image {
	background-color: var(--sl-cart-dark-surface-muted);
	border: 1px solid var(--sl-cart-dark-border);
}

html[data-theme="dark"] body #sl-cart-widget .sl-cart-widget__item:hover .sl-cart-widget__item-image {
	background-color: var(--sl-cart-dark-surface-strong);
}

html[data-theme="dark"] body #sl-cart-widget .sl-cart-widget__item-title {
	color: var(--sl-cart-dark-text-secondary);
	opacity: 1;
}

html[data-theme="dark"] body #sl-cart-widget a.sl-cart-widget__item-title:hover,
html[data-theme="dark"] body #sl-cart-widget a.sl-cart-widget__item-title:focus-visible {
	color: var(--sl-cart-dark-text);
	opacity: 1;
}

html[data-theme="dark"] body #sl-cart-widget :is(
	.sl-cart-widget__item-price,
	.sl-cart-widget__total-value
) {
	color: var(--sl-cart-dark-text);
}

html[data-theme="dark"] body #sl-cart-widget :is(
	.sl-cart-widget__item-old-price,
	.sl-cart-widget__item-currency,
	.sl-cart-widget__item-quantity,
	.sl-cart-widget__total-currency,
	.sl-cart-widget__empty-text
) {
	color: var(--sl-cart-dark-text-muted);
	opacity: 1;
}

html[data-theme="dark"] body #sl-cart-widget .sl-cart-widget__item-remove {
	color: var(--sl-cart-dark-text-secondary);
	opacity: 0.82;
}

html[data-theme="dark"] body #sl-cart-widget .sl-cart-widget__item-remove:hover,
html[data-theme="dark"] body #sl-cart-widget .sl-cart-widget__item-remove:focus-visible {
	color: var(--sl-cart-dark-accent-text-hover);
	opacity: 1;
}

html[data-theme="dark"] body #sl-cart-widget :is(
	.sl-cart-widget__remove-circle,
	.sl-cart-widget__item-remove svg path:first-child,
	.sl-cart-widget__item-remove svg circle
) {
	fill: rgba(255, 255, 255, 0.06);
}

html[data-theme="dark"] body #sl-cart-widget .sl-cart-widget__item:hover :is(
	.sl-cart-widget__remove-circle,
	.sl-cart-widget__item-remove svg path:first-child,
	.sl-cart-widget__item-remove svg circle
) {
	fill: rgba(168, 159, 220, 0.14);
}

html[data-theme="dark"] body #sl-cart-widget .sl-cart-widget__footer {
	border-top-color: var(--sl-cart-dark-border);
}

html[data-theme="dark"] body #sl-cart-widget .sl-cart-widget__checkout {
	background-color: var(--sl-cart-dark-accent);
	color: #FFFFFF;
}

html[data-theme="dark"] body #sl-cart-widget .sl-cart-widget__checkout:hover,
html[data-theme="dark"] body #sl-cart-widget .sl-cart-widget__checkout:focus-visible {
	background-color: var(--sl-cart-dark-accent-hover);
	color: #FFFFFF;
}

html[data-theme="dark"] body #sl-cart-widget :is(
	.sl-cart-widget__clear,
	.sl-cart-widget__item-remove,
	.sl-cart-widget__checkout
) {
	-webkit-tap-highlight-color: transparent;
}

html[data-theme="dark"] body #sl-cart-widget :is(
	.sl-cart-widget__clear,
	.sl-cart-widget__item-remove,
	.sl-cart-widget__checkout
):focus-visible {
	outline: 2px solid rgba(168, 159, 220, 0.68);
	outline-offset: 3px;
}

/* End */


/* Start:/local/templates/shop_light/variants/header/responsive_shared.css?17863556881262*/
/*
 * One responsive header for every desktop variant.
 * Header 1 remains the canonical tablet/mobile implementation.
 */
.sl-header--responsive-replica {
	display: none !important;
}

@media (max-width: 1024px) {
	.sl-wrapper > .sl-header:is(
		.sl-header--v2,
		.sl-header--v4,
		.sl-header--v5,
		.sl-header--v6,
		.sl-header--v7,
		.sl-header--v8
	):not(.sl-header--responsive-replica) {
		position: absolute !important;
		inset-block-start: 0;
		inset-inline: 0;
		z-index: 1101 !important;
		width: 100% !important;
		height: 0 !important;
		min-height: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
		overflow: visible !important;
		visibility: hidden !important;
		pointer-events: none !important;
	}

	.sl-wrapper > .sl-header--responsive-replica {
		display: block !important;
		visibility: visible !important;
		pointer-events: auto !important;
	}

	/*
	 * The original variant can own the singleton city modal because it is
	 * rendered first. Keep that fixed portal usable while its desktop header
	 * stays outside the responsive layout and accessibility tree.
	 */
	.sl-wrapper > .sl-header:not(.sl-header--responsive-replica)
		.sl-city-selector--open {
		visibility: visible !important;
		pointer-events: auto !important;
	}
}

/* End */


/* Start:/local/components/qwelp/search.title/templates/.default/style.css?178861711217054*/
/*!
 * qwelp.search — styles for search dropdown.
 * BEM prefix: sl-search-title__*
 * Figma: node 94:3230 (colors: #142A4B, #7060F8, #EAE7FE, #BAF2CF).
 */

.sl-search-title__form {
	position: relative;
	z-index: 300;
	display: flex;
	align-items: center;
	width: 100%;
}

.sl-search-title__field {
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
}

.sl-search-title__input {
	flex: 1;
	width: 100%;
	padding: 12px 44px 12px 20px;
	font-family: var(--sl-font, "Onest", sans-serif);
	font-size: 14px;
	line-height: 1.2;
	color: var(--sl-color-dark, #142A4B);
	background: var(--sl-color-bg, #F5F4FA);
	border: 1px solid transparent;
	border-radius: 10px;
	outline: none;
	transition: border-color 0.15s ease, background 0.15s ease;
}

.sl-search-title__input::placeholder {
	color: var(--sl-color-dark, #142A4B);
	opacity: 0.5;
}

.sl-search-title__input:focus {
	border-color: var(--sl-color-link, #7060F8);
	background: #fff;
}

.sl-search-title__submit {
	position: absolute;
	right: 5px;
	top: 50%;
	transform: translateY(-50%);
	width: 36px;
	height: 36px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	background: var(--sl-color-dark, #142A4B);
	border: 0;
	border-radius: 10px;
	cursor: pointer;
	transition: background 0.15s ease;
}

.sl-search-title__submit:hover,
.sl-search-title__submit:focus-visible {
	background: var(--sl-color-link, #7060F8);
}

/* Dropdown shell — Figma 94:3139 */
.sl-search-title__dropdown {
	position: absolute;
	left: 0;
	right: 0;
	top: calc(100% + 8px);
	z-index: var(--sl-search-dropdown-z-index, 9001);
	max-height: 70vh;
	overflow-y: auto;
	/* Bitrix admin edit-mode tags an empty <div> as
	 * `.bx-context-toolbar-empty-area` and paints a grey checker gif over
	 * it — which makes our dropdown look transparent. Pin both the colour
	 * and image with !important so admins see the same background as
	 * regular visitors. */
	background-color: #fff !important;
	background-image: none !important;
	border-radius: 10px;
	box-shadow: 0 20px 30px rgba(20, 42, 75, 0.3);
	scrollbar-width: none;
	scrollbar-color: transparent transparent;
	-ms-overflow-style: none;
}

.sl-search-title__dropdown[hidden] {
	display: none;
}

form:has(> .sl-search-title__dropdown--enhancer) {
	position: relative;
	overflow: visible;
}

form:has(> .sl-search-title__dropdown--enhancer:not([hidden])),
form:has(> .sl-search-title__dropdown--enhancer):focus-within {
	z-index: var(--sl-search-dropdown-layer-z-index, 9000);
}

.sl-search-title__dropdown::-webkit-scrollbar {
	width: 0;
	height: 0;
}

.sl-search-title__dropdown::-webkit-scrollbar-track {
	background: transparent;
}

.sl-search-title__dropdown::-webkit-scrollbar-thumb {
	background: transparent;
	border-radius: 4px;
}

html[data-theme="dark"] .sl-search-title__input {
	background: var(--sl-color-surface-2, #2D3041);
	border-color: var(--sl-color-border-light, #363B40);
	color: var(--sl-color-dark, #E8ECF1);
}

html[data-theme="dark"] .sl-search-title__input::placeholder {
	color: var(--sl-color-text-secondary, #C8CDD5);
	opacity: 0.75;
}

html[data-theme="dark"] .sl-search-title__input:focus {
	background: var(--sl-color-surface-1, #252836);
	border-color: var(--sl-color-link-solid, #5F53E6);
}

html[data-theme="dark"] .sl-search-title__submit {
	background: var(--sl-color-link-solid, #5F53E6);
	color: var(--sl-color-link-contrast, #FFFFFF);
}

html[data-theme="dark"] .sl-search-title__submit:hover,
html[data-theme="dark"] .sl-search-title__submit:focus-visible {
	background: var(--sl-color-link-solid-hover, #5348D8);
}

html[data-theme="dark"] .sl-search-title__dropdown {
	background-color: var(--sl-color-surface-1, #252836) !important;
	background-image: none !important;
	border: 1px solid var(--sl-color-border-light, #363B40);
	box-shadow: 0 20px 30px rgba(0, 0, 0, 0.45);
	color: var(--sl-color-dark, #E8ECF1);
	scrollbar-color: transparent transparent;
}

html[data-theme="dark"] .sl-search-title__dropdown::-webkit-scrollbar-thumb {
	background: transparent;
}

html[data-theme="dark"] .sl-search-title__group + .sl-search-title__group,
html[data-theme="dark"] .sl-search-title__footer {
	border-color: var(--sl-color-border-light, #363B40);
}

html[data-theme="dark"] .sl-search-title__group-title,
html[data-theme="dark"] .sl-search-title__item,
html[data-theme="dark"] .sl-search-title__product-name,
html[data-theme="dark"] .sl-search-title__product-price-current,
html[data-theme="dark"] .sl-search-title__product-price-old,
html[data-theme="dark"] .sl-search-title__footer,
html[data-theme="dark"] .sl-search-title__state,
html[data-theme="dark"] .sl-search-title__did-you-mean,
html[data-theme="dark"] .sl-search-title__clear {
	color: var(--sl-color-dark, #E8ECF1);
}

html[data-theme="dark"] .sl-search-title__group-title,
html[data-theme="dark"] .sl-search-title__product-name,
html[data-theme="dark"] .sl-search-title__product-price-old,
html[data-theme="dark"] .sl-search-title__clear {
	opacity: 0.7;
}

html[data-theme="dark"] .sl-search-title__item,
html[data-theme="dark"] .sl-search-title__footer {
	background: var(--sl-color-surface-1, #252836);
}

html[data-theme="dark"] .sl-search-title__item:hover,
html[data-theme="dark"] .sl-search-title__item--active,
html[data-theme="dark"] .sl-search-title__product:hover,
html[data-theme="dark"] .sl-search-title__product.sl-search-title__item--active,
html[data-theme="dark"] .sl-search-title__footer:hover,
html[data-theme="dark"] .sl-search-title__footer.sl-search-title__item--active,
html[data-theme="dark"] .sl-search-title__suggestion:hover {
	background: rgba(var(--sl-color-link-solid-rgb, 95, 83, 230), 0.18);
	color: var(--sl-color-link-bright, #9B8FFF);
}

html[data-theme="dark"] .sl-search-title__product:hover .sl-search-title__product-name,
html[data-theme="dark"] .sl-search-title__product.sl-search-title__item--active .sl-search-title__product-name,
html[data-theme="dark"] .sl-search-title__clear:hover,
html[data-theme="dark"] .sl-search-title__suggestion {
	color: var(--sl-color-link-bright, #9B8FFF);
	opacity: 1;
}

html[data-theme="dark"] .sl-search-title__product-picture {
	background: var(--sl-color-surface-2, #2D3041);
}

html[data-theme="dark"] .sl-search-title__product-article,
html[data-theme="dark"] .sl-search-title__product-article-value {
	color: rgba(var(--sl-color-dark-rgb, 232, 236, 241), 0.62);
}

html[data-theme="dark"] .sl-search-title__product-article-value b {
	color: var(--sl-color-link-bright, #9B8FFF);
}

html[data-theme="dark"] .sl-search-title__product-discount {
	background: var(--sl-color-success-bg, #1A2E1F);
	color: var(--sl-color-success, #54C580);
}

html[data-theme="dark"] .sl-search-title__did-you-mean {
	background: rgba(var(--sl-color-link-solid-rgb, 95, 83, 230), 0.12);
	border-color: var(--sl-color-border-light, #363B40);
}

html[data-theme="dark"] .sl-search-title__spinner {
	border-color: rgba(var(--sl-color-dark-rgb, 232, 236, 241), 0.22);
	border-top-color: var(--sl-color-link-bright, #9B8FFF);
}

html[data-theme="dark"] .sl-search-title__group--queries {
	padding: 0 8px 8px;
}

html[data-theme="dark"] .sl-search-title__group--queries .sl-search-title__group-title {
	padding: 14px 8px 9px;
	color: var(--sl-color-text-secondary, rgba(255, 255, 255, 0.72));
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.01em;
	opacity: 1;
}

html[data-theme="dark"] .sl-search-title__group--queries .sl-search-title__clear {
	padding: 4px 8px;
	border-radius: 6px;
	background: rgba(var(--sl-color-dark-rgb, 255, 255, 255), 0.05);
	color: var(--sl-color-muted, rgba(255, 255, 255, 0.62));
	opacity: 1;
}

html[data-theme="dark"] .sl-search-title__group--queries .sl-search-title__clear:hover,
html[data-theme="dark"] .sl-search-title__group--queries .sl-search-title__clear:focus-visible {
	background: rgba(var(--sl-color-link-solid-rgb, 112, 96, 248), 0.1);
	color: var(--sl-color-text-secondary, rgba(255, 255, 255, 0.72));
	opacity: 1;
}

html[data-theme="dark"] .sl-search-title__group--queries .sl-search-title__clear:focus-visible {
	outline: 2px solid rgba(var(--sl-color-link-solid-rgb, 112, 96, 248), 0.32);
	outline-offset: 1px;
}

html[data-theme="dark"] .sl-search-title__group--queries .sl-search-title__item--query {
	min-height: 36px;
	padding: 8px 10px;
	border: 1px solid transparent;
	border-radius: 8px;
	background: transparent;
	color: var(--sl-color-text-secondary, rgba(255, 255, 255, 0.72));
}

html[data-theme="dark"] .sl-search-title__group--queries .sl-search-title__item--query:not(:last-child) {
	margin-bottom: 2px;
}

html[data-theme="dark"] .sl-search-title__group--queries .sl-search-title__item--query:hover {
	border-color: var(--sl-color-border-light, rgba(255, 255, 255, 0.08));
	background: var(--sl-color-surface-2, #404449);
	color: var(--sl-color-text, #FFFFFF);
}

html[data-theme="dark"] .sl-search-title__group--queries .sl-search-title__item--query.sl-search-title__item--active {
	border-color: rgba(var(--sl-color-link-solid-rgb, 112, 96, 248), 0.18);
	background: rgba(var(--sl-color-link-solid-rgb, 112, 96, 248), 0.1);
	color: var(--sl-color-text, #FFFFFF);
}

html[data-theme="dark"] .sl-search-title__group--queries .sl-search-title__item--query:focus-visible {
	outline: 2px solid rgba(var(--sl-color-link-solid-rgb, 112, 96, 248), 0.32);
	outline-offset: -2px;
}

html[data-theme="dark"] .sl-search-title__group--queries .sl-search-title__item--query svg {
	width: 14px;
	height: 14px;
	color: var(--sl-color-icon, #C8CDD5);
	opacity: 0.72;
	transition: color 0.12s ease, opacity 0.12s ease;
}

html[data-theme="dark"] .sl-search-title__group--queries .sl-search-title__item--query:hover svg,
html[data-theme="dark"] .sl-search-title__group--queries .sl-search-title__item--query.sl-search-title__item--active svg {
	color: var(--sl-color-text-secondary, rgba(255, 255, 255, 0.72));
	opacity: 1;
}

/* Group */
.sl-search-title__group {
	padding: 0;
}

.sl-search-title__group + .sl-search-title__group {
	border-top: 1px solid rgba(20, 42, 75, 0.05);
}

.sl-search-title__group-title {
	padding: 20px 20px 10px;
	font-family: var(--sl-font, "Onest", sans-serif);
	font-size: 14px;
	line-height: 1.2;
	color: var(--sl-color-dark, #142A4B);
	opacity: 0.5;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.sl-search-title__group:first-child .sl-search-title__group-title {
	padding-top: 16px;
}

/* Item — category / brand / history */
.sl-search-title__item {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px 20px;
	font-family: var(--sl-font, "Onest", sans-serif);
	font-size: 14px;
	line-height: 1.2;
	color: var(--sl-color-dark, #142A4B);
	background: #fff;
	text-decoration: none;
	transition: background 0.12s ease, color 0.12s ease;
}

.sl-search-title__item b,
.sl-search-title__item--query b {
	font-weight: 700;
}

.sl-search-title__item:hover,
.sl-search-title__item--active {
	background: #EAE7FE;
	color: var(--sl-color-link, #7060F8);
}

.sl-search-title__item-text {
	flex: 1;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* History / popular row with leading icon */
.sl-search-title__item--query svg {
	opacity: 0.5;
	flex-shrink: 0;
}

/* Products group */
.sl-search-title__group--products {
	padding-bottom: 6px;
}

.sl-search-title__product {
	display: flex;
	align-items: flex-start;
	gap: 17px;
	padding: 10px 20px;
	text-decoration: none;
	color: inherit;
	transition: background 0.12s ease;
}

.sl-search-title__product:hover,
.sl-search-title__product.sl-search-title__item--active {
	background: #EAE7FE;
}

.sl-search-title__product-picture {
	width: 60px;
	height: 80px;
	flex-shrink: 0;
	position: relative;
	background: rgba(20, 42, 75, 0.05);
	border-radius: 10px;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
}

.sl-search-title__product-picture--loading::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(100deg, transparent 20%, rgba(255, 255, 255, 0.7) 48%, transparent 76%);
	transform: translateX(-120%);
	animation: slSearchPictureLoading 1.1s ease-in-out infinite;
	pointer-events: none;
}

html[data-theme="dark"] .sl-search-title__product-picture--loading::after {
	background: linear-gradient(100deg, transparent 20%, rgba(255, 255, 255, 0.12) 48%, transparent 76%);
}

@keyframes slSearchPictureLoading {
	to { transform: translateX(120%); }
}

.sl-search-title__product-picture img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}

.sl-search-title__product-body {
	flex: 1;
	min-width: 0;
}

.sl-search-title__product-name {
	font-size: 14px;
	line-height: 1.35;
	color: var(--sl-color-dark, #142A4B);
	opacity: 0.85;
	margin-bottom: 10px;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.sl-search-title__product:hover .sl-search-title__product-name,
.sl-search-title__product.sl-search-title__item--active .sl-search-title__product-name {
	color: var(--sl-color-link, #7060F8);
	opacity: 1;
}

.sl-search-title__product-article {
	margin: -4px 0 8px;
	color: rgba(var(--sl-color-dark-rgb, 20 42 75), 0.55);
	font-size: 12px;
	line-height: 1.2;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.sl-search-title__product-article-value {
	color: rgba(var(--sl-color-dark-rgb, 20 42 75), 0.72);
}

.sl-search-title__product-article-value b {
	color: var(--sl-color-link, #7060F8);
	font-weight: 700;
}

.sl-search-title__product-price {
	display: flex;
	align-items: baseline;
	flex-wrap: wrap;
	gap: 5px 10px;
}

.sl-search-title__product-price-current {
	font-size: 16px;
	font-weight: 500;
	color: var(--sl-color-dark, #142A4B);
}

.sl-search-title__product-price-old {
	position: relative;
	font-size: 13px;
	color: var(--sl-color-dark, #142A4B);
	opacity: 0.5;
	text-decoration: line-through;
}

.sl-search-title__product-discount {
	padding: 1px 6px 2px 4px;
	font-size: 11px;
	line-height: 1.2;
	color: var(--sl-color-dark, #142A4B);
	background: #BAF2CF;
	border-radius: 100px;
}

/* Footer — «All results» — Figma 94:3152 */
.sl-search-title__footer {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 14px 20px;
	font-size: 14px;
	color: var(--sl-color-dark, #142A4B);
	background: #fff;
	border-top: 1px solid rgba(20, 42, 75, 0.05);
	border-radius: 0 0 10px 10px;
	text-decoration: none;
	transition: background 0.12s ease, color 0.12s ease;
}

.sl-search-title__footer:hover,
.sl-search-title__footer.sl-search-title__item--active {
	background: #EAE7FE;
	color: var(--sl-color-link, #7060F8);
}

.sl-search-title__footer svg {
	opacity: 0.5;
}

/* States: loading / empty / error */
.sl-search-title__state {
	padding: 20px;
	text-align: center;
	font-size: 14px;
	color: var(--sl-color-dark, #142A4B);
}

.sl-search-title__state--loading {
	opacity: 0.7;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
}

.sl-search-title__spinner {
	width: 14px;
	height: 14px;
	border: 2px solid rgba(20, 42, 75, 0.2);
	border-top-color: var(--sl-color-link, #7060F8);
	border-radius: 50%;
	animation: slSearchSpin 0.8s linear infinite;
}

@keyframes slSearchSpin {
	to { transform: rotate(360deg); }
}

.sl-search-title__state--empty .sl-search-title__empty-title {
	font-weight: 500;
	margin-bottom: 6px;
}

.sl-search-title__state--empty .sl-search-title__empty-hint,
.sl-search-title__state--empty .sl-search-title__suggestions {
	opacity: 0.7;
	font-size: 13px;
	margin-top: 6px;
}

.sl-search-title__suggestion {
	color: var(--sl-color-link, #7060F8);
	text-decoration: none;
}

.sl-search-title__suggestion:hover {
	text-decoration: underline;
}

.sl-search-title__did-you-mean {
	padding: 8px 16px;
	font-size: 13px;
	color: var(--sl-color-dark, #142A4B);
	background: rgba(var(--sl-color-link-rgb, 112 96 248), 0.06);
	border-bottom: 1px solid rgba(var(--sl-color-dark-rgb, 20 42 75), 0.06);
}

.sl-search-title__state--error {
	color: var(--sl-color-error, #E15E6B);
}

/* Clear history button */
.sl-search-title__clear {
	padding: 0;
	background: transparent;
	border: 0;
	font-family: inherit;
	font-size: 12px;
	color: var(--sl-color-dark, #142A4B);
	opacity: 0.5;
	cursor: pointer;
	transition: color 0.12s ease, opacity 0.12s ease;
}

.sl-search-title__clear:hover {
	opacity: 1;
	color: var(--sl-color-link, #7060F8);
}

@media (prefers-reduced-motion: reduce) {
	.sl-search-title__spinner { animation: none; border: 2px solid rgba(20, 42, 75, 0.5); }
	.sl-search-title__product-picture--loading::after { animation: none; }
	.sl-search-title__input,
	.sl-search-title__submit,
	.sl-search-title__item,
	.sl-search-title__product,
	.sl-search-title__footer,
	.sl-search-title__clear { transition: none; }
}

/* Mobile: full-width */
@media (max-width: 768px) {
	.sl-search-title__dropdown {
		position: fixed;
		left: 0;
		right: 0;
		top: auto;
		bottom: 0;
		max-height: 70vh;
		border-radius: 10px 10px 0 0;
	}
	.sl-search-title__product-picture {
		width: 52px;
		height: 70px;
	}
	.sl-search-title__product-name {
		font-size: 13px;
	}
}

/* End */


/* Start:/local/templates/shop_light/blocks/mobile_menu/style.css?178634879918662*/
/* ========== Mobile Menu — Slide-from-left panel ========== */

/* Container: full viewport overlay */
.sl-mobile-menu {
    --sl-mobile-menu-text-size: var(--sl-text-sm, 0.875rem);
    --sl-mobile-menu-text-line-height: 1.4;
    --sl-mobile-menu-subtext-size: var(--sl-text-caption, 0.8125rem);
    --sl-mobile-menu-subtext-line-height: 1.4;
    --sl-mobile-menu-title-size: var(--sl-text-md, 1.125rem);
    --sl-mobile-menu-title-line-height: 1.35;
    position: fixed;
    inset: 0;
    z-index: 9999;
    pointer-events: none;
    visibility: hidden;
    transition: visibility 0s 0.4s; /* hide after close animations finish */
}

.sl-mobile-menu--open {
    pointer-events: auto;
    visibility: visible;
    transition: visibility 0s; /* show immediately on open */
}

/* Dark overlay behind panel */
.sl-mobile-menu__overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.35);
    opacity: 0;
    transition: opacity 0.15s ease 0.25s; /* close: short fade after panel slides */
}

.sl-mobile-menu--open .sl-mobile-menu__overlay {
    opacity: 1;
    transition: opacity 0.3s ease; /* open: immediate fade-in */
}

/* Panel: slides from left */
.sl-mobile-menu__panel {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    max-width: 375px;
    background: var(--sl-color-white, #fff);
    display: flex;
    flex-direction: column;
    transform: translateX(-100%);
    transition: transform 0.3s ease;
    overflow: hidden;
}

.sl-mobile-menu--open .sl-mobile-menu__panel {
    transform: translateX(0);
}

/* ── Header: back + close ── */
.sl-mobile-menu__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 7px 11px;
    flex-shrink: 0;
}

.sl-mobile-menu__back,
.sl-mobile-menu__close {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    padding: 0;
    color: var(--sl-color-dark, #142A4B);
    transition: opacity 0.2s;
}

.sl-mobile-menu__back:hover,
.sl-mobile-menu__close:hover {
    opacity: 0.6;
}

.sl-mobile-menu__close {
    margin-left: auto;
}

/* ── Body: scrollable views ── */
.sl-mobile-menu__body {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    position: relative;
}

/* Views — only active one visible */
.sl-mobile-menu__view {
    display: none;
    flex-direction: column;
    min-height: 100%;
}

.sl-mobile-menu__view--active {
    display: flex;
}

/* Slide-in animation for views */
.sl-mobile-menu__view--slide-in {
    animation: sl-mobile-slide-in 0.25s ease forwards;
}

.sl-mobile-menu__view--slide-out {
    animation: sl-mobile-slide-out 0.25s ease forwards;
}

@keyframes sl-mobile-slide-in {
    from { transform: translateX(100%); }
    to   { transform: translateX(0); }
}

@keyframes sl-mobile-slide-out {
    from { transform: translateX(0); }
    to   { transform: translateX(-30%); }
}

/* Back navigation: previous view enters from left */
.sl-mobile-menu__view--slide-in-left {
    animation: sl-mobile-slide-in-left 0.25s ease forwards;
}

@keyframes sl-mobile-slide-in-left {
    from { transform: translateX(-30%); }
    to   { transform: translateX(0); }
}

/* ── Nav links ── */
.sl-mobile-menu__nav {
    display: flex;
    flex-direction: column;
}

.sl-mobile-menu__link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 25px;
    color: var(--sl-color-dark, #142A4B);
    font-size: var(--sl-mobile-menu-text-size);
    font-weight: 400;
    line-height: var(--sl-mobile-menu-text-line-height);
    text-decoration: none;
    border-bottom: 1px solid rgba(var(--sl-color-dark-rgb, 20, 42, 75), 0.06);
    transition: background 0.15s;
}

button.sl-mobile-menu__link {
    width: 100%;
    background: none;
    border: none;
    border-bottom: 1px solid rgba(var(--sl-color-dark-rgb, 20, 42, 75), 0.06);
    cursor: pointer;
    font-family: inherit;
    text-align: left;
}

.sl-mobile-menu__link:first-child {
    border-top: 1px solid rgba(var(--sl-color-dark-rgb, 20, 42, 75), 0.06);
}

.sl-mobile-menu__link:hover,
.sl-mobile-menu__link:active {
    background: rgba(var(--sl-color-dark-rgb, 20, 42, 75), 0.03);
}

.sl-mobile-menu__link--active {
    color: var(--sl-color-link, #6050E8);
}

.sl-mobile-menu__secondary-nav {
	display: flex;
	flex-direction: column;
	padding: 4px 0 8px;
	background: rgba(var(--sl-color-dark-rgb, 20, 42, 75), 0.025);
	border-bottom: 1px solid rgba(var(--sl-color-dark-rgb, 20, 42, 75), 0.06);
}

.sl-mobile-menu__secondary-link {
	display: flex;
	align-items: center;
	min-height: 44px;
	padding: 10px 25px 10px 42px;
	color: var(--sl-color-dark, #142A4B);
	font-size: var(--sl-text-sm, 14px);
	line-height: 1.35;
	text-decoration: none;
}

.sl-mobile-menu__secondary-link:hover,
.sl-mobile-menu__secondary-link:focus-visible,
.sl-mobile-menu__secondary-link--active {
	color: var(--sl-color-link, #6050E8);
}

/* Links with chevron (has children) */
.sl-mobile-menu__link--has-children::after {
    content: "";
    display: block;
    width: 8px;
    height: 14px;
    flex-shrink: 0;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='14' viewBox='0 0 8 14' fill='none'%3E%3Cpath d='M1 1L7 7L1 13' stroke='%23142A4B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' opacity='0.4'/%3E%3C/svg%3E") no-repeat center;
    background-size: contain;
}

.sl-mobile-menu__link--active.sl-mobile-menu__link--has-children::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='14' viewBox='0 0 8 14' fill='none'%3E%3Cpath d='M1 1L7 7L1 13' stroke='%236050E8' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

/* ── Catalog category items (with images) ── */
.sl-mobile-menu__catalog-item {
	width: 100%;
	border: 0;
	background: transparent;
	font: inherit;
	color: inherit;
	text-align: left;
	cursor: pointer;
	text-decoration: none;
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 10px 25px;
    color: var(--sl-color-dark, #142A4B);
    font-size: var(--sl-mobile-menu-text-size);
    font-weight: 400;
    line-height: var(--sl-mobile-menu-text-line-height);
    text-decoration: none;
    border-bottom: 1px solid rgba(var(--sl-color-dark-rgb, 20, 42, 75), 0.06);
    transition: background 0.15s;
    cursor: pointer;
}

.sl-mobile-menu__catalog-item:first-child {
    border-top: 1px solid rgba(var(--sl-color-dark-rgb, 20, 42, 75), 0.06);
}

.sl-mobile-menu__catalog-item:hover,
.sl-mobile-menu__catalog-item:active {
    background: rgba(var(--sl-color-dark-rgb, 20, 42, 75), 0.03);
}

.sl-mobile-menu__catalog-img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
    background: rgba(var(--sl-color-dark-rgb, 20, 42, 75), 0.05);
}

.sl-mobile-menu__catalog-img--placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: rgba(var(--sl-color-dark-rgb, 20, 42, 75), 0.05);
    flex-shrink: 0;
}

.sl-mobile-menu__catalog-img--placeholder svg {
    width: 24px;
    height: 24px;
    opacity: 0.3;
}

.sl-mobile-menu__catalog-name {
    flex: 1;
    min-width: 0;
}

.sl-mobile-menu__catalog-chevron {
    flex-shrink: 0;
    width: 8px;
    height: 14px;
    opacity: 0.4;
}

/* ── Submenu back button (tablet only) ── */
.sl-mobile-menu__submenu-back {
    display: none;
}

/* ── Submenu view ── */
.sl-mobile-menu__submenu-title {
    padding: 15px 25px 5px;
    font-size: var(--sl-mobile-menu-title-size);
    font-weight: 500;
    line-height: var(--sl-mobile-menu-title-line-height);
    color: var(--sl-color-dark, #142A4B);
    border-top: 1px solid rgba(20, 42, 75, 0.05);
}

.sl-mobile-menu__submenu-list {
    display: flex;
    flex-direction: column;
}

/* Accordion item (subcategory with children) */
.sl-mobile-menu__accordion {
    border-bottom: 1px solid rgba(var(--sl-color-dark-rgb, 20, 42, 75), 0.06);
}

.sl-mobile-menu__accordion-toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 15px 25px;
    background: none;
    border: none;
    color: var(--sl-color-dark, #142A4B);
    font-size: var(--sl-mobile-menu-text-size);
    font-weight: 400;
    line-height: var(--sl-mobile-menu-text-line-height);
    cursor: pointer;
    text-align: left;
    font-family: inherit;
    transition: background 0.15s;
}

.sl-mobile-menu__accordion-toggle:hover {
    background: rgba(var(--sl-color-dark-rgb, 20, 42, 75), 0.03);
}

.sl-mobile-menu__accordion--open .sl-mobile-menu__accordion-toggle {
    color: var(--sl-color-link, #6050E8);
}

.sl-mobile-menu__accordion-icon {
    width: 12px;
    height: 12px;
    flex-shrink: 0;
    transition: transform 0.2s;
}

.sl-mobile-menu__accordion--open .sl-mobile-menu__accordion-icon {
    transform: rotate(180deg);
}

.sl-mobile-menu__accordion-body {
    display: none;
    padding: 0 0 5px;
}

.sl-mobile-menu__accordion--open .sl-mobile-menu__accordion-body {
    display: block;
}

.sl-mobile-menu__sub-link {
    display: block;
    padding: 10px 25px 10px 40px;
    color: var(--sl-color-dark, #142A4B);
    font-size: var(--sl-mobile-menu-subtext-size);
    font-weight: 400;
    line-height: var(--sl-mobile-menu-subtext-line-height);
    text-decoration: none;
    transition: background 0.15s;
    border-radius: 0;
}

.sl-mobile-menu__sub-link:hover,
.sl-mobile-menu__sub-link:active {
    background: rgba(var(--sl-color-link-rgb, 96, 80, 232), 0.08);
}

/* Simple submenu link (no accordion) */
.sl-mobile-menu__submenu-link {
    display: block;
    padding: 15px 25px;
    color: var(--sl-color-dark, #142A4B);
    font-size: var(--sl-mobile-menu-text-size);
    font-weight: 400;
    line-height: var(--sl-mobile-menu-text-line-height);
    text-decoration: none;
    border-bottom: 1px solid rgba(var(--sl-color-dark-rgb, 20, 42, 75), 0.06);
    transition: background 0.15s;
}

.sl-mobile-menu__submenu-link:hover,
.sl-mobile-menu__submenu-link:active {
    background: rgba(var(--sl-color-dark-rgb, 20, 42, 75), 0.03);
}

/* ── Footer: contacts, socials, CTA ── */
.sl-mobile-menu__footer {
    margin-top: auto;
    padding: 30px 25px 25px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.sl-mobile-menu__contact {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.sl-mobile-menu__contact-label {
    font-size: var(--sl-mobile-menu-subtext-size);
    font-weight: 400;
    line-height: var(--sl-mobile-menu-subtext-line-height);
    color: rgba(var(--sl-color-dark-rgb, 20, 42, 75), 0.5);
}

.sl-mobile-menu__contact-value {
    font-size: var(--sl-mobile-menu-text-size);
    font-weight: 500;
    line-height: var(--sl-mobile-menu-text-line-height);
    color: var(--sl-color-dark, #142A4B);
    text-decoration: none;
}

.sl-mobile-menu__contact-value--link {
    color: var(--sl-color-link, #6050E8);
    font-weight: 400;
}

.sl-mobile-menu__social-block {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.sl-mobile-menu__socials {
    display: flex;
    gap: 10px;
}

.sl-mobile-menu__social {
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity 0.2s;
}

.sl-mobile-menu__social:hover {
    opacity: 0.6;
}

.sl-mobile-menu__cta {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 46px;
    padding: 0 30px;
    border: 0;
    background: var(--sl-color-link, #6050E8);
    color: #fff;
    border-radius: 100px;
    font-size: var(--sl-mobile-menu-text-size);
    font-weight: 500;
    line-height: var(--sl-mobile-menu-text-line-height);
    text-decoration: none;
    cursor: pointer;
    transition: opacity 0.2s;
    align-self: flex-start;
}

.sl-mobile-menu__cta:hover {
    opacity: 0.85;
}

/* ── Loader ── */
.sl-mobile-menu__loader {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 60px 0;
}

.sl-mobile-menu__spinner {
    width: 30px;
    height: 30px;
    border: 3px solid rgba(var(--sl-color-dark-rgb, 20, 42, 75), 0.15);
    border-top-color: var(--sl-color-dark, #142A4B);
    border-radius: 50%;
    animation: sl-mobile-menu-spin 0.7s linear infinite;
}

@keyframes sl-mobile-menu-spin {
    to { transform: rotate(360deg); }
}

/* ── Body scroll lock ── */
body.sl-mobile-menu-open {
    overflow: hidden;
}

/* ── Tablet: two-column split layout (iPad mini 8.3 = 744px) ── */
@media (min-width: 700px) and (max-width: 1024px) {
    .sl-mobile-menu__panel {
        max-width: 680px;
    }

    .sl-mobile-menu__body {
        display: grid;
        grid-template-columns: 1fr 1fr;
        overflow: hidden;
    }

    /* Nav view: always visible in left column */
    .sl-mobile-menu__view[data-view="nav"] {
        display: flex !important;
        grid-column: 1;
        grid-row: 1;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        border-right: 1px solid rgba(var(--sl-color-dark-rgb, 20, 42, 75), 0.08);
    }

    /* Catalog & submenu: right column */
    .sl-mobile-menu__view[data-view="catalog"],
    .sl-mobile-menu__view[data-view="submenu"] {
        grid-column: 2;
        grid-row: 1;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }

    /* Nav view: no slide animations (always visible) */
    .sl-mobile-menu__view[data-view="nav"].sl-mobile-menu__view--slide-in,
    .sl-mobile-menu__view[data-view="nav"].sl-mobile-menu__view--slide-in-left {
        animation: none;
    }

    /* Right column: subtle slide for forward/back navigation */
    .sl-mobile-menu__view[data-view="catalog"].sl-mobile-menu__view--slide-in,
    .sl-mobile-menu__view[data-view="submenu"].sl-mobile-menu__view--slide-in {
        animation: sl-mobile-tablet-slide-in 0.2s ease forwards;
    }

    .sl-mobile-menu__view[data-view="catalog"].sl-mobile-menu__view--slide-in-left,
    .sl-mobile-menu__view[data-view="submenu"].sl-mobile-menu__view--slide-in-left {
        animation: sl-mobile-tablet-slide-back 0.2s ease forwards;
    }

    /* Submenu back button */
    .sl-mobile-menu__submenu-back {
        display: flex;
        align-items: center;
        width: 40px;
        height: 40px;
        padding: 0;
        margin: 10px 15px 0;
        color: var(--sl-color-dark, #142A4B);
        background: none;
        border: none;
        cursor: pointer;
        transition: opacity 0.2s;
    }

    .sl-mobile-menu__submenu-back:hover {
        opacity: 0.6;
    }

    /* Active nav item highlight (set by JS on tablet) */
    .sl-mobile-menu__link--tablet-active {
        background: rgba(var(--sl-color-link-rgb, 96, 80, 232), 0.12);
        color: var(--sl-color-link, #6050E8);
    }

    .sl-mobile-menu__link--tablet-active.sl-mobile-menu__link--has-children::after {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='14' viewBox='0 0 8 14' fill='none'%3E%3Cpath d='M1 1L7 7L1 13' stroke='%236050E8' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    }

    /* Hide back button on tablet — left panel always visible */
    .sl-mobile-menu__back {
        display: none !important;
    }

    /* Catalog items: smaller images on tablet to fit narrower column */
    .sl-mobile-menu__catalog-img,
    .sl-mobile-menu__catalog-img--placeholder {
        width: 40px;
        height: 40px;
    }

    .sl-mobile-menu__catalog-item {
        gap: 12px;
        padding: 8px 20px;
    }

    /* Footer adjustments */
    .sl-mobile-menu__footer {
        padding: 20px 20px;
    }

    .sl-mobile-menu__cta {
        border-radius: 10px;
        height: 44px;
    }
}

/* Tablet right-column transition keyframes */
@keyframes sl-mobile-tablet-slide-in {
    from { transform: translateX(40px); }
    to   { transform: translateX(0); }
}

@keyframes sl-mobile-tablet-slide-back {
    from { transform: translateX(-40px); }
    to   { transform: translateX(0); }
}

/* ── Only show on tablet/mobile ── */
@media (min-width: 1025px) {
    .sl-mobile-menu {
        display: none;
    }
}

/* Header v8 switches to its compact navigation before the shared 1024px breakpoint. */
@media (min-width: 1025px) and (max-width: 1319px) {
    .sl-mobile-menu.sl-mobile-menu--wide-compact {
        display: block;
    }
}

/* ── Tablet dark theme: nav border-right ── */
@media (min-width: 700px) and (max-width: 1024px) {
    html[data-theme="dark"] .sl-mobile-menu__view[data-view="nav"] {
        border-right-color: rgba(255, 255, 255, 0.1);
    }
}

/* ── Dark theme ── */
html[data-theme="dark"] .sl-mobile-menu__panel {
    background: var(--sl-color-surface-1, #252836);
}

html[data-theme="dark"] .sl-mobile-menu__catalog-img--placeholder {
    background: rgba(255, 255, 255, 0.08);
}

html[data-theme="dark"] .sl-mobile-menu__social svg rect {
    fill: var(--sl-color-surface-2, #2D3041);
}

html[data-theme="dark"] .sl-mobile-menu__social svg path {
    fill: var(--sl-color-icon, #A0AEC0);
}

html[data-theme="dark"] .sl-mobile-menu__cta {
    background: var(--sl-color-link, #7060F8);
}

html[data-theme="dark"] .sl-mobile-menu__link {
    border-bottom-color: rgba(255, 255, 255, 0.1);
}
html[data-theme="dark"] .sl-mobile-menu__link:first-child {
    border-top-color: rgba(255, 255, 255, 0.1);
}
html[data-theme="dark"] button.sl-mobile-menu__link {
    border-bottom-color: rgba(255, 255, 255, 0.1);
}

html[data-theme="dark"] .sl-mobile-menu__catalog-item {
    border-bottom-color: rgba(255, 255, 255, 0.1);
}
html[data-theme="dark"] .sl-mobile-menu__catalog-item:first-child {
    border-top-color: rgba(255, 255, 255, 0.1);
}
html[data-theme="dark"] .sl-mobile-menu__submenu-title {
    border-top-color: rgba(255, 255, 255, 0.1);
}
html[data-theme="dark"] .sl-mobile-menu__accordion {
    border-bottom-color: rgba(255, 255, 255, 0.1);
}
html[data-theme="dark"] .sl-mobile-menu__submenu-link {
    border-bottom-color: rgba(255, 255, 255, 0.1);
}

html[data-theme="dark"] .sl-mobile-menu__link--has-children::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='14' viewBox='0 0 8 14' fill='none'%3E%3Cpath d='M1 1L7 7L1 13' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' opacity='0.5'/%3E%3C/svg%3E");
}

/* End */


/* Start:/local/components/qwelp/megamenu.menu/templates/detailed/style.css?17883676743666*/
/* ========== Catalog Menu — Variant 2: Detailed Categories ========== */

/* Body: two-column layout (grid + banner sidebar) */
.sl-catalog-menu__body {
	display: flex;
	gap: 40px;
}

/* 4-column grid of category groups */
.sl-catalog-menu__grid--detailed {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 40px 32px;
	flex: 1;
	min-width: 0;
	align-content: start;
}

/* Category group: horizontal layout (icon left, content right) */
.sl-catalog-menu__group {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	gap: 13px;
}

/* Circle icon */
.sl-catalog-menu__group-icon {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background: rgba(var(--sl-color-dark-rgb, 29, 36, 51), 0.05);
	overflow: hidden;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
}
.sl-catalog-menu__group-icon img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.sl-catalog-menu__group-icon--empty svg {
	width: 20px;
	height: 20px;
	opacity: 0.3;
}

/* Content column: name + subcategories */
.sl-catalog-menu__group-content {
	flex: 1;
	min-width: 0;
	display: flex;
	flex-direction: column;
}

/* Group name */
.sl-catalog-menu__group-name {
	font-size: 16px;
	font-weight: 500;
	line-height: 19px;
	color: var(--sl-color-dark, #1d2433);
	text-decoration: none;
	transition: opacity 0.2s ease;
}
.sl-catalog-menu__group-name:hover {
	opacity: 0.7;
}

/* Subcategories list */
.sl-catalog-menu__subcats {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-top: 10px;
	padding-left: 0;
}

/* Subcategory item wrapper */
.sl-catalog-menu__subcat-item {
	display: flex;
	flex-direction: column;
}
.sl-catalog-menu__subcat--hidden {
	display: none;
}

/* Subcategory link */
.sl-catalog-menu__subcat {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	font-size: 15px;
	line-height: 18px;
	color: var(--sl-color-dark, #1d2433);
	text-decoration: none;
	transition: color 0.2s ease;
	border: none;
	background: none;
	padding: 0;
	cursor: pointer;
	text-align: left;
}
.sl-catalog-menu__subcat:hover {
	color: var(--sl-primary, var(--sl-color-link, #6f65b5));
}

/* Expandable subcategory with chevron */
.sl-catalog-menu__subcat--expandable {
	font-weight: 400;
}
.sl-catalog-menu__subcat-chevron {
	width: 10px;
	height: 6px;
	flex-shrink: 0;
	transition: transform 0.2s ease;
	opacity: 0.5;
}
.sl-catalog-menu__subcat--expanded .sl-catalog-menu__subcat-chevron {
	transform: rotate(180deg);
}

/* Nested sub-subcategories (depth 3) */
.sl-catalog-menu__subchildren {
	list-style: none;
	margin: 4px 0 0;
	padding: 0 0 0 12px;
	display: flex;
	flex-direction: column;
	gap: 4px;
}
.sl-catalog-menu__subchildren li::before {
	content: "\00B7";
	margin-right: 6px;
	color: var(--sl-color-dark, #1d2433);
	opacity: 0.4;
}
.sl-catalog-menu__subchild {
	font-size: 13px;
	line-height: 1.38;
	color: var(--sl-color-dark, #1d2433);
	text-decoration: none;
	transition: color 0.2s ease;
}
.sl-catalog-menu__subchild:hover {
	color: var(--sl-primary, var(--sl-color-link, #6f65b5));
}

/* "Show more" / "Hide" toggle button */
.sl-catalog-menu__toggle {
	display: inline-block;
	font-size: 15px;
	line-height: 18px;
	color: var(--sl-primary, var(--sl-color-link, #6f65b5));
	border: none;
	background: none;
	padding: 0;
	cursor: pointer;
	text-align: left;
	transition: opacity 0.2s ease;
}

@media (max-width: 991.98px) {
	.sl-catalog-menu__grid--detailed {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 1.5rem 1rem;
	}
}

@media (max-width: 575.98px) {
	.sl-catalog-menu__grid--detailed {
		grid-template-columns: 1fr;
	}
}
.sl-catalog-menu__toggle:hover {
	opacity: 0.7;
}

/* End */


/* Start:/local/templates/shop_light/variants/footer/footer_1/style.css?178825551314665*/
/* ========== Footer variant 1: Standard ========== */
.sl-footer--v1 {
    --sl-footer-v1-bg: var(--sl-footer-bg, #FFFFFF);
    --sl-footer-v1-text: var(--sl-footer-text, #142A4B);
    --sl-footer-v1-text-rgb: 20, 42, 75;
    --sl-footer-v1-link: var(--sl-color-link, #7060F8);
    --sl-footer-v1-divider: #EFEDF9;
    --sl-footer-v1-social-bg: #F5F4FA;
    --sl-footer-v1-social-icon: var(--sl-color-cta, #142A4B);
    --sl-footer-v1-social-icon-hover: var(--sl-color-cta-hover, #122745);
    --sl-footer-v1-button: var(--sl-color-cta, #142A4B);
    --sl-footer-v1-button-hover: var(--sl-color-cta-hover, #122745);
    --sl-footer-v1-button-contrast: var(--sl-color-cta-contrast, #FFFFFF);
    --sl-footer-v1-column-width: 13.5625rem;
    --sl-footer-v1-column-gap: clamp(2.5rem, 4.9375vw, 4.9375rem);
    background: var(--sl-footer-v1-bg);
    color: var(--sl-footer-v1-text);
    padding: 90px 0 30px;
    margin-top: auto;
}

@media (max-width: 1100px) {
    .sl-footer--v1 {
        padding: 60px 0 30px;
    }
}

/* --- Navigation columns --- */
.sl-footer--v1 .sl-footer__nav-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) var(--sl-footer-v1-column-width);
    column-gap: var(--sl-footer-v1-column-gap);
    row-gap: 2rem;
    align-items: flex-start;
}

.sl-footer--v1 .sl-footer__menu-grid {
    display: grid;
    column-gap: var(--sl-footer-v1-column-gap);
    row-gap: 2rem;
}

.sl-footer--v1.sl-footer--columns-2 .sl-footer__menu-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.sl-footer--v1.sl-footer--columns-3 .sl-footer__menu-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.sl-footer--v1.sl-footer--columns-4 .sl-footer__menu-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

@media (max-width: 1100px) {
    .sl-footer--v1 .sl-footer__nav-row {
        grid-template-columns: 1fr;
        gap: 32px;
    }

    .sl-footer--v1.sl-footer--columns-2 .sl-footer__nav-row,
    .sl-footer--v1.sl-footer--columns-3 .sl-footer__nav-row,
    .sl-footer--v1.sl-footer--columns-4 .sl-footer__nav-row {
        grid-template-columns: 1fr;
    }

    .sl-footer--v1 .sl-footer__menu-grid {
        display: grid;
        column-gap: 20px;
        row-gap: 32px;
    }

    .sl-footer--v1.sl-footer--columns-2 .sl-footer__menu-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sl-footer--v1.sl-footer--columns-3 .sl-footer__menu-grid,
    .sl-footer--v1.sl-footer--columns-4 .sl-footer__menu-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .sl-footer--v1 .sl-footer__contacts {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        column-gap: 20px;
        row-gap: 18px;
    }

    .sl-footer--v1 .sl-footer__contacts-group {
        min-width: 0;
    }
}

.sl-footer__col {
    flex: 1;
    min-width: 0;
}
.sl-footer--v1 .sl-footer__col-title,
.sl-footer--v3 .sl-footer__col-title {
    appearance: none;
    background: transparent;
    border: 0;
    color: var(--sl-footer-v1-text);
    cursor: default;
    display: block;
    font-size: var(--sl-text-base, 16px);
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    margin: 0 0 20px;
    opacity: 1;
    padding: 0;
    text-align: left;
    width: 100%;
    -webkit-text-fill-color: currentColor;
}

.sl-footer--v1 .sl-footer__col-title:focus-visible,
.sl-footer--v3 .sl-footer__col-title:focus-visible {
    outline: 2px solid currentColor !important;
    outline-offset: 4px;
    box-shadow: none !important;
}

.sl-footer--v1 :where(a, button, input):focus-visible {
    outline: 2px solid var(--sl-footer-v1-text) !important;
    outline-offset: 3px;
    box-shadow: 0 0 0 3px var(--sl-footer-v1-bg) !important;
}
.sl-footer__col-list {
    margin: 0;
    list-style: none;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.sl-footer__col-link {
    color: var(--sl-footer-v1-text);
    font-size: var(--sl-text-control, 15px);
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    opacity: 0.7;
    text-decoration: none;
    transition: color 0.2s ease, opacity 0.2s ease;
}

.sl-footer--v1 .sl-footer__col-link:hover,
.sl-footer--v1 .sl-footer__col-link:focus-visible {
    color: var(--sl-footer-v1-link);
    opacity: 1;
}

/* --- Accordion chevron (mobile only) --- */
.sl-footer__col-chevron {
    display: none;
}

/* --- Contacts (5th column) --- */
.sl-footer__contacts {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.sl-footer--v1 .sl-footer__col.sl-footer__contacts {
    justify-self: stretch;
    min-width: 0;
    width: 100%;
}

.sl-footer__contacts-group {
    display: flex;
    flex-direction: column;
    gap: 3px;
}
.sl-footer__contacts-label {
    color: var(--sl-footer-v1-text);
    font-size: var(--sl-text-control, 15px);
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    opacity: 0.7;
}
.sl-footer__contacts-value {
    color: var(--sl-footer-v1-text);
    font-size: var(--sl-text-base, 16px);
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    text-decoration: none;
    overflow-wrap: anywhere;
}
.sl-footer__contacts-value--email {
    color: var(--sl-footer-v1-link);
    font-weight: 400;
    overflow-wrap: break-word;
    word-break: normal;
}

html[data-theme="dark"] .sl-footer--v1 .sl-footer__contacts-value--email {
    color: var(--sl-footer-v1-link);
}
.sl-footer__socials {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 7px;
}
.sl-footer__social {
    text-decoration: none;
}
.sl-footer__social svg path {
    fill: var(--sl-footer-v1-social-icon);
    transition: fill 0.2s;
}
.sl-footer__social:hover svg path {
    fill: var(--sl-footer-v1-social-icon-hover);
}

/* --- Divider --- */
.sl-footer__divider {
    background: var(--sl-footer-v1-divider);
    height: 1px;
    border: none;
    display: block;
    margin: 90px 0 30px;
}

@media (max-width: 1100px) {
    .sl-footer__divider {
        margin: 30px 0 20px;
    }
}

@media (max-width:767px) {
    .sl-footer__divider {
        margin: 20px 0 20px;
    }
}

/* --- Bottom --- */
.sl-footer__bottom-row {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}
@media (max-width: 1100px) {
    .sl-footer__bottom-row {
        display: grid;
        grid-template-columns: 1fr 320px;
        gap: 20px;
    }
}
@media (max-width: 767px) {
    .sl-footer__bottom-row {
        display: grid;
        grid-template-columns: 1fr;
        gap: 30px;
    }
}


.sl-footer__copyright {
    margin: 0 0 15px;
    color: var(--sl-footer-v1-text);
    font-size: var(--sl-text-sm, 14px);
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    opacity: 0.72;
}

.sl-footer__payments {
    display: flex;
    align-items: center;
    gap: 21px;
}
.sl-footer__payment {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
    text-decoration: none;
}
.sl-footer__payment img {
    display: block;
    max-width: 100%;
    height: auto;
}
.sl-footer__subscribe {
    display: flex;
    flex-direction: column;
    gap: 11px;
}
.sl-footer__subscribe-label {
    color: var(--sl-footer-v1-text);
    font-size: var(--sl-text-control, 15px);
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin: 0 0 0 21px;
    opacity: 0.7;
}
.sl-footer__subscribe-form {
    display: flex;
    align-items: center;
    gap: 16px;
    overflow: hidden;
    background: rgba(var(--sl-footer-v1-text-rgb), 0.05);
    border-radius: 100px;
    height: 45px;
    padding: 0 7px 0 20px;
    width: 512px;
}

@media (max-width: 1100px) {
    .sl-footer__subscribe-form {
        width: 100%;
    }
}
.sl-footer__subscribe-form__icon {
    flex-shrink: 0;
    color: var(--sl-color-cta, var(--sl-color-dark, #142A4B));
}
.sl-footer__subscribe-input {
    width: 100%;
    color: var(--sl-footer-v1-text);
    font-size: var(--sl-text-control, 15px);
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    background-color: transparent;
    border: none;
}
.sl-footer--v1 .sl-footer__subscribe-input:focus,
.sl-footer--v1 .sl-footer__subscribe-input:focus-visible {
    outline: none !important;
    box-shadow: none !important;
}
.sl-footer__subscribe-input::placeholder {
    color: var(--sl-footer-v1-text);
    opacity: 0.5;
}
.sl-footer__subscribe-btn {
    flex-shrink: 0;
    color: var(--sl-footer-v1-button);
    transition: color 0.2s;
}
.sl-footer__subscribe-btn:hover {
    color: var(--sl-footer-v1-button-hover);
}
.sl-footer__subscribe-btn svg path {
    stroke: var(--sl-footer-v1-button-contrast);
}
@media (max-width: 767px) {
    .sl-footer--v1 {
        padding: 40px 0 30px;
    }

    .sl-footer--v1 .sl-footer__nav-row {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 15px;
    }

    .sl-footer--v1 .sl-footer__menu-grid {
        display: flex;
        flex-direction: column;
        width: 100%;
        gap: 15px;
    }

    .sl-footer--v1 .sl-footer__col {
        width: 100%;
    }

    /* Reset tablet order (match :nth-child specificity) */
    .sl-footer--v1 .sl-footer__col:first-child,
    .sl-footer--v1 .sl-footer__col:nth-child(2),
    .sl-footer--v1 .sl-footer__col:nth-child(3),
    .sl-footer--v1 .sl-footer__col:nth-child(4),
    .sl-footer--v1 .sl-footer__col:last-child,
    .sl-footer--v3 .sl-footer__col:first-child,
    .sl-footer--v3 .sl-footer__col:nth-child(2),
    .sl-footer--v3 .sl-footer__col:nth-child(3),
    .sl-footer--v3 .sl-footer__col:nth-child(4),
    .sl-footer--v3 .sl-footer__col:last-child {
        order: unset;
    }

    /* Accordion titles */
    .sl-footer--v1 .sl-footer__col-title,
    .sl-footer--v3 .sl-footer__col-title {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin: 0;
        min-height: 44px;
        cursor: pointer;
        user-select: none;
        -webkit-tap-highlight-color: transparent;
    }

    .sl-footer--v1 .sl-footer__col-title {
        min-height: 20px;
    }

    .sl-footer--v1 .sl-footer__col-chevron,
    .sl-footer--v3 .sl-footer__col-chevron {
        display: block;
        flex-shrink: 0;
        opacity: 0.5;
        transition: transform 0.3s ease, opacity 0.3s ease;
    }

    .sl-footer--v1 .sl-footer__col-panel,
    .sl-footer--v3 .sl-footer__col-panel {
        padding-top: 15px;
    }

    /* Open state */
    .sl-footer--v1 .sl-footer__col.is-open .sl-footer__col-title,
    .sl-footer--v3 .sl-footer__col.is-open .sl-footer__col-title {
        color: var(--sl-color-link, #7060F8);
    }

    .sl-footer--v1 .sl-footer__col.is-open .sl-footer__col-chevron,
    .sl-footer--v3 .sl-footer__col.is-open .sl-footer__col-chevron {
        transform: rotate(180deg);
        opacity: 1;
    }

    .sl-footer--v1 .sl-footer__col.is-open .sl-footer__col-chevron path,
    .sl-footer--v3 .sl-footer__col.is-open .sl-footer__col-chevron path {
        stroke: var(--sl-color-link, #7060F8);
    }

    .sl-footer--v1 .sl-footer__col-link,
    .sl-footer--v3 .sl-footer__col-link {
        opacity: 0.7;
    }

    /* Contacts: always visible, separated from accordion */
    .sl-footer--v1 .sl-footer__col.sl-footer__contacts {
        margin-top: 25px;
        min-width: 0;
        width: min(13.8125rem, 100%);
    }

    .sl-footer--v1 .sl-footer__contacts {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(min(13rem, 100%), 1fr));
        column-gap: 20px;
        row-gap: 20px;
    }

    .sl-footer__copyright {
        line-height: 19px;
    }

    .sl-footer__subscribe {
        gap: 5px;
    }

    .sl-footer__subscribe-form {
        gap: 10px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .sl-footer--v1 .sl-footer__col-chevron,
    .sl-footer--v3 .sl-footer__col-chevron {
        transition: none;
    }
}

/* --- Dark theme overrides --- */
html[data-theme="dark"] .sl-footer--v1 {
    --sl-footer-v1-bg: var(--sl-footer-bg, var(--sl-dark-footer-bg, #1E2030));
    --sl-footer-v1-text: var(--sl-footer-text, var(--sl-dark-footer-text, #E8ECF1));
    --sl-footer-v1-text-rgb: var(--sl-color-dark-rgb, 232, 236, 241);
    --sl-footer-v1-divider: rgba(var(--sl-color-dark-rgb, 232, 236, 241), 0.14);
    --sl-footer-v1-social-bg: color-mix(in srgb, var(--sl-color-link-bright, #9B8FFF) 18%, transparent);
    --sl-footer-v1-social-icon: var(--sl-color-link-bright, #9B8FFF);
    --sl-footer-v1-social-icon-hover: color-mix(in srgb, var(--sl-color-link-bright, #9B8FFF) 78%, #FFFFFF);
    --sl-footer-v1-link: var(--sl-color-link-bright, var(--sl-color-link, #7060F8));
    --sl-footer-v1-button: var(--sl-color-cta-dark, var(--sl-color-cta, #142A4B));
    --sl-footer-v1-button-hover: var(--sl-color-cta-dark-hover, var(--sl-color-cta-hover, #122745));
    --sl-footer-v1-button-contrast: var(--sl-color-cta-dark-contrast, var(--sl-color-cta-contrast, #FFFFFF));
    --sl-footer-v1-subscribe-accent: var(--sl-color-cta-dark, var(--sl-color-link, #7060F8));
}
html[data-theme="dark"] .sl-footer--v1 .sl-footer__subscribe-form {
    background: rgba(var(--sl-footer-v1-text-rgb), 0.05);
}
html[data-theme="dark"] .sl-footer--v1 .sl-footer__subscribe-form__icon {
    color: var(--sl-footer-v1-subscribe-accent);
}
html[data-theme="dark"] .sl-footer--v1 .sl-footer__social svg rect {
    fill: var(--sl-footer-v1-social-bg);
}
html[data-theme="dark"] .sl-footer--v1 .sl-footer__social svg path {
    fill: var(--sl-footer-v1-social-icon);
}
html[data-theme="dark"] .sl-footer--v1 .sl-footer__subscribe-btn svg circle {
    fill: var(--sl-footer-v1-subscribe-accent);
}
html[data-theme="dark"] .sl-footer--v1 .sl-footer__subscribe-btn svg path {
    stroke: var(--sl-footer-v1-button-contrast);
}
html[data-theme="dark"] .sl-footer--v1 .sl-footer__col-chevron path {
    stroke: currentColor;
}
html[data-theme="dark"] .sl-footer--v1 .sl-footer__payments {
    --sl-footer-payment-tile-bg: rgba(var(--sl-footer-v1-text-rgb), 0.1);
    --sl-footer-payment-tile-border: rgba(var(--sl-footer-v1-text-rgb), 0.16);
    flex-wrap: wrap;
    gap: 8px;
}
html[data-theme="dark"] .sl-footer--v1 .sl-footer__payment {
    min-width: 0;
    min-height: 32px;
    padding: 5px 8px;
    border: 1px solid var(--sl-footer-payment-tile-border);
    border-radius: 8px;
    background: var(--sl-footer-payment-tile-bg);
    box-shadow: inset 0 1px 0 rgba(var(--sl-footer-v1-text-rgb), 0.04);
}
html[data-theme="dark"] .sl-footer--v1 .sl-footer__payments img {
    filter: brightness(0) invert(1);
    opacity: 1;
}

/* End */


/* Start:/local/components/qwelp/customizer.panel/templates/.default/style.css?17877661743022*/
.sl-customizer {
	--slc-primary: #3F5FFF;
	--slc-primary-hover: #3150EA;
	--slc-primary-rgb: 63, 95, 255;
	--slc-line: #DCE5F1;
	--slc-bg: #FFFFFF;
	--slc-radius: 8px;
	--slc-shadow: 0 22px 70px rgba(7, 27, 59, 0.08);
}

.sl-customizer__trigger {
	position: fixed;
	left: 0;
	top: 50%;
	z-index: 10000;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 58px;
	height: 58px;
	padding: 0;
	gap: 0;
	border: 1px solid rgba(221, 227, 240, 0.9);
	border-left: 0;
	border-radius: 0 18px 18px 0;
	background: rgba(255, 255, 255, 0.96);
	color: var(--slc-primary, #7561F6);
	box-shadow: 0 12px 34px rgba(16, 40, 74, 0.16);
	cursor: pointer;
	transform: translateY(-50%);
	transition: opacity 0.2s ease, transform 0.2s ease, width 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
	backdrop-filter: none;
	-webkit-backdrop-filter: none;
}

.sl-customizer__trigger:hover {
	width: 66px;
	padding: 0;
	background: rgba(255, 255, 255, 0.96);
	color: var(--slc-primary-hover, #6652EC);
	box-shadow: 0 16px 40px rgba(117, 97, 246, 0.2);
}

.sl-customizer__trigger:focus-visible {
	outline: 2px solid rgba(var(--slc-primary-rgb, 117, 97, 246), 0.38);
	outline-offset: 2px;
}

.sl-customizer__trigger:disabled {
	cursor: wait;
}

.sl-customizer__trigger--hidden {
	opacity: 0;
	pointer-events: none;
	transform: translateY(-50%) translateX(-110%);
}

.sl-customizer__trigger-icon {
	width: 26px;
	height: 26px;
	flex-shrink: 0;
	stroke-width: 1.9;
}

.sl-customizer__trigger-text {
	white-space: nowrap;
	font-size: 12px;
}

.sl-customizer__overlay {
	position: fixed;
	inset: 0;
	z-index: 10001;
	background: transparent;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.3s ease;
	backdrop-filter: none;
}

.sl-customizer__overlay--visible {
	opacity: 1;
	pointer-events: auto;
}

.sl-customizer__panel {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	z-index: 10002;
	display: flex;
	flex-direction: column;
	width: min(100vw, 742px);
	max-width: 100vw;
	height: 100vh;
	border: 1px solid var(--slc-line);
	border-radius: var(--slc-radius);
	background: var(--slc-bg);
	box-shadow: var(--slc-shadow);
	overflow: hidden;
	transform: translateX(-100%);
	transition: transform 0.3s ease;
}

.sl-customizer__panel--open {
	transform: translateX(0);
}

.sl-customizer__panel-body {
	display: flex;
	flex: 1;
	min-height: 0;
	overflow: hidden;
}

.sl-customizer--loading .sl-customizer__trigger {
	opacity: 0.72;
}

.sl-customizer--loading .sl-customizer__trigger-icon,
.sl-customizer--loading .sl-customizer__trigger > svg {
	animation: slCustomizerTriggerLoading 0.9s linear infinite;
	transform-box: fill-box;
	transform-origin: center;
	will-change: transform;
}

@keyframes slCustomizerTriggerLoading {
	to {
		transform: rotate(360deg);
	}
}

@media (prefers-reduced-motion: reduce) {
	.sl-customizer--loading .sl-customizer__trigger-icon,
	.sl-customizer--loading .sl-customizer__trigger > svg {
		animation: none;
	}
}

@media (max-width: 576px) {
	.sl-customizer {
		display: none !important;
	}
}

/* End */


/* Start:/local/components/qwelp/toast/templates/.default/style.css?17846357596724*/
.sl-toast {
	position: fixed;
	top: 1.25rem;
	right: 1.25rem;
	z-index: 10060;
	display: flex;
	flex-direction: column;
	gap: 0.625rem;
	width: min(25rem, calc(100vw - 2.5rem));
	max-height: calc(100dvh - 2.5rem);
	pointer-events: none;
}

.sl-toast__item {
	--sl-toast-accent: var(--sl-color-link);
	--sl-toast-accent-bg: var(--sl-color-link-bg);
	box-sizing: border-box;
	position: relative;
	display: flex;
	align-items: flex-start;
	gap: 0.75rem;
	width: 100%;
	min-height: 4.75rem;
	padding: 0.875rem 1rem 0.875rem 0.75rem;
	background: var(--sl-color-white);
	border: 1px solid rgba(var(--sl-color-dark-rgb), 0.08);
	border-left: 4px solid var(--sl-toast-accent);
	border-radius: 0.75rem;
	box-shadow: 0 8px 24px rgba(var(--sl-color-dark-rgb, 20, 42, 75), 0.12), 0 2px 8px rgba(var(--sl-color-dark-rgb, 20, 42, 75), 0.08);
	pointer-events: auto;
	opacity: 0;
	transform: translateX(100%);
	transition: opacity 0.25s ease, transform 0.25s ease, box-shadow 0.2s ease;
}

.sl-toast__item--success {
	--sl-toast-accent: var(--sl-color-success);
	--sl-toast-accent-bg: var(--sl-color-success-bg);
}

.sl-toast__item--info {
	--sl-toast-accent: var(--sl-color-link);
	--sl-toast-accent-bg: var(--sl-color-link-bg);
}

.sl-toast__item--warning {
	--sl-toast-accent: var(--sl-color-warning);
	--sl-toast-accent-bg: var(--sl-color-warning-bg);
}

.sl-toast__item--error {
	--sl-toast-accent: var(--sl-color-danger);
	--sl-toast-accent-bg: var(--sl-color-danger-bg);
	box-shadow: 0 12px 30px rgba(var(--sl-color-dark-rgb, 20, 42, 75), 0.2), 0 3px 10px rgba(var(--sl-color-dark-rgb, 20, 42, 75), 0.12);
}

.sl-toast__item--visible {
	opacity: 1;
	transform: translateX(0);
}

.sl-toast__item--clickable {
	cursor: pointer;
}

.sl-toast__item--clickable:hover {
	box-shadow: 0 12px 30px rgba(var(--sl-color-dark-rgb, 20, 42, 75), 0.16), 0 3px 10px rgba(var(--sl-color-dark-rgb, 20, 42, 75), 0.1);
}

.sl-toast__item--hiding {
	opacity: 0;
	transform: translateX(100%);
}

.sl-toast__status-icon {
	flex: 0 0 3rem;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 3rem;
	height: 3rem;
	border-radius: 0.625rem;
	background: var(--sl-toast-accent-bg);
	color: var(--sl-toast-accent);
	font-size: 1.25rem;
	font-weight: 700;
	line-height: 1;
}

.sl-toast__status-icon--success::before {
	content: "✓";
}

.sl-toast__status-icon--info::before {
	content: "i";
}

.sl-toast__status-icon--warning::before,
.sl-toast__status-icon--error::before {
	content: "!";
}

.sl-toast__image {
	flex: 0 0 3rem;
	width: 3rem;
	height: 3rem;
	border-radius: 0.625rem;
	overflow: hidden;
}

.sl-toast__image img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.sl-toast__image--placeholder {
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--sl-color-bg, #F5F4FA);
}

.sl-toast__image--placeholder svg {
	width: 60%;
	height: 60%;
	color: var(--sl-color-dark);
	opacity: 0.15;
}

.sl-toast__body {
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
	gap: 0.25rem;
	min-width: 0;
	padding-top: 0.0625rem;
}

.sl-toast__title {
	font-weight: 600;
	font-size: 0.875rem;
	line-height: 1.3;
	color: var(--sl-color-dark);
}

.sl-toast__text {
	font-size: 0.8125rem;
	line-height: 1.4;
	color: var(--sl-color-dark);
	opacity: 0.72;
	overflow-wrap: anywhere;
}

.sl-toast__item--product .sl-toast__text {
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.sl-toast__text p,
.sl-toast__text ul,
.sl-toast__text ol {
	margin: 0;
}

.sl-toast__text ul,
.sl-toast__text ol {
	padding-left: 1.125rem;
}

.sl-toast__text a {
	color: var(--sl-toast-accent);
	font-weight: 600;
	text-decoration: underline;
	text-underline-offset: 2px;
}

.sl-toast__actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.375rem 0.75rem;
	margin-top: 0.25rem;
}

.sl-toast__action,
.sl-toast__actions .ui-notification-balloon-action {
	display: inline-flex;
	align-items: center;
	min-height: 1.75rem;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	color: var(--sl-toast-accent);
	font-size: 0.8125rem;
	font-weight: 600;
	line-height: 1.3;
	text-decoration: none;
	cursor: pointer;
}

.sl-toast__action:hover,
.sl-toast__actions .ui-notification-balloon-action:hover {
	color: var(--sl-toast-accent);
	text-decoration: underline;
	text-underline-offset: 2px;
}

.sl-toast__close {
	flex: 0 0 1.5rem;
	display: flex;
	align-items: center;
	justify-content: center;
	align-self: flex-start;
	margin-left: auto;
	width: 1.5rem;
	height: 1.5rem;
	border: none;
	background: none;
	color: var(--sl-color-dark);
	opacity: 0.3;
	cursor: pointer;
	padding: 0;
	border-radius: 0.25rem;
	transition: opacity 0.2s ease;
}

.sl-toast__close:hover {
	opacity: 0.7;
}

.sl-toast__close:focus-visible {
	opacity: 0.7;
	outline: 2px solid var(--sl-color-link, #7060F8);
	outline-offset: 2px;
	border-radius: 4px;
}

html[data-theme="dark"] .sl-toast__item {
	background: var(--sl-color-surface-1);
	border-top-color: var(--sl-color-border-light);
	border-right-color: var(--sl-color-border-light);
	border-bottom-color: var(--sl-color-border-light);
	box-shadow: 0 16px 40px rgba(0, 0, 0, 0.36), 0 4px 14px rgba(0, 0, 0, 0.24);
}

html[data-theme="dark"] .sl-toast__item--clickable:hover {
	background: var(--sl-color-surface-2);
}

html[data-theme="dark"] .sl-toast__image {
	background: var(--sl-color-bg);
}

html[data-theme="dark"] .sl-toast__status-icon {
	box-shadow: inset 0 0 0 1px var(--sl-color-border-light);
}

html[data-theme="dark"] .sl-toast__image--placeholder {
	background: var(--sl-color-surface-2);
}

html[data-theme="dark"] .sl-toast__image--placeholder svg {
	color: var(--sl-color-dark);
	opacity: 0.3;
}

html[data-theme="dark"] .sl-toast__title {
	color: var(--sl-color-heading);
}

html[data-theme="dark"] .sl-toast__text {
	color: var(--sl-color-text-secondary);
	opacity: 1;
}

html[data-theme="dark"] .sl-toast__close {
	color: var(--sl-color-text-secondary);
	opacity: 0.6;
}

html[data-theme="dark"] .sl-toast__close:hover,
html[data-theme="dark"] .sl-toast__close:focus-visible {
	background: var(--sl-color-hover-bg);
	opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
	.sl-toast__item,
	.sl-toast__close {
		transition: none;
	}
}

@media (max-width: 768px) {
	.sl-toast {
		top: auto;
		bottom: 4.375rem;
		right: 0.625rem;
		left: 0.625rem;
		width: auto;
		max-height: calc(100dvh - 5rem);
		overflow-y: auto;
		scrollbar-width: none;
	}

	.sl-toast::-webkit-scrollbar {
		display: none;
	}

	.sl-toast__item {
		min-height: 4.25rem;
		padding: 0.75rem 0.875rem 0.75rem 0.625rem;
	}

	.sl-toast__status-icon,
	.sl-toast__image {
		flex-basis: 2.75rem;
		width: 2.75rem;
		height: 2.75rem;
	}
}

/* End */


/* Start:/local/templates/shop_light/template_styles.css?1788593993164001*/
/* shop_light template styles */

/* ========== Variables ========== */
.sl-visually-hidden {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

:root {
    --sl-container: 1100px;

    /* Responsive spacing */
    --sl-gap-page: 20px;
    --sl-gap-section: 90px;
    --sl-page-footer-gap: var(--sl-gap-section, 90px);
    --sl-homepage-block-gap: 5.625rem;
    --sl-homepage-block-gap-compact: var(--sl-homepage-block-gap);
    --sl-homepage-block-gap-zero: 0px;
    --sl-homepage-card-gap: 0.875rem;
    --sl-homepage-top-padding: 0px;
    --sl-homepage-bottom-padding: 0px;
    --sl-site-bg-color: var(--sl-color-bg);
    --sl-site-bg-image: url("/local/templates/shop_light/images/background.svg");
    --sl-site-bg-position: center top;
    --sl-site-bg-repeat: no-repeat;
    --sl-site-bg-size: cover;
    --sl-homepage-bg-color: var(--sl-site-bg-color, var(--sl-color-bg));
    --sl-homepage-bg-image: var(--sl-site-bg-image, none);
    --sl-homepage-bg-position: var(--sl-site-bg-position, center top);
    --sl-homepage-bg-repeat: var(--sl-site-bg-repeat, no-repeat);
    --sl-homepage-bg-size: var(--sl-site-bg-size, cover);
    --sl-dark-site-bg-color: #272C32;
    --sl-dark-site-bg-image: none;
    --sl-dark-site-bg-position: center top;
    --sl-dark-site-bg-repeat: no-repeat;
    --sl-dark-site-bg-size: cover;
    --sl-dark-homepage-bg-color: var(--sl-dark-site-bg-color, var(--sl-color-bg));
    --sl-dark-homepage-bg-image: var(--sl-dark-site-bg-image, none);
    --sl-dark-homepage-bg-position: var(--sl-dark-site-bg-position, center top);
    --sl-dark-homepage-bg-repeat: var(--sl-dark-site-bg-repeat, no-repeat);
    --sl-dark-homepage-bg-size: var(--sl-dark-site-bg-size, cover);
    --sl-dark-header-bg: #1E2030;
    --sl-dark-header-text: #E8ECF1;
    --sl-dark-footer-bg: #1E2030;
    --sl-dark-footer-text: #E8ECF1;

    /* Palette — Figma design tokens */
    --sl-color-dark: #142A4B;
    --sl-color-dark-rgb: 20, 42, 75;
    --sl-color-icon: #1C274C;
    --sl-color-accent: #C8354A;
    --sl-color-success: #54C580;
    --sl-color-success-rgb: 84, 197, 128;
    --sl-color-white: #FFFFFF;
    --sl-color-white-rgb: 255, 255, 255;
    --sl-color-bg: #F5F4FA;
    --sl-color-bg-rgb: 245, 244, 250;
    --sl-color-link: #7060F8;
    --sl-color-link-rgb: 112, 96, 248;
    --sl-color-link-hover: #6050E8;
    --sl-color-checkbox-accent: var(--sl-color-link);
    --sl-color-checkbox-accent-rgb: var(--sl-color-link-rgb);
    --sl-color-link-solid: #7060F8;
    --sl-color-link-solid-rgb: 112, 96, 248;
    --sl-color-link-solid-hover: #6050E8;
    --sl-color-link-bright: #7060F8;
    --sl-color-link-contrast: #FFFFFF;
    --sl-color-link-bg: #EAE7FE;
    --sl-color-divider: #EFEDF9;

    /* UI colors */
    --sl-color-muted: #6c757d;
    --sl-color-danger: #dc3545;
    --sl-color-error: #a94442;
    --sl-color-favorite: #7060F8;
    --sl-color-favorite-active: #EB485E;
    --sl-color-promo-accent: #EB485E;
    --sl-color-star: #EEBB4E;
    --sl-color-discount: #12B76A;
    --sl-card-availability-in-stock: #54C580;
    --sl-card-availability-out-of-stock: rgba(var(--sl-color-dark-rgb), 0.5);
    --sl-product-card-discount-bg: #BAF2CF;
    --sl-product-card-discount-text: #142A4B;

    /* Badge colors */
    --sl-color-badge-new: #D8C0EE;
    --sl-color-badge-new-text: var(--sl-color-dark, #142A4B);
    --sl-color-badge-hit: #FF989A;
    --sl-color-badge-sale: #FFAB57;
    --sl-color-badge-trend: #B8E0F0;
    --sl-color-badge-text: #142A4B;

    /* Section card backgrounds (rgb for alpha) */
    --sl-color-section-green-rgb: 133, 207, 141;
    --sl-color-section-blue-rgb: 145, 212, 243;
    --sl-color-section-orange-rgb: 242, 167, 79;
    --sl-color-section-gray-rgb: 159, 171, 190;
    --sl-color-section-purple-rgb: 155, 143, 255;
    --sl-color-section-red-rgb: 246, 140, 140;

    /* Cards & surfaces */
    --sl-color-bg-card: #FCFCFC;
    --sl-color-bg-muted: rgba(var(--sl-color-dark-rgb), 0.05);

    /* Component accents */
    --sl-color-banner-title: #27314d;
    --sl-color-banner-text: #656D87;
    --sl-color-banner-bg: #f4f5f9;
    --sl-color-review-bg: #E8E6F0;
    --sl-color-review-muted: #8B85B0;
    --sl-color-catalog-btn-active: #7060F8;

    /* Surfaces & inputs */
    --sl-color-input-bg: #e9ecef;
    --sl-color-input-border: #ced4da;
    --sl-color-input-text: #495057;
    --sl-color-table-border: #dee2e6;
    --sl-color-surface-1: #F8F9FA;
    --sl-color-surface-2: rgba(var(--sl-color-dark-rgb), 0.05);
    --sl-header-logo-height: 60px;
    --sl-header-catalog-bg: var(--sl-color-cta, #142A4B);
    --sl-header-search-bg: rgba(var(--sl-color-dark-rgb), 0.05);
    --sl-header-action-bg: transparent;
    --sl-header-badge-bg: #54C580;
    --sl-nav-hover-bg: rgba(var(--sl-color-link-rgb), 0.08);
    --sl-nav-active-bg: rgba(var(--sl-color-link-rgb), 0.12);
    --sl-menu-bg: var(--sl-color-white);
    --sl-menu-text: var(--sl-color-dark);
    --sl-menu-padding: 40px;
    --sl-region-selector-bg: transparent;
    --sl-region-selector-text: var(--sl-color-dark);
    --sl-region-popup-width: 720px;
    --sl-region-card-bg: var(--sl-overlay-surface-bg, var(--sl-color-white));
    --sl-region-active-bg: rgba(var(--sl-color-link-rgb), 0.1);
    --sl-region-active-text: var(--sl-color-link);
    --sl-cart-widget-bg: var(--sl-color-white);
    --sl-cart-total-bg: var(--sl-cart-card-bg, rgba(var(--sl-color-dark-rgb), 0.05));
    --sl-checkout-summary-bg: var(--sl-checkout-card-bg, rgba(var(--sl-color-dark-rgb), 0.05));
    --sl-checkout-field-bg: rgba(var(--sl-color-dark-rgb), 0.05);
    --sl-checkout-accent: var(--sl-color-link);

    /* Alerts */
    --sl-color-info: #0c5460;
    --sl-color-info-bg: #d1ecf1;
    --sl-color-info-border: #bee5eb;
    --sl-color-success-bg: #d4edda;
    --sl-color-success-border: #c3e6cb;
    --sl-color-danger-bg: #f8d7da;
    --sl-color-danger-border: #f5c6cb;
    --sl-color-warning: #856404;
    --sl-color-warning-bg: #fff3cd;
    --sl-color-warning-border: #ffeeba;

    /* _bootstrap_v4 compat */
    --sl-color-text: #3f3f3f;
    --sl-color-text-secondary: #575757;
    --sl-color-text-heading: #333;
    --sl-color-text-light: #a5a5a5;
    --sl-color-border: #dadada;
    --sl-color-border-light: #e6e6e6;
    --sl-color-hover-bg: #f2f2f2;
    --sl-color-hover-bg-dark: #d3d3d3;
    --sl-color-compare-bg: #f3f3f3;
    --sl-color-swatch-outline: #c0cfda;
    --sl-color-icon-btn: #525C68;

    /* Heading */
    --sl-color-heading: #142A4B;

    --sl-radius: 100px;
    --sl-action-radius: var(--sl-radius);
    --sl-button-radius: var(--sl-action-radius);
    --sl-site-action-radius: 100px;
    --sl-site-button-radius: 100px;
    --sl-breadcrumb-radius: min(var(--sl-dropdown-radius, var(--sl-card-radius, 1.25rem)), 1rem);
    --sl-link-button-radius: var(--sl-button-radius);
    --sl-tab-radius: var(--sl-button-radius);
    --sl-tab-join-radius: min(var(--sl-tab-radius), 10px);
    --sl-header-radius: 100px;
    --sl-header-control-radius: 10px;
    --sl-header-action-radius: var(--sl-header-control-radius);
    --sl-header-field-radius: var(--sl-header-control-radius);
    --sl-choice-radius: 8px;
    --sl-radius-field: 10px;
    --sl-field-radius: var(--sl-radius-field);
    --sl-input-radius: var(--sl-field-radius);
    --sl-site-field-radius: 10px;
    --sl-site-input-radius: 10px;
    --sl-radius-outer: 20px;
    --sl-card-radius: var(--sl-radius-outer);
    --sl-popup-border-radius: var(--sl-card-radius);
    --sl-menu-radius: 20px;
    --sl-dropdown-radius: min(var(--sl-card-radius, 20px), 24px);
    --sl-modal-radius: min(var(--sl-popup-border-radius, var(--sl-card-radius, 20px)), 32px);
    --sl-textarea-radius: min(var(--sl-field-radius, 10px), 24px);
    --sl-radius-image: 10px;
    --sl-media-radius: var(--sl-radius-image);
    --sl-image-radius: var(--sl-media-radius);
    --sl-gap: 12px;
    --sl-card-gap: var(--sl-gap);
    --sl-card-gap-half: 6px;
    --sl-grid-gap: var(--sl-card-gap);
    --sl-slider-gap: var(--sl-card-gap);
    --sl-home-slider-nav-width: 6.5rem;
    --sl-home-slider-nav-button-width: 2.9375rem;
    --sl-home-slider-nav-height: 2.125rem;
    --sl-home-slider-nav-gap: 0.625rem;
    --sl-home-slider-nav-icon-width: 0.4375rem;
    --sl-home-slider-nav-icon-height: 0.875rem;
    --sl-home-slider-nav-cap-width: calc((var(--sl-home-slider-nav-button-width) - var(--sl-home-slider-nav-icon-width)) / 2);
    --sl-home-slider-nav-bg: var(--sl-color-white);
    --sl-home-slider-nav-bg-alt: var(--sl-color-bg);
    --sl-home-slider-nav-color: var(--sl-color-dark);
    --sl-home-slider-nav-icon-opacity: 0.5;
    --sl-slider-nav-mobile-gap: 0.3125rem;
    --sl-slider-nav-mobile-outer-cap-width: 0.96875rem;
    --sl-slider-nav-mobile-inner-cap-width: 0.875rem;
    --sl-slider-nav-mobile-button-width: 0.39375rem;
    --sl-slider-nav-mobile-button-height: 1.9375rem;
    --sl-slider-nav-mobile-icon-width: 0.4375rem;
    --sl-slider-nav-mobile-icon-height: 0.875rem;
    --sl-slider-nav-mobile-radius-outer: 6.25rem;
    --sl-slider-nav-mobile-radius-inner: var(--sl-tab-join-radius, 0.625rem);
    --sl-safe-area-bottom: env(safe-area-inset-bottom, 0px);
    --sl-mobile-nav-base-height: 72px;
    --sl-mobile-nav-height: calc(var(--sl-mobile-nav-base-height) + var(--sl-safe-area-bottom));
    --sl-mobile-nav-content-gap: 20px;
    --sl-mobile-nav-page-reserve: calc(var(--sl-mobile-nav-height) + var(--sl-mobile-nav-content-gap));

    /* Typography */
    --sl-font-size-base: var(--sl-font-size, 16px);
    --sl-font-scale: 1;
    --sl-text-micro: calc(var(--sl-font-size-base) * 0.625);
    --sl-text-tiny: calc(var(--sl-font-size-base) * 0.6875);
    --sl-text-xs: calc(var(--sl-font-size-base) * 0.75);
    --sl-text-caption: calc(var(--sl-font-size-base) * 0.8125);
    --sl-text-sm: calc(var(--sl-font-size-base) * 0.875);
    --sl-text-control: calc(var(--sl-font-size-base) * 0.9375);
    --sl-text-base: var(--sl-font-size-base);
    --sl-text-md: calc(var(--sl-font-size-base) * 1.125);
    --sl-text-lg: calc(var(--sl-font-size-base) * 1.25);
    --sl-text-xl: calc(var(--sl-font-size-base) * 1.5);
    --sl-heading-scale: 1;
    --sl-heading-font-size: var(--sl-font-size-base);
    --sl-heading-size-base: var(--sl-heading-font-size, var(--sl-font-size-base));
    --sl-heading-sm: calc(var(--sl-heading-size-base) * 1.25);
    --sl-heading-card: calc(var(--sl-heading-size-base) * 1.5);
    --sl-heading-md: calc(var(--sl-heading-size-base) * 1.75);
    --sl-heading-lg: calc(var(--sl-heading-size-base) * 2.375);
}

.product-item-detail-tabs-list,
.sl-promo-tabbed__tabs,
.sl-promo-tabbed__tabs-wrap,
.sl-promo-tabbed__tabs-swiper,
.sl-news__tabs,
.sl-promo-tabbed__nav,
.qpb-block__nav,
.sl-promo-list__nav,
.sl-news__nav,
.sl-stocks__nav,
.sl-brands__nav,
.sl-reviews__nav,
.sl-reviews-v2__nav {
    --sl-tab-radius: 6.25rem;
    --sl-tab-join-radius: 0.625rem;
}

.sl-product-tabs-panel-slot {
    display: contents;
}

.sl-product-tabs-host .sl-product-tabs-panel:not([data-sl-product-tabs-live]) {
    display: none !important;
}

.sl-stocks__nav {
    --sl-home-slider-nav-bg: var(--sl-home-slider-nav-bg-alt);
}

@media (max-width: 1024px) {
.qpb-block--can-slide .qpb-block__nav,
.sl-promo-list__nav,
.sl-promo-tabbed__nav,
.sl-promo-cards__nav,
.sl-brands__nav,
.sl-reviews__nav,
.sl-reviews-v2__nav,
.sl-stocks__nav,
.sl-news__nav {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex: 0 0 var(--sl-home-slider-nav-width);
    width: var(--sl-home-slider-nav-width);
    min-width: var(--sl-home-slider-nav-width);
    height: var(--sl-home-slider-nav-height);
    gap: var(--sl-home-slider-nav-gap);
    flex-wrap: nowrap;
    overflow: hidden;
}

.qpb-block__arrow-wrapper,
.sl-promo-list__arrow-wrapper,
.sl-promo-tabbed__arrow-wrapper,
.sl-promo-cards__arrow-wrapper,
.sl-brands__arrow-wrapper,
.sl-reviews__arrow-wrapper,
.sl-stocks__arrow-wrapper,
.sl-news__nav-btn {
    display: flex;
    flex: 0 0 var(--sl-home-slider-nav-button-width);
    width: var(--sl-home-slider-nav-button-width);
    height: var(--sl-home-slider-nav-height);
}

.qpb-block__arrow-wrapper::before,
.qpb-block__arrow-wrapper::after,
.sl-promo-list__arrow-wrapper::before,
.sl-promo-list__arrow-wrapper::after,
.sl-promo-tabbed__arrow-wrapper::before,
.sl-promo-tabbed__arrow-wrapper::after,
.sl-promo-cards__arrow-wrapper::before,
.sl-promo-cards__arrow-wrapper::after,
.sl-brands__arrow-wrapper::before,
.sl-brands__arrow-wrapper::after,
.sl-reviews__arrow-wrapper::before,
.sl-reviews__arrow-wrapper::after,
.sl-stocks__arrow-wrapper::before,
.sl-stocks__arrow-wrapper::after,
.sl-news__nav-btn::before,
.sl-news__nav-btn::after {
    flex: 0 0 var(--sl-home-slider-nav-cap-width);
    width: var(--sl-home-slider-nav-cap-width);
    height: 100%;
    background-color: var(--sl-home-slider-nav-bg);
}

.qpb-block__arrow,
.sl-promo-list__arrow,
.sl-promo-tabbed__arrow,
.sl-promo-cards__arrow,
.sl-brands__arrow,
.sl-reviews__arrow,
.sl-reviews--v2 .sl-reviews__arrow,
.sl-stocks__arrow,
.sl-news__nav-btn svg {
    box-sizing: border-box;
    flex: 0 0 var(--sl-home-slider-nav-icon-width);
    width: var(--sl-home-slider-nav-icon-width);
    height: var(--sl-home-slider-nav-height);
    padding: 0;
    background-color: var(--sl-home-slider-nav-bg);
    color: var(--sl-home-slider-nav-color);
}

.qpb-block__arrow svg,
.sl-promo-list__arrow svg,
.sl-promo-tabbed__arrow svg,
.sl-promo-cards__arrow svg,
.sl-brands__arrow svg,
.sl-reviews__arrow svg,
.sl-reviews--v2 .sl-reviews__arrow svg,
.sl-stocks__arrow svg,
.sl-news__nav-btn svg {
    width: var(--sl-home-slider-nav-icon-width);
    height: var(--sl-home-slider-nav-icon-height);
}

.sl-news__nav-btn svg {
    box-sizing: content-box;
    flex: 0 0 var(--sl-home-slider-nav-icon-width);
    padding: calc((var(--sl-home-slider-nav-height) - var(--sl-home-slider-nav-icon-height)) / 2) 0;
    background-color: var(--sl-home-slider-nav-bg);
}

.qpb-block__arrow path,
.sl-promo-list__arrow path,
.sl-promo-tabbed__arrow path,
.sl-promo-cards__arrow path,
.sl-brands__arrow path,
.sl-reviews__arrow path,
.sl-stocks__arrow path,
.sl-news__nav-btn path {
    opacity: var(--sl-home-slider-nav-icon-opacity);
}

.qpb-block__arrow-wrapper:hover::before,
.qpb-block__arrow-wrapper:hover::after,
.qpb-block__arrow-wrapper:hover .qpb-block__arrow,
.sl-promo-list__arrow-wrapper:hover::before,
.sl-promo-list__arrow-wrapper:hover::after,
.sl-promo-list__arrow-wrapper:hover .sl-promo-list__arrow,
.sl-promo-tabbed__arrow-wrapper:hover::before,
.sl-promo-tabbed__arrow-wrapper:hover::after,
.sl-promo-tabbed__arrow-wrapper:hover .sl-promo-tabbed__arrow,
.sl-promo-cards__arrow-wrapper:hover::before,
.sl-promo-cards__arrow-wrapper:hover::after,
.sl-promo-cards__arrow-wrapper:hover .sl-promo-cards__arrow,
.sl-brands__arrow-wrapper:hover::before,
.sl-brands__arrow-wrapper:hover::after,
.sl-brands__arrow-wrapper:hover .sl-brands__arrow,
.sl-reviews__arrow-wrapper:hover::before,
.sl-reviews__arrow-wrapper:hover::after,
.sl-reviews__arrow-wrapper:hover .sl-reviews__arrow,
.sl-stocks__arrow-wrapper:hover::before,
.sl-stocks__arrow-wrapper:hover::after,
.sl-stocks__arrow-wrapper:hover .sl-stocks__arrow,
.sl-news__nav-btn:hover::before,
.sl-news__nav-btn:hover::after,
.sl-news__nav-btn:hover svg {
    background-color: var(--sl-home-slider-nav-bg);
    color: var(--sl-home-slider-nav-color);
}

.sl-promo-tabbed__nav {
    flex: 0 0 auto;
    width: auto;
    min-width: 0;
    height: auto;
    gap: var(--sl-slider-nav-mobile-gap);
    overflow: visible;
}

.sl-promo-tabbed__arrow-wrapper {
    align-items: stretch;
    justify-content: flex-start;
    flex: 0 0 auto;
    width: auto;
    min-width: 0;
    height: auto;
    padding: 0;
    gap: 0;
    background-color: transparent;
    border-radius: 0;
}

.sl-promo-tabbed__arrow-wrapper::before,
.sl-promo-tabbed__arrow-wrapper::after {
    content: "";
    display: block;
    height: var(--sl-slider-nav-mobile-button-height);
    background-color: var(--sl-home-slider-nav-bg, var(--sl-color-white));
}

.sl-promo-tabbed__arrow-wrapper:first-child::before {
    flex: 0 0 var(--sl-slider-nav-mobile-outer-cap-width);
    width: var(--sl-slider-nav-mobile-outer-cap-width);
    border-radius: var(--sl-slider-nav-mobile-radius-outer) 0 0 var(--sl-slider-nav-mobile-radius-outer);
}

.sl-promo-tabbed__arrow-wrapper:first-child::after {
    flex: 0 0 var(--sl-slider-nav-mobile-inner-cap-width);
    width: var(--sl-slider-nav-mobile-inner-cap-width);
    border-radius: 0 var(--sl-slider-nav-mobile-radius-inner) var(--sl-slider-nav-mobile-radius-inner) 0;
}

.sl-promo-tabbed__arrow-wrapper:last-child::before {
    flex: 0 0 var(--sl-slider-nav-mobile-inner-cap-width);
    width: var(--sl-slider-nav-mobile-inner-cap-width);
    border-radius: var(--sl-slider-nav-mobile-radius-inner) 0 0 var(--sl-slider-nav-mobile-radius-inner);
}

.sl-promo-tabbed__arrow-wrapper:last-child::after {
    flex: 0 0 var(--sl-slider-nav-mobile-outer-cap-width);
    width: var(--sl-slider-nav-mobile-outer-cap-width);
    border-radius: 0 var(--sl-slider-nav-mobile-radius-outer) var(--sl-slider-nav-mobile-radius-outer) 0;
}

.sl-promo-tabbed__arrow {
    flex: 0 0 var(--sl-slider-nav-mobile-button-width);
    width: var(--sl-slider-nav-mobile-button-width);
    min-width: var(--sl-slider-nav-mobile-button-width);
    height: var(--sl-slider-nav-mobile-button-height);
    background-color: var(--sl-home-slider-nav-bg, var(--sl-color-white));
}

.sl-promo-tabbed__arrow svg {
    width: var(--sl-slider-nav-mobile-icon-width);
    height: var(--sl-slider-nav-mobile-icon-height);
}

.sl-promo-tabbed__arrow-wrapper:hover {
    color: var(--sl-home-slider-nav-color);
}

.sl-promo-tabbed__arrow-wrapper:hover::before,
.sl-promo-tabbed__arrow-wrapper:hover::after,
.sl-promo-tabbed__arrow-wrapper:hover .sl-promo-tabbed__arrow {
    background-color: var(--sl-home-slider-nav-bg, var(--sl-color-white));
}
}

html[data-theme="dark"] .sl-promo-list__nav,
html[data-theme="dark"] .sl-promo-tabbed__nav,
html[data-theme="dark"] .qpb-block__nav,
html[data-theme="dark"] .sl-promo-cards__nav,
html[data-theme="dark"] .sl-brands__nav,
html[data-theme="dark"] .sl-reviews__nav,
html[data-theme="dark"] .sl-reviews-v2__nav,
html[data-theme="dark"] .sl-stocks__nav,
html[data-theme="dark"] .sl-news__nav {
    --sl-home-slider-nav-bg: var(--sl-color-surface-1);
    --sl-home-slider-nav-bg-alt: var(--sl-color-surface-1);
}

.sl-promo-tabbed:not(.sl-promo-tabbed--no-tabs) .sl-promo-tabbed__header {
    margin-bottom: 1.25rem;
}

.sl-promo-tabbed:not(.sl-promo-tabbed--no-tabs) .sl-promo-tabbed__title {
    margin-bottom: 0;
}

@media (max-width: 1024px) {
    .sl-promo-tabbed__tabs,
    .sl-news__tabs {
        --sl-home-tabs-gap: clamp(0.375rem, 1vw, 0.625rem);
    }

    .sl-promo-tabbed__tabs {
        --sl-promo-tab-gap: var(--sl-home-tabs-gap);
        width: calc(100% + var(--sl-gap-page, 20px));
        max-width: none;
        margin-right: calc(-1 * var(--sl-gap-page, 20px));
        overflow: hidden;
    }

    .sl-promo-tabbed__tabs-swiper .sl-promo-tabbed__tabs-wrap {
        flex: 1 1 auto;
        min-width: 0;
        max-width: 100%;
        gap: 0;
        overflow: visible;
    }

    .sl-promo-tabbed__tabs-swiper .sl-promo-tabbed__tab-wrapper,
    .sl-promo-tabbed__tabs-swiper .sl-promo-tabbed__tabs-wrap > .swiper-slide {
        display: flex;
        align-items: stretch;
        flex: 0 0 auto;
        width: auto;
        height: 2.4375rem;
    }

    .sl-promo-tabbed__tabs-swiper .sl-promo-tabbed__tab-wrapper::before,
    .sl-promo-tabbed__tabs-swiper .sl-promo-tabbed__tab-wrapper::after {
        display: block;
        flex: 0 0 clamp(1rem, 1.8vw, 1.25rem);
        width: clamp(1rem, 1.8vw, 1.25rem);
        height: 100%;
        background-color: var(--sl-color-white);
    }

    .sl-promo-tabbed__tabs-swiper .sl-promo-tabbed__tab {
        align-items: center;
        justify-content: center;
        height: 2.4375rem;
        padding: 0;
        border-radius: 0;
        font-size: clamp(0.8125rem, 1.35vw, var(--sl-text-sm, 0.875rem));
        line-height: 1.3572;
        text-align: center;
        white-space: nowrap;
    }

    .sl-promo-tabbed__tabs-swiper .sl-promo-tabbed__tab-wrapper:hover .sl-promo-tabbed__tab,
    .sl-promo-tabbed__tabs-swiper .sl-promo-tabbed__tab-wrapper--active .sl-promo-tabbed__tab {
        box-shadow: -1px 0 0 var(--sl-color-link), 1px 0 0 var(--sl-color-link);
    }

    .sl-promo-tabbed__tabs-swiper .sl-promo-tabbed__tab-wrapper:hover::before,
    .sl-promo-tabbed__tabs-swiper .sl-promo-tabbed__tab-wrapper:hover::after,
    .sl-promo-tabbed__tabs-swiper .sl-promo-tabbed__tab-wrapper--active::before,
    .sl-promo-tabbed__tabs-swiper .sl-promo-tabbed__tab-wrapper--active::after {
        background-color: var(--sl-color-link);
    }

    .sl-promo-tabbed__tabs-swiper .sl-promo-tabbed__tab-wrapper:active::before,
    .sl-promo-tabbed__tabs-swiper .sl-promo-tabbed__tab-wrapper:active::after,
    .sl-promo-tabbed__tabs-swiper .sl-promo-tabbed__tab-wrapper--active::before,
    .sl-promo-tabbed__tabs-swiper .sl-promo-tabbed__tab-wrapper--active::after {
        background-color: var(--sl-color-link);
        transition-duration: 0s;
    }

    .sl-promo-tabbed__tabs-swiper .sl-promo-tabbed__tab-wrapper:active .sl-promo-tabbed__tab,
    .sl-promo-tabbed__tabs-swiper .sl-promo-tabbed__tab-wrapper--active .sl-promo-tabbed__tab {
        background-color: var(--sl-color-link);
        color: var(--sl-color-white);
        box-shadow: -1px 0 0 var(--sl-color-link), 1px 0 0 var(--sl-color-link);
        transition-duration: 0s;
    }

    .sl-news__header {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        gap: var(--sl-card-gap, 1rem);
    }

    .sl-news__title {
        grid-column: 1;
        grid-row: 1;
    }

    .sl-news__controls {
        display: contents;
    }

    .sl-news__tabs {
        --sl-news-tab-gap: var(--sl-home-tabs-gap);
        grid-column: 1 / -1;
        grid-row: 2;
        width: 100%;
    }

    .sl-news__right {
        display: flex;
        grid-column: 2;
        grid-row: 1;
        margin-left: 0;
    }

    .sl-news__all-btn {
        display: none;
    }
}

@media (max-width: 576px) {
    :root {
        --sl-home-slider-nav-width: 4.6875rem;
        --sl-home-slider-nav-button-width: 2.1875rem;
        --sl-home-slider-nav-height: 1.6875rem;
        --sl-home-slider-nav-gap: 0.3125rem;
    }

    .sl-news__header {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        gap: 0.9375rem;
    }

    .sl-news__controls {
        display: contents;
    }

    .sl-news__tabs {
        grid-column: 1 / -1;
        grid-row: 2;
        min-width: 0;
        overflow-x: auto;
        overflow-y: hidden;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }

    .sl-news__tabs::-webkit-scrollbar {
        display: none;
    }

    .sl-news__right {
        display: flex;
        grid-column: 2;
        grid-row: 1;
        margin-left: 0;
    }

    .sl-news__nav {
        display: flex;
    }

    .sl-news__tabs .swiper-wrapper {
        width: max-content;
        min-width: 100%;
        gap: var(--sl-news-tab-gap, 0.625rem);
    }

    .sl-news__tabs.swiper-initialized .swiper-wrapper {
        gap: 0;
    }

    .sl-news__tabs .sl-news__tab-wrapper,
    .sl-news__tabs .swiper-slide {
        display: flex;
        flex: 0 0 auto;
        width: auto;
        height: 2.1875rem;
    }

    .sl-news__tabs .sl-news__tab-wrapper::before,
    .sl-news__tabs .sl-news__tab-wrapper::after {
        display: none;
    }

    .sl-news__tabs .sl-news__tab {
        justify-content: center;
        flex: 0 0 auto;
        width: auto;
        height: 2.1875rem;
        padding: 0 var(--sl-news-tab-mobile-padding-x, 0.9375rem);
        border-radius: var(--sl-news-tab-mobile-inner-radius, 0.3125rem);
        font-size: var(--sl-text-xs, 0.75rem);
        line-height: 1.2667;
        text-align: center;
    }

    .sl-news__tabs .sl-news__tab-wrapper--first .sl-news__tab {
        border-radius: var(--sl-news-tab-mobile-radius, 1.25rem) var(--sl-news-tab-mobile-inner-radius, 0.3125rem) var(--sl-news-tab-mobile-inner-radius, 0.3125rem) var(--sl-news-tab-mobile-radius, 1.25rem);
    }

    .sl-news__tabs .sl-news__tab-wrapper--last .sl-news__tab {
        border-radius: var(--sl-news-tab-mobile-inner-radius, 0.3125rem) var(--sl-news-tab-mobile-radius, 1.25rem) var(--sl-news-tab-mobile-radius, 1.25rem) var(--sl-news-tab-mobile-inner-radius, 0.3125rem);
    }

    .sl-news__tabs .sl-news__tab-wrapper:hover .sl-news__tab,
    .sl-news__tabs .sl-news__tab-wrapper--active .sl-news__tab {
        box-shadow: -1px 0 0 var(--sl-color-link), 1px 0 0 var(--sl-color-link);
    }

    .sl-promo-tabbed__tabs-swiper .sl-promo-tabbed__tab-wrapper,
    .sl-promo-tabbed__tabs-swiper .sl-promo-tabbed__tabs-wrap > .swiper-slide {
        height: 2.1875rem;
    }

    .sl-promo-tabbed__tabs-swiper .sl-promo-tabbed__tab-wrapper::before,
    .sl-promo-tabbed__tabs-swiper .sl-promo-tabbed__tab-wrapper::after {
        flex-basis: 0.9375rem;
        width: 0.9375rem;
    }

    .sl-promo-tabbed__tabs-swiper .sl-promo-tabbed__tab {
        height: 2.1875rem;
        font-size: max(var(--sl-text-caption, 0.8125rem), 0.8125rem);
        line-height: 1.2667;
    }

}

/* Favorites module */
.qwelp-favorites {
    --qwelp-fav-color-hover: var(--sl-color-favorite-active, #EB485E);
    --qwelp-fav-color-active: var(--sl-color-favorite-active, #EB485E);
    --qwelp-fav-color-active-hover: var(--sl-color-favorite-active, #EB485E);
}

.qwelp-favorites.qwelp-favorites--loading,
.qwelp-favorites.qwelp-favorites--loading:disabled,
.qwelp-favorites.qwelp-favorites--loading[disabled] {
    opacity: 1;
}

.qwelp-favorites.qwelp-favorites--loading .qwelp-favorites__icon {
    animation: none;
}

/* ========== Dark theme ========== */
html[data-theme="dark"] {
    /* Core palette */
    --sl-color-dark: #E8ECF1;
    --sl-color-dark-rgb: 232, 236, 241;
    --sl-color-icon: #C8CDD5;
    --sl-color-accent: #FF6B7A;
    --sl-color-success: #54C580;
    --sl-color-success-rgb: 84, 197, 128;
    --sl-color-white: #1E2030;
    --sl-color-white-rgb: 30, 32, 48;
    --sl-color-bg: #161822;
    --sl-color-bg-rgb: 22, 24, 34;
    --sl-site-bg-color: var(--sl-dark-site-bg-color, var(--sl-color-bg));
    --sl-site-bg-image: var(--sl-dark-site-bg-image, none);
    --sl-site-bg-position: var(--sl-dark-site-bg-position, center top);
    --sl-site-bg-repeat: var(--sl-dark-site-bg-repeat, no-repeat);
    --sl-site-bg-size: var(--sl-dark-site-bg-size, cover);
    --sl-homepage-bg-color: var(--sl-dark-homepage-bg-color, var(--sl-site-bg-color, var(--sl-color-bg)));
    --sl-homepage-bg-image: var(--sl-dark-homepage-bg-image, var(--sl-site-bg-image, none));
    --sl-homepage-bg-position: var(--sl-dark-homepage-bg-position, var(--sl-site-bg-position, center top));
    --sl-homepage-bg-repeat: var(--sl-dark-homepage-bg-repeat, var(--sl-site-bg-repeat, no-repeat));
    --sl-homepage-bg-size: var(--sl-dark-homepage-bg-size, var(--sl-site-bg-size, cover));
    --sl-header-bg: var(--sl-dark-header-bg, var(--sl-color-white));
    --sl-header-text: var(--sl-dark-header-text, var(--sl-color-dark));
    --sl-footer-bg: var(--sl-dark-footer-bg, #1E2030);
    --sl-footer-text: var(--sl-dark-footer-text, #E8ECF1);
    --sl-color-link: #7060F8;
    --sl-color-link-rgb: 112, 96, 248;
    --sl-color-link-hover: #8070FF;
    --sl-color-checkbox-accent: var(--sl-color-link);
    --sl-color-checkbox-accent-rgb: var(--sl-color-link-rgb);
    --sl-color-link-solid: #5F53E6;
    --sl-color-link-solid-rgb: 95, 83, 230;
    --sl-color-link-solid-hover: #5348D8;
    --sl-color-link-bright: #9B8FFF;
    --sl-color-link-contrast: #FFFFFF;
    --sl-color-divider: #2D3041;

    /* UI */
    --sl-color-muted: #9CA3AF;
    --sl-color-danger: #EF5350;
    --sl-color-error: #E57373;

    /* Component accents */
    --sl-color-banner-title: #E8ECF1;
    --sl-color-banner-text: #9CA3AF;
    --sl-color-banner-bg: #363B40;
	--sl-color-review-bg: #2D3041;
	--sl-color-review-muted: #9CA3AF;
	--sl-color-badge-new: var(--sl-color-link, #7060F8);
	--sl-color-badge-new-text: var(--sl-color-link-contrast, #FFFFFF);
	--sl-color-badge-text: #1E2030;

	/* Surfaces */
	--sl-color-bg-card: #252836;
	--sl-color-bg-muted: #2D3041;
	--sl-color-input-bg: #2D3041;
	--sl-color-input-border: #404650;
	--sl-color-input-text: #C8CDD5;
	--sl-color-table-border: #363B40;
    --sl-color-surface-1: #252836;
    --sl-color-surface-2: #2D3041;

    /* Alerts */
    --sl-color-info: #7ECFE2;
    --sl-color-info-bg: #1A2D33;
    --sl-color-info-border: #1F3A43;
    --sl-color-success-bg: #1A2E1F;
    --sl-color-success-border: #1F3A25;
    --sl-color-danger-bg: #3B1C20;
    --sl-color-danger-border: #4A2228;
    --sl-color-warning: #FFD166;
    --sl-color-warning-bg: #332B13;
    --sl-color-warning-border: #3D331A;

    /* _bootstrap_v4 compat */
    --sl-color-text: #E0E0E0;
    --sl-color-text-secondary: #C8CDD5;
    --sl-color-text-heading: #FFFFFF;
    --sl-color-text-light: #9CA3AF;
    --sl-color-border: #404650;
    --sl-color-border-light: #363B40;
    --sl-color-hover-bg: #2D3041;
    --sl-color-hover-bg-dark: #404650;
    --sl-color-compare-bg: #252836;
    --sl-color-swatch-outline: #4A5568;
    --sl-color-icon-btn: #A0AEC0;

    /* Heading */
    --sl-color-heading: #E8ECF1;

    color-scheme: dark;
}

html[data-theme="dark"] .header__theme-sun {
	display: none !important;
}

html[data-theme="dark"] .header__theme-moon {
	display: inline !important;
}

/* --- Dark theme overrides (hardcoded elements) --- */
html[data-theme="dark"] .tooltip-inner {
    background-color: #E8ECF1;
    color: #161822;
}
html[data-theme="dark"] .tooltip.top .tooltip-arrow {
    border-top-color: #E8ECF1;
}
html[data-theme="dark"] .alert-success { color: var(--sl-color-success); }
html[data-theme="dark"] .alert-danger { color: #E57373; }
html[data-theme="dark"] .table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(255, 255, 255, 0.03);
}
html[data-theme="dark"] .table-hover tbody tr:hover {
    background-color: rgba(255, 255, 255, 0.06);
}
html[data-theme="dark"] .has-error .form-control {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2);
}
html[data-theme="dark"] .has-error .form-control:focus {
    border-color: #E57373;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2), 0 0 6px rgba(229, 115, 131, 0.4);
}
html[data-theme="dark"] .form-control:focus {
    box-shadow: 0 0 0 0.2rem rgba(var(--sl-color-link-rgb, 112, 96, 248), 0.25);
}
html[data-theme="dark"] .btn-danger:hover {
    background-color: #D32F2F;
    border-color: #C62828;
}

html[data-theme="dark"] .sl-banner-overlap__btn,
html[data-theme="dark"] .product-item-button-container .btn-primary {
    background-color: var(--sl-color-link-solid);
    border-color: var(--sl-color-link-solid);
    color: var(--sl-color-link-contrast);
}

html[data-theme="dark"] .sl-banner-overlap__btn:hover,
html[data-theme="dark"] .product-item-button-container .btn-primary:hover {
    background-color: var(--sl-color-link-solid-hover);
    border-color: var(--sl-color-link-solid-hover);
    color: var(--sl-color-link-contrast);
    opacity: 1;
}

html[data-theme="dark"] .sl-card__badge {
    color: var(--sl-color-badge-text);
}

html[data-theme="dark"] .sl-card__badge.sl-card__badge--newproduct {
    color: var(--sl-color-link-contrast, #FFFFFF);
}

html[data-theme="dark"] .sl-mobile-nav {
    background: var(--sl-color-surface-1, #252836);
    box-shadow: 0px -1px 30px rgba(0, 0, 0, 0.3);
}
html[data-theme="dark"] .sl-mobile-nav__icon path,
html[data-theme="dark"] .sl-mobile-nav__icon rect {
    fill: var(--sl-color-icon, #C8CDD5);
}
html[data-theme="dark"] .sl-mobile-nav__icon path[stroke] {
    stroke: var(--sl-color-icon, #C8CDD5);
}

html[data-theme="dark"] .qpb-block__tab,
html[data-theme="dark"] .qpb-block__arrow {
    color: var(--sl-color-dark, #E8ECF1);
}

html[data-theme="dark"] .qpb-block__tab-wrapper:hover::before,
html[data-theme="dark"] .qpb-block__tab-wrapper:hover::after,
html[data-theme="dark"] .qpb-block__tab-wrapper--active::before,
html[data-theme="dark"] .qpb-block__tab-wrapper--active::after {
    background-color: var(--sl-color-link-solid, #5F53E6);
}

html[data-theme="dark"] .qpb-block__tab-wrapper:hover .qpb-block__tab,
html[data-theme="dark"] .qpb-block__tab-wrapper--active .qpb-block__tab {
    background-color: var(--sl-color-link-solid, #5F53E6);
    color: var(--sl-color-link-contrast, #FFFFFF);
    box-shadow: -1px 0 0 var(--sl-color-link-solid, #5F53E6), 1px 0 0 var(--sl-color-link-solid, #5F53E6);
}

html[data-theme="dark"] .qpb-block__arrow-wrapper:hover::before,
html[data-theme="dark"] .qpb-block__arrow-wrapper:hover::after,
html[data-theme="dark"] .qpb-block__arrow-wrapper:hover .qpb-block__arrow {
    background-color: var(--sl-color-surface-2, #2D3041);
}

html[data-theme="dark"] .product-item-container.hover .product-item.sl-card,
html[data-theme="dark"].bx-no-touch .product-item-container.hover .product-item:not(.sl-list-card):not(.sl-line-card),
html[data-theme="dark"] .bx-no-touch .product-item-container.hover .product-item:not(.sl-list-card):not(.sl-line-card) {
    background: var(--sl-color-white) !important;
    box-shadow: 0 0.25rem 1rem 0 rgba(var(--sl-color-bg-rgb), 0.65) !important;
}

html[data-theme="dark"] .product-item-properties dd {
    color: var(--sl-color-dark) !important;
}

html[data-theme="dark"] .sl-catalog-toolbar__page-size-btn--active,
html[data-theme="dark"] .sl-catalog-toolbar__page-size-btn--active:hover,
html[data-theme="dark"] .sl-catalog-toolbar__view-btn--active,
html[data-theme="dark"] .sl-catalog-toolbar__view-btn--active:hover {
    color: var(--sl-color-link-contrast) !important;
}

html[data-theme="dark"] body :is(
    .sl-about__hero,
    .sl-about__section,
    .sl-about__values,
    .sl-about__contacts,
    .sl-legal__card,
    .sl-service-page__intro,
    .sl-service-page__block,
    .sl-service-page__side-card,
    .sl-howto__intro,
    .sl-howto__block,
    .sl-howto__side-card,
    .sl-payment-page__intro,
    .sl-payment-page__block,
    .sl-payment-page__side-card,
    .sl-guaranty__intro,
    .sl-guaranty__block,
    .sl-guaranty__side-card,
    .sl-faq-page__intro,
	.sl-faq-page__block,
	.sl-faq-page__side-card,
	.sl-brands-page__hero,
    .sl-brands-page__title,
    .sl-brands-page__panel,
    .sl-brands-page__sidebar,
    .sl-brands-page__tools,
    .sl-brands-page__finder > .sl-brands-page__alpha,
    .sl-brands-page__popular,
    .sl-brands-page__group,
    .sl-brands-page__empty,
    .sl-brand-detail__logo-box,
    .sl-brand-detail__series-pill,
    .sl-brand-detail__seo
) {
    background: var(--sl-color-surface-1, #252836);
    border-color: var(--sl-color-border-light, #363B40);
    box-shadow: 0 1rem 2.5rem rgba(var(--sl-color-bg-rgb, 22, 24, 34), 0.42);
}

html[data-theme="dark"] body :is(
    .sl-about__value,
    .sl-about__feature,
    .sl-about__contact,
    .sl-legal__updated,
    .sl-legal__note,
    .sl-legal__table,
    .sl-service-page__metric,
    .sl-service-page__card,
    .sl-howto__metric,
    .sl-howto__step,
    .sl-howto__card,
    .sl-payment-page__metric,
    .sl-payment__item,
    .sl-payment__info,
    .sl-guaranty__metric,
    .sl-guaranty__card,
    .sl-faq-page__metric,
    .sl-faq__item,
    .sl-partners__step,
    .sl-partners__program,
    .sl-partners__faq-item,
    .sl-corp__advantage,
    .sl-corp__service,
    .sl-corp__step,
    .sl-corp__faq-item,
    .sl-licenses__item,
    .sl-licenses__empty,
    .sl-req__table,
    .sl-brands-page__hero-metric,
    .sl-brands-page__summary-item,
    .sl-brands-page__card,
    .sl-brands-page__brand,
    .sl-brands-page__card-media,
    .sl-brands-page__brand-logo,
    .sl-brands-page__card-arrow,
    .sl-brands-page__brand-arrow,
    .sl-brands-page__group-count
) {
    background: var(--sl-color-surface-2, #2D3041);
    border-color: var(--sl-color-border-light, #363B40);
    box-shadow: inset 0 0 0 1px rgba(var(--sl-color-dark-rgb, 232, 236, 241), 0.06);
}

html[data-theme="dark"] body :is(
    .sl-legal__table th,
    .sl-service-page__table th,
    .sl-howto__table th,
    .sl-guaranty__table th
) {
    background: var(--sl-color-surface-2, #2D3041);
    color: rgba(var(--sl-color-dark-rgb, 232, 236, 241), 0.74);
}

html[data-theme="dark"] body :is(
    .sl-legal__table,
    .sl-legal__table th,
    .sl-legal__table td,
    .sl-req__table td,
    .sl-service-page__table-wrap,
    .sl-service-page__table th,
    .sl-service-page__table td,
    .sl-howto__table-wrap,
    .sl-howto__table th,
    .sl-howto__table td,
    .sl-guaranty__table-wrap,
    .sl-guaranty__table th,
    .sl-guaranty__table td
) {
    border-color: var(--sl-color-border-light, #363B40);
}

html[data-theme="dark"] body :is(
    .sl-legal__table td,
    .sl-req__table td,
    .sl-service-page__table td,
    .sl-howto__table td,
    .sl-guaranty__table td
) {
    color: rgba(var(--sl-color-dark-rgb, 232, 236, 241), 0.72);
}

html[data-theme="dark"] body :is(
    .sl-legal__table strong,
    .sl-req__table td:first-child,
    .sl-service-page__table strong,
    .sl-howto__table strong,
    .sl-guaranty__table strong
) {
    color: var(--sl-color-dark, #E8ECF1);
}

html[data-theme="dark"] body :is(
    .sl-legal__content h2,
    .sl-legal__content h3
) {
    border-color: var(--sl-color-border-light, #363B40);
}

html[data-theme="dark"] body :is(
    .sl-legal__table tbody tr:hover,
    .sl-req__table tr:hover,
    .sl-guaranty__table tbody tr:hover
) {
    background: rgba(var(--sl-color-link-rgb, 112, 96, 248), 0.08);
}

html[data-theme="dark"] body :is(
    .sl-service-page__button,
    .sl-howto__button,
    .sl-payment-page__button,
    .sl-guaranty__button,
    .sl-faq-page__button,
    .sl-licenses__item-download,
    .sl-services-detail__cta
) {
    background: var(--sl-color-link-solid, #5F53E6);
    border-color: var(--sl-color-link-solid, #5F53E6);
    color: var(--sl-color-link-contrast, #FFFFFF);
    box-shadow: 0 0.75rem 1.75rem rgba(var(--sl-color-link-solid-rgb, 95, 83, 230), 0.2);
}

html[data-theme="dark"] body :is(
    .sl-service-page__button:hover,
    .sl-howto__button:hover,
    .sl-payment-page__button:hover,
    .sl-guaranty__button:hover,
    .sl-faq-page__button:hover,
    .sl-licenses__item-download:hover,
    .sl-services-detail__cta:hover
) {
    background: var(--sl-color-link-solid-hover, #5348D8);
    border-color: var(--sl-color-link-solid-hover, #5348D8);
    color: var(--sl-color-link-contrast, #FFFFFF);
}

html[data-theme="dark"] body :is(
    .sl-service-page__button--light,
    .sl-service-page__phone,
    .sl-service-page__mail,
    .sl-howto__button--light,
    .sl-howto__phone,
    .sl-howto__mail,
    .sl-payment-page__button--light,
    .sl-payment-page__phone,
    .sl-payment-page__mail,
    .sl-guaranty__button--light,
    .sl-guaranty__phone,
    .sl-guaranty__mail,
    .sl-faq-page__button--light,
    .sl-faq-page__phone,
    .sl-faq-page__mail
) {
    background: var(--sl-color-surface-2, #2D3041);
    border-color: var(--sl-color-border-light, #363B40);
    color: var(--sl-color-dark, #E8ECF1);
    box-shadow: none;
}

html[data-theme="dark"] body :is(
    .sl-service-page__button--light:hover,
    .sl-service-page__phone:hover,
    .sl-service-page__mail:hover,
    .sl-howto__button--light:hover,
    .sl-howto__phone:hover,
    .sl-howto__mail:hover,
    .sl-payment-page__button--light:hover,
    .sl-payment-page__phone:hover,
    .sl-payment-page__mail:hover,
    .sl-guaranty__button--light:hover,
    .sl-guaranty__phone:hover,
    .sl-guaranty__mail:hover,
    .sl-faq-page__button--light:hover,
    .sl-faq-page__phone:hover,
    .sl-faq-page__mail:hover
) {
    background: var(--sl-color-surface-1, #252836);
    border-color: rgba(var(--sl-color-link-rgb, 112, 96, 248), 0.32);
    color: var(--sl-color-link-bright, #9B8FFF);
}

html[data-theme="dark"] body :is(
    .sl-service-page__side-card--dark,
    .sl-howto__side-card--dark,
    .sl-payment-page__side-card--dark,
    .sl-guaranty__side-card--dark,
    .sl-faq-page__side-card--dark,
    .sl-about__number,
    .sl-brands-page__result,
    .sl-brands-page__group-title,
    .sl-services__card-badge,
    .sl-services-detail__price
) {
    background: var(--sl-color-link-solid, #5F53E6);
    color: var(--sl-color-link-contrast, #FFFFFF);
    border-color: rgba(var(--sl-color-white-rgb, 30, 32, 48), 0.22);
}

html[data-theme="dark"] body :is(
    .sl-service-page__side-card--dark .sl-service-page__side-title,
    .sl-howto__side-card--dark .sl-howto__side-title,
    .sl-payment-page__side-card--dark .sl-payment-page__side-title,
    .sl-guaranty__side-card--dark .sl-guaranty__side-title,
    .sl-faq-page__side-card--dark .sl-faq-page__side-title,
    .sl-about__number-value,
    .sl-about__number-label,
    .sl-brands-page__result small,
    .sl-news__category--active,
    .sl-news-sidebar__cat-item:hover,
    .sl-news-sidebar__cat-item--active,
    .sl-brands-page__alpha-item--selected,
    .sl-services__card-badge,
    .sl-services-detail__price
) {
    color: var(--sl-color-link-contrast, #FFFFFF);
}

html[data-theme="dark"] body :is(
    .sl-service-page__side-card--dark .sl-service-page__side-text,
    .sl-howto__side-card--dark .sl-howto__side-text,
    .sl-payment-page__side-card--dark .sl-payment-page__side-text,
    .sl-guaranty__side-card--dark .sl-guaranty__side-text,
    .sl-faq-page__side-card--dark .sl-faq-page__side-text
) {
    color: rgba(255, 255, 255, 0.72);
}

html[data-theme="dark"] body :is(
    .sl-service-page__side-card--dark .sl-service-page__phone,
    .sl-service-page__side-card--dark .sl-service-page__mail,
    .sl-howto__side-card--dark .sl-howto__phone,
    .sl-howto__side-card--dark .sl-howto__mail,
    .sl-payment-page__side-card--dark .sl-payment-page__phone,
    .sl-payment-page__side-card--dark .sl-payment-page__mail,
    .sl-guaranty__side-card--dark .sl-guaranty__phone,
    .sl-guaranty__side-card--dark .sl-guaranty__mail,
    .sl-faq-page__side-card--dark .sl-faq-page__phone,
    .sl-faq-page__side-card--dark .sl-faq-page__mail
) {
    background: rgba(255, 255, 255, 0.14);
    border-color: rgba(255, 255, 255, 0.24);
    color: var(--sl-color-link-contrast, #FFFFFF);
}

html[data-theme="dark"] body .sl-about__number::after {
    background: rgba(255, 255, 255, 0.16);
}

html[data-theme="dark"] body :is(
    .sl-guaranty__metric:hover,
    .sl-guaranty__card:hover,
    .sl-faq-page__metric:hover,
    .sl-licenses__item:hover,
    .sl-services__card-link:hover .sl-services__card-body,
    .sl-brands-page__card:hover,
    .sl-brands-page__brand:hover
) {
    background: var(--sl-color-surface-1, #252836);
    box-shadow: inset 0 0 0 1px rgba(var(--sl-color-link-rgb, 112, 96, 248), 0.22), 0 0.875rem 2rem rgba(var(--sl-color-bg-rgb, 22, 24, 34), 0.5);
}

html[data-theme="dark"] body :is(
    .sl-news__category:hover,
    .sl-news__category--active,
    .sl-news-sidebar__cat-item:hover,
    .sl-news-sidebar__cat-item--active,
    .sl-brands-page__finder > .sl-brands-page__alpha button.sl-brands-page__alpha-item:hover,
    .sl-brands-page__finder > .sl-brands-page__alpha .sl-brands-page__alpha-item--selected
) {
    background: var(--sl-color-link-solid, #5F53E6);
    color: var(--sl-color-link-contrast, #FFFFFF);
}

html[data-theme="dark"] body :is(
    .sl-news__category,
    .sl-news-sidebar__cat-item,
    .sl-brands-page__search-input,
    .sl-brands-page__finder > .sl-brands-page__alpha .sl-brands-page__alpha-item
) {
    background: var(--sl-color-surface-2, #2D3041);
    color: var(--sl-color-dark, #E8ECF1);
}

html[data-theme="dark"] body .sl-news__card-body {
    background: var(--sl-color-surface-1, #252836);
    border-color: var(--sl-color-border-light, #363B40);
}

html[data-theme="dark"] body .sl-brand-detail__seo-fade {
    background: linear-gradient(to top, var(--sl-color-surface-1, #252836) 12%, rgba(37, 40, 54, 0.9) 50%, rgba(37, 40, 54, 0) 100%);
}

html[data-theme="dark"] body :is(
    .sl-brands-page__brand-logo,
    .sl-brands-page__card-media,
    .sl-brand-detail__logo-box
) {
    background: var(--sl-color-link-contrast, #FFFFFF);
    color: var(--sl-color-bg, #161822);
    box-shadow: inset 0 0 0 1px rgba(var(--sl-color-bg-rgb, 22, 24, 34), 0.12);
}

html[data-theme="dark"] body :is(
    .sl-brands-page__brand-logo img,
    .sl-brands-page__card-logo,
    .sl-brand-detail__logo
) {
    opacity: 1;
    filter: none;
}

html[data-theme="dark"] body :is(
    .sl-brands-page__brand-placeholder.sl-placeholder-wrap,
    .sl-brands-page__card-placeholder.sl-placeholder-wrap
) {
    background: transparent;
    color: var(--sl-color-bg, #161822);
}

html[data-theme="dark"] body .sl-brands-page__finder > .sl-brands-page__alpha .sl-brands-page__alpha-item--active {
    background: rgba(var(--sl-color-link-rgb, 112, 96, 248), 0.16);
    color: var(--sl-color-link-bright, #9B8FFF);
}

html[data-theme="dark"] body .sl-brands-page__finder > .sl-brands-page__alpha span.sl-brands-page__alpha-item {
    opacity: 0.56;
}

html[data-theme="dark"] body :is(
    .sl-brands-page__eyebrow,
    .sl-brands-page__hero-metric span
) {
    color: var(--sl-color-link-bright, #9B8FFF);
}

html[data-theme="dark"] body :is(
    .sl-service-page .sl-service-page__side-card--dark,
    .sl-howto .sl-howto__side-card--dark,
    .sl-payment-page .sl-payment-page__side-card--dark,
    .sl-guaranty .sl-guaranty__side-card--dark,
    .sl-faq-page .sl-faq-page__side-card--dark
) {
    background: var(--sl-color-link-solid, #5F53E6);
    color: var(--sl-color-link-contrast, #FFFFFF);
    box-shadow: 0 0.875rem 2rem rgba(var(--sl-color-link-solid-rgb, 95, 83, 230), 0.22);
}

html[data-theme="dark"] body :is(
    .sl-partners__step-num,
    .sl-corp__step-num,
    .sl-partners .sl-partners__step-num,
    .sl-corp .sl-corp__step-num,
    .sl-about .sl-about__number-value,
    .sl-about .sl-about__number-label,
    .sl-brands-page .sl-brands-page__result,
    .sl-brands-page .sl-brands-page__result small,
    .sl-brands-page .sl-brands-page__group-title
) {
    color: var(--sl-color-link-contrast, #FFFFFF) !important;
}

html {
    scrollbar-gutter: stable;
}

body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background-color: var(--sl-site-bg-color, var(--sl-color-bg));
    background-image: var(--sl-site-bg-image, none);
    background-repeat: var(--sl-site-bg-repeat, no-repeat);
    background-position: center -437px;
    background-size: 2366px auto;
    font-family: var(--sl-font, "Onest", sans-serif);
    font-size: var(--sl-font-size-base, var(--sl-font-size, 16px));
    color: var(--sl-color-dark, #142A4B);
}

*, *::before, *::after {
    box-sizing: border-box;
}

/* Global custom scrollbar */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-track {
    background: rgba(var(--sl-color-dark-rgb, 20, 42, 75), 0.08);
    border-radius: 4px;
}

::-webkit-scrollbar-thumb {
    background: rgba(var(--sl-color-dark-rgb, 20, 42, 75), 0.25);
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: rgba(var(--sl-color-dark-rgb, 20, 42, 75), 0.4);
}

::-webkit-scrollbar-button {
    display: none;
}

@media (max-width: 1024px) {
    ::-webkit-scrollbar {
        width: 4px;
        height: 4px;
    }
}

@supports not selector(::-webkit-scrollbar) {
    html {
        scrollbar-width: thin;
        scrollbar-color: rgba(var(--sl-color-dark-rgb, 20, 42, 75), 0.25) rgba(var(--sl-color-dark-rgb, 20, 42, 75), 0.08);
    }
}
h1, h2, h3, h4, h5, h6 {
    font-family: var(--sl-heading-font, var(--sl-font, "Onest", sans-serif));
}

/* Page, section and large-block headings without semantic heading markup. */
.sl-catalog-banner__title,
.sl-sections__track-title,
.linear-banner__title,
.sl-blog-sidebar__title,
.sl-stocks-sidebar__title,
.sl-product-short-info__title,
.sl-cart-total__title,
.bx-soa-section-title,
.sl-search-page__zero-title,
.sl-search-page__popular-title,
.qwelp-favorites-list__empty-title,
.sl-account-wallet__title,
.sl-reviews__viewer-title,
.sl-reviews__modal-add-title,
.sl-contacts__feedback-status-title {
    font-family: var(--sl-heading-font, var(--sl-font, "Onest", sans-serif));
}

/* Product, card and list-item names are content text, not typography headings. */
.product-item-title,
.sl-subscribe-card__title,
.sl-list-card__title,
.sl-line-card__title,
.sl-news__card-title,
.sl-blog__card-title,
.sl-blog-sidebar__card-title,
.sl-stocks__card-title,
.sl-stocks-sidebar__card-title,
.sl-services__card-title,
.sl-service-page__card-title,
.sl-collections__card-title,
.sl-collections-page__card-name,
.sl-colfull__card-name,
.sl-colfull-v2__card-name,
.sl-reviews__product-name,
.sl-cart-item__name,
.sl-orders__card-title,
.sl-loyalty-page__card-title,
.sl-loyalty-page__step-title,
.sl-loyalty-product__title,
.sl-sticky-panel__title,
.sl-search__item-title,
.sl-delivery__card-title,
.sl-howto__card-title,
.sl-howto__step-title,
.sl-guaranty__card-title,
.sl-about__value-title,
.sl-about__feature-title,
.sl-corp__advantage-title,
.sl-corp__service-title,
.sl-corp__step-title,
.sl-partners__step-title,
.sl-partners__program-title,
.sl-payment__item-title,
.sl-licenses__title,
.sl-text-banners__title,
.sl-footer__col-title,
.sl-footer__contacts-title {
    font-family: var(--sl-font, "Onest", sans-serif);
}

.bx-soa-section-title .bx-soa-person-type-inline,
.bx-soa-section-title .form-check-label {
    font-family: var(--sl-font, "Onest", sans-serif);
}

h1 {
    margin: 0;
    color: var(--sl-color-heading, #142A4B);
    font-size: var(--sl-heading-md, 28px);
    font-weight: 500;
    line-height: normal;
}

h2 {
    margin: 0;
    color: var(--sl-color-heading, #142A4B);
    font-size: var(--sl-heading-md, 28px);
    font-weight: 500;
    line-height: normal;
}

img, svg {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
}

html {
    -webkit-tap-highlight-color: transparent;
}

input:focus {
    outline: none !important;
}

:where(
    a,
    button,
    area,
    summary,
    label,
    select,
    input,
    textarea,
    .btn,
    [role="button"],
    [role="link"],
    [role="tab"],
    [role="menuitem"],
    [role="option"],
    [tabindex]:not([tabindex="-1"])
) {
    -webkit-tap-highlight-color: transparent;
}

a:focus,
button:focus,
area:focus,
summary:focus,
[role="button"]:focus,
[role="link"]:focus,
img[tabindex]:focus {
    outline: none !important;
    box-shadow: none !important;
}

:where(
    a,
    button,
    area,
    summary,
    .btn,
    [role="button"],
    [role="link"],
    [role="tab"],
    [role="menuitem"],
    [role="option"],
    [tabindex]:not([tabindex="-1"])
):focus:not(:focus-visible),
:where(
    a,
    button,
    area,
    summary,
    .btn,
    [role="button"],
    [role="link"],
    [role="tab"],
    [role="menuitem"],
    [role="option"],
    [tabindex]:not([tabindex="-1"])
):active {
    outline: none !important;
    box-shadow: none !important;
}

.button-clear {
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
}

.button-radius {
    border-radius: var(--sl-button-radius, 100px);
}

.input-radius {
    border-radius: var(--sl-input-radius, 100px);
}

.sl-header {
    --sl-button-radius: var(--sl-header-action-radius, var(--sl-header-control-radius, 10px));
    --sl-input-radius: var(--sl-header-field-radius, var(--sl-header-control-radius, 10px));
    color: var(--sl-header-text, var(--sl-color-dark, #142A4B));
}

.sl-header__login-authorized-icon > * {
    fill: var(--sl-color-link, #7060F8);
}

.sl-header--fluid .sl-header__topbar > .sl-container,
.sl-header--fluid .sl-header__main > .sl-container,
.sl-header--fluid .sl-hero-wrap__header > .sl-header__topbar > .sl-container,
.sl-header--fluid .sl-hero-wrap__header > .sl-header__main > .sl-container {
    max-width: none;
}

@media (min-width: 1025px) {
    .sl-header--catalog-right .sl-header__catalog-wrap {
        flex-direction: row-reverse;
    }
}

.sl-header .sl-header__topbar {
    background: var(--sl-nav-bg, transparent);
}

.sl-header :is(
    .sl-header__city,
    .sl-header__phone,
    .sl-header__phone-popup-label,
    .sl-header__phone-popup-number,
    .sl-header__phone-popup-text,
    .sl-header__callback,
    .sl-header__search-input,
    .sl-header__action,
    .sl-header__theme,
    .sl-header__login-popup-item
) {
    color: var(--sl-header-text, var(--sl-color-dark, #142A4B)) !important;
}

.sl-header :is(.sl-header__city-icon, .sl-header__topbar-arrow) {
    color: var(--sl-header-text, var(--sl-color-dark, #142A4B)) !important;
    fill: currentColor !important;
}

.sl-header__search-input::placeholder {
    color: var(--sl-header-text, var(--sl-color-dark, #142A4B)) !important;
    opacity: 0.52;
}

.sl-header :is(
    .sl-header__topbar-link,
    .sl-header__topbar-sublink,
    .sl-header__topbar-link__svg
) {
    color: var(--sl-nav-text, var(--sl-header-text, var(--sl-color-dark, #142A4B))) !important;
}

.sl-header .sl-header__topbar-right .sl-header__topbar-link {
    transition: color 0.2s ease;
}

.sl-header .sl-header__topbar-right .sl-header__topbar-link:hover,
.sl-header .sl-header__topbar-right .sl-header__topbar-link:focus-visible {
    background-color: transparent !important;
    color: var(--sl-header-v1-current-menu-hover-text, var(--sl-nav-hover-text, var(--sl-color-link, #7060F8))) !important;
}

.sl-header .sl-header__topbar-right .sl-header__topbar-link:hover :is(.sl-header__topbar-link__svg, .sl-header__topbar-arrow),
.sl-header .sl-header__topbar-right .sl-header__topbar-link:focus-visible :is(.sl-header__topbar-link__svg, .sl-header__topbar-arrow) {
    color: currentColor !important;
}

.sl-header .sl-header__topbar-link--accent,
.sl-header .sl-header__topbar-link--accent .sl-header__topbar-link__svg {
    color: var(--sl-color-promo-accent, #EB485E) !important;
}

.sl-header :is(.sl-header__topbar-submenu, .sl-header__login-popup-nav) {
    background: var(--sl-nav-bg, var(--sl-overlay-surface-bg, var(--sl-color-white, #FFFFFF))) !important;
}

.sl-header--topbar-hidden .sl-header__topbar,
.sl-header--search-hidden .sl-header__search,
.sl-header--catalog-hidden .sl-header__catalog-btn,
.sl-header--regions-hidden .sl-city-btn,
.sl-header--regions-hidden .sl-header__city,
.sl-header--compare-hidden .sl-header__action--compare,
.sl-header--favorites-hidden .sl-header__action--favorites,
.sl-header--cart-hidden .sl-header__action--cart,
.sl-header--account-hidden .sl-header__login-wrap,
.sl-header--theme-hidden .sl-header__theme {
    display: none !important;
}

.sl-header--nav-uppercase :is(.sl-header__topbar-link, .sl-header__topbar-sublink) {
    text-transform: uppercase;
}

.sl-header--nav-icons-hidden :is(.sl-header__topbar-link__svg, .sl-header__topbar-link > svg:not(.sl-header__topbar-arrow)) {
    display: none !important;
}

.sl-header.sl-header--nav-icons-hidden .sl-header__topbar-link.sl-header__topbar-link--accent > .sl-header__topbar-link__svg {
    display: inline-block !important;
}

.sl-header__logo,
.sl-header__logo img {
    max-height: var(--sl-header-logo-height, 60px);
}

.sl-header__catalog-btn.button-clear {
    background-color: var(--sl-header-catalog-bg, var(--sl-color-cta, var(--sl-color-dark, #142A4B))) !important;
}

.sl-header__catalog-btn.button-clear:hover,
.sl-header__catalog-btn--active {
    background-color: var(--sl-header-catalog-bg, var(--sl-color-cta-hover, var(--sl-color-catalog-btn-active, #7060F8))) !important;
    background-color: color-mix(in srgb, var(--sl-header-catalog-bg, var(--sl-color-cta, #142A4B)) 88%, #000000) !important;
}

.sl-header__search {
    background: var(--sl-header-search-bg, rgba(var(--sl-color-dark-rgb), 0.05)) !important;
}

.sl-header__action,
.sl-header__theme {
    background-color: var(--sl-header-action-bg, transparent);
}

.sl-header__action {
    border: 0;
    padding: 0;
    color: inherit;
    font: inherit;
    cursor: pointer;
    appearance: none;
}

.sl-header__theme:hover {
    background-color: var(--sl-header-action-bg, transparent);
}

.sl-header__topbar-sublink:hover,
.sl-header__login-popup-item:hover {
    background-color: var(--sl-nav-hover-bg, rgba(var(--sl-color-link-rgb, 112, 96, 248), 0.08));
}

.sl-header__topbar-link.is-active,
.sl-header__topbar-link--active {
    background-color: transparent;
}

.sl-city-btn__button,
.sl-header__city {
    background: var(--sl-region-selector-bg, transparent) !important;
    color: var(--sl-region-selector-text, var(--sl-color-dark, #142A4B)) !important;
}

.sl-city-selector__window,
.sl-city-center__panel {
    max-width: min(var(--sl-region-popup-width, 720px), calc(100vw - 20px)) !important;
    background: var(--sl-region-card-bg, var(--sl-overlay-surface-bg, var(--sl-color-white))) !important;
}

.sl-city-dropdown {
    background: var(--sl-region-card-bg, var(--sl-overlay-surface-bg, var(--sl-color-white))) !important;
}

.sl-city-dropdown__option--active,
.sl-city-center__option--active.button-clear,
.sl-city-center__option--active.button-clear:hover,
.sl-city-selector__item--active,
.sl-city-selector__city-item--active {
    background: var(--sl-region-active-bg, rgba(var(--sl-color-link-rgb, 112, 96, 248), 0.1)) !important;
    color: var(--sl-region-active-text, var(--sl-color-link, #7060F8)) !important;
}

.sl-cart-total-static :is(.sl-cart-sidebar, .bx-soa-cart-total, .bx-soa-cart-total.bx-soa-cart-total-fixed, .bx-soa-cart-total.bx-soa-cart-total-bottom) {
    position: static !important;
    top: auto !important;
}

.sl-header__main-row {
    border-radius: var(--sl-header-radius, var(--sl-card-radius, 20px)) !important;
}

body :is(.sl-cart-widget__body, .sl-cart-widget__content) {
    border-radius: 20px !important;
}

.sl-catalog-menu__inner {
    border-radius: var(--sl-menu-radius, 20px) !important;
    background: var(--sl-nav-bg, var(--sl-menu-bg, var(--sl-color-white))) !important;
    color: var(--sl-nav-text, var(--sl-menu-text, var(--sl-color-dark))) !important;
    padding: var(--sl-menu-padding, 40px) !important;
}

.sl-catalog-menu :is(
    .sl-catalog-menu__item,
    .sl-catalog-menu__group-name,
    .sl-catalog-menu__subcat,
    .sl-catalog-menu__subchild,
    .sl-catalog-menu__toggle
) {
    color: var(--sl-nav-text, var(--sl-menu-text, var(--sl-color-dark, #142A4B))) !important;
}

.sl-header__phone-popup-inner,
.sl-header__topbar-submenu,
.sl-header__login-popup-nav {
    border-radius: var(--sl-dropdown-radius, min(var(--sl-card-radius, 20px), 24px)) !important;
    background: var(--sl-overlay-surface-bg, var(--sl-color-white)) !important;
}

body :is(
    .sl-dropdown__list,
    .sl-catalog-toolbar__tag-dropdown-inner,
    .sl-catalog-toolbar__sort-list,
    .sl-city-dropdown,
    .smart-filter-hint-popup,
    .smart-filter-dropdown-popup,
    .smart-filter-popup-result
) {
    border-radius: var(--sl-dropdown-radius, min(var(--sl-card-radius, 20px), 24px)) !important;
    background: var(--sl-overlay-surface-bg, var(--sl-color-white)) !important;
}

body :is(
    .popup-window,
    .bx-catalog-subscribe-alert-popup,
    .sl-city-selector__window,
    .sl-city-center__panel,
    .sl-city-confirm,
    .sl-popup__modal,
    .sl-share-modal,
    .sl-size-chart__modal,
    .sl-reviews__popup,
    .sl-reviews__modal-add-panel,
    .sl-reviews__modal-media-panel
) {
    border-radius: var(--sl-modal-radius, min(var(--sl-popup-border-radius, var(--sl-card-radius, 20px)), 32px)) !important;
    background: var(--sl-overlay-surface-bg, var(--sl-color-white)) !important;
}

body .popup-window-close-icon.popup-window-titlebar-close-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.75rem !important;
    height: 1.75rem !important;
    background: transparent !important;
    color: var(--sl-color-dark, #142A4B);
    opacity: 1;
    transition: color 0.2s ease, opacity 0.2s ease;
}

body .popup-window-close-icon.popup-window-titlebar-close-icon::before {
    content: "";
    display: block;
    width: 0.875rem;
    height: 0.875rem;
    background: currentColor;
    opacity: 0.3;
    pointer-events: none;
    transition: opacity 0.2s ease;
    -webkit-mask: url("data:image/svg+xml,%3Csvg%20viewBox='0%200%2017%2017'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Crect%20y='15.5566'%20width='22'%20height='2'%20rx='1'%20transform='rotate(-45%200%2015.5566)'%20fill='black'/%3E%3Crect%20width='22'%20height='2'%20rx='1'%20transform='matrix(-0.707107%20-0.707107%20-0.707107%200.707107%2016.9707%2015.5566)'%20fill='black'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg%20viewBox='0%200%2017%2017'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Crect%20y='15.5566'%20width='22'%20height='2'%20rx='1'%20transform='rotate(-45%200%2015.5566)'%20fill='black'/%3E%3Crect%20width='22'%20height='2'%20rx='1'%20transform='matrix(-0.707107%20-0.707107%20-0.707107%200.707107%2016.9707%2015.5566)'%20fill='black'/%3E%3C/svg%3E") center / contain no-repeat;
}

body .popup-window-close-icon.popup-window-titlebar-close-icon::after {
    content: none !important;
    display: none !important;
}

body .popup-window-close-icon.popup-window-titlebar-close-icon:hover::before,
body .popup-window-close-icon.popup-window-titlebar-close-icon:focus-visible::before {
    opacity: 0.55;
}

body .popup-window-close-icon.popup-window-titlebar-close-icon:focus-visible {
    border-radius: 50%;
    outline: 2px solid rgba(var(--sl-color-link-rgb), 0.25);
    outline-offset: 2px;
}

.sl-popup__field-textarea,
.sl-reviews__form-text,
.sl-reviews__form-advantages,
.sl-reviews__form-disadvantages {
    border-radius: min(var(--sl-field-radius, 10px), 24px) !important;
}

.sl-city-confirm::before {
    background: var(--sl-overlay-surface-bg, var(--sl-color-white)) !important;
}

.sl-header__login-popup {
    max-width: min(280px, calc(100vw - 20px));
}

.sl-header__login-popup-nav {
    width: max-content;
    min-width: 220px;
    max-width: 100%;
    max-height: min(420px, 70vh);
    overflow-y: auto;
}

.sl-header__login-popup-item {
    min-height: 36px;
    line-height: 1.3;
}

.sl-header__catalog-btn,
.sl-header__phone,
.sl-header__phone-popup-btn,
.sl-header__topbar-sublink,
.sl-header__callback,
.sl-catalog-menu__banner-edit,
.sl-mobile-menu__cta {
    border-radius: var(--sl-header-action-radius, var(--sl-header-control-radius, 10px)) !important;
}

.sl-cart-widget__checkout {
    border-radius: 100px !important;
}

.sl-header__search-btn,
.sl-header__action,
.sl-header__theme,
.sl-header__menu-mobile,
.sl-city-selector__close {
    border-radius: var(--sl-header-action-radius, var(--sl-header-control-radius, 50%)) !important;
}

.sl-header .sl-header__theme {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    min-width: 44px;
    height: 44px;
    min-height: 44px;
    padding: 0;
}

.sl-header .sl-header__phone {
    display: inline-flex;
    align-items: center;
    min-height: 0;
    transition: background-color 0.2s ease, border-radius 0.2s ease;
}

@media (hover: hover) and (pointer: fine) and (min-width: 1025px) {
    .sl-header .sl-header__phone:hover,
    .sl-header__phone-wrap:hover .sl-header__phone {
        background-color: rgba(var(--sl-color-dark-rgb), 0.05) !important;
        border-radius: var(--sl-breadcrumb-radius) !important;
    }
}

.sl-header__search,
.sl-city-selector__search-input {
    border-radius: var(--sl-header-field-radius, var(--sl-header-control-radius, 10px)) !important;
}

.sl-city-selector__search-input {
    border-radius: var(--sl-field-radius, var(--sl-header-field-radius, 10px)) !important;
}

.sl-city-selector__chip,
.sl-city-selector__item,
.sl-city-selector__city-item {
    border-radius: var(--sl-choice-radius, 8px) !important;
}

.sl-header__search-btn svg rect {
    rx: var(--sl-header-action-radius, var(--sl-header-control-radius, 5px));
}

@media (max-width: 576px) {
    .sl-city-selector__window {
        border-radius: var(--sl-modal-radius, min(var(--sl-card-radius, 20px), 32px)) var(--sl-modal-radius, min(var(--sl-card-radius, 20px), 32px)) 0 0 !important;
    }
}

.hide {
    display: none;
}

/* ========== Layout ========== */
.sl-wrapper {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    flex-shrink: 0;
    position: relative;
    overflow-x: clip;
}

.sl-wrapper::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*background: url("/local/templates/shop_light/images/bg-decor.svg") top center / 100% auto no-repeat;*/
    pointer-events: none;
    z-index: 0;
}

.sl-main {
    flex-grow: 1;
}

.sl-page-home {
    background-color: var(--sl-homepage-bg-color, var(--sl-site-bg-color, var(--sl-color-bg)));
    background-image: var(--sl-homepage-bg-image, var(--sl-site-bg-image, none));
    background-repeat: var(--sl-homepage-bg-repeat, var(--sl-site-bg-repeat, no-repeat));
    background-position: center -437px;
    background-size: 2366px auto;
}

.sl-page-home .sl-main {
    padding-top: var(--sl-homepage-top-padding, 0);
    padding-bottom: var(--sl-homepage-bottom-padding, 0);
}

.sl-container {
    max-width: calc(var(--sl-container) + var(--sl-gap-page) * 2);
    margin-inline: auto;
    padding-inline: var(--sl-gap-page);
}

.sl-block__background {
    box-sizing: border-box;
    width: 100%;
}

.sl-block__background--container {
    border-radius: var(--sl-card-radius, var(--sl-radius-outer, 1.25rem));
}

.sl-block--custom-bg-image,
.sl-block--custom-bg-image .sl-block__background {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.sl-block--custom-card-bg .product-item,
.sl-block--custom-card-bg .product-item.sl-card,
.sl-block--custom-card-bg .product-item-container.hover .product-item,
.sl-block--custom-card-bg .sl-colfull__card,
.sl-block--custom-card-bg .sl-colfull-v2__card,
.sl-block--custom-card-bg .sl-reviews-v2__card,
.sl-block--custom-card-bg .sl-addresses__panel,
.sl-block--custom-card-bg .sl-addresses-v2__card,
.sl-block--custom-card-bg .sl-promo-cards__card {
    background: var(--sl-block-card-bg) !important;
}

.sl-block--custom-spacing > :first-child,
.sl-block--custom-spacing > .sl-container > :first-child,
.sl-block--custom-spacing > .sl-container > .sl-block__background > :first-child {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.sl-horizontal-promo-banner .qbe-banner {
    max-width: none !important;
}

.sl-page-home .sl-block {
    margin-bottom: var(--sl-homepage-block-gap, 5.625rem);
}

.sl-page-home .sl-block:last-child {
    margin-bottom: 0;
}

.sl-page-home .sl-block .swiper:not(.qbe-banner__viewport) {
    max-width: 100%;
    min-width: 0;
}

@media (max-width: 1024px) {
    .sl-page-home .sl-block .swiper.sl-promo-tabbed__tabs-swiper {
        max-width: none;
    }
}

.sl-page-home .sl-block .swiper:not(.qbe-banner__viewport):not(.swiper-initialized) {
    overflow: hidden;
}

.sl-page-home .sl-block .swiper:not(.qbe-banner__viewport):not(.sl-colfull-v2__cards-wrap):not(.sl-colfull-v2__bundles-wrap):not(.swiper-initialized) > .swiper-wrapper {
    display: flex;
    align-items: stretch;
    max-width: 100%;
    min-width: 0;
}

.sl-page-home .sl-block .swiper:not(.qbe-banner__viewport):not(.swiper-initialized) > .swiper-wrapper > .swiper-slide {
    box-sizing: border-box;
    flex-shrink: 0;
    max-width: 100%;
    min-width: 0;
}

.sl-page-home .sl-block .swiper:not(.qbe-banner__viewport):not(.swiper-initialized) img {
    max-width: 100%;
}

body.sl-page-home :is(
    [data-sl-homepage-block="categories_promo"],
    [data-sl-homepage-block="popular_products"],
    [data-sl-homepage-block="reviews"],
    [data-sl-homepage-block="kollektsii_spisok"],
    [data-sl-homepage-block="stocks_list"],
    [data-sl-homepage-block="news_tabs"]
) {
    --sl-slider-gap: var(--sl-homepage-card-gap, 0.875rem);
}

body.sl-page-home .sl-banner-overlap__cards {
    gap: var(--sl-homepage-card-gap, 0.875rem);
}

body.sl-page-home .sl-block[data-sl-homepage-block="kollektsii_spisok"] :is(
    .swiper.sl-colfull-v2__cards-wrap,
    .swiper.sl-colfull-v2__bundles-wrap
):not(.qbe-banner__viewport):not(.swiper-initialized) > .swiper-wrapper {
    gap: var(--sl-homepage-card-gap, 0.875rem);
}

.sl-page-home .sl-block .qwelp-banner-overlap-layout,
.sl-page-home .sl-block .qpb-placement,
.sl-page-home .sl-block .sl-promo-list,
.sl-page-home .sl-block .sl-promo-tabbed,
.sl-page-home .sl-block .sl-promo-cards,
.sl-page-home .sl-block .sl-brands,
.sl-page-home .sl-block .sl-reviews--v2,
.sl-page-home .sl-block .sl-horizontal-promo-banner .qbe-banner,
.sl-page-home .sl-block .sl-colfull-v2,
.sl-page-home .sl-block .sl-addresses--v2,
.sl-page-home .sl-block .sl-stocks,
.sl-page-home .sl-block .sl-news {
    margin-bottom: 0 !important;
}

.sl-page-home .sl-block:has(.sl-reviews--v2),
.sl-page-home .sl-block:has(.sl-horizontal-promo-banner),
.sl-page-home .sl-block:has(.sl-colfull-v2),
.sl-page-home .sl-block:has(.qwelp-banner-overlap-layout) {
    margin-bottom: var(--sl-homepage-block-gap, 5.625rem);
}

.sl-page-home .sl-block:has(.qwelp-banner-overlap-layout):has(+ .sl-block .sl-promo-list) {
    margin-bottom: clamp(2rem, 3.5vw, 3rem);
}

.sl-page-home .sl-block:has(.sl-promo-list):has(+ .sl-block .sl-promo-tabbed),
.sl-page-home .sl-block:has(.sl-reviews--v2):has(+ .sl-block .sl-horizontal-promo-banner) {
    margin-bottom: var(--sl-homepage-block-gap-compact, var(--sl-homepage-block-gap, 5.625rem));
}

.sl-page-home .sl-block:has(.sl-horizontal-promo-banner):has(+ .sl-block .sl-colfull-v2) {
    margin-bottom: var(--sl-homepage-block-gap-compact, var(--sl-homepage-block-gap, 5.625rem));
}

.sl-page-home .sl-block:has(.sl-reviews--v2):has(+ .sl-block .sl-horizontal-promo-banner) .sl-reviews--v2 {
    margin-bottom: 0 !important;
}

.sl-page-home .sl-block:has(+ .sl-block .sl-addresses--v2) {
    margin-bottom: var(--sl-homepage-block-gap, 5.625rem);
}

.sl-page-home .sl-block[data-sl-homepage-block="address"],
.sl-page-home .sl-block:has(.sl-addresses--v2) {
    margin-bottom: var(--sl-homepage-block-gap-zero, 0px);
}

.sl-page-home .sl-block:has(.sl-news) {
    margin-bottom: var(--sl-homepage-block-gap, 5.625rem);
}

.sl-page-home .sl-block .qpb-placement {
    gap: var(--sl-homepage-block-gap-compact, 1rem);
}

@media (min-width: 1025px) and (max-width: 1199px) {
    body.sl-page-home,
    body:has(.sl-page-home) {
        --sl-gap-section: clamp(3rem, 4.4vw, 3.25rem);
        --sl-homepage-block-gap: clamp(2.5rem, 4vw, 3rem);
        --sl-homepage-block-gap-compact: clamp(1.5rem, 2.4vw, 1.875rem);
    }
}

@media (max-width: 1024px) {
    :root {
        --sl-gap-section: clamp(3.125rem, 5.5vw, 3.75rem);
        --sl-homepage-block-gap: clamp(1.25rem, 2.5vw, 1.5rem);
        --sl-homepage-block-gap-compact: clamp(0.75rem, 1.5vw, 1rem);
    }

    .sl-block {
        margin-bottom: clamp(1rem, 2.2vw, 1.5rem);
    }

    .sl-block:last-child {
        margin-bottom: 0;
    }

    .sl-page-home .qwelp-banner-overlap-layout {
        --qwelp-banner-overlap-margin-top: clamp(1rem, 2.2vw, 1.5rem);
    }

    .sl-page-home .qwelp-banner-overlap-layout__grid,
    .sl-page-home .qwelp-banner-overlap-layout__sidebar {
        grid-template-columns: minmax(0, 1fr);
        gap: var(--sl-homepage-card-gap, 0.875rem);
    }

    .sl-page-home .qwelp-banner-overlap-layout__grid {
        height: auto;
    }

    .sl-page-home .qwelp-banner-overlap-layout__sidebar {
        grid-template-rows: auto;
    }

    .sl-page-home .qwelp-banner-overlap-layout__cards,
    .sl-page-home .sl-banner-overlap__cards {
        height: auto;
        max-height: none;
    }

    .sl-page-home .qwelp-banner-overlap-layout__placement {
		width: 100%;
        min-height: 0;
        height: auto;
        overflow: visible;
    }

    .sl-page-home .qwelp-banner-overlap-layout__placement .qbe-banner {
        height: auto;
    }

    .sl-page-home .qwelp-banner-overlap-layout__placement .qbe-banner__viewport {
        height: auto;
        min-height: 0;
    }

    .sl-page-home .sl-banner-overlap__cards {
		width: 100%;
		margin-inline: 0;
		grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: clamp(0.75rem, 1.8vw, 1rem);
    }

    .sl-page-home .sl-banner-overlap__cards .product-item-container:nth-child(n+3) {
		display: none;
    }

    .sl-page-home .sl-banner-overlap__cards .product-item-container.hover .product-item,
    .bx-no-touch .sl-page-home .sl-banner-overlap__cards .product-item-container.hover .product-item:not(.sl-list-card):not(.sl-line-card) {
        box-shadow: none !important;
        padding: 0.9375rem !important;
    }
}

@media (min-width: 577px) and (max-width: 1024px) {
    :root {
        --sl-page-footer-gap: 3.75rem;
    }

    body.sl-page-home .sl-main [id^="bx_incl_area_"] > .sl-block:not(:has(~ .sl-block)) {
        margin-bottom: var(--sl-page-footer-gap, 3.75rem);
    }

    body :is(
        .sl-about,
        .sl-service-page,
        .sl-howto,
        .sl-payment-page,
        .sl-guaranty,
        .sl-faq-page,
        .sl-delivery,
        .sl-credit
    ) {
        padding-bottom: var(--sl-page-footer-gap, 3.75rem);
    }

    body :is(
        .sl-search,
        .sl-search-page,
        .sl-personal-subscriptions,
        .sl-subscribe,
        .sl-stocks-detail__layout,
        .sl-services-detail__layout,
        .sl-news__pager-row,
        .sl-news-detail__layout,
        .sl-services__pager-row,
        .sl-brands-page__directory,
        .sl-brands-page__workspace,
        .sl-brands-page__finder
    ) {
        margin-bottom: var(--sl-page-footer-gap, 3.75rem);
    }
}

@media (min-width: 700px) and (max-width: 1024px) {
    .sl-page-home .sl-banner-overlap__cards {
		grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .sl-page-home .sl-banner-overlap__cards .product-item-container:nth-child(n+3) {
		display: flex;
    }
}

@media (max-width: 768px) {
    :root {
        --sl-gap-section: 50px;
    }
}

@media (max-width: 576px) {
    :root {
        --sl-homepage-block-gap: 1rem;
        --sl-homepage-block-gap-compact: 0.75rem;
    }

    body.sl-page-home,
    body:has(.sl-page-home) {
        --sl-gap-page: 0.9375rem;
        --sl-card-gap: 0.9375rem;
        --sl-card-gap-half: 0.625rem;
        --sl-grid-gap: var(--sl-card-gap);
        --sl-slider-gap: var(--sl-card-gap);
        --sl-homepage-block-gap: 1rem;
        --sl-homepage-block-gap-compact: 0.75rem;
    }

    .sl-block {
        margin-bottom: 16px;
    }

    /* Reset all inner block margins on mobile for consistent spacing */
    .sl-block > .sl-container > * {
        margin-bottom: 0 !important;
    }

    .sl-page-home .sl-block:has(.sl-news) {
        margin-bottom: 16px !important;
    }

    .sl-page-home .sl-banner-overlap__cards {
		grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .sl-page-home .qwelp-banner-overlap-layout__placement .qbe-banner__element:has(> :is(
        .sl-banner-badge,
        .sl-banner-title,
        .sl-banner-text,
        .sl-banner-button-catalog
    )) {
        right: auto !important;
        bottom: auto !important;
        transform: none !important;
    }

    .sl-page-home .qwelp-banner-overlap-layout__placement .qbe-banner__element:has(> .sl-banner-badge) {
        top: 1.25rem !important;
        left: 1.25rem !important;
    }

    .sl-page-home .qwelp-banner-overlap-layout__placement .qbe-banner__element:has(> .sl-banner-title) {
        top: 3.8125rem !important;
        left: 1.25rem !important;
        width: calc(100% - 2.5rem) !important;
        max-width: none !important;
        height: auto !important;
    }

    .sl-page-home .qwelp-banner-overlap-layout__placement .qbe-banner__element:has(> .sl-banner-text) {
        top: 9.5rem !important;
        left: 1.25rem !important;
        width: calc(100% - 2.5rem) !important;
        max-width: none !important;
        height: auto !important;
    }

    .sl-page-home .qwelp-banner-overlap-layout__placement .qbe-banner__element:has(> .sl-banner-button-catalog) {
        top: 16rem !important;
        left: 1.25rem !important;
        width: max-content !important;
        max-width: calc(100% - 2.5rem) !important;
        height: auto !important;
    }
}

@media (max-width: 480px) {
    :root {
        --sl-gap-page: 10px;
        --sl-gap-section: 40px;
    }

    .sl-page-home .sl-banner-overlap__cards {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sl-page-home .sl-banner-overlap__cards .product-item-container:nth-child(n+3) {
        display: none;
    }
}

/* Desktop-only device preview control. Markup is rendered near the footer. */
.sl-devsw-hidden {
	display: none !important;
}

.sl-devsw {
	position: fixed;
	right: 90px;
	bottom: 20px;
	z-index: 100000;
	display: flex;
	gap: 4px;
	padding: 4px;
	background: #fff;
	border-radius: 10px;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.12);
}

.sl-devsw__btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 32px;
	color: #9ca3af;
	background: transparent;
	border: 0;
	border-radius: 6px;
	cursor: pointer;
	transition: color 0.15s, background-color 0.15s;
}

.sl-devsw__btn:hover,
.sl-devsw__btn--active {
	color: #142a4b;
	background: #f5f4fa;
}

.sl-devsw-overlay {
	position: fixed;
	inset: 0;
	z-index: 99999;
	display: none;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: max(30px, env(safe-area-inset-top)) max(30px, env(safe-area-inset-right)) max(30px, env(safe-area-inset-bottom)) max(30px, env(safe-area-inset-left));
	background: #e5e5eb;
}

.sl-devsw-overlay--open {
	display: flex;
}

.sl-devsw-device {
	position: relative;
	max-height: calc(100vh - 120px);
	max-height: calc(100dvh - 120px);
	overflow: hidden;
	background: #fff;
	transition: width 0.3s ease, height 0.3s ease;
}

.sl-devsw-device--tablet {
	width: 768px;
	height: min(1024px, calc(100vh - 120px));
	height: min(1024px, calc(100dvh - 120px));
	border: 6px solid #2a2a3a;
	border-radius: 20px;
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
}

.sl-devsw-device--mobile {
	width: 375px;
	height: min(812px, calc(100vh - 120px));
	height: min(812px, calc(100dvh - 120px));
	border: 10px solid #1a1a2e;
	border-radius: 40px;
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);
}

.sl-devsw-device__iframe {
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
}

.sl-devsw-overlay__label {
	margin-top: 12px;
	color: #8b8b9a;
	font-size: 13px;
}

@media (max-width: 1024px) {
	.sl-devsw {
		display: none;
	}
}

@media (max-width: 1024px), (max-width: 1120px) and (hover: none) {
    .sl-horizontal-promo-banner .qbe-banner__viewport {
        height: clamp(17.5rem, 34vw, 20.875rem) !important;
        min-height: clamp(17.5rem, 34vw, 20.875rem) !important;
        max-height: none !important;
        aspect-ratio: auto !important;
    }

    .sl-horizontal-promo-banner .qbe-banner__element:has(> :is(
        .linear-banner__title,
        .linear-banner__text,
        .linear-banner__button
    )) {
        right: auto !important;
        margin: 0 !important;
        transform: none !important;
    }

    .sl-horizontal-promo-banner .qbe-banner__element:has(> .linear-banner__title) {
        top: clamp(1.25rem, 3vw, 2rem) !important;
        left: clamp(1.25rem, 4vw, 2.5rem) !important;
        bottom: auto !important;
        width: min(34rem, calc(100% - clamp(2.5rem, 8vw, 5rem))) !important;
        max-width: none !important;
        height: auto !important;
    }

    .sl-horizontal-promo-banner .qbe-banner__element:has(> .linear-banner__text) {
        top: 5.5rem !important;
        left: clamp(1.25rem, 4vw, 2.5rem) !important;
        bottom: auto !important;
        width: min(38rem, calc(100% - clamp(2.5rem, 8vw, 5rem))) !important;
        max-width: none !important;
        height: auto !important;
        max-height: none !important;
        aspect-ratio: auto !important;
    }

    .sl-horizontal-promo-banner .qbe-banner__element:has(> .linear-banner__button) {
        top: auto !important;
        left: clamp(1.25rem, 4vw, 2.5rem) !important;
        bottom: clamp(1.25rem, 3vw, 2rem) !important;
        width: max-content !important;
        max-width: calc(100% - clamp(2.5rem, 8vw, 5rem)) !important;
        height: auto !important;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .sl-horizontal-promo-banner .qbe-banner__element:has(> .linear-banner__text) {
        width: min(31rem, 44%) !important;
    }

    .sl-horizontal-promo-banner [data-qbe-foreground-layer="foreground-3"] {
        transform: translate(2%, 0) !important;
    }

    .sl-horizontal-promo-banner :is(.linear-banner__title, .linear-banner__text) {
        text-shadow: 0 1px 2px rgba(20, 42, 75, 0.18);
    }
}

@media (max-width: 480px) {
    .sl-horizontal-promo-banner .qbe-banner__viewport {
        height: 24rem !important;
        min-height: 24rem !important;
    }
}

@media (max-width: 767px) {
    .sl-container {
        overflow: visible;
    }

    /* Let horizontal scrollers reach the right edge of the screen */
    .sl-block .sl-container {
        overflow: visible;
    }
}

.sl-scroll-top {
    --sl-scroll-top-base-bottom: 30px;
    --sl-scroll-top-avoid-offset: 0px;
    position: fixed;
    bottom: calc(var(--sl-scroll-top-base-bottom) + var(--sl-scroll-top-avoid-offset));
    right: 30px;
    z-index: 50;
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--sl-scroll-top-size, 48px);
    height: var(--sl-scroll-top-size, 48px);
    border: none;
    border-radius: var(--sl-scroll-top-radius, var(--sl-action-radius, 50%));
    background-color: var(--sl-header-catalog-bg, var(--sl-color-cta, var(--sl-color-dark, #142A4B))) !important;
    color: var(--sl-scroll-top-color, var(--sl-color-white));
    box-shadow: 0 12px 28px rgba(var(--sl-color-link-rgb), 0.28);
    cursor: pointer;
    opacity: 0;
    pointer-events: none;
    transition: background-color 0.2s ease, bottom 0.25s ease, box-shadow 0.2s ease, color 0.2s ease, opacity 0.3s ease, transform 0.3s ease;
    transform: translateY(20px);
}

.sl-scroll-top--disabled {
    display: none !important;
}

.sl-scroll-top__icon {
    display: block;
    width: var(--sl-scroll-top-icon-size, 18px);
    height: var(--sl-scroll-top-icon-size, 18px);
    background: currentColor;
    mask: var(--sl-scroll-top-icon-mask, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='10' viewBox='0 0 18 10'%3E%3Cpath d='M1 9L9 1L17 9' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")) center / contain no-repeat;
    -webkit-mask: var(--sl-scroll-top-icon-mask, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='10' viewBox='0 0 18 10'%3E%3Cpath d='M1 9L9 1L17 9' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")) center / contain no-repeat;
}

.sl-scroll-top--visible {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
}

.sl-scroll-top:hover {
    background: var(--sl-scroll-top-hover-bg, var(--sl-color-link-hover));
    color: var(--sl-scroll-top-hover-color, var(--sl-scroll-top-color, var(--sl-color-white)));
    box-shadow: 0 14px 32px rgba(var(--sl-color-link-rgb), 0.36);
    opacity: 1;
}

.sl-scroll-top--visible:hover {
    transform: translateY(-2px);
}

.sl-scroll-top:active {
    transform: translateY(0);
}

.sl-scroll-top:focus-visible {
    outline: 2px solid rgba(var(--sl-color-link-rgb), 0.45);
    outline-offset: 3px;
}

html[data-theme="dark"] .sl-scroll-top {
    --sl-scroll-top-bg: var(--sl-color-cta-dark, var(--sl-color-link, #7060F8));
    --sl-scroll-top-hover-bg: var(--sl-scroll-top-bg);
    --sl-scroll-top-color: #FFFFFF;
    --sl-scroll-top-hover-color: #FFFFFF;
    background-color: var(--sl-scroll-top-bg) !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.32);
}

html[data-theme="dark"] .sl-scroll-top:hover {
    box-shadow: 0 14px 32px rgba(0, 0, 0, 0.4);
}

@media (prefers-reduced-motion: reduce) {
    .sl-header .sl-header__topbar-right .sl-header__topbar-link {
        transition: none;
    }

    .sl-scroll-top {
        transition: none;
    }
}

@media (max-width: 768px) {
    .sl-scroll-top {
        display: none !important;
    }
}

/* ========== Cart header ========== */
.sl-cart-header {
    display: flex;
    align-items: baseline;
    gap: 15px;
    margin-top: 20px;
    margin-bottom: 30px;
}

.sl-cart-header__title {
    font-family: var(--sl-heading-font, var(--sl-font, "Onest", sans-serif));
    font-weight: 500;
    font-size: var(--sl-heading-md, 28px);
    line-height: normal;
    color: #142A4B;
    margin: 0;
}

.sl-cart-header__count {
    font-family: var(--sl-font, "Onest", sans-serif);
    font-weight: 400;
    font-size: var(--sl-text-base, 16px);
    line-height: normal;
    color: #142A4B;
    opacity: 0.5;
}

@media (max-width: 768px) {
    .sl-cart-header {
        margin-top: 16px;
        margin-bottom: 20px;
        gap: 10px;
    }

    .sl-cart-header__title {
        font-size: 1.625rem;
    }

    .sl-cart-header__count {
        font-size: var(--sl-text-sm, 0.875rem);
    }
}

@media (max-width: 480px) {
    .sl-cart-header {
        margin-top: 10px;
        margin-bottom: 16px;
    }

    .sl-cart-header__title {
        font-size: calc(var(--sl-font-size-base) * 1.375);
    }

    .sl-cart-header__count {
        font-size: var(--sl-text-caption, 0.8125rem);
    }
}

/* ========== Mobile bottom nav (≤767px) ========== */
.sl-mobile-nav {
    display: none;
}

.sl-mobile-more {
    display: none;
}

@media (max-width: 767px) {
    .sl-mobile-nav {
        display: flex;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 1000;
        background: var(--sl-color-white, #FFFFFF);
        border-radius: 20px 20px 0 0;
        box-shadow: 0px 1px 50px rgba(20, 42, 75, 0.1);
        box-sizing: border-box;
        min-height: var(--sl-mobile-nav-height);
        padding: 12px clamp(6px, 3vw, 15px) calc(12px + var(--sl-safe-area-bottom));
        gap: clamp(0px, 1vw, 8px);
        justify-content: center;
        align-items: flex-start;
    }

    .sl-toast {
        bottom: calc(var(--sl-mobile-nav-height, 72px) + 10px);
    }

    .sl-mobile-nav__item {
        flex: 1;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 4px;
        text-decoration: none;
        position: relative;
        min-width: 0;
        min-height: 48px;
        -webkit-tap-highlight-color: transparent;
    }

    button.sl-mobile-nav__item {
        width: auto;
        padding: 0;
        color: var(--sl-color-dark, #142A4B);
        font: inherit;
        background: transparent;
        border: 0;
        cursor: pointer;
    }

    .sl-mobile-nav__item--more[aria-expanded="true"] .sl-mobile-nav__icon,
    .sl-mobile-nav__item--more[aria-expanded="true"] .sl-mobile-nav__label {
        color: var(--sl-color-link, #A184FF);
        opacity: 1;
    }

    .sl-mobile-nav__icon {
        width: 24px;
        height: 24px;
        flex-shrink: 0;
    }

    .sl-mobile-nav__label {
        font-size: clamp(8.75px, 2.5vw, var(--sl-text-tiny, 11px));
        font-weight: 400;
        color: var(--sl-color-dark, #142A4B);
        opacity: 0.7;
        text-align: center;
        line-height: 1.15;
        white-space: nowrap;
    }

    .sl-mobile-nav__badge {
        position: absolute;
        top: -2px;
        left: 50%;
        margin-left: 4px;
        background: var(--sl-color-success, #54C580);
        color: #fff;
        font-size: 10px;
        font-weight: 700;
        min-width: 16px;
        height: 16px;
        padding: 0 4px;
        border-radius: 100px;
        line-height: 16px;
        text-align: center;
        box-sizing: border-box;
    }

    .sl-mobile-more {
        --sl-mobile-more-viewport-top: 0px;
        --sl-mobile-more-viewport-left: 0px;
        --sl-mobile-more-viewport-width: 100vw;
        --sl-mobile-more-viewport-height: 100vh;
        position: fixed;
        top: var(--sl-mobile-more-viewport-top);
        left: var(--sl-mobile-more-viewport-left);
        z-index: 10000;
        display: block;
        width: var(--sl-mobile-more-viewport-width);
        height: var(--sl-mobile-more-viewport-height);
        pointer-events: none;
        visibility: hidden;
        transition: visibility 0s 0.28s;
    }

    @supports (height: 100dvh) {
        .sl-mobile-more {
            --sl-mobile-more-viewport-width: 100dvw;
            --sl-mobile-more-viewport-height: 100dvh;
        }
    }

    .sl-mobile-more--open {
        pointer-events: auto;
        visibility: visible;
        transition-delay: 0s;
    }

    .sl-mobile-more__overlay {
        position: absolute;
        inset: 0;
        background: transparent;
        isolation: isolate;
    }

    .sl-mobile-more__overlay::before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 0;
        background-color: rgba(var(--sl-color-white-rgb, 255, 255, 255), 0);
        opacity: 0;
        backdrop-filter: blur(0);
        -webkit-backdrop-filter: blur(0);
        pointer-events: none;
        transition:
            opacity 0.28s ease,
            background-color 0.28s ease,
            backdrop-filter 0.28s ease,
            -webkit-backdrop-filter 0.28s ease;
        will-change: opacity, backdrop-filter;
    }

    .sl-mobile-more--open .sl-mobile-more__overlay::before {
        background-color: rgba(var(--sl-color-white-rgb, 255, 255, 255), 0.3);
        opacity: 1;
        backdrop-filter: blur(2.5px);
        -webkit-backdrop-filter: blur(2.5px);
    }

    .sl-mobile-more__panel {
        position: absolute;
        right: max(0px, env(safe-area-inset-right));
        bottom: 0;
        left: max(0px, env(safe-area-inset-left));
        z-index: 1;
        display: flex;
        flex-direction: column;
        width: min(100%, 480px);
        max-height: calc(100% - max(8px, env(safe-area-inset-top)));
        margin-inline: auto;
        padding-bottom: calc(18px + env(safe-area-inset-bottom));
        color: var(--sl-color-dark, #142A4B);
        background: var(--sl-color-white, #FFFFFF);
        border-radius: 28px 28px 0 0;
        box-shadow: 0 -12px 40px rgba(8, 13, 24, 0.16);
        box-sizing: border-box;
        overflow: hidden;
        overscroll-behavior: contain;
        transform: translateY(105%);
        transition: transform 0.25s ease;
    }

    .sl-mobile-more--open .sl-mobile-more__panel {
        transform: translateY(0);
    }

    .sl-mobile-more__grabber {
        align-self: center;
        width: 35px;
        height: 4px;
        margin-top: 5px;
        background: rgba(20, 42, 75, 0.35);
        border-radius: 999px;
        flex: 0 0 auto;
    }

    .sl-mobile-more__header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        min-height: 54px;
        padding: 4px 10px 0 16px;
        flex: 0 0 auto;
    }

    .sl-mobile-more__title {
        margin: 0;
        color: inherit;
        font-size: var(--sl-text-md, 18px);
        font-weight: 600;
        line-height: 1.25;
    }

    .sl-mobile-more__close {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 44px;
        height: 44px;
        padding: 0;
        color: rgba(20, 42, 75, 0.45);
        background: transparent;
        border: 0;
        border-radius: 50%;
        cursor: pointer;
        -webkit-tap-highlight-color: transparent;
    }

    .sl-mobile-more__scroll {
        min-height: 0;
        padding: 2px 16px 0;
        overflow-x: hidden;
        overflow-y: auto;
        overscroll-behavior: contain;
        -webkit-overflow-scrolling: touch;
    }

    .sl-mobile-more__symbols {
        position: absolute;
        width: 0;
        height: 0;
        overflow: hidden;
    }

    .sl-mobile-more__grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 22px 4px;
        padding-top: 6px;
    }

    .sl-mobile-more__item {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        min-width: 0;
        min-height: 55px;
        gap: 5px;
        color: inherit;
        text-align: center;
        text-decoration: none;
        -webkit-tap-highlight-color: transparent;
    }

    .sl-mobile-more__icon-wrap {
        position: relative;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 24px;
        height: 24px;
        flex: 0 0 auto;
    }

    .sl-mobile-more__icon {
        display: block;
        width: 24px;
        height: 24px;
    }

    .sl-mobile-more__label {
        max-width: 100%;
        color: inherit;
        font-size: var(--sl-text-caption, 12px);
        font-weight: 400;
        line-height: 1.25;
        overflow-wrap: anywhere;
    }

    .sl-mobile-more__badge {
        position: absolute;
        top: -6px;
        left: 15px;
        min-width: 18px;
        height: 18px;
        padding: 0 5px;
        color: #FFFFFF;
        background: var(--sl-color-accent, #C8354A);
        border-radius: 999px;
        box-sizing: border-box;
        font-size: 10px;
        font-weight: 700;
        line-height: 18px;
        text-align: center;
    }

    body.sl-mobile-more-open {
        overflow: hidden;
        overscroll-behavior: none;
    }

    html[data-theme="dark"] .sl-mobile-more__panel {
        color: var(--sl-color-white, #FFFFFF);
        background: var(--sl-color-dark, #142A4B);
    }

    html[data-theme="dark"] .sl-mobile-more__overlay::before {
        background-color: rgba(var(--sl-color-bg-rgb, 22, 24, 34), 0);
    }

    html[data-theme="dark"] .sl-mobile-more--open .sl-mobile-more__overlay::before {
        background-color: rgba(var(--sl-color-bg-rgb, 22, 24, 34), 0.78);
    }

    html[data-theme="dark"] .sl-mobile-more__grabber {
        background: rgba(255, 255, 255, 0.4);
    }

    html[data-theme="dark"] .sl-mobile-more__close {
        color: rgba(255, 255, 255, 0.6);
    }

    /* Prevent footer content from being hidden behind nav */
    .sl-footer {
        padding-bottom: var(--sl-mobile-nav-page-reserve);
    }
}

@media (max-width: 359px) {
    .sl-mobile-more__scroll {
        padding-inline: 10px;
    }

    .sl-mobile-more__grid {
        column-gap: 0;
    }

    .sl-mobile-more__label {
        font-size: 11px;
    }
}

@media (max-width: 767px) and (prefers-reduced-motion: reduce) {
    .sl-mobile-more,
    .sl-mobile-more__overlay,
    .sl-mobile-more__overlay::before,
    .sl-mobile-more__panel {
        transition-duration: 0s;
    }
}

@media (min-width: 577px) and (max-width: 767px) {
    .sl-page-home .sl-mobile-nav {
        display: none;
    }

    .sl-page-home .sl-footer {
        padding-bottom: 0;
    }

    .sl-page-home .sl-footer--v1 {
        padding-bottom: calc(30px + var(--sl-safe-area-bottom, 0px));
    }
}

@media (max-width: 576px) {
    .sl-header.sl-header--v1 .sl-header__topbar {
        padding-block: 0.5625rem 0.6875rem !important;
    }

    .sl-header.sl-header--v1.sl-header--scrolled {
        background: transparent !important;
    }

    .sl-header.sl-header--v1.sl-header--scrolled .sl-header__topbar {
        max-height: 0 !important;
        padding-block: 0 !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
        overflow: hidden !important;
    }

    .sl-header.sl-header--v1.sl-header--scrolled .sl-header__main {
        background: var(--sl-header-bg, var(--sl-color-white, #FFFFFF)) !important;
        padding-inline: 0 !important;
        padding-block: 0 !important;
    }

    html[data-theme="dark"] .sl-header.sl-header--v1.sl-header--scrolled .sl-header__main {
        background: var(--sl-header-bg, var(--sl-color-white, #1E2030)) !important;
    }

    .sl-header.sl-header--sticky.sl-header--scrolled .sl-header__main > .sl-container {
        max-width: none !important;
        padding-inline: 0 !important;
    }

    .sl-header.sl-header--sticky.sl-header--scrolled .sl-header__main-row {
        border-radius: 0 !important;
    }

    .sl-header.sl-header--v1 .sl-header__topbar-left__mobile {
        gap: var(--sl-header-mobile-menu-city-gap, 0.5rem) !important;
    }

    .sl-header.sl-header--v1 .sl-header__menu-mobile {
        color: var(--sl-color-dark, #142A4B) !important;
    }

    .sl-header.sl-header--v1 .sl-header__city {
        opacity: 0.5 !important;
    }

    .sl-header.sl-header--v1 .sl-header__theme {
        opacity: 1 !important;
    }

    html[data-theme="dark"] .sl-header.sl-header--v1 .sl-header__menu-mobile {
        color: var(--sl-color-icon, #C8CDD5) !important;
    }
}

/* --- Container --- */
.container,
.container-fluid {
    width: 100%;
    margin-inline: auto;
    padding-inline: 15px;
}

.container {
    max-width: var(--sl-container);
}

/* --- Flexbox grid --- */
.row {
    display: flex;
    flex-wrap: wrap;
    margin-inline: -15px;
}

.row > * {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-inline: 15px;
}

@media (max-width: 768px) {
    .row > * {
        padding-inline: 10px;
    }

    .row {
        margin-inline: -10px;
    }
}

.sl-catalog--vertical .catalog-section .row {
    margin-inline: -10px;
}

.sl-catalog--vertical .catalog-section .row > [class*="col"] {
    padding-inline: 10px;
}

/* --- Columns (base, always applied) --- */
.col    { flex: 1 0 0%; }
.col-6  { flex: 0 0 auto; width: 50%; }
.col-12 { flex: 0 0 auto; width: 100%; }

/* xs (< 576px, default) */
.col-xs-2  { flex: 0 0 auto; width: 16.666667%; }
.col-xs-6  { flex: 0 0 auto; width: 50%; }
.col-xs-10 { flex: 0 0 auto; width: 83.333333%; }
.col-xs-12 { flex: 0 0 auto; width: 100%; }

/* sm (≥ 576px) */
@media (min-width: 576px) {
    .col-sm    { flex: 1 0 0%; }
    .col-sm-4  { flex: 0 0 auto; width: 33.333333%; }
    .col-sm-5  { flex: 0 0 auto; width: 41.666667%; }
    .col-sm-6  { flex: 0 0 auto; width: 50%; }
    .col-sm-7  { flex: 0 0 auto; width: 58.333333%; }
    .col-sm-8  { flex: 0 0 auto; width: 66.666667%; }
    .col-sm-9  { flex: 0 0 auto; width: 75%; }
    .col-sm-12 { flex: 0 0 auto; width: 100%; }
}

/* md (≥ 768px) */
@media (min-width: 768px) {
    .col-md    { flex: 1 0 0%; }
    .col-md-2  { flex: 0 0 auto; width: 16.666667%; }
    .col-md-3  { flex: 0 0 auto; width: 25%; }
    .col-md-4  { flex: 0 0 auto; width: 33.333333%; }
    .col-md-5  { flex: 0 0 auto; width: 41.666667%; }
    .col-md-6  { flex: 0 0 auto; width: 50%; }
    .col-md-7  { flex: 0 0 auto; width: 58.333333%; }
    .col-md-8  { flex: 0 0 auto; width: 66.666667%; }
    .col-md-9  { flex: 0 0 auto; width: 75%; }
    .col-md-12 { flex: 0 0 auto; width: 100%; }

    .offset-md-1 { margin-left: 8.333333%; }
    .offset-md-2 { margin-left: 16.666667%; }
    .offset-md-3 { margin-left: 25%; }
}

/* lg (≥ 992px) */
@media (min-width: 992px) {
    .col-lg    { flex: 1 0 0%; }
    .col-lg-2  { flex: 0 0 auto; width: 16.666667%; }
    .col-lg-3  { flex: 0 0 auto; width: 25%; }
    .col-lg-4  { flex: 0 0 auto; width: 33.333333%; }
    .col-lg-5  { flex: 0 0 auto; width: 41.666667%; }
    .col-lg-6  { flex: 0 0 auto; width: 50%; }
    .col-lg-7  { flex: 0 0 auto; width: 58.333333%; }
    .col-lg-8  { flex: 0 0 auto; width: 66.666667%; }
    .col-lg-9  { flex: 0 0 auto; width: 75%; }
    .col-lg-12 { flex: 0 0 auto; width: 100%; }

    .offset-lg-3 { margin-left: 25%; }
}

/* xl (≥ 1200px) */
@media (min-width: 1200px) {
    .col-xl-2  { flex: 0 0 auto; width: 16.666667%; }
    .col-xl-3  { flex: 0 0 auto; width: 25%; }
    .col-xl-4  { flex: 0 0 auto; width: 33.333333%; }
}

/* --- Display utilities --- */
.d-none          { display: none !important; }
.d-block         { display: block !important; }
.d-flex          { display: flex !important; }

@media (min-width: 576px) {
    .d-sm-none         { display: none !important; }
    .d-sm-block        { display: block !important; }
    .d-sm-inline-block { display: inline-block !important; }
    .d-sm-inline-flex  { display: inline-flex !important; }
    .d-sm-flex         { display: flex !important; }
}

@media (min-width: 768px) {
    .d-md-none      { display: none !important; }
    .d-md-block     { display: block !important; }
    .d-md-table-row { display: table-row !important; }
}

@media (min-width: 992px) {
    .d-lg-none  { display: none !important; }
    .d-lg-block { display: block !important; }
}

/* --- Flexbox utilities --- */
.flex-wrap                 { flex-wrap: wrap !important; }
.flex-grow-1               { flex-grow: 1 !important; }
.align-items-center        { align-items: center !important; }
.align-items-stretch       { align-items: stretch !important; }
.align-middle              { vertical-align: middle !important; }
.justify-content-between   { justify-content: space-between !important; }
.justify-content-center    { justify-content: center !important; }

/* --- Spacing: margins --- */
.m-0   { margin: 0 !important; }
.mb-0  { margin-bottom: 0 !important; }
.mb-1  { margin-bottom: 0.25rem !important; }
.mb-2  { margin-bottom: 0.5rem !important; }
.mb-3  { margin-bottom: 1rem !important; }
.mb-4  { margin-bottom: 1.5rem !important; }
.mb-5  { margin-bottom: 3rem !important; }

@media (min-width: 992px) {
    .mb-lg-0 { margin-bottom: 0 !important; }
}
.mt-3  { margin-top: 1rem !important; }

@media (min-width: 576px) {
    .mt-sm-0 { margin-top: 0 !important; }
}

/* --- Spacing: padding --- */
.p-2   { padding: 0.5rem !important; }
.pb-0  { padding-bottom: 0 !important; }
.pl-3  { padding-left: 1rem !important; }
.pr-3  { padding-right: 1rem !important; }
.pt-2  { padding-top: 0.5rem !important; }

@media (min-width: 576px) {
    .pt-sm-5 { padding-top: 3rem !important; }
}

/* --- Width utilities --- */
.w-100 { width: 100% !important; }

/* --- Text utilities --- */
.text-center { text-align: center !important; }
.text-left   { text-align: left !important; }
.text-right  { text-align: right !important; }
.text-nowrap { white-space: nowrap !important; }
.text-muted  { color: var(--sl-color-muted) !important; }
.text-dark   { color: var(--sl-color-dark) !important; }
.text-danger { color: var(--sl-color-danger) !important; }

/* --- Images --- */
.img-fluid {
    max-width: 100%;
    height: auto;
}

/* --- Order --- */
.order-1 { order: 1 !important; }
.order-2 { order: 2 !important; }

@media (min-width: 768px) {
    .order-md-1 { order: 1 !important; }
    .order-md-2 { order: 2 !important; }
}

/* --- Visibility (legacy Bootstrap) --- */
@media (max-width: 575.98px) {
    .hidden-xs { display: none !important; }
}

/* --- Float (legacy Bootstrap 3) --- */
.pull-right { float: right !important; }
.pull-left  { float: left !important; }

/* --- Checkbox (legacy Bootstrap) --- */
.checkbox { margin-bottom: 0.5rem; }
.checkbox label { cursor: pointer; display: inline-flex; align-items: center; gap: 0.35rem; }

/* --- Clearfix --- */
.clearfix::after {
    display: block;
    clear: both;
    content: "";
}

/* --- Buttons --- */
.btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: var(--sl-text-base, 1rem);
    line-height: 1.5;
    transition: color 0.15s, background-color 0.15s, border-color 0.15s;
    text-decoration: none;
}

.btn:hover { text-decoration: none; }

.btn-primary {
    color: var(--sl-color-white);
}

.btn-primary:hover {
    color: var(--sl-color-white);
}

/* Show More button — Figma 323-7158 */
button[data-use^="show-more-"] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 20px;
    background: #fff;
    color: var(--sl-color-link-hover, #6050E8);
    border: none;
    border-radius: 10px;
    font-family: var(--sl-font, "Onest", sans-serif);
    font-size: var(--sl-text-sm, 14px);
    font-weight: 500;
    line-height: normal;
    cursor: pointer;
    transition: background-color 200ms ease, color 200ms ease;
}

button[data-use^="show-more-"]:hover {
    background: var(--sl-color-link-hover, #6050E8);
    color: #fff;
}

.btn-danger {
    color: var(--sl-color-white);
    background-color: var(--sl-color-danger);
    border-color: var(--sl-color-danger);
}

.btn-danger:hover {
    background-color: #c82333;
    border-color: #bd2130;
    color: var(--sl-color-white);
}

.btn-link {
    background-color: transparent;
    border-color: transparent;
}

.btn-link:hover {
    text-decoration: underline;
}

.btn-sm {
    padding: 0.5rem 0.75rem;
    font-size: var(--sl-text-sm, 0.875rem);
    min-height: 3rem;
}

.btn-md {
    padding: 0.375rem 0.75rem;
    font-size: var(--sl-text-base, 1rem);
}

.btn-block {
    display: block;
    width: 100%;
}

.btn-lg {
    padding: 0.5rem 1rem;
    font-size: var(--sl-text-md, 1.125rem);
}

.btn-outline-secondary {
    color: var(--sl-color-muted);
    border-color: var(--sl-color-muted);
    background-color: transparent;
}

.btn-outline-secondary:hover {
    color: var(--sl-color-white);
    background-color: var(--sl-color-muted);
    border-color: var(--sl-color-muted);
}

/* --- Forms --- */
.form-control {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: var(--sl-text-base, 1rem);
    line-height: 1.5;
    transition: border-color 0.15s;
}

.form-control:focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(99, 170, 40, 0.25);
}

.form-control-sm {
    padding: 0.25rem 0.5rem;
    font-size: var(--sl-text-sm, 0.875rem);
}

.form-group {
    margin-bottom: 1rem;
}

.col-form-label {
    padding-top: calc(0.375rem + 1px);
    padding-bottom: calc(0.375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5;
}

.form-text {
    display: block;
    margin-top: 0.25rem;
    font-size: 80%;
    color: var(--sl-color-muted);
}

.form-check {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
}

.form-check-input { margin: 0; }

.form-check-label {
    margin-bottom: 0;
    cursor: pointer;
}

/* --- Validation (legacy Bootstrap 3) --- */
.has-error .form-control {
    border-color: var(--sl-color-error);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-error .form-control:focus {
    border-color: #843534;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}

.has-error label,
.has-error .control-label { color: var(--sl-color-error); }

/* --- Tooltip (base for order_ajax.js) --- */
.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    font-size: var(--sl-text-xs, 12px);
    opacity: 0;
}

.tooltip.top { padding: 5px 0; }

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    border-radius: 4px;
    background-color: #000;
    color: #fff;
    text-align: center;
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent;
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000;
}

.input-group {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
}

.input-group > .form-control {
    flex: 1 1 auto;
    width: 1%;
}

.input-group-text {
    display: flex;
    align-items: center;
    padding: 0.375rem 0.75rem;
    font-size: var(--sl-text-base, 1rem);
    font-weight: 400;
    line-height: 1.5;
    color: var(--sl-color-input-text);
    text-align: center;
    white-space: nowrap;
    background-color: var(--sl-color-input-bg);
    border: 1px solid var(--sl-color-input-border);
}

.input-group-append,
.input-group-prepend {
    display: flex;
}

.input-group-prepend { margin-right: -1px; }
.input-group-append { margin-left: -1px; }

.input-group-addon {
    display: flex;
    align-items: center;
    padding: 0.375rem 0.75rem;
    font-size: var(--sl-text-base, 1rem);
    font-weight: 400;
    line-height: 1.5;
    color: var(--sl-color-input-text);
    text-align: center;
    white-space: nowrap;
    background-color: var(--sl-color-input-bg);
    border: 1px solid var(--sl-color-input-border);
}

/* --- Alerts --- */
.alert {
    padding: 0.875rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 12px;
    font-size: var(--sl-text-sm, 14px);
    line-height: 1.5;
}

.alert-info {
    color: var(--sl-color-info);
    background-color: var(--sl-color-info-bg);
    border-color: var(--sl-color-info-border);
}

.alert-success {
    color: #155724;
    background-color: var(--sl-color-success-bg);
    border-color: var(--sl-color-success-border);
}

.alert-danger {
    color: #721c24;
    background-color: var(--sl-color-danger-bg);
    border-color: var(--sl-color-danger-border);
}

.alert-warning {
    color: var(--sl-color-warning);
    background-color: var(--sl-color-warning-bg);
    border-color: var(--sl-color-warning-border);
}

.alert-hide { display: none; }
.alert-show { display: block; }

.alert-dismissable { position: relative; }

/* --- Tables --- */
.table {
    width: 100%;
    margin-bottom: 1rem;
    border-collapse: collapse;
}

.table th,
.table td {
    padding: 0.75rem;
    vertical-align: top;
}

.table thead th {
    vertical-align: bottom;
}

.table-sm th,
.table-sm td {
    padding: 0.3rem;
}

.table-borderless th,
.table-borderless td {
    border: 0;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, 0.03);
}

.table-hover tbody tr:hover {
    background-color: rgba(0, 0, 0, 0.06);
}

.table-bordered {
    border: 1px solid var(--sl-color-table-border);
}
.table-bordered th,
.table-bordered td {
    border: 1px solid var(--sl-color-table-border);
}

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

/* ========================================
   404 Page
   ======================================== */

.sl-404 {
    position: relative;
    overflow: hidden;
    min-height: 500px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 60px 20px 80px;
}

.sl-404__decor {
    position: absolute;
    width: 500px;
    height: 500px;
    border-radius: 50%;
    filter: blur(300px);
    pointer-events: none;
    z-index: 0;
}

.sl-404__decor--blue {
    background: rgb(108, 179, 230);
    opacity: 0.12;
    top: -100px;
    left: -100px;
}

.sl-404__decor--green {
    background: rgb(84, 197, 128);
    opacity: 0.12;
    bottom: -100px;
    right: -50px;
}

.sl-404__decor--yellow {
    background: rgb(233, 222, 108);
    opacity: 0.12;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.sl-404__content {
    position: relative;
    z-index: 1;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.sl-404__code {
    font-family: var(--sl-heading-font, var(--sl-font, "Onest", sans-serif));
    font-size: 220px;
    font-weight: 900;
    letter-spacing: 22px;
    line-height: 1;
    color: transparent;
    -webkit-text-stroke: 2px var(--sl-color-link, #7060f8);
    margin-bottom: -30px;
}

.sl-404__title {
    font-family: var(--sl-heading-font, var(--sl-font, "Onest", sans-serif));
    font-size: var(--sl-heading-lg, 38px);
    font-weight: 500;
    color: #142a4b;
    margin: 0;
    line-height: 1.27;
}

.sl-404__desc {
    font-family: var(--sl-font, "Onest", sans-serif);
    font-size: var(--sl-text-md, 18px);
    font-weight: 400;
    line-height: 1.5;
    color: rgba(20, 42, 75, 0.7);
    max-width: 543px;
    margin: 31px 0 0;
}

html[data-theme="dark"] .sl-404__title {
    color: var(--sl-color-dark, #E8ECF1);
}

html[data-theme="dark"] .sl-404__desc {
    color: rgba(var(--sl-color-dark-rgb, 232, 236, 241), 0.72);
}

.sl-404__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 61px;
    padding: 0 22px;
    background: var(--sl-color-link, #7060f8);
    color: #fff;
    border-radius: 10px;
    text-decoration: none;
    font-family: var(--sl-font, "Onest", sans-serif);
    font-size: var(--sl-text-base, 16px);
    font-weight: 500;
    margin-top: 31px;
    transition: opacity 0.2s;
}

.sl-404__btn:hover {
    opacity: 0.85;
    color: #fff;
}

@media (max-width: 768px) {
    .sl-404__code {
        font-size: 120px;
        letter-spacing: 12px;
        margin-bottom: -15px;
    }

    .sl-404__title {
        font-size: 26px;
    }

    .sl-404__desc {
        font-size: var(--sl-text-base, 16px);
        margin-top: 20px;
    }

    .sl-404__btn {
        height: 52px;
        margin-top: 24px;
    }

    .sl-404 {
        min-height: 400px;
        padding: 40px 20px 60px;
    }
}

@media (max-width: 480px) {
    .sl-404__code {
        font-size: 80px;
        letter-spacing: 8px;
        margin-bottom: -10px;
    }

    .sl-404__title {
        font-size: 22px;
    }
}

/* ========== Image placeholder (universal SVG) ========== */

/* Universal placeholder wrapper: background + centering */
.sl-placeholder-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background: transparent;
    border-radius: var(--sl-media-radius, var(--sl-image-radius, var(--sl-radius-image, 0.75rem)));
}

.sl-placeholder-wrap svg {
    width: 60%;
    height: 60%;
    color: var(--sl-color-dark);
    opacity: 0.15;
}

/* Sections already have colored backgrounds — no need for placeholder bg */
.sl-sections__placeholder.sl-placeholder-wrap {
    background: none;
    border-radius: 0;
}

html[data-theme="dark"] .sl-placeholder-wrap {
    background: var(--sl-color-surface-2, #2D3041);
}

html[data-theme="dark"] .sl-sections__placeholder.sl-placeholder-wrap {
    background: none;
}

html[data-theme="dark"] .sl-sections__placeholder.sl-placeholder-wrap svg {
    opacity: 0.28;
}

/* Legacy containers that wrap the placeholder */
.sl-news__card-img--placeholder,
.sl-stocks__card-img--placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
}

.sl-reviews__product-img-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
}

::-webkit-scrollbar-button {
    display: none;
}

/* ==========================================================================
   Touch devices: disable hover effects
   @media (hover: none) targets devices without a hover-capable pointer
   ========================================================================== */

@media (max-width: 1024px) {
    .btn-primary:hover {
        background-color: var(--sl-color-link, #7060F8) !important;
        border-color: var(--sl-color-link, #7060F8) !important;
        color: var(--sl-color-white, #fff) !important;
    }

    .btn-danger:hover {
        background-color: var(--sl-color-danger) !important;
        border-color: var(--sl-color-danger) !important;
        color: var(--sl-color-white, #fff) !important;
    }

    .btn-link:hover {
        text-decoration: none !important;
    }

    .btn-outline-secondary:hover {
        background-color: transparent !important;
        color: inherit !important;
    }

    button[data-use^="show-more-"]:hover {
        background: #fff !important;
        color: var(--sl-color-link-hover, #6050E8) !important;
    }
}

.sl-catalog[data-view="grid"] .product-item.sl-card .product-item-scu-item-list {
    gap: 0.5rem;
    padding: 0;
}

.sl-catalog[data-view="grid"] .product-item.sl-card .product-item-scu-item-text-container {
    min-width: 2.5rem;
}

.sl-catalog[data-view="grid"] .product-item.sl-card .product-item-scu-item-text-block {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    min-height: 2.5rem;
    padding: 0.25rem 0.1875rem;
    background: rgba(var(--sl-color-dark-rgb), 0.05);
    border-color: transparent;
    border-radius: 0.625rem;
    outline: none;
    transition: border-color 200ms ease, background-color 200ms ease;
}

.sl-catalog[data-view="grid"] .product-item.sl-card .product-item-scu-item-text {
    color: var(--sl-color-dark);
    font-size: var(--sl-text-caption, 0.8125rem);
    font-weight: 500;
    line-height: 1.2;
}

.sl-catalog[data-view="grid"] .product-item.sl-card .product-item-scu-item-text-container.selected .product-item-scu-item-text-block {
    background: rgba(var(--sl-color-dark-rgb), 0.05);
    border-color: var(--sl-color-link);
}

.sl-catalog[data-view="grid"] .product-item.sl-card .product-item-scu-item-text-block:hover {
    background: rgba(var(--sl-color-dark-rgb), 0.08);
    border-color: rgba(var(--sl-color-dark-rgb), 0.16);
}

.sl-catalog[data-view="grid"] .product-item.sl-card .product-item-scu-item-text-container.selected .product-item-scu-item-text-block:hover {
    background: rgba(var(--sl-color-dark-rgb), 0.05);
    border-color: var(--sl-color-link);
}

@media (hover: none) {

    /* --- Global / Buttons --- */
    .btn:hover,
    .btn-primary:hover,
    .btn-danger:hover,
    .btn-link:hover,
    .btn-outline-secondary:hover,
    button[data-use^="show-more-"]:hover,
    .sl-scroll-top:hover,
    .sl-404__btn:hover {
        opacity: 1;
        color: inherit;
        background: inherit;
        text-decoration: none;
    }

    /* --- Header --- */
    .sl-header__catalog-btn.button-clear:hover {
        background-color: rgba(var(--sl-color-dark-rgb, 20, 42, 75), 0.9);
    }

    .sl-header__search-btn:hover {
        opacity: 1;
    }

    .sl-header__action:hover {
        background-color: transparent;
    }

    .sl-header__phone-popup-number:hover,
    a.sl-header__phone-popup-text:hover {
        color: inherit;
    }

    .sl-header__phone-popup-btn:hover {
        background: var(--sl-color-link, #7060F8);
    }

    /* --- Promo slider --- */
    .sl-promo-slider__btn:hover {
        background: transparent;
        border-color: rgba(255, 255, 255, 0.7);
    }

    /* --- Promo list --- */
    .sl-promo-list__item:hover {
        transform: none;
    }

    .sl-promo-list__link:hover {
        color: inherit;
        text-decoration: none;
    }

    /* --- Promo tabbed --- */
    .sl-promo-tabbed__tab-wrapper:hover:not(.sl-promo-tabbed__tab-wrapper--active)::before,
    .sl-promo-tabbed__tab-wrapper:hover:not(.sl-promo-tabbed__tab-wrapper--active)::after {
        background-color: inherit;
    }

    .sl-promo-tabbed__tab-wrapper:hover:not(.sl-promo-tabbed__tab-wrapper--active) .sl-promo-tabbed__tab {
        background-color: inherit;
        color: inherit;
        box-shadow: none;
    }

    /* --- Promo cards --- */
    .sl-promo-cards__card:hover {
        box-shadow: none;
    }

    /* --- News tabs --- */
    .sl-news__tab-wrapper:hover:not(.sl-news__tab-wrapper--active)::before,
    .sl-news__tab-wrapper:hover:not(.sl-news__tab-wrapper--active)::after {
        background-color: inherit;
    }

    .sl-news__tab-wrapper:hover:not(.sl-news__tab-wrapper--active) .sl-news__tab {
        background-color: inherit;
        color: inherit;
        box-shadow: none;
    }

    .sl-news__all-btn:hover,
    .sl-news__card:hover {
        opacity: 1;
    }

    .sl-news__nav-btn:hover {
        background: transparent;
        color: inherit;
    }

    /* --- Stocks --- */
    .sl-stocks__card-title a:hover {
        color: inherit;
    }

    .sl-stocks__card-btn:hover {
        background: rgba(var(--sl-color-link-rgb, 112, 96, 248), 0.05);
    }

    /* --- Stocks sidebar --- */
    .sl-stocks-sidebar__card-link:hover,
    .sl-stocks-sidebar__card-btn:hover,
    .sl-stocks-sidebar__all-link:hover {
        opacity: 1;
    }

    /* --- Reviews --- */
    .sl-reviews__product-name a:hover {
        text-decoration: underline;
    }

    .sl-reviews__tag:hover {
        background: rgba(var(--sl-color-link-rgb, 112, 96, 248), 0.15);
    }

    /* --- Collections --- */
    .sl-colfull__btn {
        background: var(--sl-color-link-solid, #5F53E6);
        color: var(--sl-color-link-contrast, #FFFFFF);
    }

    .sl-collections__all-link:hover {
        opacity: 1;
    }

    .sl-collections__card:hover,
    .sl-colfull__card:hover,
    .sl-colfull__bundle:hover {
        box-shadow: none;
    }

    .sl-colfull__btn:hover {
        background: var(--sl-color-link-solid-hover, #7060F8);
        color: var(--sl-color-link-contrast, #FFFFFF);
        opacity: 1;
    }

    .sl-collections__product:hover {
        background: transparent;
    }

    /* --- Brands --- */
    .sl-brands__btn:hover {
        opacity: 1;
    }

    .sl-brands__card:hover {
        background: transparent;
    }

    .sl-brands__card:hover .sl-brands__card-logo {
        opacity: 1;
    }

    /* --- Addresses --- */
    .sl-addresses__chip:hover {
        background: rgba(20, 42, 75, 0.1);
    }

    .sl-addresses__chip--active:hover {
        background: var(--sl-addresses-chip-active-bg, #7060F8);
    }

    .sl-addresses__store-item:hover {
        background: none;
    }

    .sl-addresses__card-text:hover {
        color: rgba(20, 42, 75, 0.7);
    }

    .sl-addresses__zoom-btn:hover {
        background: #fff;
    }

    /* --- Catalog banner --- */
    .sl-catalog-banner__nav:hover {
        transform: translateY(-50%);
    }

    .sl-catalog-banner__nav:hover circle {
        fill-opacity: 0.4;
    }

    /* --- Catalog menu --- */
    .sl-catalog-menu__banner:hover,
    .sl-catalog-menu__brand:hover,
    .sl-catalog-menu__item:hover,
    .sl-catalog-menu__group-name:hover,
    .sl-catalog-menu__toggle:hover {
        opacity: 1;
    }

    .sl-catalog-menu__subcat:hover,
    .sl-catalog-menu__subchild:hover {
        color: inherit;
    }

    /* --- Product cards (grid) --- */
    .sl-card__action-btn:hover {
        opacity: 1;
    }

    .product-item-image-slider-control:hover {
        background-color: var(--sl-color-link, #7060F8);
        opacity: 0.6;
    }

    .product-item-title a:hover {
        color: inherit;
    }

    .product-item-scu-item-color-block:hover {
        border-color: transparent;
    }

    .product-item-scu-item-color-container.selected .product-item-scu-item-color-block:hover {
        border-color: var(--sl-color-link, #7060F8);
    }

    .product-item-scu-item-text-block:hover {
        border-color: rgba(var(--sl-color-dark-rgb), 0.15);
    }

    .product-item-amount-field-btn-plus:hover,
    .product-item-amount-field-btn-minus:hover {
        background: none;
    }

    /* --- Product cards (list / line) --- */
    .sl-list-card__title a:hover,
    .sl-line-card__title a:hover {
        color: inherit;
    }

    .sl-list-card__props-btn:hover,
    .sl-list-card__action-btn:hover,
    .sl-line-card__action-btn:hover {
        opacity: 1;
        background: transparent;
    }

    .sl-list-card__btn-cart:hover,
    .sl-line-card__btn-cart:hover {
        background: var(--sl-color-link, #7060F8);
    }

    .sl-list-card__btn-oneclick:hover,
    .sl-line-card__btn-oneclick:hover {
        background: transparent;
    }

    .sl-list-card__sku .product-item-scu-item-color-block:hover {
        outline: none;
    }

    .sl-list-card__sku .product-item-scu-item-color-container.selected .product-item-scu-item-color-block:hover {
        outline: 2px solid var(--sl-color-link, #7060F8);
    }

    .sl-list-card__sku .product-item-scu-item-text-container:hover {
        border-color: rgba(var(--sl-color-dark-rgb), 0.15);
    }

    .sl-line-card__image-link .product-item-image-slider-control:hover {
        opacity: 0.6;
    }

    .sl-line-card__selector .product-item-scu-item-text-block:hover {
        border-color: rgba(var(--sl-color-dark-rgb), 0.15);
    }

    .sl-dropdown__item:hover {
        background: transparent;
    }

    /* --- Catalog section --- */
    .sl-catalog-section__show-more:hover {
        background: transparent;
        color: var(--sl-color-link-hover, #6050E8);
    }

    /* --- Cart widget --- */
    .sl-cart-widget__clear:hover {
        opacity: 1;
    }

    .sl-cart-widget__item:hover {
        background-color: transparent;
    }

    .sl-cart-widget__item:hover .sl-cart-widget__item-image {
        background-color: transparent;
    }

    a.sl-cart-widget__item-title:hover {
        opacity: 1;
    }

    .sl-cart-widget__item-remove:hover {
        opacity: 1;
    }

    .sl-cart-widget__checkout:hover {
        background-color: var(--sl-color-link-solid-hover, #5348D8);
        color: var(--sl-color-link-contrast, #FFFFFF);
    }

    /* --- Blog sidebar --- */
    .sl-blog-sidebar__card:hover {
        opacity: 1;
    }

    .sl-blog-sidebar__all-link:hover {
        opacity: 1;
    }

    /* --- Services --- */
    .sl-services__card-link:hover {
        box-shadow: none;
    }

    /* --- FAQ --- */
    .sl-faq__question:hover {
        color: inherit;
    }

    /* --- Mobile menu --- */
    .sl-mobile-menu__back:hover,
    .sl-mobile-menu__close:hover,
    .sl-mobile-menu__social:hover,
    .sl-mobile-menu__cta:hover,
    .sl-mobile-menu__submenu-back:hover {
        opacity: 1;
    }

    .sl-mobile-menu__link:hover,
    .sl-mobile-menu__catalog-item:hover,
    .sl-mobile-menu__accordion-toggle:hover,
    .sl-mobile-menu__sub-link:hover,
    .sl-mobile-menu__submenu-link:hover {
        background: transparent;
    }
}

/* ========== Auth Forms (.bx-authform) ========== */

.sl-authform-alert {
	box-sizing: border-box;
	width: 100%;
	max-width: 500px;
	padding-right: 0.75rem;
	padding-left: 0.75rem;
	text-align: center;
	white-space: nowrap;
}

.bx-authform {
	margin: 0 0 25px;
	max-width: 500px;
	background: var(--sl-content-card-bg, var(--sl-color-white, #fff));
	border: 1px solid var(--sl-color-divider, #EFEDF9);
	border-radius: var(--sl-card-radius, 20px);
	padding: 32px 36px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
}

.sl-main > .bx-authform {
	box-sizing: border-box;
	max-width: min(31.25rem, calc(100% - 2rem));
	margin-right: auto;
	margin-left: auto;
}

.bx-authform h3.bx-title,
.bx-authform .bx-title {
    margin: 0 0 24px;
    font-family: var(--sl-heading-font, var(--sl-font, "Onest", sans-serif));
    font-size: var(--sl-heading-card, 24px);
    font-weight: 500;
	line-height: 1.3;
	color: var(--sl-color-heading, #142A4B);
}

.bx-authform-formgroup-container {
	margin-bottom: 20px;
}

.bx-authform-content-container,
.bx-authform-label-container {
	font-size: var(--sl-text-sm, 14px);
	font-weight: 500;
	color: var(--sl-color-dark, #142A4B);
	padding-bottom: 6px;
	line-height: 1.4;
}

.bx-authform-input-container {
	position: relative;
}

.bx-authform-input-container input[type="text"],
.bx-authform-input-container input[type="password"] {
	display: block;
	width: 100%;
	font-family: var(--sl-font, "Onest", sans-serif);
	font-size: var(--sl-text-control, 15px);
	line-height: 1.5;
	height: auto;
	min-height: 46px;
	margin: 0;
	padding: 10px 16px;
	border: 1px solid var(--sl-color-input-border, #ced4da);
	border-radius: var(--sl-field-radius, 0.75rem);
	background: var(--sl-color-input-bg, #e9ecef);
	color: var(--sl-color-input-text, #495057);
	outline: none;
	box-sizing: border-box;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.bx-authform-input-container input[type="text"]:focus,
.bx-authform-input-container input[type="password"]:focus {
	border-color: var(--sl-color-link, #7060F8);
	box-shadow: 0 0 0 3px rgba(var(--sl-color-link-rgb, 112, 96, 248), 0.2);
	background: var(--sl-color-white, #fff);
}

.bx-authform-input-container input::placeholder {
	color: var(--sl-color-muted, #6c757d);
	opacity: 0.7;
}

.bx-authform-input-container input[type="text"].bx-empty-field,
.bx-authform-input-container input[type="password"].bx-empty-field {
	border-color: var(--sl-color-danger, #dc3545);
	box-shadow: 0 0 0 3px rgba(220, 53, 69, 0.15);
}

span.bx-authform-starrequired {
	color: var(--sl-color-danger, #dc3545);
}

.bx-authform-psw-protected {
	height: 46px;
	width: 46px;
	position: absolute;
	right: 1px;
	top: 50%;
	margin-top: -23px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='15' viewBox='0 0 24 24' fill='none' stroke='%23495057' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='11' width='18' height='11' rx='2' ry='2'/%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'/%3E%3C/svg%3E") no-repeat center;
	background-size: 14px auto;
}

.bx-authform-psw-protected-desc {
	display: none;
	background: var(--sl-color-white, #fff);
	position: absolute;
	width: 260px;
	left: 50%;
	margin-left: -130px;
	bottom: 100%;
	margin-bottom: 14px;
	border: 1px solid var(--sl-color-divider, #EFEDF9);
	border-radius: var(--sl-card-radius, 12px);
	padding: 12px 18px;
	font-size: var(--sl-text-caption, 13px);
	color: var(--sl-color-dark, #142A4B);
	z-index: 110;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
	line-height: 1.5;
}

.bx-authform-psw-protected:hover .bx-authform-psw-protected-desc {
	display: block;
}

.bx-authform-psw-protected-desc > span {
	position: absolute;
	left: 0;
	right: 0;
	top: 100%;
	height: 14px;
	display: block;
}

.bx-authform-formgroup-container .bx-captcha {
	margin-bottom: 12px;
	overflow: hidden;
}

.bx-authform .checkbox label,
.bx-authform .bx-filter-param-label {
	display: inline-flex;
	align-items: center;
	gap: var(--sl-card-gap-half, 8px);
	font-size: var(--sl-text-sm, 14px);
	color: var(--sl-color-dark, #142A4B);
	cursor: pointer;
}

.bx-authform .checkbox input[type="checkbox"],
.bx-authform .bx-filter-param-label input[type="checkbox"] {
	-webkit-appearance: none;
	appearance: none;
	width: 1.25rem;
	height: 1.25rem;
	min-width: 1.25rem;
	min-height: 1.25rem;
	background: var(--sl-color-white);
	border: 1px solid var(--sl-color-input-border);
	border-radius: min(var(--sl-field-radius, 0.5rem), 0.375rem);
	cursor: pointer;
	position: relative;
	margin: 0;
	padding: 0;
	flex-shrink: 0;
	transition: background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}

.bx-authform .checkbox input[type="checkbox"]:checked,
.bx-authform .bx-filter-param-label input[type="checkbox"]:checked {
	background: var(--sl-color-link);
	border-color: var(--sl-color-link);
}

.bx-authform .checkbox input[type="checkbox"]:checked::after,
.bx-authform .bx-filter-param-label input[type="checkbox"]:checked::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 10px;
	height: 7px;
	transform: translate(-50%, -50%);
	background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='10'%20height='7'%20viewBox='0%200%2010%207'%20fill='none'%3E%3Cpath%20d='M0.75%202.39211L3.71842%205.48684L8.45526%200.75'%20stroke='white'%20stroke-width='1.5'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center;
	background-size: contain;
}

.bx-authform .checkbox input[type="checkbox"]:focus-visible,
.bx-authform .bx-filter-param-label input[type="checkbox"]:focus-visible {
	outline: 2px solid rgba(var(--sl-color-link-rgb), 0.35);
	outline-offset: 2px;
}

.bx-authform .btn.btn-primary {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 12px 32px;
	min-height: 46px;
	background: var(--sl-color-link, #7060F8);
	border: none;
	border-radius: var(--sl-action-radius, 10px);
	color: #fff;
	font-family: var(--sl-font, "Onest", sans-serif);
	font-size: var(--sl-text-control, 15px);
	font-weight: 500;
	line-height: 1;
	cursor: pointer;
	transition: background-color 0.2s ease, transform 0.1s ease;
}

.bx-authform .btn.btn-primary:hover {
	background: var(--sl-color-link-hover, #6050E8);
	color: #fff;
}

.bx-authform .btn.btn-primary:active {
	transform: scale(0.98);
}

.bx-authform-link-container,
.bx-authform-description-container {
	padding-bottom: 8px;
	font-size: var(--sl-text-sm, 14px);
	color: var(--sl-color-dark, #142A4B);
	line-height: 1.5;
}

.bx-authform-description-container {
	font-size: var(--sl-text-caption, 13px);
	color: var(--sl-color-muted, #6c757d);
}

.bx-authform-link-container {
	margin-bottom: 12px;
}

.bx-authform-link-container a {
	color: var(--sl-color-link, #7060F8);
	text-decoration: none;
	font-weight: 500;
	transition: color 0.15s ease;
}

.bx-authform-link-container a:hover {
	color: var(--sl-color-link-hover, #6050E8);
	text-decoration: underline;
}

hr.bxe-light {
	border: 0;
	border-bottom: 1px solid var(--sl-color-divider, #EFEDF9);
	margin-top: 24px;
	margin-bottom: 24px;
}

html[data-theme="dark"] .bx-authform {
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}

html[data-theme="dark"] .bx-authform-psw-protected {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='15' viewBox='0 0 24 24' fill='none' stroke='%23C8CDD5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='11' width='18' height='11' rx='2' ry='2'/%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'/%3E%3C/svg%3E");
}

html[data-theme="dark"] .bx-authform .btn.btn-primary {
	color: #fff;
}

@media (max-width: 575px) {
	.sl-authform-alert {
		max-width: 100%;
		white-space: normal;
	}

	.bx-authform {
		padding: 24px 20px;
		border-radius: var(--sl-card-radius, 16px);
	}

	.bx-authform .btn.btn-primary {
		width: 100%;
	}
}

/* ========== Bitrix AJAX wait window (BX.showWait) ========== */
/* Bitrix injects <div id="wait_*"> with inline styles + wait.gif background. */
/* We override visuals only; structure/positioning/z-index logic is left to core. */
div[id^="wait_"] {
	min-width: 140px;
	padding: 14px 22px 14px 46px !important;
	background: var(--sl-color-white, #fff) !important;
	border: 1px solid var(--sl-color-divider, #EFEDF9) !important;
	border-radius: var(--sl-card-radius, 12px) !important;
	box-shadow: 0 8px 24px rgba(var(--sl-color-dark-rgb, 20, 42, 75), 0.12) !important;
	color: var(--sl-color-dark, #142A4B) !important;
	font-family: inherit !important;
	font-size: var(--sl-text-sm, 14px) !important;
	line-height: 1.4 !important;
	background-image: none !important;
}

div[id^="wait_"]::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 16px;
	width: 20px;
	height: 20px;
	margin-top: -10px;
	background: url("/local/templates/shop_light/images/ajax-loading.svg") center / contain no-repeat;
	animation: sl-wait-spin 800ms linear infinite;
	transform-origin: center;
}

@keyframes sl-wait-spin {
	to { transform: rotate(360deg); }
}

@media (prefers-reduced-motion: reduce) {
	div[id^="wait_"]::before {
		animation: none;
	}
}

/* Customizer token bridge for legacy public sections. */
body :is(
	.sl-service-page__intro,
	.sl-service-page__block,
	.sl-service-page__side-card,
	.sl-howto__intro,
	.sl-howto__block,
	.sl-howto__side-card,
	.sl-payment-page__intro,
	.sl-payment-page__block,
	.sl-payment-page__side-card,
	.sl-guaranty__intro,
	.sl-guaranty__block,
	.sl-guaranty__side-card,
	.sl-faq-page__intro,
	.sl-faq-page__block,
	.sl-faq-page__side-card,
	.sl-about__hero,
	.sl-about__section,
	.sl-about__values,
	.sl-about__contacts,
	.sl-brands-page__hero,
	.sl-brands-page__title,
	.sl-brands-page__panel,
	.sl-brands-page__sidebar,
	.sl-brands-page__tools,
	.sl-brands-page__popular,
	.sl-brands-page__group,
	.sl-brands-page__empty,
	.sl-brand-detail__logo-box,
	.sl-brand-detail__seo,
	.sl-stocks__card,
	.sl-blog__card,
	.sl-licenses__item,
	.sl-licenses__empty,
	.sl-req__table,
	.sl-payment__item,
	.sl-payment__info,
	.sl-auth-form,
	.bx-authform,
	.sl-search__box,
	.sl-search-page__product,
	.catalog-compare-grid__label--card,
	.catalog-compare-filter,
	.sl-personal-card,
	.sl-personal-layout__content.sl-account,
	.sl-private .bx_profile,
	.sl-profiles .table,
	.sale-order-list-container,
	.bx-sbb-empty-cart-container
) {
	border-radius: var(--sl-card-radius, 20px) !important;
}

body :is(
	.sl-payment-page__metric,
	.sl-service-page__metric,
	.sl-howto__metric,
	.sl-guaranty__metric,
	.sl-faq-page__metric,
	.sl-about__value,
	.sl-about__feature,
	.sl-about__contact,
	.sl-partners__step,
	.sl-partners__program,
	.sl-partners__faq-item,
	.sl-corp__advantage,
	.sl-corp__service,
	.sl-corp__step,
	.sl-corp__faq-item,
	.sl-brands-page__hero-metric,
	.sl-brands-page__summary-item,
	.sl-brands-page__card,
	.sl-brands-page__brand
) {
	border-radius: var(--sl-card-radius, 16px) !important;
}

body :is(
	.sl-stocks__card-image,
	.sl-stocks__card-image img,
	.sl-blog__card-image,
	.sl-blog__card-image img,
	.sl-brands-page__card-media,
	.sl-brands-page__brand-logo,
	.sl-licenses__image,
	.sl-auth-form__captcha,
	.bx-authform .bx-captcha,
	.catalog-compare-product__image,
	.catalog-compare-product__img,
	.catalog-compare-item-image
) {
	border-radius: var(--sl-media-radius, 10px) !important;
}

body :is(
	.sl-req__download-btn,
	.sl-licenses__item-download,
	.sl-services-detail__cta,
	.sl-stocks__card-btn,
	.sl-blog__card-link,
	.sl-search__empty-btn,
	.catalog-compare-clear
) {
	border-radius: var(--sl-link-button-radius, var(--sl-action-radius, 100px)) !important;
}

@media (min-width: 769px) {
	body :is(
		.sl-service-page,
		.sl-howto,
		.sl-payment-page,
		.sl-guaranty,
		.sl-faq-page
	) :is(
		.sl-service-page__intro,
		.sl-service-page__block,
		.sl-service-page__side-card,
		.sl-howto__intro,
		.sl-howto__block,
		.sl-howto__side-card,
		.sl-payment-page__intro,
		.sl-payment-page__block,
		.sl-payment-page__side-card,
		.sl-guaranty__intro,
		.sl-guaranty__block,
		.sl-guaranty__side-card,
		.sl-faq-page__intro,
		.sl-faq-page__block,
		.sl-faq-page__side-card
	) {
		border-radius: 30px !important;
	}

	body :is(
		.sl-service-page,
		.sl-howto,
		.sl-payment-page,
		.sl-guaranty,
		.sl-faq-page
	) :is(
		.sl-service-page__metric,
		.sl-service-page__card,
		.sl-howto__metric,
		.sl-howto__step,
		.sl-howto__card,
		.sl-payment-page__metric,
		.sl-payment__item,
		.sl-payment__info,
		.sl-guaranty__metric,
		.sl-guaranty__card,
		.sl-faq-page__metric,
		.sl-faq__item
	) {
		border-radius: 18px !important;
	}
}

body :is(
	.sl-authform .btn,
	.bx-authform .btn,
	.sl-auth-form__button,
	.sl-search__submit,
	.catalog-compare-btn,
	.sale-order-list-button,
	.sale-order-detail-about-order-inner-container-repeat-button,
	.sale-order-detail-about-order-inner-container-name-read-more,
	.sale-order-detail-payment-options-methods-button-element,
	.basket-checkout-block-btn,
	.basket-coupon-block-coupon-btn
) {
	border-radius: var(--sl-action-radius, 10px) !important;
}

.sl-contacts__feedback-agree {
	--sl-contacts-checkbox-accent: var(--sl-color-checkbox-accent, #7060F8);
	--sl-contacts-checkbox-accent-rgb: var(--sl-color-checkbox-accent-rgb, 112, 96, 248);
	--sl-contacts-checkbox-text: var(--sl-color-checkbox-text, var(--sl-color-dark));
	--sl-contacts-checkbox-gap: var(--sl-checkbox-text-gap, 11px);
	display: grid;
	grid-template-columns: 20px minmax(0, 1fr);
	align-items: start;
	column-gap: var(--sl-contacts-checkbox-gap);
	width: 100%;
	max-width: none;
	margin: 0;
	color: var(--sl-contacts-checkbox-text);
	font-size: 13px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.39;
	cursor: pointer;
}

.sl-contacts__feedback-agree input[type="checkbox"] {
	-webkit-appearance: none;
	appearance: none;
	position: relative;
	grid-column: 1;
	width: 20px;
	min-width: 20px;
	height: 20px;
	min-height: 20px;
	margin: 0;
	padding: 0;
	border: none;
	border-radius: 3px;
	background: rgba(var(--sl-contacts-checkbox-accent-rgb), 0.12);
	cursor: pointer;
	transition: background 0.15s ease, box-shadow 0.15s ease;
}

.sl-contacts__feedback-agree input[type="checkbox"]:checked {
	background: rgba(var(--sl-contacts-checkbox-accent-rgb), 0.2);
}

.sl-contacts__feedback-agree input[type="checkbox"]::after {
	content: "";
	position: absolute;
	inset: 0;
	width: 20px;
	height: 20px;
	background: var(--sl-contacts-checkbox-accent);
	opacity: 0;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M6 9.77614L9.06634 13L14 8' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 20px 20px no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M6 9.77614L9.06634 13L14 8' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 20px 20px no-repeat;
	transition: opacity 0.15s ease;
}

.sl-contacts__feedback-agree input[type="checkbox"]:checked::after {
	inset: 0;
	width: 20px;
	height: 20px;
	background: var(--sl-contacts-checkbox-accent);
	opacity: 1;
	transform: none;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M6 9.77614L9.06634 13L14 8' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 20px 20px no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M6 9.77614L9.06634 13L14 8' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 20px 20px no-repeat;
}

.sl-contacts__feedback-agree input[type="checkbox"]:focus-visible {
	outline: 2px solid var(--sl-contacts-checkbox-accent);
	outline-offset: 2px;
}

.sl-contacts__feedback-agree > span {
	grid-column: 2;
	min-width: 0;
	max-width: none;
	color: inherit;
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
}

.sl-contacts__feedback-agree-link {
	color: var(--sl-contacts-checkbox-accent);
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
	text-decoration: none;
	border-bottom: none;
}

.sl-contacts__feedback-agree-link:hover {
	color: var(--sl-contacts-checkbox-accent);
	text-decoration: none;
	border-bottom: none;
}

body :is(
	.sl-service-page input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),
	.sl-service-page select,
	.sl-howto input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),
	.sl-howto select,
	.sl-payment-page input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),
	.sl-payment-page select,
	.sl-guaranty input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),
	.sl-guaranty select,
	.sl-faq-page input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),
	.sl-faq-page select,
	.sl-auth-form__input,
	.bx-authform-input-container input[type="text"],
	.bx-authform-input-container input[type="password"],
	.sl-search__input,
	.sl-search__input-wrap input[type="text"],
	.sl-search__input-wrap .search-suggest-input
) {
	border-radius: var(--sl-field-radius, 10px) !important;
}

body :is(
	.bx-soa textarea.form-control,
	.bx-soa textarea,
	.sl-order-cancel__textarea,
	.sl-personal-layout__content textarea,
	.sl-private .bx_profile textarea,
	.sl-profiles .sale-profile-detail-form textarea.form-control,
	.sl-service-page textarea,
	.sl-howto textarea,
	.sl-payment-page textarea,
	.sl-guaranty textarea,
	.sl-faq-page textarea
) {
	border-radius: var(--sl-textarea-radius, min(var(--sl-field-radius, 10px), 24px)) !important;
}

body :is(
	.sl-addresses-v2__city-toggle,
	.sl-addresses__city-select,
	.sl-addresses__city-option,
	.sl-search__tab,
	.sl-search__sort-active,
	.sl-search__sort-link,
	.sl-search-page__chip,
	.sl-search-page__popular-item,
	.sl-brands-page__alpha-item,
	.sl-brands-page__series-pill
) {
	border-radius: var(--sl-choice-radius, 8px) !important;
}

body :is(
	.sl-catalog-toolbar__tag,
	.sl-catalog-toolbar__page-size-btn,
	.sl-catalog-toolbar__view-btn
) {
	border-radius: var(--sl-catalog-toolbar-control-radius-current, var(--sl-catalog-toolbar-control-radius, var(--sl-choice-radius, 8px))) !important;
}

body :is(
	.sl-addresses-v2__city-toggle,
	.sl-addresses__city-select,
	.sl-addresses__city-option
) {
	border-radius: var(--sl-addresses-control-radius, var(--sl-choice-radius, 8px)) !important;
}

body :is(
	.sl-payment__grid,
	.sl-payment-page__layout,
	.sl-payment-page__sidebar,
	.sl-payment__info-list,
	.sl-search-page__grid,
	.sl-search-page__chips,
	.sl-search-page__popular-list,
	.sl-stocks__grid,
	.sl-blog__grid,
	.sl-licenses__grid,
	.sl-brands-page__grid,
	.sl-brands-page__popular
) {
	gap: var(--sl-card-gap, 20px) !important;
}

.qwelp-banner-placement .sl-banner-button-catalog.button-clear,
.qwelp-banner-placement .linear-banner__button,
.qbe-banner .sl-banner-button-catalog.button-clear,
.qbe-banner .linear-banner__button {
	background: var(--sl-color-link-hover, #5B4CE0) !important;
	color: var(--sl-color-white, #FFFFFF) !important;
}

html[data-theme="dark"] body .sl-product-short-info__link,
html[data-theme="dark"] body .sl-product-short-info__link:hover {
	background: transparent !important;
	background-color: transparent !important;
	background-image: none !important;
	box-shadow: none !important;
}

/* Dark homepage visual system */
html[data-theme="dark"] body.sl-page-home {
	--sl-home-dark-page: #272C32;
	--sl-home-dark-surface: #363B40;
	--sl-home-dark-surface-muted: #404449;
	--sl-home-dark-surface-strong: #53585D;
	--sl-home-dark-border: rgba(255, 255, 255, 0.08);
	--sl-home-dark-text-muted: rgba(255, 255, 255, 0.62);
	--sl-color-dark: #FFFFFF;
	--sl-color-dark-rgb: 255, 255, 255;
	--sl-color-white: var(--sl-home-dark-surface);
	--sl-color-white-rgb: 54, 59, 64;
	--sl-color-bg: var(--sl-home-dark-page);
	--sl-color-bg-rgb: 39, 44, 50;
	--sl-color-bg-card: var(--sl-home-dark-surface);
	--sl-color-bg-muted: var(--sl-home-dark-surface-muted);
	--sl-color-surface-1: var(--sl-home-dark-surface);
	--sl-color-surface-2: var(--sl-home-dark-surface-muted);
	--sl-color-divider: var(--sl-home-dark-surface-strong);
	--sl-color-border: var(--sl-home-dark-surface-strong);
	--sl-color-border-light: var(--sl-home-dark-border);
	--sl-color-hover-bg: var(--sl-home-dark-surface-muted);
	--sl-color-hover-bg-dark: var(--sl-home-dark-surface-strong);
	--sl-color-input-bg: rgba(255, 255, 255, 0.05);
	--sl-color-input-border: rgba(255, 255, 255, 0.08);
	--sl-color-input-text: rgba(255, 255, 255, 0.72);
	--sl-color-text: #FFFFFF;
	--sl-color-text-secondary: rgba(255, 255, 255, 0.72);
	--sl-color-text-heading: #FFFFFF;
	--sl-color-text-light: var(--sl-home-dark-text-muted);
	--sl-color-heading: #FFFFFF;
	--sl-color-muted: var(--sl-home-dark-text-muted);
	--sl-color-banner-title: #FFFFFF;
	--sl-color-banner-text: rgba(255, 255, 255, 0.72);
	--sl-color-banner-bg: var(--sl-home-dark-surface);
	--sl-color-review-bg: var(--sl-home-dark-surface);
	--sl-color-review-muted: var(--sl-home-dark-text-muted);
	--sl-header-bg: var(--sl-home-dark-surface);
	--sl-header-text: #FFFFFF;
	--sl-footer-bg: var(--sl-home-dark-surface);
	--sl-footer-text: #FFFFFF;
	color: #FFFFFF;
}

html[data-theme="dark"] body.sl-page-home .sl-header__main-row,
html[data-theme="dark"] body.sl-page-home .sl-footer {
	background-color: var(--sl-home-dark-surface);
}

html[data-theme="dark"] body.sl-page-home :is(
	.sl-city-selector__window,
	.sl-header__phone-popup-inner,
	.sl-cart-widget__body,
	.sl-catalog-menu__inner
) {
	background-color: var(--sl-home-dark-surface);
}

html[data-theme="dark"] body.sl-page-home .sl-header__catalog-btn {
	background-color: var(--sl-color-link, #7060F8) !important;
	color: #FFFFFF !important;
}

html[data-theme="dark"] body.sl-page-home .sl-header__search {
	background-color: var(--sl-header-search-bg, rgba(255, 255, 255, 0.05)) !important;
	border-color: transparent;
}

html[data-theme="dark"] body.sl-page-home .sl-header__search :is(
	input,
	button
) {
	color: #FFFFFF;
}

html[data-theme="dark"] body.sl-page-home .sl-header__search input::placeholder {
	color: rgba(255, 255, 255, 0.52);
}

html[data-theme="dark"] body.sl-page-home [data-sl-homepage-block="banners"] .qbe-banner__step {
	background-color: #494162 !important;
}

html[data-theme="dark"] body.sl-page-home [data-sl-homepage-block="banners"] :is(
	.sl-banner-title,
	.sl-banner-text
) {
	color: #FFFFFF !important;
}

html[data-theme="dark"] body.sl-page-home [data-sl-homepage-block="banners"] .sl-banner-badge {
	background-color: rgba(255, 255, 255, 0.15) !important;
	color: #FFFFFF !important;
}

html[data-theme="dark"] body.sl-page-home [data-sl-homepage-block="banners"] .sl-banner-button-catalog,
html[data-theme="dark"] body.sl-page-home [data-sl-homepage-block="banners"] .sl-banner-button-catalog__text {
	background-color: var(--sl-color-link, #7060F8) !important;
	color: #FFFFFF !important;
}

html[data-theme="dark"] body.sl-page-home [data-sl-homepage-block="banners"] .qbe-banner__nav {
	color: #FFFFFF;
}

html[data-theme="dark"] body.sl-page-home :is(
	[data-sl-homepage-block="banners"],
	[data-sl-homepage-block="popular_products"]
) .product-item.sl-card {
	background-color: var(--sl-home-dark-surface);
	border-color: transparent;
}

html[data-theme="dark"] body.sl-page-home :is(
	[data-sl-homepage-block="banners"],
	[data-sl-homepage-block="popular_products"]
) .product-item-image-wrapper {
	background-color: rgba(255, 255, 255, 0.05);
}

html[data-theme="dark"] body.sl-page-home :is(
	[data-sl-homepage-block="banners"],
	[data-sl-homepage-block="popular_products"]
) .sl-card__action-btn {
	background-color: rgba(255, 255, 255, 0.1);
	color: #FFFFFF;
}

html[data-theme="dark"] body.sl-page-home :is(
	.sl-promo-tabbed__tab,
	.sl-brands__card,
	.sl-reviews-v2__card,
	.sl-colfull-v2__card,
	.sl-colfull-v2__bundle
) {
	background-color: var(--sl-home-dark-surface);
	border-color: transparent;
}

html[data-theme="dark"] body.sl-page-home .sl-promo-tabbed__tab-wrapper::before,
html[data-theme="dark"] body.sl-page-home .sl-promo-tabbed__tab-wrapper::after {
	background-color: var(--sl-home-dark-surface);
}

html[data-theme="dark"] body.sl-page-home .sl-promo-tabbed__tab-wrapper--active::before,
html[data-theme="dark"] body.sl-page-home .sl-promo-tabbed__tab-wrapper--active::after,
html[data-theme="dark"] body.sl-page-home .sl-promo-tabbed__tab-wrapper--active .sl-promo-tabbed__tab {
	background-color: var(--sl-color-cta-dark, var(--sl-color-cta, #142A4B));
	color: var(--sl-color-cta-dark-contrast, var(--sl-color-cta-contrast, #FFFFFF));
}

html[data-theme="dark"] body.sl-page-home .sl-promo-tabbed__tab-wrapper--active .sl-promo-tabbed__tab {
	box-shadow:
		-1px 0 0 var(--sl-color-cta-dark, var(--sl-color-cta, #142A4B)),
		1px 0 0 var(--sl-color-cta-dark, var(--sl-color-cta, #142A4B));
}

html[data-theme="dark"] body.sl-page-home .sl-promo-tabbed__tab-wrapper:not(.sl-promo-tabbed__tab-wrapper--active):hover::before,
html[data-theme="dark"] body.sl-page-home .sl-promo-tabbed__tab-wrapper:not(.sl-promo-tabbed__tab-wrapper--active):hover::after,
html[data-theme="dark"] body.sl-page-home .sl-promo-tabbed__tab-wrapper:not(.sl-promo-tabbed__tab-wrapper--active):hover .sl-promo-tabbed__tab {
	background-color: rgba(var(--sl-color-link-solid-rgb, 112, 96, 248), 0.22);
}

html[data-theme="dark"] body.sl-page-home .sl-promo-tabbed__tab-wrapper:not(.sl-promo-tabbed__tab-wrapper--active):hover .sl-promo-tabbed__tab {
	color: #FFFFFF;
	box-shadow:
		-1px 0 0 rgba(var(--sl-color-link-solid-rgb, 112, 96, 248), 0.22),
		1px 0 0 rgba(var(--sl-color-link-solid-rgb, 112, 96, 248), 0.22);
}

html[data-theme="dark"] body.sl-page-home .sl-colfull-v2__thumb {
	background-color: rgba(255, 255, 255, 0.05);
}

html[data-theme="dark"] body.sl-page-home .sl-brands__btn {
	background-color: var(--sl-color-cta, #142A4B);
	color: var(--sl-color-cta-contrast, #FFFFFF);
}

html[data-theme="dark"] body.sl-page-home .sl-colfull-v2__btn {
	background-color: var(--sl-color-link, #7060F8);
	color: #FFFFFF;
}

html[data-theme="dark"] body.sl-page-home .sl-reviews-v2__cta {
	background-color: var(--sl-color-link, #7060F8);
	color: #FFFFFF;
}

html[data-theme="dark"] body.sl-page-home [data-sl-homepage-block="gorizontalnyy_reklamnyy_banner"] .linear-banner__button {
	background-color: #FFFFFF !important;
	color: var(--sl-color-link, #7060F8) !important;
}

html[data-theme="dark"] body.sl-page-home :is(
	.sl-reviews-v2__product,
	.sl-reviews-v2__product-picture
) {
	background-color: rgba(255, 255, 255, 0.05);
}

html[data-theme="dark"] body.sl-page-home [data-sl-homepage-block="address"] .sl-addresses__panel {
	background-color: var(--sl-home-dark-surface);
}

html[data-theme="dark"] body.sl-page-home [data-sl-homepage-block="address"] .sl-addresses-v2__card {
	background-color: rgba(255, 255, 255, 0.08);
}

html[data-theme="dark"] body.sl-page-home [data-sl-homepage-block="address"] .sl-addresses-v2__card--active,
html[data-theme="dark"] body.sl-page-home [data-sl-homepage-block="address"] .sl-addresses-v2__card--active:hover {
	background-color: var(--sl-color-link, #7060F8);
	color: #FFFFFF;
}

html[data-theme="dark"] body.sl-page-home [data-sl-homepage-block="stocks_list"] .sl-stocks {
	background-color: var(--sl-home-dark-surface) !important;
}

html[data-theme="dark"] body.sl-page-home [data-sl-homepage-block="stocks_list"] .sl-stocks__card {
	background-color: var(--sl-home-dark-page) !important;
	border-color: transparent;
}

html[data-theme="dark"] body.sl-page-home [data-sl-homepage-block="stocks_list"] .sl-stocks__card-btn {
	background-color: rgba(var(--sl-color-link-rgb, 112, 96, 248), 0.18);
	color: #FFFFFF;
}

html[data-theme="dark"] body.sl-page-home :is(
	.sl-promo-list__arrow,
	.sl-promo-tabbed__arrow,
	.sl-brands__arrow,
	.sl-reviews__arrow,
	.sl-stocks__arrow,
	.sl-news__arrow
) {
	background-color: var(--sl-home-dark-surface);
	border-color: transparent;
	color: #FFFFFF;
}

html[data-theme="dark"] body.sl-page-home [data-sl-homepage-block="stocks_list"] .sl-stocks__arrow-wrapper::before,
html[data-theme="dark"] body.sl-page-home [data-sl-homepage-block="stocks_list"] .sl-stocks__arrow-wrapper::after,
html[data-theme="dark"] body.sl-page-home [data-sl-homepage-block="stocks_list"] :is(
	.sl-stocks__arrow,
	.sl-stocks__nav button
) {
	background-color: var(--sl-home-dark-page);
}

html[data-theme="dark"] body.sl-page-home .sl-footer__subscribe-form {
	background-color: rgba(255, 255, 255, 0.05);
}

@media (max-width: 480px) {
	html[data-theme="dark"] body.sl-page-home [data-sl-homepage-block="banners"] .qbe-banner__element:has(> .sl-banner-title),
	html[data-theme="dark"] body.sl-page-home [data-sl-homepage-block="banners"] .qbe-banner__element:has(> .sl-banner-text) {
		width: min(calc(100vw - 4.375rem), 46rem) !important;
		max-width: min(calc(100vw - 4.375rem), 46rem) !important;
		height: auto !important;
	}
}

@media (max-width: 480px) {
	html[data-theme="dark"] body.sl-page-home [data-sl-homepage-block="banners"] :is(
		.qbe-banner,
		.qbe-banner__viewport
	) {
		height: 34.25rem !important;
		min-height: 34.25rem !important;
		max-height: 34.25rem !important;
	}
}

html[data-theme="dark"] ymaps3.ymaps3--open-maps-button {
	color: #142A4B !important;
}

/* ==========================================================================
   Simple content page
   ========================================================================== */

.sl-content-page {
	--sl-content-page-column: 52rem;
	--sl-content-page-text: rgba(var(--sl-color-dark-rgb, 20, 42, 75), 0.74);
	--sl-content-page-text-muted: rgba(var(--sl-color-dark-rgb, 20, 42, 75), 0.58);
	--sl-content-page-border: rgba(var(--sl-color-dark-rgb, 20, 42, 75), 0.1);
	min-width: 0;
	margin-bottom: clamp(2.5rem, 6vw, var(--sl-gap-section, 5rem));
	padding: clamp(1.5rem, 4.5vw, 4.5rem) clamp(1.125rem, 5.5vw, 5rem);
	background: var(--sl-color-white, #FFFFFF);
	border-radius: clamp(1.25rem, 2.5vw, 1.875rem);
	overflow: hidden;
}

.sl-content-page__header,
.sl-content-page__body {
	width: 100%;
	max-width: var(--sl-content-page-column);
	min-width: 0;
	margin-inline: auto;
}

.sl-content-page__header {
	margin-bottom: clamp(1.75rem, 3.5vw, 2.75rem);
	padding-bottom: clamp(1.25rem, 2.5vw, 2rem);
	border-bottom: 1px solid var(--sl-content-page-border);
}

.sl-content-page__title {
	margin: 0;
	color: var(--sl-color-heading, #142A4B);
	font-size: clamp(2rem, 3.2vw, 3rem);
	font-weight: 500;
	line-height: 1.14;
	letter-spacing: -0.025em;
	overflow-wrap: anywhere;
}

.sl-content-page__body {
	color: var(--sl-content-page-text);
	font-size: clamp(0.9375rem, 0.28vw + 0.875rem, 1.0625rem);
	font-weight: 400;
	line-height: 1.75;
	overflow-wrap: anywhere;
}

.sl-content-page__body > :first-child {
	margin-top: 0;
}

.sl-content-page__body > :last-child {
	margin-bottom: 0;
}

.sl-content-page__body p {
	margin: 0 0 1.25em;
}

.sl-content-page__body .sl-content-page__lead {
	margin-bottom: 1.5em;
	color: var(--sl-color-dark, #142A4B);
	font-size: clamp(1.0625rem, 0.55vw + 0.9375rem, 1.25rem);
	line-height: 1.6;
}

.sl-content-page__body :is(h2, h3, h4, h5, h6) {
	color: var(--sl-color-heading, #142A4B);
	font-weight: 500;
	letter-spacing: -0.015em;
	overflow-wrap: anywhere;
}

.sl-content-page__body h2 {
	margin: clamp(2.25rem, 4vw, 3.25rem) 0 0.75em;
	font-size: clamp(1.5rem, 1.4vw + 1.125rem, 2rem);
	line-height: 1.25;
}

.sl-content-page__body h3 {
	margin: clamp(1.75rem, 3vw, 2.5rem) 0 0.7em;
	font-size: clamp(1.25rem, 0.85vw + 1.0625rem, 1.625rem);
	line-height: 1.3;
}

.sl-content-page__body :is(h4, h5, h6) {
	margin: 1.75rem 0 0.625em;
	font-size: clamp(1.0625rem, 0.35vw + 1rem, 1.25rem);
	line-height: 1.35;
}

.sl-content-page__body :is(ul, ol) {
	margin: 0 0 1.5em;
	padding-left: 1.5em;
}

.sl-content-page__body li {
	padding-left: 0.25em;
}

.sl-content-page__body li + li {
	margin-top: 0.45em;
}

.sl-content-page__body li::marker {
	color: var(--sl-color-link, #7060F8);
	font-weight: 600;
}

.sl-content-page__body a {
	color: var(--sl-color-link, #7060F8);
	text-decoration: underline;
	text-decoration-color: rgba(var(--sl-color-link-rgb, 112, 96, 248), 0.4);
	text-decoration-thickness: 0.08em;
	text-underline-offset: 0.18em;
	transition: color 0.2s ease, text-decoration-color 0.2s ease;
}

.sl-content-page__body a:hover {
	color: var(--sl-color-link-hover, #5F53E6);
	text-decoration-color: currentColor;
}

.sl-content-page__body a:focus-visible,
.sl-content-page__table-wrap:focus-visible {
	outline: 2px solid var(--sl-color-link, #7060F8);
	outline-offset: 0.25rem;
	border-radius: 0.25rem;
}

.sl-content-page__body strong {
	color: var(--sl-color-dark, #142A4B);
	font-weight: 600;
}

.sl-content-page__body blockquote {
	position: relative;
	margin: clamp(1.75rem, 3.5vw, 2.5rem) 0;
	padding: clamp(1.25rem, 2.5vw, 1.75rem) clamp(1.25rem, 3vw, 2rem);
	background: var(--sl-color-surface-2, rgba(var(--sl-color-dark-rgb, 20, 42, 75), 0.05));
	border-left: 0.25rem solid var(--sl-color-link, #7060F8);
	border-radius: 0 1rem 1rem 0;
	color: var(--sl-color-dark, #142A4B);
	font-size: clamp(1rem, 0.45vw + 0.9375rem, 1.1875rem);
	line-height: 1.65;
}

.sl-content-page__body blockquote p:last-of-type {
	margin-bottom: 0.75em;
}

.sl-content-page__body blockquote cite {
	display: block;
	color: var(--sl-content-page-text-muted);
	font-size: 0.82em;
	font-style: normal;
}

.sl-content-page__note {
	margin: clamp(1.75rem, 3vw, 2.25rem) 0;
	padding: clamp(1.125rem, 2.5vw, 1.5rem) clamp(1.125rem, 3vw, 1.75rem);
	background: rgba(var(--sl-color-link-rgb, 112, 96, 248), 0.1);
	border: 1px solid rgba(var(--sl-color-link-rgb, 112, 96, 248), 0.18);
	border-radius: 1rem;
}

.sl-content-page__note > strong:first-child {
	display: block;
	margin-bottom: 0.45rem;
}

.sl-content-page__note > :last-child {
	margin-bottom: 0;
}

.sl-content-page__body :is(img, video, iframe) {
	max-width: 100%;
}

.sl-content-page__body img {
	height: auto;
	border-radius: clamp(0.75rem, 2vw, 1.25rem);
}

.sl-content-page__body figure {
	margin: clamp(1.75rem, 3vw, 2.5rem) 0;
}

.sl-content-page__body figcaption {
	margin-top: 0.75rem;
	color: var(--sl-content-page-text-muted);
	font-size: 0.875em;
	line-height: 1.5;
}

.sl-content-page__table-wrap {
	max-width: 100%;
	margin: 1.5rem 0 2rem;
	overflow-x: auto;
	overscroll-behavior-inline: contain;
	-webkit-overflow-scrolling: touch;
}

.sl-content-page__body table {
	width: 100%;
	border-collapse: collapse;
	color: var(--sl-content-page-text);
	font-size: 0.94em;
	line-height: 1.5;
}

.sl-content-page__table-wrap table {
	min-width: 36rem;
	margin: 0;
}

.sl-content-page__body :is(th, td) {
	padding: 0.875rem 1rem;
	border: 1px solid var(--sl-content-page-border);
	text-align: left;
	vertical-align: top;
}

.sl-content-page__body th {
	background: var(--sl-color-surface-2, rgba(var(--sl-color-dark-rgb, 20, 42, 75), 0.05));
	color: var(--sl-color-dark, #142A4B);
	font-weight: 600;
}

.sl-content-page__body :is(pre, code) {
	font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;
}

.sl-content-page__body code {
	padding: 0.12em 0.35em;
	background: var(--sl-color-surface-2, rgba(var(--sl-color-dark-rgb, 20, 42, 75), 0.05));
	border-radius: 0.35rem;
	font-size: 0.9em;
}

.sl-content-page__body pre {
	max-width: 100%;
	margin: 1.5rem 0;
	padding: 1.25rem;
	background: var(--sl-color-surface-2, rgba(var(--sl-color-dark-rgb, 20, 42, 75), 0.05));
	border-radius: 0.875rem;
	overflow-x: auto;
}

.sl-content-page__body pre code {
	padding: 0;
	background: transparent;
	border-radius: 0;
}

.sl-content-page__body hr {
	height: 1px;
	margin: clamp(2rem, 4vw, 3rem) 0;
	background: var(--sl-content-page-border);
	border: 0;
}

.sl-content-page__body small {
	color: var(--sl-content-page-text-muted);
	font-size: 0.875em;
	line-height: 1.55;
}

html[data-theme="dark"] .sl-content-page__body a {
	color: var(--sl-color-link-bright, #9B8FFF);
}

html[data-theme="dark"] .sl-content-page__body a:hover {
	color: #B0A7FF;
}

@media (min-width: 1025px) {
	.sl-content-page {
		margin-bottom: var(--sl-page-footer-gap, var(--sl-gap-section, 90px));
	}
}

@media (max-width: 768px) {
	.sl-content-page {
		margin-bottom: clamp(1.75rem, 6vw, 2.5rem);
		padding: clamp(1.5rem, 5vw, 2.25rem) clamp(1.125rem, 4vw, 1.75rem);
	}

	.sl-content-page__body {
		font-size: clamp(0.875rem, 0.4vw + 0.8125rem, 0.9375rem);
		line-height: 1.65;
	}

	.sl-content-page__body > table {
		display: block;
		max-width: 100%;
		overflow-x: auto;
		white-space: nowrap;
	}
}

@media (min-width: 577px) and (max-width: 1024px) {
	.sl-content-page {
		margin-bottom: var(--sl-page-footer-gap, 3.75rem);
	}
}

@media (max-width: 480px) {
	.sl-content-page__header {
		margin-bottom: 1.5rem;
		padding-bottom: 1.25rem;
	}

	.sl-content-page__title {
		font-size: clamp(1.75rem, 8vw, 2rem);
	}

	.sl-content-page__body blockquote {
		border-left-width: 0.1875rem;
		border-radius: 0 0.75rem 0.75rem 0;
	}

	.sl-content-page__body :is(th, td) {
		padding: 0.75rem 0.875rem;
	}
}

/* End */
/* /local/js/qwelp/megamenu/catalog-menu/dist/catalog-menu.bundle.css?178836767421853 */
/* /local/js/qwelp/shoplight/cookie-notice/src/cookie-notice.css?17882555135136 */
/* /local/js/qwelp/favorites/dist/favorites.bundle.css?17846233304971 */
/* /local/templates/shop_light/variants/customizer.css?178722610817315 */
/* /local/templates/shop_light/variants/header/header_1/style.css?178825551349064 */
/* /local/templates/shop_light/blocks/cart_widget/style.css?178825551312830 */
/* /local/templates/shop_light/variants/header/responsive_shared.css?17863556881262 */
/* /local/components/qwelp/search.title/templates/.default/style.css?178861711217054 */
/* /local/templates/shop_light/blocks/mobile_menu/style.css?178634879918662 */
/* /local/components/qwelp/megamenu.menu/templates/detailed/style.css?17883676743666 */
/* /local/templates/shop_light/variants/footer/footer_1/style.css?178825551314665 */
/* /local/components/qwelp/customizer.panel/templates/.default/style.css?17877661743022 */
/* /local/components/qwelp/toast/templates/.default/style.css?17846357596724 */
/* /local/templates/shop_light/template_styles.css?1788593993164001 */