/* Start:/local/js/qwelp/shoplight/cookie-notice/src/cookie-notice.css?17820562023671*/
.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: var(--sl-button-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 {
	background: rgba(var(--sl-color-white-rgb, 30, 32, 48), 0.96);
	box-shadow: 0 1rem 2.5rem rgba(0, 0, 0, 0.32);
}

@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/reviews/src/reviews.css?178237634553138*/
.sl-reviews {
	position: relative;
}

.sl-reviews__body {
	display: flex;
	gap: 30px;
	align-items: flex-start;
}

.sl-reviews__main {
	flex: 1;
	min-width: 0;
}

.sl-reviews__sidebar {
	width: 335px;
	flex-shrink: 0;
	position: sticky;
	top: 200px;
}

.sl-reviews__summary {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0;
	box-sizing: border-box;
	width: 100%;
	min-height: 312px;
	padding: 29px 27px 30px 28px;
	background: var(--sl-color-white);
	border-radius: 30px;
}

.sl-reviews__add-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	width: 100%;
	padding: 18px 10px 20px;
	background: var(--sl-color-link);
	color: var(--sl-color-white);
	border: none;
	border-radius: 15px;
	font-size: 17px;
	line-height: 1.275;
	cursor: pointer;
	transition: background 0.2s;
	margin-top: 41px;
}

.sl-reviews__add-btn:hover {
	background: rgba(var(--sl-color-link-rgb, 96, 80, 232), 0.85);
}

.sl-reviews__average {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0;
	width: 159px;
}

.sl-reviews__average-value {
	font-size: 60px;
	font-weight: 500;
	line-height: 1.4;
	color: var(--sl-color-dark);
}

.sl-reviews__average-meta {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 5px;
	width: 100%;
	margin-top: -4px;
}

.sl-reviews__average-label {
	font-size: 20px;
	line-height: 1.4;
	color: var(--sl-color-dark);
}

.sl-reviews__total-count {
	font-size: 16px;
	line-height: 1.4;
	color: rgba(var(--sl-color-dark-rgb), 0.5);
}

.sl-reviews__average-stars {
	display: flex;
	gap: 5px;
}

.sl-reviews__average-stars .sl-reviews__star {
	width: 12.5px;
	height: 11.98px;
}

.sl-reviews__star {
	color: rgba(var(--sl-color-dark-rgb), 0.2);
	flex-shrink: 0;
}

.sl-reviews__star--filled {
	color: var(--sl-color-star);
}

.sl-reviews__gallery {
	position: relative;
	margin-bottom: 40px;
}

.sl-reviews__gallery .swiper {
	overflow: hidden;
	margin: 0 35px;
}

.sl-reviews__gallery .swiper-slide {
	width: 61px;
	height: 80px;
}

.sl-reviews__gallery-item {
	position: relative;
	display: block;
	width: 61px;
	height: 80px;
	border-radius: 10px;
	overflow: hidden;
	cursor: pointer;
	border: none;
	padding: 0;
	background: none;
}

.sl-reviews__gallery-item:hover {
	opacity: 0.85;
}

.sl-reviews__gallery-item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.sl-reviews__gallery-icon {
	position: absolute;
	right: 3px;
	bottom: 3px;
	width: 19px;
	height: 19px;
	border-radius: 50%;
	background: var(--sl-color-white);
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--sl-color-dark);
}

.sl-reviews__gallery-prev,
.sl-reviews__gallery-next {
	position: absolute;
	top: 0;
	z-index: 2;
	width: 20px;
	height: 80px;
	padding: 0;
	border-radius: 10px;
	background: var(--sl-color-white);
	border: none;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	color: var(--sl-color-dark);
	transition: color 0.2s;
}

.sl-reviews__gallery-prev:hover,
.sl-reviews__gallery-next:hover {
	color: var(--sl-color-dark);
}

.sl-reviews__gallery-prev:disabled,
.sl-reviews__gallery-next:disabled {
	opacity: 0.3;
	cursor: default;
	pointer-events: none;
}

.sl-reviews__gallery-prev {
	left: 0;
}

.sl-reviews__gallery-next {
	right: 0;
}

.sl-reviews__filters {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 40px;
	flex-wrap: wrap;
}

.sl-reviews__sort {
	position: relative;
}

.sl-reviews__sort-toggle {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 44px;
	width: 249px;
	padding: 10px 15px;
	background: rgba(var(--sl-color-dark-rgb), 0.05);
	border: none;
	border-radius: 10px;
	cursor: pointer;
	font-size: 14px;
	line-height: 1.275;
	color: var(--sl-color-dark);
}

.sl-reviews__sort-dropdown {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 10;
	min-width: 200px;
	margin-top: 4px;
	padding: 4px 0;
	background: var(--sl-color-white);
	border: 1px solid var(--sl-color-divider);
	border-radius: 10px;
	box-shadow: 0 4px 16px rgba(var(--sl-color-dark-rgb), 0.1);
	display: none;
}

.sl-reviews__sort-dropdown--open {
	display: block;
}

.sl-reviews__sort-option {
	display: block;
	width: 100%;
	padding: 8px 15px;
	border: none;
	background: none;
	text-align: left;
	font-size: 14px;
	color: var(--sl-color-dark);
	cursor: pointer;
}

.sl-reviews__sort-option:hover {
	background: rgba(var(--sl-color-dark-rgb), 0.05);
}

.sl-reviews__filter-photo {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 10px 15px;
	background: var(--sl-color-white);
	line-height: 1.275;
	border: none;
	border-radius: 10px;
	cursor: pointer;
	font-size: 14px;
	color: var(--sl-color-dark);
}

.sl-reviews__filter-photo-box {
	position: relative;
	width: 18px;
	height: 18px;
	border-radius: 3px;
	background: var(--sl-color-link);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.sl-reviews__filter-photo-check {
	position: absolute;
	opacity: 0;
	width: 18px;
	height: 18px;
	cursor: pointer;
}

.sl-reviews__filter-photo-icon {
	color: var(--sl-color-white);
}

.sl-reviews__filter-photo-check:not(:checked) ~ .sl-reviews__filter-photo-icon {
	display: none;
}

.sl-reviews__filter-photo-check:not(:checked) + .sl-reviews__filter-photo-icon ~ .sl-reviews__filter-photo-box,
.sl-reviews__filter-photo-box:has(.sl-reviews__filter-photo-check:not(:checked)) {
	background: var(--sl-color-divider);
}

.sl-reviews__filter-star {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 10px 15px;
	background: var(--sl-color-white);
	border: none;
	border-radius: 10px;
	cursor: pointer;
	font-size: 14px;
	line-height: 1.275;
	color: var(--sl-color-dark);
	transition: background 0.2s;
}

.sl-reviews__filter-star:hover {
	background: rgba(var(--sl-color-star-rgb, 238, 187, 78), 0.1);
}

.sl-reviews__filter-star--active {
	background: rgba(var(--sl-color-star-rgb, 238, 187, 78), 0.15);
}

.sl-reviews__filter-photo--disabled,
.sl-reviews__filter-star--disabled {
	opacity: 0.4;
	cursor: not-allowed;
	pointer-events: none;
}

.sl-reviews__filter-photo--disabled .sl-reviews__filter-photo-box {
	background: var(--sl-color-divider);
}

.sl-reviews__filter-photo--disabled .sl-reviews__filter-photo-check {
	cursor: not-allowed;
}

.sl-reviews__filter-star--disabled:hover {
	background: var(--sl-color-white);
}

.sl-reviews__filter-star-rating {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	font-weight: 500;
	line-height: 1.275;
}

.sl-reviews__filter-star-rating .sl-reviews__star {
	width: 12.5px;
	height: 11.98px;
}

.sl-reviews__filter-star-count {
	font-size: 14px;
	line-height: 1.275;
	color: var(--sl-color-dark);
}

.sl-reviews__list {
	display: flex;
	flex-direction: column;
	gap: 40px;
}

.sl-reviews__item {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.sl-reviews__item-row {
	display: flex;
	gap: 18px;
	align-items: flex-start;
}

.sl-reviews__item-avatar {
	flex-shrink: 0;
	width: 43px;
	height: 43px;
	border-radius: 50%;
	overflow: hidden;
	color: var(--sl-color-link);
}

.sl-reviews__item-avatar-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.sl-reviews__item-card {
	flex: 1;
	min-width: 0;
	background: var(--sl-content-card-bg, var(--sl-color-bg-card));
	border-radius: 15px;
	padding: 20px 25px;
}

.sl-reviews__item-header {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 10px;
	margin-bottom: 7px;
}

.sl-reviews__item-info {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;
}

.sl-reviews__item-name {
	font-weight: 500;
	font-size: 16px;
	color: var(--sl-color-dark);
}

.sl-reviews__item-stars {
	display: flex;
	gap: 5px;
	align-items: center;
}

.sl-reviews__item-stars .sl-reviews__star {
	width: 12.5px;
	height: 11.98px;
}

.sl-reviews__item-date {
	font-size: 14px;
	color: rgba(var(--sl-color-dark-rgb), 0.6);
}

.sl-reviews__item-votes {
	display: flex;
	align-items: center;
	gap: 7px;
	margin-left: auto;
	flex-shrink: 0;
}

.sl-reviews__item-votes svg,
.sl-reviews__comment-votes svg {
	width: 16.45px;
	height: 15.1px;
}

.sl-reviews__vote-like,
.sl-reviews__vote-dislike {
	display: inline-flex;
	align-items: center;
	padding: 0;
	border: none;
	background: none;
	cursor: pointer;
	transition: opacity 0.2s;
}

.sl-reviews__vote-like:hover,
.sl-reviews__vote-dislike:hover {
	opacity: 0.7;
}

.sl-reviews__vote-like--active svg {
	opacity: 1;
}

.sl-reviews__vote-dislike--active svg {
	opacity: 1;
}

.sl-reviews__vote-score {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 23px;
	height: 23px;
	padding: 2px 7px 1px;
	border-radius: 10px;
	font-size: 13px;
	font-weight: 500;
}

.sl-reviews__vote-score--neutral {
	background: rgba(var(--sl-color-dark-rgb), 0.1);
	color: var(--sl-color-dark);
}

.sl-reviews__vote-score--positive {
	background: rgba(var(--sl-color-success-rgb, 84, 197, 128), 0.15);
	color: var(--sl-color-success);
}

.sl-reviews__vote-score--negative {
	background: rgba(var(--sl-color-accent-rgb, 200, 53, 74), 0.15);
	color: var(--sl-color-accent);
}

.sl-reviews__item-text {
	font-size: 15px;
	line-height: 1.4;
	color: var(--sl-color-dark);
	white-space: pre-line;
}

.sl-reviews__item-pros,
.sl-reviews__item-cons {
	font-size: 14px;
	line-height: 1.4;
	color: var(--sl-color-dark);
	margin-top: 7px;
}

.sl-reviews__item-pros-label {
	color: var(--sl-color-success);
	font-weight: 600;
}

.sl-reviews__item-cons-label {
	color: var(--sl-color-accent);
	font-weight: 600;
}

.sl-reviews__item-media {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
	margin-top: 7px;
}

.sl-reviews__item-media-thumb {
	width: 75px;
	height: 100px;
	border-radius: 10px;
	overflow: hidden;
	cursor: pointer;
	border: 2px solid transparent;
	padding: 0;
	background: none;
	transition: border-color 0.2s;
}

.sl-reviews__item-media-thumb:hover {
	border-color: var(--sl-color-link);
}

.sl-reviews__item-media-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* --- Placeholders for missing images --- */
.sl-reviews__gallery-placeholder,
.sl-reviews__thumb-placeholder {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	background: var(--sl-color-bg, #f5f4fa);
	border-radius: 10px;
	color: var(--sl-color-dark, #142a4b);
	opacity: 0.15;
}

.sl-reviews__gallery-placeholder svg,
.sl-reviews__thumb-placeholder svg {
	width: 50%;
	height: 50%;
}

.sl-reviews__viewer-photo-placeholder {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	background: var(--sl-color-bg, #f5f4fa);
	border-radius: 0.75rem;
	color: var(--sl-color-dark, #142a4b);
	opacity: 0.15;
}

.sl-reviews__viewer-photo-placeholder svg {
	width: 120px;
	height: 120px;
}

.sl-reviews__item-actions,
.sl-reviews__comment-actions {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	margin-top: 15px;
	min-height: 23px;
}

.sl-reviews__action-controls {
	display: flex;
	align-items: center;
	gap: 16px;
	flex-wrap: wrap;
}

.sl-reviews__comment-btn {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	padding: 0;
	border: none;
	background: none;
	cursor: pointer;
	font-size: 15px;
	line-height: 1.275;
	color: rgba(var(--sl-color-dark-rgb), 0.5);
	transition: color 0.2s;
}

.sl-reviews__comment-btn:hover {
	color: var(--sl-color-dark);
}

.sl-reviews__edit-btn,
.sl-reviews__delete-btn {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 0;
	border: none;
	background: none;
	cursor: pointer;
	font-size: 13px;
	transition: color 0.2s;
	margin-left: 0;
}

.sl-reviews__edit-btn {
	color: var(--sl-color-link);
}

.sl-reviews__edit-btn:hover {
	color: rgba(var(--sl-color-link-rgb, 96, 80, 232), 0.7);
}

.sl-reviews__delete-btn {
	color: rgba(var(--sl-color-dark-rgb), 0.35);
}

.sl-reviews__delete-btn:hover {
	color: var(--sl-color-accent);
}

.sl-reviews__featured-toggle {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin-left: 16px;
	cursor: pointer;
	user-select: none;
	font-size: 13px;
	color: rgba(var(--sl-color-dark-rgb), 0.5);
	transition: color 0.2s;
}

.sl-reviews__featured-toggle:hover {
	color: var(--sl-color-dark);
}

.sl-reviews__featured-checkbox {
	margin: 0;
	cursor: pointer;
}

.sl-reviews__featured-checkbox:disabled {
	cursor: wait;
}

.sl-reviews__comments-hidden {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.sl-reviews__comments-show-more {
	background: none;
	border: 1px solid var(--sl-color-link);
	border-radius: 25px;
	padding: 8px 24px;
	font-size: 14px;
	color: var(--sl-color-link);
	cursor: pointer;
	align-self: center;
	margin-top: 5px;
	transition: background 0.2s, color 0.2s;
}

.sl-reviews__comments-show-more:hover {
	background: var(--sl-color-link);
	color: var(--sl-color-white);
}

.sl-reviews__item-comments {
	display: flex;
	flex-direction: column;
	gap: 10px;
	position: relative;
	padding-bottom: 5px;
}

.sl-reviews__item-comments::before {
	content: "";
	position: absolute;
	left: 82px;
	top: 21px;
	bottom: -5px;
	width: 2px;
	background: rgba(var(--sl-color-dark-rgb), 0.15);
	pointer-events: none;
}

.sl-reviews__comment {
	display: flex;
	gap: 18px;
	align-items: flex-start;
	padding-left: 61px;
	position: relative;
}

.sl-reviews__comment-avatar {
	flex-shrink: 0;
	width: 43px;
	height: 43px;
	border-radius: 50%;
	overflow: hidden;
	color: var(--sl-color-dark);
	background: var(--sl-color-bg);
	position: relative;
	z-index: 1;
	box-shadow: 0 0 0 6px var(--sl-color-bg);
}

.sl-reviews__comment-avatar-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.sl-reviews__comment-card {
	flex: 1;
	min-width: 0;
	background: var(--sl-content-card-bg, var(--sl-color-bg-card));
	border-radius: 15px;
	padding: 20px 25px;
}

.sl-reviews__comment-header {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 10px;
	margin-bottom: 7px;
}

.sl-reviews__comment-info {
	display: flex;
	align-items: center;
	gap: 10px;
}

.sl-reviews__comment-name {
	font-weight: 500;
	font-size: 16px;
	color: var(--sl-color-dark);
}

.sl-reviews__comment-name--admin {
	color: var(--sl-color-dark);
}

.sl-reviews__comment-date {
	font-size: 14px;
	color: rgba(var(--sl-color-dark-rgb), 0.6);
}

.sl-reviews__comment-votes {
	display: flex;
	align-items: center;
	gap: 7px;
	margin-left: auto;
	flex-shrink: 0;
}

.sl-reviews__comment-text {
	font-size: 15px;
	line-height: 1.4;
	color: var(--sl-color-dark);
	white-space: pre-line;
}

.sl-reviews__comment-form-wrap {
	margin-top: 7px;
	padding-left: 61px;
	display: flex;
	gap: 18px;
	align-items: flex-start;
	position: relative;
}

.sl-reviews__comment-form-wrap::before {
	content: "";
	position: absolute;
	left: 82px;
	top: -12px;
	height: calc(12px + 21px);
	width: 2px;
	background: rgba(var(--sl-color-dark-rgb), 0.15);
}

.sl-reviews__comment-form-avatar {
	width: 43px;
	height: 43px;
	border-radius: 50%;
	overflow: hidden;
	flex-shrink: 0;
	color: var(--sl-color-link);
	background: var(--sl-color-bg);
	position: relative;
	z-index: 1;
	box-shadow: 0 0 0 6px var(--sl-color-bg);
}

.sl-reviews__comment-form-avatar svg {
	width: 100%;
	height: 100%;
}

.sl-reviews__comment-form-card {
	flex: 1;
	min-width: 0;
	background: rgba(var(--sl-color-dark-rgb), 0.03);
	border-radius: 15px;
	padding: 20px 25px;
}

.sl-reviews__comment-form-label {
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: 14px;
	color: rgba(var(--sl-color-dark-rgb), 0.5);
	margin-bottom: 12px;
}

.sl-reviews__comment-form-reply-hint {
	color: rgba(var(--sl-color-dark-rgb), 0.4);
}

.sl-reviews__comment-form-disclaimer {
	font-size: 13px;
	color: rgba(var(--sl-color-dark-rgb), 0.4);
}

.sl-reviews__comment-form-disclaimer-link {
	color: var(--sl-color-link);
	text-decoration: none;
}

.sl-reviews__comment-form-disclaimer-link:hover {
	text-decoration: underline;
}

.sl-reviews__comment-textarea {
	width: 100%;
	min-height: 60px;
	padding: 10px 14px;
	border: 1px solid var(--sl-color-link);
	border-radius: 8px;
	font-size: 13px;
	resize: vertical;
	outline: none;
	transition: border-color 0.2s;
}

.sl-reviews__comment-textarea:focus {
	border-color: var(--sl-color-link);
}

.sl-reviews__comment-form-actions {
	display: flex;
	justify-content: flex-end;
	gap: 8px;
	margin-top: 8px;
}

.sl-reviews__comment-cancel {
	padding: 7px 15px;
	border: none;
	border-radius: 5px;
	background: rgba(var(--sl-color-dark-rgb), 0.1);
	font-size: 14px;
	cursor: pointer;
	color: var(--sl-color-dark);
}

.sl-reviews__comment-submit {
	padding: 7px 15px;
	border: none;
	border-radius: 5px;
	background: var(--sl-color-link);
	color: var(--sl-color-white);
	font-size: 13px;
	font-weight: 600;
	cursor: pointer;
}

.sl-reviews__more {
	padding-left: 61px;
	margin-top: 40px;
}

.sl-reviews__more-btn {
	display: inline-flex;
	align-items: center;
	box-sizing: border-box;
	min-height: 50px;
	padding: 15px 31px;
	border: 1px solid var(--sl-color-link);
	border-radius: 10px;
	background: none;
	font-size: 16px;
	line-height: 1.1;
	color: var(--sl-color-link);
	cursor: pointer;
	transition: background 0.2s;
}

.sl-reviews__more-btn:hover {
	background: rgba(var(--sl-color-link-rgb, 96, 80, 232), 0.05);
}

.sl-reviews__empty {
	text-align: center;
	padding: 40px;
	color: rgba(var(--sl-color-dark-rgb), 0.4);
	font-size: 15px;
}

.sl-reviews__modal-add-overlay,
.sl-reviews__modal-auth-overlay,
.sl-reviews__modal-media-overlay {
	position: fixed;
	inset: 0;
	z-index: 10000;
	background: transparent;
	isolation: isolate;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.2s, visibility 0.2s;
}

.sl-reviews__modal-add-overlay::before,
.sl-reviews__modal-auth-overlay::before,
.sl-reviews__modal-media-overlay::before {
	content: "";
	position: absolute;
	inset: -5.375rem -3.5rem;
	background: rgba(var(--sl-color-white-rgb, 255, 255, 255), 0.3);
	backdrop-filter: blur(2.5px);
	-webkit-backdrop-filter: blur(2.5px);
	pointer-events: none;
}

.sl-reviews__modal-add-panel,
.sl-reviews__modal-auth-panel {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) scale(0.95);
	z-index: 10001;
	background: var(--sl-overlay-surface-bg, var(--sl-color-white));
	border-radius: var(--sl-modal-radius, min(var(--sl-card-radius, 16px), 32px));
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.2s, transform 0.2s, visibility 0.2s;
	max-height: 90vh;
	overflow-y: auto;
}

.sl-reviews__modal--visible {
	opacity: 1;
	visibility: visible;
}

.sl-reviews__modal-add-panel.sl-reviews__modal--visible {
	transform: translate(-50%, -50%) scale(1);
}

.sl-reviews__modal-auth-panel.sl-reviews__modal--visible {
	transform: translate(-50%, -50%) scale(1);
}

.sl-reviews__modal-add-panel {
	width: 520px;
	max-width: 95vw;
	padding: 28px;
}

.sl-reviews__modal-auth-panel {
	display: block;
	width: 360px;
	max-width: calc(100vw - 32px);
	padding: 1.5rem 1.5rem 1.25rem;
	border: 1px solid rgba(var(--sl-color-dark-rgb), 0.08);
	border-radius: 0.75rem;
	background: var(--sl-color-white);
	box-shadow: 0 1.25rem 3rem rgba(var(--sl-color-dark-rgb), 0.16);
	color: var(--sl-color-dark);
}

.sl-reviews__modal-auth-panel--register {
	width: 420px;
}

.sl-reviews__modal-auth-icon {
	display: none;
}

.sl-reviews__modal-auth-content {
	min-width: 0;
	padding-right: 0;
}

.sl-reviews__modal-auth-title {
	margin: 0 2.75rem 1.5rem 0;
	color: var(--sl-color-heading);
	font-size: 1.375rem;
	font-weight: 600;
	line-height: 1.25;
}

.sl-reviews__modal-auth-text {
	display: none;
}

.sl-reviews__modal-auth-form .bx-authform {
	max-width: none;
	margin: 0;
	padding: 0;
	border: none;
	border-radius: 0 !important;
	background: transparent;
	box-shadow: none;
}

.sl-reviews__modal-auth-view[hidden] {
	display: none !important;
}

.sl-reviews__modal-auth-view {
	min-width: 0;
}

.sl-reviews__modal-auth-form .bx-authform .bx-title {
	display: none;
}

.sl-reviews__modal-auth-form .bx-authform-social,
.sl-reviews__modal-auth-form .bx-authform > hr.bxe-light:first-of-type {
	display: none;
}

.sl-reviews__modal-auth-form form {
	margin: 0;
}

.sl-reviews__modal-auth-form .alert {
	margin: 0 0 0.875rem;
	padding: 0.75rem 0.875rem;
	border: 1px solid transparent;
	border-radius: 0.5rem;
	font-size: 0.8125rem;
	line-height: 1.4;
}

.sl-reviews__modal-auth-form .alert-danger {
	border-color: rgba(var(--sl-color-accent-rgb, 200, 53, 74), 0.22);
	background: rgba(var(--sl-color-accent-rgb, 200, 53, 74), 0.1);
	color: var(--sl-color-accent);
}

.sl-reviews__modal-auth-form .alert-success {
	border-color: rgba(var(--sl-color-success-rgb, 47, 150, 90), 0.22);
	background: rgba(var(--sl-color-success-rgb, 47, 150, 90), 0.1);
	color: var(--sl-color-success, #2F965A);
}

.sl-reviews__modal-auth-form .bx-authform-formgroup-container {
	margin-bottom: 0.875rem;
}

.sl-reviews__modal-auth-form .bx-authform-formgroup-container:last-child {
	margin-bottom: 0;
}

.sl-reviews__modal-auth-form .bx-authform-label-container {
	margin-bottom: 0.1875rem;
	padding-bottom: 0;
	color: rgba(var(--sl-color-dark-rgb), 0.5);
	font-size: 0.8125rem;
	font-weight: 400;
	line-height: 1.39;
}

.sl-reviews__modal-auth-form .bx-authform-content-container,
.sl-reviews__modal-auth-form .bx-authform-note-container,
.sl-reviews__modal-auth-form .bx-authform-description-container {
	margin: 0 0 0.875rem;
	padding-bottom: 0;
	color: var(--sl-color-text-secondary);
	font-size: 0.8125rem;
	line-height: 1.45;
}

.sl-reviews__modal-auth-form .bx-authform-note-container {
	margin-top: 0.375rem;
	margin-bottom: 0;
}

.sl-reviews__modal-auth-form .bx-authform-starrequired {
	color: var(--sl-color-accent);
}

.sl-reviews__modal-auth-form .bx-authform-formgroup-container .bx-captcha {
	display: inline-flex;
	align-items: center;
	position: relative;
	width: 11.125rem;
	height: 2.3125rem;
	max-width: 100%;
	margin-bottom: 0.75rem;
	overflow: hidden;
	padding: 0;
	border: 1px solid var(--sl-color-input-border, var(--sl-color-divider));
	border-radius: 0.5rem !important;
	background: var(--sl-color-white);
	box-shadow: 0 0.25rem 0.75rem rgba(var(--sl-color-dark-rgb), 0.04);
	line-height: 0;
}

.sl-reviews__modal-auth-form .bx-authform-formgroup-container .bx-captcha::after {
	content: "";
	position: absolute;
	right: 1px;
	bottom: 1px;
	left: 1px;
	height: 1px;
	background: var(--sl-color-white);
	pointer-events: none;
}

.sl-reviews__modal-auth-form .bx-authform-formgroup-container .bx-captcha img {
	display: block;
	width: 11.25rem;
	max-width: none;
	height: 2.5rem;
	object-fit: contain;
	border: 0 !important;
	background: var(--sl-color-white);
	transform: translate(-0.0625rem, -0.0625rem);
}

.sl-reviews__modal-auth-form .bx-authform-input-container input[type="text"],
.sl-reviews__modal-auth-form .bx-authform-input-container input[type="email"],
.sl-reviews__modal-auth-form .bx-authform-input-container input[type="password"] {
	width: 100%;
	height: 2.8125rem !important;
	min-height: 0 !important;
	padding: 0 1.375rem !important;
	border: 0 !important;
	border-radius: 0.625rem !important;
	background: rgba(var(--sl-color-dark-rgb), 0.05) !important;
	color: var(--sl-color-dark) !important;
	font-size: 0.875rem !important;
	line-height: 1.39 !important;
	transition: background-color 0.2s ease, box-shadow 0.2s ease;
}

.sl-reviews__modal-auth-form .bx-authform-input-container input[type="text"]:focus,
.sl-reviews__modal-auth-form .bx-authform-input-container input[type="email"]:focus,
.sl-reviews__modal-auth-form .bx-authform-input-container input[type="password"]:focus {
	background: rgba(var(--sl-color-dark-rgb), 0.07) !important;
	box-shadow: 0 0 0 2px rgba(var(--sl-color-link-rgb), 0.18) !important;
	outline: none;
}

body .sl-reviews__modal-auth .sl-reviews__modal-auth-panel .sl-reviews__modal-auth-form .bx-authform .bx-authform-input-container input[type="text"],
body .sl-reviews__modal-auth .sl-reviews__modal-auth-panel .sl-reviews__modal-auth-form .bx-authform .bx-authform-input-container input[type="email"],
body .sl-reviews__modal-auth .sl-reviews__modal-auth-panel .sl-reviews__modal-auth-form .bx-authform .bx-authform-input-container input[type="password"] {
	border-radius: 0.625rem !important;
}

.sl-reviews__modal-auth-form .checkbox {
	display: flex;
	align-items: center;
	min-height: 1.5rem;
	padding-top: 0.125rem;
	padding-bottom: 0.125rem;
}

.sl-reviews__modal-auth-form form .bx-authform-formgroup-container:has(.checkbox) {
	margin-bottom: 1rem;
}

.sl-reviews__modal-auth-form form .bx-authform-formgroup-container:has(.btn.btn-primary) {
	margin-bottom: 0;
	padding-top: 0.125rem;
}

.sl-reviews__modal-auth-form .bx-filter-param-label input[type="checkbox"]::after {
	content: "";
	position: absolute;
	top: 0.125rem;
	left: 0.125rem;
	width: 1rem;
	height: 1rem;
	border-radius: 50%;
	background: var(--sl-color-white);
	box-shadow: 0 0.125rem 0.375rem rgba(var(--sl-color-dark-rgb), 0.2);
	transform: translateX(0);
	transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.sl-reviews__modal-auth-form .bx-filter-param-label input[type="checkbox"]:checked::after {
	transform: translateX(1.125rem);
}

.sl-reviews__modal-auth-form .bx-filter-param-label input[type="checkbox"]:focus-visible {
	outline: 2px solid rgba(var(--sl-color-link-rgb), 0.35);
	outline-offset: 0;
}

.sl-reviews__modal-auth-form .checkbox,
.sl-reviews__modal-auth-form .bx-filter-param-label {
	margin: 0;
}

.sl-reviews__modal-auth-form .bx-filter-param-label {
	display: inline-flex;
	align-items: center;
	gap: 0.625rem;
	cursor: pointer;
}

.sl-reviews__modal-auth-form .bx-filter-param-label input[type="checkbox"] {
	-webkit-appearance: none;
	appearance: none;
	flex: 0 0 auto;
	position: relative;
	width: 2.375rem !important;
	min-width: 2.375rem !important;
	height: 1.25rem !important;
	min-height: 1.25rem !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 6.25rem !important;
	background: rgba(var(--sl-color-dark-rgb), 0.2) !important;
	cursor: pointer;
	transition: background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}

.sl-reviews__modal-auth-form .bx-filter-param-label input[type="checkbox"]:checked {
	background: var(--sl-color-link) !important;
}

.sl-reviews__modal-auth-form .bx-authform .bx-filter-param-label input[type="checkbox"]::after {
	top: 0.125rem !important;
	left: 0.125rem !important;
	width: 1rem !important;
	height: 1rem !important;
	border-radius: 50% !important;
	background: var(--sl-color-white) !important;
	background-image: none !important;
	transform: translateX(0) !important;
}

.sl-reviews__modal-auth-form .bx-authform .bx-filter-param-label input[type="checkbox"]:checked::after {
	background: var(--sl-color-white) !important;
	background-image: none !important;
	transform: translateX(1.125rem) !important;
}

.sl-reviews__modal-auth-form .bx-filter-param-text {
	color: var(--sl-color-dark);
	font-size: 0.8125rem;
	line-height: 1.35;
}

.sl-reviews__modal-auth-form .bx-authform .btn.btn-primary {
	width: 100%;
	height: 2.5rem !important;
	min-height: 0 !important;
	padding: 0 1rem !important;
	border: 0 !important;
	border-radius: 0.375rem !important;
	background: var(--sl-color-link) !important;
	color: var(--sl-color-white) !important;
	font-size: 0.875rem !important;
	font-weight: 500;
	line-height: 1.3;
	transition: background-color 0.2s ease;
}

.sl-reviews__modal-auth-form .bx-authform .btn.btn-primary:hover {
	background: var(--sl-color-link-hover) !important;
}

.sl-reviews__modal-auth-form hr.bxe-light {
	display: none;
}

.sl-reviews__modal-auth-view[data-sl-auth-view="register"] .bx-authform-formgroup-container:has(.btn.btn-primary) + hr.bxe-light + .bx-authform-description-container {
	margin-top: 0.5rem;
}

.sl-reviews__modal-auth-form .bx-authform-link-container {
	margin: 0.625rem 0 0;
	color: var(--sl-color-dark);
	font-size: 0.8125rem;
	line-height: 1.45;
	text-align: center;
}

.sl-reviews__modal-auth-form .bx-authform-link-container a {
	color: var(--sl-color-link);
	font-size: 0.875rem;
	font-weight: 500;
	text-decoration: none;
}

.sl-reviews__modal-auth-form .bx-authform-link-container a:hover {
	color: var(--sl-color-link-hover);
}

.sl-reviews__modal-auth-form .bx-authform > noindex:last-child .bx-authform-link-container {
	margin: 0.5rem 0 0;
	padding: 0;
	background: transparent;
	font-size: 0;
	line-height: 1;
}

.sl-reviews__modal-auth-form .main-user-consent-request {
	color: var(--sl-color-text-secondary);
	font-size: 0.75rem;
	line-height: 1.45;
}

.sl-reviews__modal-auth-form .main-user-consent-request a {
	color: var(--sl-color-link);
	text-decoration: none;
}

.sl-reviews__modal-auth-legal {
	margin-top: 0.875rem;
	padding: 0.625rem 0 0;
	border-top: 0;
	color: var(--sl-color-text-secondary);
	font-size: 0.6875rem;
	line-height: 1.45;
	text-align: center;
}

.sl-reviews__modal-auth-legal a {
	color: var(--sl-color-link);
	text-decoration: none;
}

.sl-reviews__modal-auth-legal a:hover {
	color: var(--sl-color-link-hover);
}

.sl-reviews__modal-media-panel {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) scale(0.95);
	z-index: 10001;
	width: 95vw;
	max-width: 1600px;
	height: 90vh;
	background: var(--sl-overlay-surface-bg, var(--sl-color-white));
	border-radius: var(--sl-modal-radius, min(var(--sl-card-radius, 20px), 32px));
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.2s, transform 0.2s, visibility 0.2s;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	box-shadow: 0 8px 40px rgba(var(--sl-color-dark-rgb), 0.15);
}

.sl-reviews__modal-media-panel.sl-reviews__modal--visible {
	opacity: 1;
	visibility: visible;
	transform: translate(-50%, -50%) scale(1);
}

.sl-reviews__viewer-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 18px 30px;
	background: var(--sl-color-bg);
	flex-shrink: 0;
}

.sl-reviews__viewer-title {
	font-size: 24px;
	font-weight: 500;
	color: var(--sl-color-dark);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	flex: 1;
	margin-right: 20px;
}

.sl-reviews__viewer-close {
	width: 20px;
	height: 20px;
	border: none;
	background: none;
	cursor: pointer;
	color: var(--sl-color-dark);
	opacity: 0.6;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	transition: opacity 0.2s;
	padding: 0;
}

.sl-reviews__viewer-close:hover {
	opacity: 1;
}

.sl-reviews__viewer-tabs {
	display: flex;
	justify-content: center;
	gap: 10px;
	padding: 15px 30px;
	flex-shrink: 0;
}

.sl-reviews__viewer-tab {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	padding: 8px 18px;
	border: none;
	border-radius: 10px;
	background: var(--sl-color-bg);
	font-size: 14px;
	color: var(--sl-color-dark);
	cursor: pointer;
	transition: background 0.2s, color 0.2s;
}

.sl-reviews__viewer-tab--active {
	background: var(--sl-color-link);
	color: var(--sl-color-white);
}

.sl-reviews__viewer-tab-count {
	opacity: 0.7;
}

.sl-reviews__viewer-body {
	display: flex;
	flex: 1;
	min-height: 0;
	padding: 0 30px;
	gap: 30px;
	align-items: center;
}

.sl-reviews__viewer-content {
	flex: 1;
	min-width: 0;
	overflow-y: auto;
	padding: 20px 15px 0 0;
	align-self: stretch;
}

.sl-reviews__viewer-content::after {
	content: "";
	display: block;
	height: 30px;
	flex-shrink: 0;
}

.sl-reviews__viewer-content::-webkit-scrollbar {
	width: 4px;
}

.sl-reviews__viewer-content::-webkit-scrollbar-track {
	background: rgba(var(--sl-color-dark-rgb), 0.2);
	border-radius: 4px;
}

.sl-reviews__viewer-content::-webkit-scrollbar-thumb {
	background: rgba(var(--sl-color-dark-rgb), 0.35);
	border-radius: 4px;
}

.sl-reviews__viewer-content::-webkit-scrollbar-button {
	display: none;
}

@supports not selector(::-webkit-scrollbar) {
	.sl-reviews__viewer-content {
		scrollbar-width: thin;
		scrollbar-color: rgba(var(--sl-color-dark-rgb), 0.35) rgba(var(--sl-color-dark-rgb), 0.2);
	}
}

.sl-reviews__viewer-photo-wrap {
	flex: 1;
	display: flex;
	align-self: stretch;
	min-width: 0;
}

.sl-reviews__viewer-photo {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 10px;
	overflow: hidden;
	background: rgba(var(--sl-color-dark-rgb), 0.03);
}

.sl-reviews__viewer-photo img,
.sl-reviews__viewer-photo video {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.sl-reviews__viewer-prev,
.sl-reviews__viewer-next {
	width: 55px;
	height: 55px;
	border-radius: 50%;
	background: rgba(var(--sl-color-link-rgb, 112, 96, 248), 0.15);
	border: none;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--sl-color-link);
	transition: background 0.2s;
	flex-shrink: 0;
}

.sl-reviews__viewer-prev:hover,
.sl-reviews__viewer-next:hover {
	background: rgba(var(--sl-color-link-rgb, 112, 96, 248), 0.25);
}

.sl-reviews__viewer-author {
	display: flex;
	gap: 15px;
	align-items: flex-start;
	margin-bottom: 15px;
}

.sl-reviews__viewer-author-avatar {
	width: 43px;
	height: 43px;
	border-radius: 50%;
	overflow: hidden;
	flex-shrink: 0;
	color: var(--sl-color-link);
}

.sl-reviews__viewer-author-avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.sl-reviews__viewer-author-info {
	display: flex;
	flex-direction: column;
	gap: 0;
}

.sl-reviews__viewer-author-name {
	font-size: 16px;
	font-weight: 500;
	color: var(--sl-color-dark);
}

.sl-reviews__viewer-author-meta {
	display: flex;
	align-items: center;
	gap: 10px;
}

.sl-reviews__viewer-author-stars {
	display: flex;
	gap: 5px;
}

.sl-reviews__viewer-author-date {
	font-size: 14px;
	color: rgba(var(--sl-color-dark-rgb), 0.6);
}

.sl-reviews__viewer-text {
	font-size: 15px;
	line-height: 1.4;
	color: var(--sl-color-dark);
	margin-bottom: 15px;
	white-space: pre-line;
}

.sl-reviews__viewer-review-media {
	display: flex;
	gap: 8px;
	overflow-x: auto;
	margin-bottom: 15px;
	padding-bottom: 4px;
	scrollbar-width: none;
}

.sl-reviews__viewer-review-media::-webkit-scrollbar {
	display: none;
}

.sl-reviews__viewer-review-thumb {
	width: 61px;
	height: 80px;
	border-radius: 10px;
	overflow: hidden;
	flex-shrink: 0;
}

.sl-reviews__viewer-review-thumb--active {
	outline: 2px solid var(--sl-color-link);
	outline-offset: -2px;
}

.sl-reviews__viewer-review-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.sl-reviews__viewer-actions {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 12px 0;
	border-top: 1px solid var(--sl-color-divider);
	margin-bottom: 15px;
}

.sl-reviews__viewer-comments-toggle {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	padding: 0;
	border: none;
	background: none;
	cursor: pointer;
	font-size: 18px;
	color: var(--sl-color-link);
}

.sl-reviews__viewer-votes {
	display: flex;
	align-items: center;
	gap: 7px;
}

.sl-reviews__viewer-comment-form {
	background: rgba(var(--sl-color-dark-rgb), 0.05);
	border-radius: 15px;
	padding: 20px 25px;
	margin-bottom: 20px;
}

.sl-reviews__viewer-comment-textarea {
	width: 100%;
	min-height: 62px;
	padding: 12px 14px;
	border: 1px solid var(--sl-color-link);
	border-radius: 10px;
	font-size: 15px;
	resize: vertical;
	outline: none;
	background: var(--sl-color-white);
	color: var(--sl-color-dark);
}

.sl-reviews__viewer-comment-textarea:focus {
	border-color: var(--sl-color-link);
}

.sl-reviews__viewer-comment-btns {
	display: flex;
	justify-content: flex-end;
	gap: 15px;
	margin-top: 10px;
}

.sl-reviews__viewer-comment-cancel {
	padding: 7px 15px;
	border: none;
	border-radius: 5px;
	background: rgba(var(--sl-color-dark-rgb), 0.1);
	font-size: 14px;
	cursor: pointer;
	color: var(--sl-color-dark);
}

.sl-reviews__viewer-comment-cancel:hover {
	background: rgba(var(--sl-color-dark-rgb), 0.15);
}

.sl-reviews__viewer-comment-submit {
	padding: 7px 15px;
	border: none;
	border-radius: 5px;
	background: var(--sl-color-link);
	color: var(--sl-color-white);
	font-size: 14px;
	cursor: pointer;
}

.sl-reviews__viewer-comments {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.sl-reviews__viewer-comment-item {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.sl-reviews__viewer-comment-row {
	display: flex;
	gap: 18px;
	align-items: flex-start;
}

.sl-reviews__viewer-comment-avatar {
	width: 43px;
	height: 43px;
	border-radius: 50%;
	overflow: hidden;
	flex-shrink: 0;
	color: var(--sl-color-dark);
}

.sl-reviews__viewer-comment-avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.sl-reviews__viewer-comment-card {
	flex: 1;
	min-width: 0;
	background: var(--sl-color-bg-muted);
	border-radius: 15px;
	padding: 20px 25px;
}

.sl-reviews__viewer-comment-card--admin {
	background: var(--sl-color-bg-muted);
}

.sl-reviews__viewer-comment-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	margin-bottom: 7px;
}

.sl-reviews__viewer-comment-info {
	display: flex;
	align-items: center;
	gap: 10px;
}

.sl-reviews__viewer-comment-name {
	font-size: 16px;
	font-weight: 500;
	color: var(--sl-color-dark);
}

.sl-reviews__viewer-comment-date {
	font-size: 14px;
	color: rgba(var(--sl-color-dark-rgb), 0.6);
}

.sl-reviews__viewer-comment-votes {
	display: flex;
	align-items: center;
	gap: 7px;
	flex-shrink: 0;
}

.sl-reviews__viewer-comment-text {
	font-size: 15px;
	line-height: 1.4;
	color: var(--sl-color-dark);
	white-space: pre-line;
}

.sl-reviews__viewer-comment-actions {
	margin-top: 10px;
}

.sl-reviews__viewer-carousel {
	display: flex;
	align-items: center;
	gap: 15px;
	padding: 30px;
	border-top: 1px solid var(--sl-color-divider);
	flex-shrink: 0;
}

.sl-reviews__viewer-carousel-arrow-wrap {
	display: flex;
	cursor: pointer;
	border-radius: 100px;
	flex-shrink: 0;
}

.sl-reviews__viewer-carousel-arrow-wrap::before,
.sl-reviews__viewer-carousel-arrow-wrap::after {
	content: "";
	background-color: var(--sl-color-bg);
}

.sl-reviews__viewer-carousel-arrow-wrap--prev::before {
	width: 22px;
	border-radius: 100px 0 0 100px;
}

.sl-reviews__viewer-carousel-arrow-wrap--prev::after {
	width: 20px;
	border-radius: 0 10px 10px 0;
}

.sl-reviews__viewer-carousel-arrow-wrap--next::before {
	width: 20px;
	border-radius: 10px 0 0 10px;
}

.sl-reviews__viewer-carousel-arrow-wrap--next::after {
	width: 22px;
	border-radius: 0 100px 100px 0;
}

.sl-reviews__viewer-carousel-prev,
.sl-reviews__viewer-carousel-next {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 44px;
	padding: 0;
	border: none;
	background-color: var(--sl-color-bg);
	color: var(--sl-color-dark);
	cursor: pointer;
}

.sl-reviews__viewer-carousel-scroll {
	display: flex;
	gap: 18px;
	overflow-x: auto;
	flex: 1;
	scroll-behavior: smooth;
	scrollbar-width: none;
}

.sl-reviews__viewer-carousel-scroll::-webkit-scrollbar {
	display: none;
}

.sl-reviews__viewer-carousel-thumb {
	width: 61px;
	height: 80px;
	border-radius: 10px;
	overflow: hidden;
	cursor: pointer;
	border: 2px solid transparent;
	padding: 0;
	background: none;
	flex-shrink: 0;
	transition: border-color 0.2s;
}

.sl-reviews__viewer-carousel-thumb--active {
	border-color: var(--sl-color-link);
}

.sl-reviews__viewer-carousel-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.sl-reviews__modal-add-close,
.sl-reviews__modal-auth-close {
	position: absolute;
	top: 16px;
	right: 16px;
	width: 32px;
	height: 32px;
	border: none;
	background: none;
	font-size: 22px;
	cursor: pointer;
	color: rgba(var(--sl-color-dark-rgb), 0.4);
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	transition: background 0.2s;
}

.sl-reviews__modal-add-close:hover,
.sl-reviews__modal-auth-close:hover {
	background: rgba(var(--sl-color-dark-rgb), 0.05);
}

.sl-reviews__modal-auth-close {
	top: 1.25rem;
	right: 1.25rem;
	width: 2rem;
	height: 2rem;
	background: transparent;
	color: var(--sl-color-dark);
	transition: background-color 0.2s ease;
}

.sl-reviews__modal-auth-close:hover {
	background: transparent;
}

.sl-reviews__modal-auth-close svg {
	width: 1rem;
	height: 1rem;
}

.sl-reviews__modal-auth-close svg g {
	transition: opacity 0.2s ease;
}

.sl-reviews__modal-auth-close:hover svg g {
	opacity: 0.55;
}

.sl-reviews__form-error {
	padding: 10px 14px;
	margin-bottom: 12px;
	background: rgba(var(--sl-color-accent-rgb, 200, 53, 74), 0.1);
	color: var(--sl-color-accent);
	border-radius: 8px;
	font-size: 13px;
	font-weight: 500;
}

.sl-reviews__modal-add-title {
	font-size: 18px;
	font-weight: 700;
	color: var(--sl-color-dark);
	margin-bottom: 4px;
}

.sl-reviews__modal-add-auth {
	font-size: 13px;
	color: rgba(var(--sl-color-dark-rgb), 0.5);
	margin-bottom: 16px;
}

.sl-reviews__form-text,
.sl-reviews__form-advantages,
.sl-reviews__form-disadvantages {
	width: 100%;
	min-height: 80px;
	padding: 12px 14px;
	border: 1px solid var(--sl-color-divider);
	border-radius: min(var(--sl-field-radius, 10px), 24px);
	font-size: 14px;
	resize: vertical;
	outline: none;
	margin-bottom: 12px;
	transition: border-color 0.2s;
}

.sl-reviews__form-text:focus,
.sl-reviews__form-advantages:focus,
.sl-reviews__form-disadvantages:focus {
	border-color: var(--sl-color-link);
}

.sl-reviews__form-text {
	min-height: 150px;
}

.sl-reviews__form-advantages,
.sl-reviews__form-disadvantages {
	min-height: 50px;
}

.sl-reviews__form-upload {
	padding: 20px;
	border: 2px dashed var(--sl-color-divider);
	border-radius: 10px;
	text-align: center;
	color: rgba(var(--sl-color-dark-rgb), 0.4);
	font-size: 13px;
	cursor: pointer;
	transition: border-color 0.2s, background 0.2s;
	margin-bottom: 12px;
}

.sl-reviews__form-upload:hover,
.sl-reviews__form-upload--dragover {
	border-color: var(--sl-color-link);
	background: rgba(var(--sl-color-link-rgb, 96, 80, 232), 0.05);
}

.sl-reviews__form-file-input {
	display: none;
}

.sl-reviews__form-previews {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
	margin-bottom: 12px;
}

.sl-reviews__preview-item {
	position: relative;
	width: 60px;
	height: 60px;
}

.sl-reviews__preview-remove {
	position: absolute;
	top: -6px;
	right: -6px;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: var(--sl-color-accent);
	color: var(--sl-color-white);
	border: none;
	font-size: 14px;
	line-height: 1;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
}

.sl-reviews__form-stars {
	display: flex;
	align-items: center;
	gap: 4px;
	margin-bottom: 16px;
}

.sl-reviews__form-stars-label {
	font-size: 14px;
	font-weight: 600;
	color: var(--sl-color-dark);
	margin-right: 8px;
}

.sl-reviews__star-pick {
	padding: 0;
	border: none;
	background: none;
	cursor: pointer;
	color: rgba(var(--sl-color-dark-rgb), 0.2);
	transition: color 0.15s;
}

.sl-reviews__star-pick--filled {
	color: var(--sl-color-star);
}

.sl-reviews__star-pick:hover {
	color: var(--sl-color-star);
}

.sl-reviews__form-bottom {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}

.sl-reviews__form-submit {
	padding: 12px 28px;
	border: none;
	border-radius: 24px;
	background: var(--sl-color-link);
	color: var(--sl-color-white);
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
	transition: background 0.2s;
}

.sl-reviews__form-submit:hover {
	background: rgba(var(--sl-color-link-rgb, 96, 80, 232), 0.85);
}

.sl-reviews__viewer-carousel-thumb-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 6px;
}

.sl-reviews__viewer-carousel-thumb-video {
	width: 60px;
	height: 60px;
	background: var(--sl-color-divider);
	border-radius: 6px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 11px;
}

.sl-reviews__viewer-photo-img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}

.sl-reviews__viewer-photo-video {
	max-width: 100%;
	max-height: 100%;
}

html[data-theme="dark"] .sl-reviews__modal-add-overlay,
html[data-theme="dark"] .sl-reviews__modal-auth-overlay,
html[data-theme="dark"] .sl-reviews__modal-media-overlay {
	background: transparent;
}

html[data-theme="dark"] .sl-reviews__modal-add-overlay::before,
html[data-theme="dark"] .sl-reviews__modal-auth-overlay::before,
html[data-theme="dark"] .sl-reviews__modal-media-overlay::before {
	background: rgba(var(--sl-color-bg-rgb, 22, 24, 34), 0.38);
}

html[data-theme="dark"] .sl-reviews__modal-add-panel,
html[data-theme="dark"] .sl-reviews__modal-auth-panel,
html[data-theme="dark"] .sl-reviews__modal-media-panel {
	background: var(--sl-color-white, #1E2030);
	border: 1px solid rgba(var(--sl-color-dark-rgb, 232, 236, 241), 0.08);
	box-shadow: 0 1.5rem 3.5rem rgba(var(--sl-color-bg-rgb, 22, 24, 34), 0.68);
}

html[data-theme="dark"] .sl-reviews__modal-auth-panel {
	background: var(--sl-color-white);
	border-color: rgba(var(--sl-color-dark-rgb), 0.12);
}

html[data-theme="dark"] .sl-reviews__modal-auth-form .bx-authform-input-container input[type="text"],
html[data-theme="dark"] .sl-reviews__modal-auth-form .bx-authform-input-container input[type="email"],
html[data-theme="dark"] .sl-reviews__modal-auth-form .bx-authform-input-container input[type="password"] {
	background: rgba(var(--sl-color-dark-rgb), 0.08) !important;
}

html[data-theme="dark"] .sl-reviews__viewer-header,
html[data-theme="dark"] .sl-reviews__viewer-photo-wrap {
	background: var(--sl-color-surface-2, #2D3041);
}

html[data-theme="dark"] .sl-reviews__sort-dropdown {
	box-shadow: 0 0.75rem 1.75rem rgba(var(--sl-color-bg-rgb, 22, 24, 34), 0.58);
}

html[data-theme="dark"] .sl-reviews__comment-textarea,
html[data-theme="dark"] .sl-reviews__viewer-comment-textarea,
html[data-theme="dark"] .sl-reviews__form-text,
html[data-theme="dark"] .sl-reviews__form-advantages,
html[data-theme="dark"] .sl-reviews__form-disadvantages {
	background: var(--sl-color-input-bg, #2D3041);
	border-color: var(--sl-color-input-border, #404650);
	color: var(--sl-color-dark, #E8ECF1);
}

html[data-theme="dark"] .sl-reviews__comment-textarea:focus,
html[data-theme="dark"] .sl-reviews__viewer-comment-textarea:focus,
html[data-theme="dark"] .sl-reviews__form-text:focus,
html[data-theme="dark"] .sl-reviews__form-advantages:focus,
html[data-theme="dark"] .sl-reviews__form-disadvantages:focus {
	background: rgba(var(--sl-color-link-rgb, 112, 96, 248), 0.12);
	border-color: rgba(var(--sl-color-link-rgb, 112, 96, 248), 0.55);
}

html[data-theme="dark"] .sl-reviews__comment-textarea::placeholder,
html[data-theme="dark"] .sl-reviews__viewer-comment-textarea::placeholder,
html[data-theme="dark"] .sl-reviews__form-text::placeholder,
html[data-theme="dark"] .sl-reviews__form-advantages::placeholder,
html[data-theme="dark"] .sl-reviews__form-disadvantages::placeholder {
	color: rgba(var(--sl-color-dark-rgb, 232, 236, 241), 0.45);
}

html[data-theme="dark"] .sl-reviews__form-upload {
	background: rgba(var(--sl-color-dark-rgb, 232, 236, 241), 0.03);
	border-color: var(--sl-color-input-border, #404650);
	color: rgba(var(--sl-color-dark-rgb, 232, 236, 241), 0.58);
}

html[data-theme="dark"] .sl-reviews__form-upload:hover,
html[data-theme="dark"] .sl-reviews__form-upload--dragover {
	background: rgba(var(--sl-color-link-rgb, 112, 96, 248), 0.12);
	border-color: rgba(var(--sl-color-link-rgb, 112, 96, 248), 0.55);
}

html[data-theme="dark"] .sl-reviews__add-btn,
html[data-theme="dark"] .sl-reviews__comment-submit,
html[data-theme="dark"] .sl-reviews__comments-show-more:hover,
html[data-theme="dark"] .sl-reviews__viewer-tab--active,
html[data-theme="dark"] .sl-reviews__viewer-comment-submit,
html[data-theme="dark"] .sl-reviews__form-submit,
html[data-theme="dark"] .sl-reviews__preview-remove {
	color: var(--sl-color-link-contrast, #FFFFFF);
}

@media (max-width: 960px) {
	.sl-reviews__body {
		flex-direction: column;
	}

	.sl-reviews__sidebar {
		width: 100%;
		position: static;
		order: -1;
	}

	.sl-reviews__summary {
		flex-direction: row;
		gap: 20px;
		min-height: 0;
		padding: 20px;
		border-radius: 20px;
	}

	.sl-reviews__add-btn {
		width: auto;
		margin-bottom: 0;
	}
}

@media (max-width: 768px) {
	.sl-reviews__viewer-body {
		flex-direction: column;
		padding: 0 15px;
	}

	.sl-reviews__viewer-photo-wrap {
		max-height: 300px;
	}

	.sl-reviews__viewer-body {
		flex-wrap: wrap;
		padding: 0 10px;
		gap: 10px;
	}

	.sl-reviews__viewer-prev,
	.sl-reviews__viewer-next {
		width: 36px;
		height: 36px;
	}

	.sl-reviews__viewer-content {
		order: 2;
		flex: 0 0 100%;
		padding: 10px 0;
	}

	.sl-reviews__viewer-photo-wrap {
		order: 1;
		flex: 1;
		max-height: 300px;
	}

	.sl-reviews__viewer-header {
		padding: 12px 15px;
	}

	.sl-reviews__viewer-tabs {
		padding: 10px 15px;
	}

	.sl-reviews__viewer-carousel {
		padding: 10px 15px;
	}

	.sl-reviews__item-row {
		gap: 10px;
	}

	.sl-reviews__comment {
		padding-left: 20px;
		gap: 10px;
	}

	.sl-reviews__comment-form-wrap {
		padding-left: 20px;
	}

	.sl-reviews__item-comments::before,
	.sl-reviews__comment-form-wrap::before {
		display: none;
	}

	.sl-reviews__comment-avatar,
	.sl-reviews__comment-form-avatar {
		box-shadow: none;
	}

	.sl-reviews__more {
		padding-left: 20px;
	}

	.sl-reviews__item-avatar {
		width: 36px;
		height: 36px;
	}

	.sl-reviews__comment-avatar {
		width: 36px;
		height: 36px;
	}

	.sl-reviews__item-card {
		padding: 16px 18px;
	}

	.sl-reviews__comment-card {
		padding: 16px 18px;
	}

	.sl-reviews__item-header {
		flex-wrap: wrap;
	}

	.sl-reviews__filters {
		overflow-x: auto;
		flex-wrap: nowrap;
		-webkit-overflow-scrolling: touch;
	}
}

@media (prefers-reduced-motion: reduce) {
	.sl-reviews__modal-add-overlay,
	.sl-reviews__modal-add-panel,
	.sl-reviews__modal-auth-overlay,
	.sl-reviews__modal-auth-panel,
	.sl-reviews__modal-media-overlay,
	.sl-reviews__modal-media-panel {
		transition: none;
	}
}

.sl-reviews__add-btn:focus-visible,
.sl-reviews__filter-star:focus-visible,
.sl-reviews__filter-photo:focus-visible,
.sl-reviews__sort-toggle:focus-visible,
.sl-reviews__more-btn:focus-visible,
.sl-reviews__comment-submit:focus-visible,
.sl-reviews__comment-cancel:focus-visible,
.sl-reviews__form-submit:focus-visible,
.sl-reviews__modal-auth-close:focus-visible {
	outline: 2px solid var(--sl-color-link);
	outline-offset: 2px;
}

@media (max-width: 767px) {
	.sl-reviews__modal-auth-panel {
		width: 340px;
		max-width: calc(100vw - 20px);
		padding: 1.25rem 1.25rem 1rem;
		border-radius: 0.75rem;
	}

	.sl-reviews__modal-auth-icon {
		display: none;
	}

	.sl-reviews__modal-auth-content {
		padding-right: 0;
	}

	.sl-reviews__modal-auth-title {
		margin-right: 2.5rem;
		margin-bottom: 1.25rem;
		font-size: 1.25rem;
	}

	.sl-reviews__modal-auth-text {
		display: none;
	}

	.sl-reviews__modal-auth-close {
		top: 1rem;
		right: 1rem;
	}

	.sl-reviews__modal-auth-form hr.bxe-light {
		display: none;
	}

	.sl-reviews__modal-auth-form .bx-authform > noindex:last-child .bx-authform-link-container {
		margin-right: 0;
		margin-left: 0;
		padding-right: 0;
		padding-left: 0;
	}
}

.sl-reviews__modal-add-panel::-webkit-scrollbar,
.sl-reviews__modal-auth-panel::-webkit-scrollbar {
	width: 4px;
}

.sl-reviews__modal-add-panel::-webkit-scrollbar-track,
.sl-reviews__modal-auth-panel::-webkit-scrollbar-track {
	background: rgba(var(--sl-color-dark-rgb), 0.2);
	border-radius: 4px;
}

.sl-reviews__modal-add-panel::-webkit-scrollbar-thumb,
.sl-reviews__modal-auth-panel::-webkit-scrollbar-thumb {
	background: rgba(var(--sl-color-dark-rgb), 0.35);
	border-radius: 4px;
}

@supports not selector(::-webkit-scrollbar) {
	.sl-reviews__modal-add-panel,
	.sl-reviews__modal-auth-panel {
		scrollbar-width: thin;
		scrollbar-color: rgba(var(--sl-color-dark-rgb), 0.35) rgba(var(--sl-color-dark-rgb), 0.2);
	}
}

/* End */


/* Start:/local/templates/shop_light/variants/header/header_1/style.css?178245163123271*/
/* ========== Header variant 1: Standard ========== */
.sl-header--v1 {

}

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

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

.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 {
		max-width: calc(var(--sl-container, 1400px) + var(--sl-gap-page, 20px) * 2) !important;
	}
}

.sl-header--sticky.sl-header--scrolled {
	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__topbar {
	background: var(--sl-header-bg, var(--sl-color-white, #FFFFFF));
	max-height: 0;
	padding-block: 0;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	overflow: hidden;
}

.sl-header--sticky.sl-header--scrolled .sl-header__main {
	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: 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__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));
}

html[data-theme="dark"] .sl-header--sticky.sl-header--scrolled {
	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--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: 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));
}

@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 {

    }
}

/* --- 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: 14px 0;
	}

	.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__phone,
	.sl-header--v1 .sl-header__topbar-link {
		line-height: 18px;
	}

	.sl-header--v1 .sl-header__phone {
		margin: 0;
		padding: 4px 12px;
	}
}

@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: .7;
}
.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-size: var(--sl-text-sm, 14px);
    font-weight: 400;
    line-height: 1.25;
    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-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 {
    fill: var(--sl-color-icon, #1C274C);
    opacity: .7;
    transition: opacity 0.2s;
}

@media (max-width: 480px) {
    .header__theme-sun,
    .header__theme-moon {
        width: 16px;
        height: 16px;
    }

}

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

@media (min-width:1025px) {
    .sl-header__topbar-right {
        display: flex;
        align-items: center;
        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: block;
    }
}

.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: 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-text-sm, 14px);
    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-accent, #C8354A);
}

.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: 12px;
    list-style: none;
    border-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--parent:focus-within .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--parent:focus-within .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-control-radius, 8px);
    color: var(--sl-color-dark, #142A4B);
    font-size: var(--sl-text-sm, 14px);
    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: 14.5px 20px;
	}
}

.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 {
		border-radius: 100px !important;
	}
}

.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, 450px);
}

@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 {
    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 {
    cursor: pointer;
}
.sl-header__search-input::-ms-clear {
    cursor: pointer;
}
.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: background-color 0.25s, box-shadow 0.25s;
}
.sl-header__action--cart {}
.sl-header__badge {
    position: absolute;
    bottom: -7px;
    left: 2px;
    background: var(--sl-color-success, #2B7D3D);
    display: inline-flex;
    padding: 2px 7px 3px 7px;
    align-items: flex-start;
    gap: 10px;
    border-radius: 100px;
    color: #FFF;
    font-size: var(--sl-text-tiny, 11px);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

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

/* --- 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-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);
    }
}

/* --- Dark theme overrides --- */
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: rgba(255, 255, 255, 0.05);
}
html[data-theme="dark"] .sl-header__search-input::placeholder {
    color: rgba(255, 255, 255, 0.5);
}
/* 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__login-popup-nav {
    background: var(--sl-color-surface-1, #252836);
    border: 1px solid var(--sl-color-border-light, #363B40);
    box-shadow: 0 16px 32px rgba(var(--sl-color-bg-rgb, 22, 24, 34), 0.72);
}
html[data-theme="dark"] .sl-header__login-popup-item {
    color: rgba(255, 255, 255, 0.85);
}
html[data-theme="dark"] .sl-header__login-popup-item:hover {
    background-color: rgba(var(--sl-color-link-rgb, 112, 96, 248), 0.15);
    color: var(--sl-color-link-bright, #9B8FFF);
}
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?17812914568296*/
/* ========== 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;
	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: var(--sl-card-radius, 10px);
	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: inherit;
}

.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: 320px;
	overflow-y: auto;
	scrollbar-width: thin;
	scrollbar-color: rgba(var(--sl-color-dark-rgb), 0.15) transparent;
}

.sl-cart-widget__items::-webkit-scrollbar {
	width: 4px;
}

.sl-cart-widget__items::-webkit-scrollbar-track {
	background: transparent;
}

.sl-cart-widget__items::-webkit-scrollbar-thumb {
	background: rgba(var(--sl-color-dark-rgb), 0.15);
	border-radius: 2px;
}

/* --- 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;
	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: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	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;
	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;
	color: var(--sl-color-dark);
}

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

.sl-cart-widget__checkout {
	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;
	font-family: inherit;
	padding: 15px 22px;
	border: none;
	border-radius: var(--sl-button-radius, 10px);
	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"] .sl-cart-widget__body {
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}
html[data-theme="dark"] .sl-cart-widget__spinner {
	border-color: rgba(255, 255, 255, 0.1);
	border-top-color: var(--sl-color-link);
}
html[data-theme="dark"] .sl-cart-widget__items {
	scrollbar-color: rgba(255, 255, 255, 0.15) transparent;
}
html[data-theme="dark"] .sl-cart-widget__items::-webkit-scrollbar-thumb {
	background: rgba(255, 255, 255, 0.15);
}
html[data-theme="dark"] .sl-cart-widget__checkout {
	background-color: var(--sl-color-link-solid, #5F53E6);
	color: var(--sl-color-link-contrast, #FFFFFF);
}
html[data-theme="dark"] .sl-cart-widget__checkout:hover {
	background-color: var(--sl-color-link-solid-hover, #5348D8);
	color: var(--sl-color-link-contrast, #FFFFFF);
}

/* End */


/* Start:/local/assets/qwelp.location/css/city-selector.css?178210768521458*/
/* ========== City Button ========== */
.sl-city-btn {
	position: relative;
	display: inline-flex;
	min-width: 0;
}

.sl-city-selector,
.sl-city-confirm,
.sl-city-center {
	--sl-button-radius: var(--sl-action-radius, 100px);
	--sl-input-radius: var(--sl-field-radius, 10px);
}

.sl-city-btn__button {
	display: flex;
	align-items: center;
	gap: clamp(7px, 0.2rem + 0.5vw, 11px);
	color: var(--sl-color-dark, #142A4B);
	font-size: 0.875rem;
	font-weight: 400;
	line-height: normal;
	opacity: 1;
	cursor: pointer;
	min-width: 0;
}
.sl-city-btn__name {
	color: var(--sl-color-dark, #142A4B);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.sl-city-btn__icon {
	fill: var(--sl-color-dark, #142A4B);
	flex-shrink: 0;
}
.sl-city-btn--dropdown {
	z-index: 20;
}
.sl-city-btn--dropdown .sl-city-btn__button {
	gap: 0.5rem;
	color: var(--sl-color-dark, #142A4B);
}
.sl-city-btn--dropdown .sl-city-btn__icon {
	fill: var(--sl-color-link, #7060F8);
}
.sl-city-btn__chevron {
	flex-shrink: 0;
	color: rgba(var(--sl-color-dark-rgb, 20, 42, 75), 0.58);
	transition: transform 0.18s ease;
}
.sl-city-btn--dropdown.sl-city-btn--open .sl-city-btn__chevron {
	transform: rotate(180deg);
}
.sl-city-dropdown {
	position: absolute;
	top: calc(100% + 0.5rem);
	left: 1.5rem;
	z-index: 10001;
	display: flex;
	flex-direction: column;
	min-width: 11.5rem;
	max-width: min(17.5rem, calc(100vw - 2rem));
	max-height: 18rem;
	overflow-y: auto;
	padding: 0.75rem 1rem;
	background: rgba(var(--sl-color-white-rgb, 255, 255, 255), 0.98);
	border: 1px solid var(--sl-color-divider, #EFEDF9);
	border-radius: var(--sl-card-radius, 0.5rem);
	box-shadow: 0 1rem 2.5rem rgba(var(--sl-color-dark-rgb, 20, 42, 75), 0.14);
	opacity: 0;
	visibility: hidden;
	transform: translateY(-0.25rem);
	transition: opacity 0.18s ease, visibility 0.18s ease, transform 0.18s ease;
	backdrop-filter: blur(16px);
}
.sl-city-btn--open .sl-city-dropdown {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}
.sl-city-dropdown::-webkit-scrollbar { width: 4px; }
.sl-city-dropdown::-webkit-scrollbar-track { background: transparent; }
.sl-city-dropdown::-webkit-scrollbar-thumb { background: rgba(var(--sl-color-dark-rgb, 20, 42, 75), 0.15); border-radius: 4px; }
.sl-city-dropdown { scrollbar-width: thin; scrollbar-color: rgba(var(--sl-color-dark-rgb, 20, 42, 75), 0.15) transparent; }
.sl-city-dropdown__option {
	display: flex;
	align-items: center;
	gap: var(--sl-card-gap-half, 0.625rem);
	width: 100%;
	min-height: 2rem;
	padding: 0.25rem 0;
	border: none;
	background: transparent;
	color: rgba(var(--sl-color-dark-rgb, 20, 42, 75), 0.72);
	font: inherit;
	font-size: 0.9375rem;
	font-weight: 400;
	line-height: 1.3;
	text-align: left;
	cursor: pointer;
	transition: color 0.15s ease;
}
.sl-city-dropdown__option:hover,
.sl-city-dropdown__option--active {
	color: var(--sl-color-dark, #142A4B);
}
.sl-city-dropdown__option:focus-visible {
	outline: 2px solid var(--sl-color-link, #7060F8);
	outline-offset: 2px;
	border-radius: var(--sl-choice-radius, 0.25rem);
}
.sl-city-dropdown__mark {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.125rem;
	height: 1.125rem;
	flex: 0 0 1.125rem;
	border-radius: 50%;
	background: rgba(var(--sl-color-dark-rgb, 20, 42, 75), 0.1);
}
.sl-city-dropdown__option--active .sl-city-dropdown__mark {
	background: var(--sl-color-link, #7060F8);
}
.sl-city-dropdown__option--active .sl-city-dropdown__mark::after {
	content: '';
	width: 0.5rem;
	height: 0.5rem;
	border-radius: 50%;
	background: rgba(var(--sl-color-white-rgb, 255, 255, 255), 0.5);
}
.sl-city-dropdown__state {
	padding: 0.25rem 0;
	color: rgba(var(--sl-color-dark-rgb, 20, 42, 75), 0.56);
	font-size: 0.875rem;
	line-height: 1.4;
}

.sl-city-btn--center .sl-city-btn__button {
	gap: 0.5rem;
	color: var(--sl-color-dark, #142A4B);
}
.sl-city-btn--center .sl-city-btn__icon {
	fill: currentColor;
}
.sl-city-center {
	position: fixed;
	inset: 0;
	z-index: 10002;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 1rem;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity 0.2s ease, visibility 0.2s ease;
}
.sl-city-btn--open .sl-city-center {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}
.sl-city-center__overlay {
	position: absolute;
	inset: 0;
	background: rgba(var(--sl-color-dark-rgb, 20, 42, 75), 0.32);
	backdrop-filter: blur(4px);
}
.sl-city-center__panel {
	position: relative;
	width: min(39rem, calc(100vw - 2rem));
	max-height: calc(100vh - 2rem);
	overflow-y: auto;
	padding: 1.75rem 2rem 2.125rem;
	background: rgba(var(--sl-color-white-rgb, 255, 255, 255), 0.98);
	border: 1px solid var(--sl-color-divider, #EFEDF9);
	border-radius: var(--sl-card-radius, 1.25rem);
	box-shadow: 0 1.25rem 2.75rem rgba(var(--sl-color-dark-rgb, 20, 42, 75), 0.16);
	transform: translateY(0.5rem) scale(0.98);
	transition: transform 0.2s ease;
	backdrop-filter: blur(16px);
}
.sl-city-btn--open .sl-city-center__panel {
	transform: translateY(0) scale(1);
}
.sl-city-center__panel::-webkit-scrollbar { width: 4px; }
.sl-city-center__panel::-webkit-scrollbar-track { background: transparent; }
.sl-city-center__panel::-webkit-scrollbar-thumb { background: rgba(var(--sl-color-dark-rgb, 20, 42, 75), 0.15); border-radius: 4px; }
.sl-city-center__panel { scrollbar-width: thin; scrollbar-color: rgba(var(--sl-color-dark-rgb, 20, 42, 75), 0.15) transparent; }
.sl-city-center__close {
	position: absolute;
	top: 0.875rem;
	right: 0.875rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.5rem;
	height: 2.5rem;
	padding: 0;
	color: var(--sl-color-dark, #142A4B);
	background: rgba(var(--sl-color-dark-rgb, 20, 42, 75), 0.06);
	border-radius: 50%;
	transition: background-color 0.2s ease, color 0.2s ease;
}
.sl-city-center__close:hover {
	background: rgba(var(--sl-color-dark-rgb, 20, 42, 75), 0.1);
}
.sl-city-center__close:focus-visible,
.sl-city-center__option:focus-visible {
	outline: 2px solid var(--sl-color-link, #7060F8);
	outline-offset: 3px;
}
.sl-city-center__title {
	position: relative;
	margin: 0 3rem 1.5rem 0;
	padding-bottom: 0.875rem;
	color: var(--sl-color-heading, #142A4B);
	font-size: 1.375rem;
	font-weight: 600;
	line-height: 1.25;
}
.sl-city-center__title::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 3rem;
	height: 0.188rem;
	background: var(--sl-color-link, #7060F8);
	border-radius: 6.25rem;
}
.sl-city-center__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.75rem 0.875rem;
}
.sl-city-center__option.button-clear {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 2.75rem;
	padding: 0.688rem 1rem 0.688rem 2.25rem;
	border: 1px solid rgba(var(--sl-color-dark-rgb, 20, 42, 75), 0.18);
	border-radius: var(--sl-choice-radius, 0.75rem);
	background: rgba(var(--sl-color-white-rgb, 255, 255, 255), 0.88);
	color: rgba(var(--sl-color-dark-rgb, 20, 42, 75), 0.78);
	font: inherit;
	font-size: 0.9375rem;
	font-weight: 500;
	line-height: 1.2;
	text-align: center;
	cursor: pointer;
	box-shadow: inset 0 0 0 1px rgba(var(--sl-color-white-rgb, 255, 255, 255), 0.7), 0 0.25rem 0.75rem rgba(var(--sl-color-dark-rgb, 20, 42, 75), 0.04);
	transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease;
}
.sl-city-center__option.button-clear::before {
	content: '';
	position: absolute;
	left: 1rem;
	top: 50%;
	width: 0.5rem;
	height: 0.5rem;
	border-radius: 50%;
	background: rgba(var(--sl-color-dark-rgb, 20, 42, 75), 0.18);
	transform: translateY(-50%);
	transition: background-color 0.18s ease, box-shadow 0.18s ease;
}
.sl-city-center__option.button-clear:hover {
	border-color: rgba(var(--sl-color-link-rgb, 112, 96, 248), 0.42);
	background: linear-gradient(90deg, rgba(var(--sl-color-link-rgb, 112, 96, 248), 0.1), rgba(var(--sl-color-link-rgb, 112, 96, 248), 0.035));
	color: var(--sl-color-link, #7060F8);
	box-shadow: inset 0 0 0 1px rgba(var(--sl-color-link-rgb, 112, 96, 248), 0.18), 0 0.25rem 0.75rem rgba(var(--sl-color-dark-rgb, 20, 42, 75), 0.04);
}
.sl-city-center__option.button-clear:hover::before {
	background: rgba(var(--sl-color-link-rgb, 112, 96, 248), 0.42);
}
.sl-city-center__option--active.button-clear,
.sl-city-center__option--active.button-clear:hover {
	border-color: var(--sl-color-link, #7060F8);
	background: var(--sl-color-link, #7060F8);
	color: var(--sl-color-link-contrast, #fff);
	box-shadow: inset 0 0 0 1px rgba(var(--sl-color-white-rgb, 255, 255, 255), 0.18), 0 0.75rem 1.5rem rgba(var(--sl-color-link-rgb, 112, 96, 248), 0.22);
}
.sl-city-center__option--active.button-clear::before,
.sl-city-center__option--active.button-clear:hover::before {
	background: rgba(var(--sl-color-white-rgb, 255, 255, 255), 0.9);
	box-shadow: 0 0 0 0.25rem rgba(var(--sl-color-white-rgb, 255, 255, 255), 0.2);
}
.sl-city-center__state {
	grid-column: 1 / -1;
	padding: 0.75rem 0;
	color: rgba(var(--sl-color-dark-rgb, 20, 42, 75), 0.56);
	font-size: 0.9375rem;
	line-height: 1.4;
}

/* ========== City Confirm Tooltip ========== */
.sl-city-confirm {
	position: absolute;
	top: calc(100% + 10px);
	left: 0;
	z-index: 9999;
	width: 17.5rem;
	background: rgba(var(--sl-color-white-rgb, 255, 255, 255), 0.96);
	border: 1px solid var(--sl-color-divider, #EFEDF9);
	border-radius: var(--sl-card-radius, 1.25rem);
	box-shadow: 0 1rem 2.5rem rgba(var(--sl-color-dark-rgb, 20, 42, 75), 0.14);
	padding: 1.125rem;
	opacity: 0;
	visibility: hidden;
	transform: translateY(-4px);
	transition: opacity 0.2s ease, visibility 0.2s ease, transform 0.2s ease;
	backdrop-filter: blur(16px);
}
.sl-city-confirm,
.sl-city-confirm * {
	box-sizing: border-box;
}
.sl-city-confirm--open {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}
.sl-city-confirm::before {
	content: '';
	position: absolute;
	top: -6px;
	left: 1.25rem;
	width: 12px;
	height: 12px;
	background: rgba(var(--sl-color-white-rgb, 255, 255, 255), 0.96);
	border-top: 1px solid var(--sl-color-divider, #EFEDF9);
	border-left: 1px solid var(--sl-color-divider, #EFEDF9);
	transform: rotate(45deg);
	border-radius: 2px;
}
.sl-city-confirm__body {
	display: flex;
	flex-direction: column;
	gap: var(--sl-card-gap-half, 0.625rem);
}
.sl-city-confirm__close {
	position: absolute;
	top: 0.625rem;
	right: 0.625rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.75rem;
	height: 1.75rem;
	color: var(--sl-color-dark, #142A4B);
	background: rgba(var(--sl-color-dark-rgb, 20, 42, 75), 0.06);
	border-radius: 50%;
	opacity: 1;
	padding: 0;
	font-size: 1rem;
	line-height: 1;
	transition: background-color 0.2s ease, color 0.2s ease;
}
.sl-city-confirm__close:hover {
	background: rgba(var(--sl-color-dark-rgb, 20, 42, 75), 0.1);
}
.sl-city-confirm__text {
	margin: 0;
	padding-right: 1.75rem;
	font-size: 0.9375rem;
	font-weight: 500;
	line-height: 1.35;
	color: var(--sl-color-heading, #142A4B);
}
.sl-city-confirm__city {
	font-weight: 600;
}
.sl-city-confirm__hint {
	margin: 0;
	font-size: 0.8125rem;
	line-height: 1.45;
	color: var(--sl-color-text-secondary, #575757);
}
.sl-city-confirm__actions {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	flex-wrap: wrap;
	margin-top: 0.125rem;
}
.sl-city-confirm__change {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 2.75rem;
	padding: 0.75rem 1.125rem;
	background: var(--sl-color-link-hover, #5B4CE0);
	color: var(--sl-color-link-contrast, #fff);
	border: none;
	border-radius: var(--sl-button-radius, 100px);
	font: inherit;
	font-size: 0.875rem;
	font-weight: 500;
	line-height: 1;
	white-space: nowrap;
	cursor: pointer;
	transition: background-color 0.2s ease, opacity 0.2s ease;
}
.sl-city-confirm__change:hover {
	background: var(--sl-color-dark, #142A4B);
}
.sl-city-confirm__accept {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 2.75rem;
	padding: 0.75rem 1rem;
	border-radius: var(--sl-button-radius, 100px);
	color: rgba(var(--sl-color-dark-rgb, 20, 42, 75), 0.72);
	font: inherit;
	font-size: 0.875rem;
	font-weight: 500;
	line-height: 1;
	white-space: nowrap;
	cursor: pointer;
	transition: background-color 0.2s ease, color 0.2s ease;
}
.sl-city-confirm__accept:hover {
	background: transparent;
	color: var(--sl-color-dark, #142A4B);
}
.sl-city-confirm__close:focus-visible,
.sl-city-confirm__change:focus-visible,
.sl-city-confirm__accept:focus-visible {
	outline: 2px solid var(--sl-color-link, #6050E8);
	outline-offset: 3px;
}

/* Show state (JS adds --open class after cloning from <template>) */

@media (max-width: 767px) {
	.sl-city-confirm {
		position: fixed;
		top: auto;
		bottom: 1rem;
		left: 1rem;
		right: 1rem;
		width: auto;
		padding: 1rem;
	}
	.sl-city-confirm::before {
		display: none;
	}
}

@media (max-width: 576px) {
	.sl-city-center {
		align-items: flex-end;
		padding: 0;
	}
	.sl-city-center__panel {
		width: 100%;
		max-height: 90vh;
		padding: 1.25rem 1rem 1.5rem;
		border-radius: var(--sl-card-radius, 1.25rem) var(--sl-card-radius, 1.25rem) 0 0;
		transform: translateY(1rem);
	}
	.sl-city-btn--open .sl-city-center__panel {
		transform: translateY(0);
	}
	.sl-city-center__title {
		margin-bottom: 1rem;
		font-size: 1.25rem;
	}
	.sl-city-center__grid {
		grid-template-columns: 1fr;
	}
}

/* ========== City Selector Popup ========== */
.sl-city-selector {
	position: fixed;
	inset: 0;
	z-index: 10000;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	padding-top: 80px;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.25s ease, visibility 0.25s ease;
}
.sl-city-selector--open {
	opacity: 1;
	visibility: visible;
}

.sl-city-selector__overlay {
	position: absolute;
	inset: 0;
	background: rgba(20, 42, 75, 0.3);
}

.sl-city-selector__window {
	position: relative;
	width: 743px;
	max-width: calc(100vw - 2rem);
	max-height: calc(100vh - 120px);
	overflow-y: auto;
	background: rgba(var(--sl-color-white-rgb, 255, 255, 255), 0.98);
	border: 1px solid var(--sl-color-divider, #EFEDF9);
	border-radius: var(--sl-modal-radius, min(var(--sl-card-radius, 1.25rem), 2rem));
	box-shadow: 0 1.25rem 2.75rem rgba(var(--sl-color-dark-rgb, 20, 42, 75), 0.14);
	padding: 1.75rem 2rem 2rem;
	transform: translateY(-10px);
	transition: transform 0.25s ease;
	backdrop-filter: blur(16px);
}
.sl-city-selector--open .sl-city-selector__window {
	transform: translateY(0);
}

.sl-city-selector__window::-webkit-scrollbar { width: 4px; }
.sl-city-selector__window::-webkit-scrollbar-track { background: transparent; }
.sl-city-selector__window::-webkit-scrollbar-thumb { background: rgba(var(--sl-color-dark-rgb, 20, 42, 75), 0.15); border-radius: 4px; }
.sl-city-selector__window { scrollbar-width: thin; scrollbar-color: rgba(var(--sl-color-dark-rgb, 20, 42, 75), 0.15) transparent; }

.sl-city-selector__close {
	position: absolute;
	top: 0.875rem;
	right: 0.875rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.5rem;
	height: 2.5rem;
	color: var(--sl-color-dark, #142A4B);
	background: rgba(var(--sl-color-dark-rgb, 20, 42, 75), 0.06);
	border-radius: 50%;
	opacity: 1;
	transition: background-color 0.2s ease, color 0.2s ease;
	padding: 0;
}
.sl-city-selector__close:hover { background: rgba(var(--sl-color-dark-rgb, 20, 42, 75), 0.1); }

.sl-city-selector__title {
	padding-right: 2.75rem;
	font-size: 1.25rem;
	font-weight: 600;
	line-height: 1.25;
	color: var(--sl-color-heading, #142A4B);
	margin: 0 0 0.875rem;
}

.sl-city-selector__search { position: relative; margin-bottom: 0.625rem; }
.sl-city-selector__search-input {
	display: block;
	width: 100%;
	height: 3.125rem;
	padding: 0 3rem 0 1.688rem;
	background: rgba(var(--sl-color-dark-rgb, 20, 42, 75), 0.04);
	border: 1px solid var(--sl-color-divider, #EFEDF9);
	border-radius: var(--sl-input-radius, 100px);
	font-size: 0.9375rem;
	color: var(--sl-color-dark, #142A4B);
	outline: none;
}
.sl-city-selector__search-input::placeholder { color: var(--sl-color-dark, #142A4B); opacity: 0.7; }
.sl-city-selector__search-input:focus { box-shadow: 0 0 0 2px rgba(var(--sl-color-link-rgb, 112, 96, 248), 0.3); }
.sl-city-selector__search-icon {
	position: absolute;
	right: 1.125rem;
	top: 50%;
	transform: translateY(-50%);
	color: var(--sl-color-dark, #142A4B);
	pointer-events: none;
}

.sl-city-selector__chips { display: flex; flex-wrap: wrap; gap: var(--sl-card-gap-half, 0.625rem); align-items: center; margin-bottom: 1.25rem; }
.sl-city-selector__chip {
	display: inline-flex;
	align-items: center;
	padding: 0.313rem 0.938rem;
	background: rgba(var(--sl-color-dark-rgb, 20, 42, 75), 0.05);
	border-radius: var(--sl-choice-radius, 0.75rem);
	font-size: 0.813rem;
	line-height: 1.46;
	color: var(--sl-color-dark, #142A4B);
	cursor: pointer;
	border: none;
	transition: background 0.15s;
}
.sl-city-selector__chip:hover { background: rgba(var(--sl-color-link-rgb, 112, 96, 248), 0.1); color: var(--sl-color-link, #7060F8); }

.sl-city-selector__columns { display: flex; align-items: stretch; gap: 1.813rem; min-height: 16rem; }
.sl-city-selector__column-divider { width: 0.313rem; flex-shrink: 0; background: rgba(var(--sl-color-dark-rgb, 20, 42, 75), 0.1); border-radius: 6.25rem; }
.sl-city-selector__column { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 0.313rem; }
.sl-city-selector__column-title { padding-left: 0.625rem; font-size: 1rem; font-weight: 500; line-height: 1.25; color: var(--sl-color-dark, #142A4B); }
.sl-city-selector__column-list { display: flex; flex-direction: column; max-height: 17rem; overflow-y: auto; }
.sl-city-selector__column-list::-webkit-scrollbar { width: 4px; }
.sl-city-selector__column-list::-webkit-scrollbar-thumb { background: rgba(var(--sl-color-dark-rgb, 20, 42, 75), 0.15); border-radius: 4px; }

.sl-city-selector__item {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 0.438rem 0.625rem;
	border-radius: var(--sl-choice-radius, 0.75rem);
	font-size: 0.938rem;
	line-height: 1.33;
	color: var(--sl-color-dark, #142A4B);
	opacity: 0.7;
	cursor: pointer;
	border: none;
	background: none;
	width: 100%;
	text-align: left;
	transition: background 0.15s, opacity 0.15s, color 0.15s;
}
.sl-city-selector__item:hover { background: rgba(var(--sl-color-dark-rgb, 20, 42, 75), 0.04); opacity: 1; }
.sl-city-selector__item--active { background: rgba(var(--sl-color-link-rgb, 112, 96, 248), 0.1); color: var(--sl-color-link, #7060F8); opacity: 1; }

.sl-city-selector__city-list { display: flex; flex-wrap: wrap; gap: 0.25rem 0; max-height: 22rem; overflow-y: auto; }
.sl-city-selector__city-list::-webkit-scrollbar { width: 4px; }
.sl-city-selector__city-list::-webkit-scrollbar-thumb { background: rgba(var(--sl-color-dark-rgb, 20, 42, 75), 0.15); border-radius: 4px; }
.sl-city-selector__city-item {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	width: 50%;
	padding: 7px 10px !important;
	border-radius: var(--sl-choice-radius, 0.75rem);
	font-size: 0.9375rem;
	line-height: 1.35;
	color: var(--sl-color-dark, #142A4B);
	opacity: 0.7;
	cursor: pointer;
	border: none;
	background: none;
	text-align: left;
	transition: background 0.15s, color 0.15s, opacity 0.15s;
}
.sl-city-selector__city-item:hover { background: rgba(var(--sl-color-link-rgb, 112, 96, 248), 0.1); color: var(--sl-color-link, #7060F8); opacity: 1; }
.sl-city-selector__city-item--with-path { width: 100%; }
.sl-city-selector__city-item-name { font-size: 0.938rem; }
.sl-city-selector__city-item-path { font-size: 0.75rem; opacity: 0.5; }
.sl-city-selector__empty,
.sl-city-selector__loading { padding: 1rem 0.75rem; opacity: 0.5; font-size: 0.875rem; }

@media (max-width: 500px) {
	.sl-city-selector__city-item { width: 100%; }
}

@media (max-width: 767px) {
	.sl-city-selector { padding-top: 0; align-items: flex-end; }
	.sl-city-selector__window { width: 100%; max-width: 100%; max-height: 90vh; border-radius: var(--sl-modal-radius, min(var(--sl-card-radius, 1.25rem), 2rem)) var(--sl-modal-radius, min(var(--sl-card-radius, 1.25rem), 2rem)) 0 0; padding: 1.25rem 1rem 1.5rem; transform: translateY(20px); }
	.sl-city-selector--open .sl-city-selector__window { transform: translateY(0); }
	.sl-city-selector__title { font-size: 1.25rem; }
	.sl-city-selector__columns { flex-direction: column; gap: 1rem; min-height: auto; }
	.sl-city-selector__column-divider { width: 100%; height: 0.188rem; }
	.sl-city-selector__column-list { max-height: 10rem; }
}

html[data-theme="dark"] .sl-city-selector__window,
html[data-theme="dark"] .sl-city-confirm,
html[data-theme="dark"] .sl-city-center__panel { background: rgba(var(--sl-color-white-rgb, 30, 32, 48), 0.96); }
html[data-theme="dark"] .sl-city-confirm::before { background: rgba(var(--sl-color-white-rgb, 30, 32, 48), 0.96); }
html[data-theme="dark"] .sl-city-selector__search-input { background: rgba(255, 255, 255, 0.06); color: var(--sl-color-dark, #e0e4ea); border-color: var(--sl-color-divider, #2D3041); }
html[data-theme="dark"] .sl-city-selector__chip { background: rgba(255, 255, 255, 0.06); }

/* End */


/* Start:/local/templates/shop_light/blocks/catalog_menu/style.css?178221678311802*/
/* ========== 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 {
	pointer-events: auto;
	opacity: 1;
	visibility: visible;
}

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

/* Dropdown panel */
.sl-catalog-menu__dropdown {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	transform: translateY(-10px);
	transition: transform 0.25s ease;
	z-index: 1;
	padding-top: 15px;
	pointer-events: none;
}
.sl-catalog-menu--open .sl-catalog-menu__dropdown {
	transform: translateY(0);
}

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

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

/* 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, 20, 42, 75), 0.15);
	border-top-color: var(--sl-color-dark, #142A4B);
	border-radius: 50%;
	animation: sl-catalog-menu-spin 0.7s linear infinite;
}
@keyframes sl-catalog-menu-spin {
	to { transform: rotate(360deg); }
}

/* ========== 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, #F5F4FA);
}

.sl-catalog-menu__banner-placeholder {
	width: 50%;
	height: 50%;
	color: var(--sl-color-dark, #142A4B);
	opacity: 0.1;
}
.sl-catalog-menu__banner:hover {
	opacity: 0.9;
}
.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, #142A4B);
	font-size: 13px;
	line-height: 1.2;
	text-align: center;
	text-decoration: none;
	background: var(--sl-color-white, #FFFFFF);
	border-radius: var(--sl-header-control-radius, 8px);
	box-shadow: 0 4px 12px rgba(var(--sl-color-dark-rgb, 20, 42, 75), 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, #142A4B);
	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, #142A4B);
	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, 20, 42, 75), 0.14);
	border-radius: 100px;
	background: var(--sl-color-white, #FFFFFF);
	color: var(--sl-color-dark, #142A4B);
	font: inherit;
	font-weight: 600;
	line-height: 1;
	cursor: pointer;
	box-shadow: 0 0.0625rem 0.25rem rgba(var(--sl-color-dark-rgb, 20, 42, 75), 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, #142A4B);
	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, 20, 42, 75), 0.14);
	border-radius: 0.5rem;
	background: var(--sl-color-white, #FFFFFF);
	box-shadow: 0 0.5rem 1.5rem rgba(var(--sl-color-dark-rgb, 20, 42, 75), 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, 20, 42, 75), 0.2);
	border-radius: 0.375rem;
	background: var(--sl-color-white, #FFFFFF);
	color: var(--sl-color-dark, #142A4B);
	font: inherit;
}

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

.sl-catalog-menu-panel__hint {
	color: rgba(var(--sl-color-dark-rgb, 20, 42, 75), 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, 20, 42, 75), 0.1);
	border-radius: 0.375rem;
	background: rgba(var(--sl-color-dark-rgb, 20, 42, 75), 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, #F5F4FA);
	object-fit: contain;
}

.sl-catalog-menu-panel__preview-text {
	color: rgba(var(--sl-color-dark-rgb, 20, 42, 75), 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, 20, 42, 75), 0.1);
	border-radius: 0.5rem;
	background: rgba(var(--sl-color-dark-rgb, 20, 42, 75), 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, 20, 42, 75), 0.12);
	border-radius: 100px;
	background: var(--sl-color-white, #FFFFFF);
	color: var(--sl-color-dark, #142A4B);
	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, 20, 42, 75), 0.14);
	border-radius: 100px;
	background: var(--sl-color-white, #FFFFFF);
	color: var(--sl-color-dark, #142A4B);
	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, #142A4B);
	color: var(--sl-color-white, #FFFFFF);
	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, #142A4B));
}

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

@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)));
	background-color: color-mix(in srgb, var(--sl-header-catalog-bg, var(--sl-color-cta-hover, var(--sl-color-catalog-btn-active))) 88%, #000000);
}
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)));
	background-color: color-mix(in srgb, var(--sl-header-catalog-bg, var(--sl-color-cta-dark-hover, var(--sl-color-catalog-btn-active))) 88%, #000000);
}
.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, #142A4B)) !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, #6050E8)) !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, #6050E8)) !important;
	background: transparent !important;
}

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

/* End */


/* Start:/local/templates/shop_light/blocks/catalog_menu/variant_1/style.css?17822010011473*/
/* ========== Catalog Menu — Variant 1: Icon Grid ========== */

.sl-catalog__title {
	margin-bottom: 20px;
}

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

/* Grid of category cards — 4 per row */
.sl-catalog-menu__grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 40px;
	align-content: start;
	flex: 1;
	min-width: 0;
}

/* Category card */
.sl-catalog-menu__item {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 13px;
	text-decoration: none;
	color: var(--sl-color-dark, #142A4B);
	transition: opacity 0.2s ease;
}
.sl-catalog-menu__item:hover {
	opacity: 0.7;
}

/* Circle image */
.sl-catalog-menu__item-img {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	background: rgba(var(--sl-color-dark-rgb, 20, 42, 75), 0.05);
	overflow: hidden;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}
.sl-catalog-menu__item-img img {
	max-width: 100%;
	max-height: 100%;
	object-fit: cover;
}

/* Placeholder when no image */
.sl-catalog-menu__item-img--empty {
	background: rgba(var(--sl-color-dark-rgb, 20, 42, 75), 0.05);
}
.sl-catalog-menu__item-img--empty .sl-catalog-menu__placeholder {
	width: 60%;
	height: 60%;
	color: var(--sl-color-dark);
	opacity: 0.15;
}

/* Category name */
.sl-catalog-menu__item-name {
	font-size: 16px;
	font-weight: 400;
	line-height: 1.19;
	text-align: center;
	width: 100%;
}

/* End */


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

/* Container: full viewport overlay */
.sl-mobile-menu {
    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: 16px;
    font-weight: 400;
    line-height: 20px;
    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);
}

/* 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 {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 10px 25px;
    color: var(--sl-color-dark, #142A4B);
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    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: 22px;
    font-weight: 500;
    line-height: 28px;
    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: 16px;
    font-weight: 400;
    line-height: 20px;
    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: 15px;
    font-weight: 400;
    line-height: 19px;
    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: 16px;
    font-weight: 400;
    line-height: 20px;
    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: 13px;
    font-weight: 400;
    color: rgba(var(--sl-color-dark-rgb, 20, 42, 75), 0.5);
}

.sl-mobile-menu__contact-value {
    font-size: 16px;
    font-weight: 500;
    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;
    background: var(--sl-color-link, #6050E8);
    color: #fff;
    border-radius: 100px;
    font-size: 15px;
    font-weight: 500;
    text-decoration: none;
    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;
    }
}

/* ── 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:/bitrix/components/bitrix/socserv.auth.form/templates/flat/style.min.css?17709821032638*/
.bx-authform-social-popup{display:none;background:#fff;width:auto;padding:15px;font-size:14px;white-space:nowrap}.bx-authform-social-popup form{margin-bottom:0}.bx-authform-social-popup input[type="text"]{display:inline-block;max-width:150px;font-size:18px;height:30px;margin:0;padding:0 4px;border:1px solid #ccd5db;border-radius:2px;background:#f8fafc;outline:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bx-authform-social ul{padding:5px 0 12px;margin:0 0 15px;display:block}.bx-authform-social ul li{position:relative;display:inline-block;width:35px;height:35px;margin-right:5px}.bx-authform-social ul li .bx-authform-social-icon{display:block;width:35px;height:35px;	background-image: url(/bitrix/components/bitrix/socserv.auth.form/templates/flat/images/sprite.png); background-repeat:no-repeat;border-bottom:0}.bx-authform-social ul li .bx-authform-social-icon:hover{opacity:.9}.bx-authform-social ul li .bx-authform-social-icon.box{background-position:0 0}.bx-authform-social ul li .bx-authform-social-icon.dropbox{background-position:-44px 0}.bx-authform-social ul li .bx-authform-social-icon.bitrix24{background-position:-88px 0}.bx-authform-social ul li .bx-authform-social-icon.yandex{background-position:-132px 0}.bx-authform-social ul li .bx-authform-social-icon.openid{background-position:-176px 0}.bx-authform-social ul li .bx-authform-social-icon.odnoklassniki{background-position:-220px 0}.bx-authform-social ul li .bx-authform-social-icon.google{background-position:-264px 0}.bx-authform-social ul li .bx-authform-social-icon.mymailru{background-position:-308px 0}.bx-authform-social ul li .bx-authform-social-icon.mailru2{background-position:-440px 0}.bx-authform-social ul li .bx-authform-social-icon.livejournal{background-position:-352px 0}.bx-authform-social ul li .bx-authform-social-icon.openid-mail-ru{background-position:-440px 0}.bx-authform-social ul li .bx-authform-social-icon.liveid{background-position:-484px 0}.bx-authform-social ul li .bx-authform-social-icon.liveinternet{background-position:-528px 0}.bx-authform-social ul li .bx-authform-social-icon.blogger{background-position:-572px 0}.bx-authform-social ul li .bx-authform-social-icon.vkontakte{background-position:-616px 0}.bx-authform-social ul li .bx-authform-social-icon.twitter{background-position:-660px 0}.bx-authform-social ul li .bx-authform-social-icon.facebook{background-position:-704px 0}.bx-authform-social ul li .bx-authform-social-icon.google-plus{background-position:-748px 0}.bx-authform-social ul li .bx-authform-social-icon.office365{background-position:-792px 0}.bx-authform-social ul li .bx-authform-social-icon.zoom{background-position:-836px 0}
/* End */


/* Start:/local/templates/shop_light/variants/footer/footer_1/style.css?178232639610460*/
/* ========== 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: #7060F8;
    --sl-footer-v1-divider: #EFEDF9;
    --sl-footer-v1-social-bg: #F5F4FA;
    --sl-footer-v1-button: #142A4B;
    --sl-footer-v1-button-contrast: #FFFFFF;
    background: var(--sl-footer-v1-bg);
    color: var(--sl-footer-v1-text);
    padding: 90px 0 30px;
    margin-top: auto;
}

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

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

.sl-footer--v1 .sl-footer__menu-grid {
    display: contents;
}

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

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

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

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

    .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__col {
    flex: 1;
    min-width: 0;
}
.sl-footer__col-title {
    color: var(--sl-footer-v1-text);
    font-size: var(--sl-text-base, 16px);
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    margin: 0 0 20px;
}
.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;
}

/* --- 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;
}
.sl-footer__contacts-value--email {
    color: var(--sl-footer-v1-link);
    font-weight: 400;
}

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: 8px;
}
.sl-footer__social {
    text-decoration: none;
}

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

@media (max-width: 1024px) {
    .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: 1024px) {
    .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.5;
}
.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;
}
.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: 1024px) {
    .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__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: rgba(var(--sl-footer-v1-text-rgb), 0.85);
}
.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;
        gap: 15px;
    }

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

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

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

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

    /* Links hidden by default */
    .sl-footer__col-list {
        display: none;
    }

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

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

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

    .sl-footer__col.is-open .sl-footer__col-list {
        display: flex;
        padding-top: 15px;
    }

    .sl-footer__col-link {
        opacity: 0.7;
    }

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

    .sl-footer__contacts {
        gap: 20px;
    }

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

    .sl-footer__subscribe {
        gap: 5px;
    }

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

/* --- 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: rgba(var(--sl-color-dark-rgb, 232, 236, 241), 0.08);
    --sl-footer-v1-link: var(--sl-color-link-bright, var(--sl-color-link, #7060F8));
    --sl-footer-v1-button: var(--sl-color-link, #7060F8);
    --sl-footer-v1-button-contrast: var(--sl-color-link-contrast, #FFFFFF);
}
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-color-cta-dark, var(--sl-color-link, #7060F8));
}
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-text);
}
html[data-theme="dark"] .sl-footer--v1 .sl-footer__subscribe-btn svg circle {
    fill: var(--sl-footer-v1-button);
}
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 {
    flex-wrap: nowrap;
    gap: 21px;
}
html[data-theme="dark"] .sl-footer--v1 .sl-footer__payment {
    min-width: 0;
    height: auto;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
}
html[data-theme="dark"] .sl-footer--v1 .sl-footer__payments img {
    filter: none;
}

/* End */


/* Start:/local/components/qwelp/customizer.panel/templates/.default/style.css?178150553764575*/
/* ========================================
   Customizer Panel — BEM: .sl-customizer__*
   ======================================== */

/* Local fallbacks if shop_light template vars not loaded */
.sl-customizer {
    --slc-primary: var(--sl-color-link, #6050E8);
    --slc-primary-hover: var(--sl-color-link-hover, #5B4CE0);
    --slc-primary-bg: var(--sl-color-link-bg, #EAE7FE);
    --slc-primary-rgb: var(--sl-color-link-rgb, 96, 80, 232);
    --slc-text: var(--sl-color-text-heading, #333);
    --slc-text-secondary: var(--sl-color-text-secondary, #575757);
    --slc-text-muted: var(--sl-color-text-light, #a5a5a5);
    --slc-border: var(--sl-color-divider, #EFEDF9);
    --slc-bg: var(--sl-color-white, #fff);
    --slc-surface: var(--sl-color-surface-1, #F8F9FA);
    --slc-surface-2: var(--sl-color-surface-2, #F3F4F6);
    --slc-danger: var(--sl-color-danger, #dc3545);
    --slc-danger-bg: var(--sl-color-danger-bg, #f8d7da);
    --slc-danger-border: var(--sl-color-danger-border, #f5c6cb);
    --slc-warning: var(--sl-color-warning, #856404);
    --slc-warning-bg: var(--sl-color-warning-bg, #fff3cd);
    --slc-radius-sm: 6px;
    --slc-radius: 10px;
    --slc-radius-lg: 14px;
}

/* Trigger Button */
.sl-customizer__trigger {
    position: fixed;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10000;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    background: var(--slc-primary);
    color: #fff;
    border: none;
    border-radius: 0 var(--slc-radius) var(--slc-radius) 0;
    cursor: pointer;
    box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.15);
    transition: all 0.2s ease;
    font-size: 13px;
    font-weight: 500;
}

.sl-customizer__trigger:hover {
    background: var(--slc-primary-hover);
    padding-right: 20px;
}

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

.sl-customizer__trigger-icon {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
}

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

/* Overlay */
.sl-customizer__overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: transparent;
    z-index: 10001;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
}

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

/* Panel */
.sl-customizer__panel {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 680px;
    max-width: 95vw;
    background: var(--slc-bg);
    z-index: 10002;
    display: flex;
    flex-direction: column;
    box-shadow: 4px 0 24px rgba(0, 0, 0, 0.15);
    transform: translateX(-100%);
    transition: transform 0.3s ease;
    overflow: hidden;
}

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

/* Panel Body — 2-column: menu left, section right */
.sl-customizer__panel-body {
    display: flex;
    flex: 1;
    min-height: 0;
    overflow: hidden;
}

/* Panel Header */
.sl-customizer__panel-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 14px 18px;
    border-bottom: 1px solid var(--slc-border);
    flex-shrink: 0;
}

.sl-customizer__panel-title {
    font-size: 15px;
    font-weight: 600;
    margin: 0;
    color: var(--slc-text);
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sl-customizer__panel-close {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    background: none;
    cursor: pointer;
    font-size: 24px;
    color: var(--slc-text-secondary);
    border-radius: var(--slc-radius-sm);
    transition: background 0.15s ease, color 0.15s ease;
    flex-shrink: 0;
}

.sl-customizer__panel-close:hover {
    background: var(--slc-surface);
    color: var(--slc-text);
}

/* Demo Notice */
.sl-customizer__demo-notice {
    padding: 10px 18px;
    background: var(--slc-warning-bg);
    color: var(--slc-warning);
    font-size: 12px;
    border-bottom: 1px solid var(--slc-border);
    flex-shrink: 0;
}

/* ========================================
   Menu (left column — always visible)
   ======================================== */

.sl-customizer__menu {
    width: 220px;
    flex-shrink: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 12px 10px;
    background: var(--slc-surface);
    border-right: 1px solid var(--slc-border);
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.sl-customizer__menu-item {
    position: relative;
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    padding: 9px 10px;
    border: none;
    background: none;
    cursor: pointer;
    text-align: left;
    transition: background 0.15s ease, color 0.15s ease;
    font-family: inherit;
    border-radius: var(--slc-radius-sm);
    color: var(--slc-text-secondary);
}

.sl-customizer__menu-item:hover {
    background: var(--slc-bg);
    color: var(--slc-text);
}

.sl-customizer__menu-item--active,
.sl-customizer__menu-item--active:hover {
    background: var(--slc-primary-bg);
    color: var(--slc-primary);
}

.sl-customizer__menu-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    color: inherit;
}

.sl-customizer__menu-icon svg {
    width: 18px;
    height: 18px;
}

.sl-customizer__menu-label {
    flex: 1;
    min-width: 0;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.25;
    color: inherit;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    word-break: break-word;
    overflow-wrap: anywhere;
}

.sl-customizer__menu-item--active .sl-customizer__menu-label {
    font-weight: 600;
}

.sl-customizer__menu-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 2px 6px;
    border-radius: 10px;
    background: var(--slc-primary);
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    flex-shrink: 0;
}

/* ========================================
   Section View (right column)
   ======================================== */

.sl-customizer__section-view {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-width: 0;
    overflow: hidden;
    background: var(--slc-bg);
}

/* Settings subgroups nav — renders inside left menu, under the "settings" item */
.sl-customizer__nav {
    display: flex;
    flex-direction: column;
    gap: 1px;
    padding: 2px 0 6px 12px;
    margin: 2px 0 4px 18px;
    border-left: 1px solid var(--slc-border);
}

.sl-customizer__nav:empty {
    display: none;
}

.sl-customizer__nav-btn {
    width: 100%;
    padding: 7px 10px;
    border: none;
    border-radius: var(--slc-radius-sm);
    background: none;
    color: var(--slc-text-secondary);
    font-size: 12px;
    cursor: pointer;
    transition: background 0.15s ease, color 0.15s ease;
    text-align: left;
    font-family: inherit;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sl-customizer__nav-btn:hover {
    background: var(--slc-bg);
    color: var(--slc-text);
}

.sl-customizer__nav-btn--active,
.sl-customizer__nav-btn--active:hover {
    background: var(--slc-primary-bg);
    color: var(--slc-primary);
    font-weight: 600;
}

/* Sub-tab Navigation (within a settings group) */
.sl-customizer__subtab-nav {
    display: flex;
    gap: 0;
    margin: 0 -18px 16px;
    padding: 0 18px;
    border-bottom: 1px solid var(--slc-border);
}

.sl-customizer__subtab-btn {
    padding: 10px 14px;
    border: none;
    background: none;
    color: var(--slc-text-secondary);
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    border-bottom: 2px solid transparent;
    margin-bottom: -1px;
    transition: all 0.15s ease;
    white-space: nowrap;
    font-family: inherit;
}

.sl-customizer__subtab-btn:hover {
    color: var(--slc-text);
}

.sl-customizer__subtab-btn--active {
    color: var(--slc-primary);
    border-bottom-color: var(--slc-primary);
}

/* Body */
.sl-customizer__body {
    flex: 1;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 18px;
}

/* Footer */
.sl-customizer__footer {
    display: flex;
    gap: 8px;
    padding: 12px 18px;
    border-top: 1px solid var(--slc-border);
    flex-shrink: 0;
    background: var(--slc-surface);
}

.sl-customizer__btn {
    padding: 8px 16px;
    border: 1px solid var(--slc-border);
    border-radius: var(--slc-radius-sm);
    background: var(--slc-bg);
    color: var(--slc-text);
    font-size: 12px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.15s ease;
    font-family: inherit;
}

.sl-customizer__btn:hover {
    background: var(--slc-surface-2);
    border-color: var(--slc-text-muted);
}

.sl-customizer__btn--primary {
    background: var(--slc-primary);
    border-color: var(--slc-primary);
    color: #fff;
}

.sl-customizer__btn--primary:hover {
    background: var(--slc-primary-hover);
    border-color: var(--slc-primary-hover);
    color: #fff;
}

.sl-customizer__btn--primary:disabled {
    background: var(--slc-text-muted);
    border-color: var(--slc-text-muted);
    color: #fff;
    cursor: not-allowed;
    opacity: 0.7;
}

.sl-customizer__btn--secondary {
    background: var(--slc-surface);
}

.sl-customizer__btn--danger {
    color: var(--slc-danger);
    border-color: var(--slc-danger);
}

.sl-customizer__btn--danger:hover {
    background: var(--slc-danger);
    color: #fff;
}

/* ========================================
   Loading Spinner
   ======================================== */

.sl-customizer__loading {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 40px 20px;
    color: var(--slc-text-muted);
    font-size: 13px;
}

.sl-customizer__spinner {
    width: 28px;
    height: 28px;
    border: 3px solid var(--slc-border);
    border-top-color: var(--slc-primary);
    border-radius: 50%;
    animation: sl-customizer-spin 0.8s linear infinite;
}

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

/* ========================================
   Preset Cards (presets section) — Grid
   ======================================== */

.sl-customizer__preset-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.sl-customizer__preset-card {
    border: 1px solid var(--slc-border);
    border-radius: var(--slc-radius);
    overflow: hidden;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
    background: var(--slc-bg);
}

.sl-customizer__preset-card:hover {
    border-color: var(--slc-primary);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

/* Preview area */
.sl-customizer__preset-preview {
    position: relative;
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.sl-customizer__preset-mini-layout {
    width: 70%;
    height: 70%;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 4px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
}

.sl-customizer__preset-mini-header {
    height: 18%;
    background: rgba(255, 255, 255, 0.35);
}

.sl-customizer__preset-mini-body {
    flex: 1;
    display: flex;
    gap: 2px;
    padding: 2px;
}

.sl-customizer__preset-mini-sidebar {
    width: 25%;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 2px;
}

.sl-customizer__preset-mini-content {
    flex: 1;
    background: rgba(255, 255, 255, 0.4);
    border-radius: 2px;
}

/* Info area */
.sl-customizer__preset-info {
    padding: 10px 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.sl-customizer__preset-name {
    font-size: 12px;
    font-weight: 600;
    color: var(--slc-text);
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 1;
}

.sl-customizer__preset-actions {
    display: flex;
    gap: 4px;
    flex-shrink: 0;
}

.sl-customizer__preset-btn {
    padding: 4px 10px;
    border: 1px solid var(--slc-border);
    border-radius: var(--slc-radius-sm);
    background: var(--slc-bg);
    color: var(--slc-text);
    font-size: 11px;
    cursor: pointer;
    transition: all 0.15s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: inherit;
}

.sl-customizer__preset-btn:hover {
    background: var(--slc-surface);
}

.sl-customizer__preset-btn--apply {
    background: var(--slc-primary);
    border-color: var(--slc-primary);
    color: #fff;
    font-weight: 500;
}

.sl-customizer__preset-btn--apply:hover {
    background: var(--slc-primary-hover);
    border-color: var(--slc-primary-hover);
    color: #fff;
}

.sl-customizer__preset-btn--delete {
    color: var(--slc-danger);
    border-color: var(--slc-danger-border);
    padding: 4px 6px;
}

.sl-customizer__preset-btn--delete svg {
    width: 14px;
    height: 14px;
}

.sl-customizer__preset-btn--delete:hover {
    background: var(--slc-danger);
    color: #fff;
    border-color: var(--slc-danger);
}

.sl-customizer__preset-empty {
    padding: 40px 20px;
    text-align: center;
    color: var(--slc-text-muted);
    font-size: 14px;
}

/* ========================================
   Share Cards (share section)
   ======================================== */

.sl-customizer__share-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.sl-customizer__share-card {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px;
    background: var(--slc-surface);
    border: 1px solid var(--slc-border);
    border-radius: var(--slc-radius);
    cursor: pointer;
    transition: all 0.15s ease;
    text-align: left;
    width: 100%;
    font-family: inherit;
}

.sl-customizer__share-card:hover {
    background: var(--slc-primary-bg);
    border-color: var(--slc-primary);
}

.sl-customizer__share-card--danger {
    border-color: var(--slc-danger-border);
}

.sl-customizer__share-card--danger:hover {
    background: var(--slc-danger-bg);
    border-color: var(--slc-danger);
}

.sl-customizer__share-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: var(--slc-radius);
    background: var(--slc-primary-bg);
    color: var(--slc-primary);
    flex-shrink: 0;
}

.sl-customizer__share-card--danger .sl-customizer__share-icon {
    background: var(--slc-danger-bg);
    color: var(--slc-danger);
}

.sl-customizer__share-icon svg {
    width: 20px;
    height: 20px;
}

.sl-customizer__share-text {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.sl-customizer__share-title {
    font-size: 14px;
    font-weight: 600;
    color: var(--slc-text);
}

.sl-customizer__share-desc {
    font-size: 12px;
    color: var(--slc-text-muted);
    line-height: 1.3;
}

/* ========================================
   Updates Section
   ======================================== */

/* Version Header */
.sl-customizer__updates-header {
    text-align: center;
    padding: 16px 16px 20px;
    margin-bottom: 4px;
}

.sl-customizer__updates-header-version {
    font-size: 28px;
    font-weight: 700;
    color: var(--slc-primary);
    line-height: 1.2;
}

.sl-customizer__updates-header-label {
    font-size: 12px;
    color: var(--slc-text-muted);
    margin-top: 4px;
}

/* Timeline */
.sl-customizer__updates-timeline {
    display: flex;
    flex-direction: column;
    gap: 0;
    position: relative;
    padding-left: 28px;
}

.sl-customizer__updates-timeline::before {
    content: "";
    position: absolute;
    left: 11px;
    top: 12px;
    bottom: 12px;
    width: 2px;
    background: var(--slc-border);
    border-radius: 1px;
}

.sl-customizer__updates-entry {
    display: block;
    padding: 10px 0;
    position: relative;
}

.sl-customizer__updates-entry + .sl-customizer__updates-entry {
    border-top: none;
}

.sl-customizer__updates-entry--current .sl-customizer__updates-entry-content {
    background: var(--slc-primary-bg);
    border-radius: var(--slc-radius-sm);
    padding: 10px 12px;
}

.sl-customizer__updates-entry-marker {
    position: absolute;
    left: -28px;
    top: 12px;
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--slc-bg);
    border: 2px solid var(--slc-border);
    z-index: 1;
}

.sl-customizer__updates-entry-marker svg {
    width: 10px;
    height: 10px;
}

.sl-customizer__updates-type--feature {
    border-color: var(--slc-primary);
    color: var(--slc-primary);
}

.sl-customizer__updates-type--bugfix {
    border-color: #ff9800;
    color: #ff9800;
}

.sl-customizer__updates-type--improvement {
    border-color: #9c27b0;
    color: #9c27b0;
}

.sl-customizer__updates-type--release {
    border-color: #4caf50;
    color: #4caf50;
}

.sl-customizer__updates-entry-content {
    min-width: 0;
}

.sl-customizer__updates-entry-header {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 4px;
}

.sl-customizer__updates-entry-version {
    font-size: 11px;
    font-weight: 700;
    color: var(--slc-primary);
    background: var(--slc-primary-bg);
    padding: 2px 8px;
    border-radius: 10px;
}

.sl-customizer__updates-entry--current .sl-customizer__updates-entry-version {
    background: var(--slc-bg);
}

.sl-customizer__updates-entry-date {
    font-size: 11px;
    color: var(--slc-text-muted);
}

.sl-customizer__updates-entry-title {
    font-size: 13px;
    font-weight: 600;
    color: var(--slc-text);
    line-height: 1.3;
    margin-bottom: 2px;
}

.sl-customizer__updates-entry-desc {
    font-size: 12px;
    color: var(--slc-text-secondary);
    line-height: 1.4;
}

/* ========================================
   Demo Form (demo section)
   ======================================== */

.sl-customizer__demo-form {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.sl-customizer__demo-form-header {
    text-align: center;
    padding-bottom: 8px;
}

.sl-customizer__demo-form-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: linear-gradient(135deg, #ffd54f 0%, #ff9800 100%);
    color: #fff;
    margin-bottom: 12px;
}

.sl-customizer__demo-form-icon svg {
    width: 24px;
    height: 24px;
}

.sl-customizer__demo-form-title {
    font-size: 18px;
    font-weight: 700;
    color: var(--slc-text);
    margin: 0 0 6px;
}

.sl-customizer__demo-form-desc {
    font-size: 13px;
    color: var(--slc-text-secondary);
    line-height: 1.4;
    margin: 0;
}

.sl-customizer__demo-form-error {
    padding: 10px 14px;
    background: var(--slc-danger-bg);
    color: var(--slc-danger);
    border-radius: var(--slc-radius-sm);
    font-size: 13px;
}

/* Form Fields */
.sl-customizer__demo-field {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.sl-customizer__demo-label {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 500;
    color: var(--slc-text-secondary);
}

.sl-customizer__demo-label-icon {
    display: inline-flex;
    color: var(--slc-text-muted);
}

.sl-customizer__demo-label-icon svg {
    width: 16px;
    height: 16px;
}

.sl-customizer__demo-input {
    width: 100%;
    padding: 10px 14px;
    border: 1px solid var(--slc-border);
    border-radius: var(--slc-radius-sm);
    font-size: 14px;
    color: var(--slc-text);
    background: var(--slc-bg);
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
    box-sizing: border-box;
    font-family: inherit;
}

.sl-customizer__demo-input:focus {
    outline: none;
    border-color: var(--slc-primary);
    box-shadow: 0 0 0 3px rgba(var(--slc-primary-rgb), 0.15);
}

/* Checkboxes */
.sl-customizer__demo-checkbox {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    cursor: pointer;
    font-size: 13px;
    color: var(--slc-text-secondary);
    line-height: 1.4;
}

.sl-customizer__demo-checkbox-input {
    margin-top: 2px;
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    accent-color: var(--slc-primary);
    cursor: pointer;
}

.sl-customizer__demo-checkbox-text {
    flex: 1;
}

/* Submit */
.sl-customizer__demo-form-submit {
    width: 100%;
    padding: 12px 20px;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-radius: 8px;
    margin-top: 4px;
}

/* ========================================
   Placeholder (updates, demo sections)
   ======================================== */

.sl-customizer__placeholder {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 40px 20px;
    text-align: center;
}

.sl-customizer__placeholder-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    border-radius: var(--slc-radius-lg);
    background: var(--slc-primary-bg);
    color: var(--slc-primary);
}

.sl-customizer__placeholder-icon svg {
    width: 28px;
    height: 28px;
}

.sl-customizer__placeholder-title {
    font-size: 16px;
    font-weight: 600;
    color: var(--slc-text);
}

.sl-customizer__placeholder-desc {
    font-size: 13px;
    color: var(--slc-text-muted);
    line-height: 1.4;
    max-width: 280px;
}

/* ========================================
   Responsive — hide panel entirely on mobile
   ======================================== */
@media (max-width: 576px) {
    .sl-customizer {
        display: none !important;
    }
}

/* Reference panel layout */
#sl-customizer {
    --slc-primary: #4A90D9;
    --slc-primary-hover: #3A7BC8;
    --slc-primary-bg: #EEF3FF;
    --slc-primary-soft: #F3F6FF;
    --slc-text: #272936;
    --slc-text-secondary: #4F5363;
    --slc-text-muted: #7D8494;
    --slc-border: #E4E7EF;
    --slc-bg: #FFFFFF;
    --slc-surface: #FAFBFD;
    --slc-surface-2: #F3F5FA;
    --slc-radius-sm: 8px;
    --slc-radius: 10px;
    --slc-radius-lg: 14px;
}

#sl-customizer .sl-customizer__overlay {
    background: transparent;
    backdrop-filter: none;
}

#sl-customizer .sl-customizer__panel {
    width: min(920px, 100vw);
    max-width: 100vw;
    background: var(--slc-bg);
    box-shadow: 18px 0 60px rgba(18, 25, 38, 0.16);
}

#sl-customizer .sl-customizer__panel-header {
    height: 80px;
    min-height: 80px;
    padding: 0 26px;
    border-bottom: 1px solid var(--slc-border);
    background: var(--slc-bg);
}

#sl-customizer .sl-customizer__panel-title {
    font-size: 1.5rem;
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: 0;
    color: var(--slc-text);
}

#sl-customizer .sl-customizer__panel-close {
    width: 44px;
    height: 44px;
    margin-right: -10px;
    color: #3F4350;
    font-size: 34px;
    line-height: 1;
    border-radius: 50%;
}

#sl-customizer .sl-customizer__panel-close:hover {
    background: var(--slc-surface-2);
    color: var(--slc-text);
}

#sl-customizer .sl-customizer__demo-notice {
    display: none;
}

#sl-customizer .sl-customizer__panel-body {
    background: var(--slc-bg);
}

#sl-customizer .sl-customizer__menu {
    width: 320px;
    padding: 30px 18px 28px;
    background: linear-gradient(90deg, #FFFFFF 0%, #FBFCFF 100%);
    border-right: 1px solid var(--slc-border);
    gap: 0;
}

#sl-customizer .sl-customizer__menu::-webkit-scrollbar,
#sl-customizer .sl-customizer__body::-webkit-scrollbar {
    width: 4px;
}

#sl-customizer .sl-customizer__menu::-webkit-scrollbar-track,
#sl-customizer .sl-customizer__body::-webkit-scrollbar-track {
    background: transparent;
}

#sl-customizer .sl-customizer__menu::-webkit-scrollbar-thumb,
#sl-customizer .sl-customizer__body::-webkit-scrollbar-thumb {
    background: rgba(39, 41, 54, 0.18);
    border-radius: 999px;
}

#sl-customizer .sl-customizer__menu,
#sl-customizer .sl-customizer__body {
    scrollbar-width: thin;
    scrollbar-color: rgba(39, 41, 54, 0.18) transparent;
}

#sl-customizer .sl-customizer__menu-item {
    min-height: 48px;
    padding: 11px 16px;
    gap: 13px;
    border: 1px solid transparent;
    border-radius: 8px;
    color: var(--slc-text);
    background: transparent;
}

#sl-customizer .sl-customizer__menu-item:hover {
    background: var(--slc-surface);
    border-color: var(--slc-border);
}

#sl-customizer .sl-customizer__menu-item--active,
#sl-customizer .sl-customizer__menu-item--active:hover {
    color: #455CFF;
    background: #FFFFFF;
    border-color: #E2E7FA;
    box-shadow: 0 10px 28px rgba(69, 92, 255, 0.08);
}

#sl-customizer .sl-customizer__menu-icon {
    width: 24px;
    height: 24px;
}

#sl-customizer .sl-customizer__menu-icon svg {
    width: 22px;
    height: 22px;
    stroke-width: 1.8;
}

#sl-customizer .sl-customizer__menu-label {
    font-size: 0.9375rem;
    line-height: 1.25;
    font-weight: 500;
    letter-spacing: 0;
}

#sl-customizer .sl-customizer__menu-item--active .sl-customizer__menu-label {
    font-weight: 700;
}

#sl-customizer .sl-customizer__nav {
    margin: 10px 4px 34px 24px;
    padding: 0;
    gap: 0;
    border-left: none;
}

#sl-customizer .sl-customizer__nav-btn {
    min-height: 38px;
    padding: 8px 18px;
    border-radius: 6px;
    color: var(--slc-text-secondary);
    font-size: 0.875rem;
    line-height: 1.25;
    font-weight: 500;
}

#sl-customizer .sl-customizer__nav-btn:hover {
    background: var(--slc-surface);
    color: var(--slc-text);
}

#sl-customizer .sl-customizer__nav-btn--active,
#sl-customizer .sl-customizer__nav-btn--active:hover {
    color: #455CFF;
    background: linear-gradient(90deg, rgba(69, 92, 255, 0.12) 0%, rgba(69, 92, 255, 0.06) 100%);
    font-weight: 700;
}

#sl-customizer .sl-customizer__menu-item[data-section="share"] {
    margin-top: auto;
}

#sl-customizer .sl-customizer__menu:not(:has(.sl-customizer__menu-item[data-section="share"])) .sl-customizer__menu-item[data-section="demo"] {
    margin-top: auto;
}

#sl-customizer .sl-customizer__section-view {
    background: var(--slc-bg);
}

#sl-customizer .sl-customizer__body {
    padding: 28px 28px 30px;
}

#sl-customizer .sl-customizer__subtab-nav {
    flex-wrap: wrap;
    gap: 8px;
    margin: -6px -28px 24px;
    padding: 0 28px 12px;
    border-bottom: 1px solid var(--slc-border);
}

#sl-customizer .sl-customizer__subtab-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 88px;
    min-height: 38px;
    padding: 8px 14px;
    margin-right: 0;
    border: 1px solid var(--slc-border);
    border-radius: 7px;
    background: #FFFFFF;
    color: var(--slc-text-secondary);
    font-size: 0.875rem;
    line-height: 1.2;
}

#sl-customizer .sl-customizer__subtab-btn--active {
    color: #FFFFFF;
    border-color: transparent;
    background: linear-gradient(135deg, #3B8AF5 0%, #4638F1 100%);
    box-shadow: 0 8px 18px rgba(59, 138, 245, 0.18);
}

#sl-customizer .sl-customizer__footer {
    padding: 18px 28px;
    gap: 16px;
    background: var(--slc-bg);
    border-top: 1px solid var(--slc-border);
}

#sl-customizer .sl-customizer__btn {
    min-width: 112px;
    min-height: 40px;
    padding: 10px 22px;
    border: 1px solid var(--slc-border);
    border-radius: 7px;
    background: var(--slc-bg);
    color: var(--slc-text);
    font-size: 0.875rem;
    font-weight: 500;
}

#sl-customizer .sl-customizer__btn--primary {
    color: #FFFFFF;
    border-color: transparent;
    background: linear-gradient(135deg, #3B8AF5 0%, #4638F1 100%);
    box-shadow: 0 8px 18px rgba(59, 138, 245, 0.22);
}

#sl-customizer .sl-customizer__btn--primary:hover {
    border-color: transparent;
    background: linear-gradient(135deg, #317CE2 0%, #3C31D9 100%);
}

#sl-customizer .sl-customizer__btn--secondary:hover {
    background: var(--slc-surface);
    border-color: #CBD2E1;
}

@media (max-width: 899px) {
    #sl-customizer .sl-customizer__panel {
        width: 100vw;
    }

    #sl-customizer .sl-customizer__menu {
        width: 300px;
    }
}

@media (max-width: 760px) {
    #sl-customizer .sl-customizer__panel {
        width: 100vw;
    }

    #sl-customizer .sl-customizer__menu {
        width: 270px;
        padding-inline: 14px;
    }

    #sl-customizer .sl-customizer__body {
        padding-inline: 20px;
    }
}

/* Minimal panel refinements */
#sl-customizer {
    --slc-primary: #315DFF;
    --slc-primary-hover: #254AE5;
    --slc-primary-soft: #F4F6FF;
    --slc-text: #172033;
    --slc-text-secondary: #424B5F;
    --slc-text-muted: #7D8494;
    --slc-border: #E7EBF3;
    --slc-surface: #F7F9FC;
    --slc-surface-2: #F1F4F8;
}

#sl-customizer .sl-customizer__overlay {
    background: transparent;
    backdrop-filter: none;
}

#sl-customizer .sl-customizer__panel {
    box-shadow: 10px 0 34px rgba(18, 25, 38, 0.08);
}

#sl-customizer .sl-customizer__panel-header {
    height: 72px;
    min-height: 72px;
    padding: 0 24px;
}

#sl-customizer .sl-customizer__panel-title {
    font-size: 1.375rem;
}

#sl-customizer .sl-customizer__panel-close {
    color: #293244;
    font-size: 32px;
}

#sl-customizer .sl-customizer__menu {
    padding: 28px 18px 24px;
    background: #FBFCFE;
}

#sl-customizer .sl-customizer__menu-item {
    min-height: 46px;
    padding: 10px 14px;
    gap: 12px;
    box-shadow: none;
}

#sl-customizer .sl-customizer__menu-item:hover {
    background: #FFFFFF;
    border-color: var(--slc-border);
}

#sl-customizer .sl-customizer__menu-item--active,
#sl-customizer .sl-customizer__menu-item--active:hover {
    color: var(--slc-primary);
    background: #FFFFFF;
    border-color: #DDE5FF;
    box-shadow: none;
}

#sl-customizer .sl-customizer__menu-label {
    font-weight: 500;
}

#sl-customizer .sl-customizer__menu-item--active .sl-customizer__menu-label {
    font-weight: 600;
}

#sl-customizer .sl-customizer__nav {
    margin-bottom: 30px;
}

#sl-customizer .sl-customizer__nav-btn {
    min-height: 36px;
    padding: 8px 18px;
    color: #2F384B;
    font-weight: 500;
}

#sl-customizer .sl-customizer__nav-btn:hover {
    background: #FFFFFF;
}

#sl-customizer .sl-customizer__nav-btn--active,
#sl-customizer .sl-customizer__nav-btn--active:hover {
    color: var(--slc-primary);
    background: var(--slc-primary-soft);
    font-weight: 600;
}

#sl-customizer .sl-customizer__body {
    padding: 24px 28px 28px;
}

#sl-customizer .sl-customizer__subtab-nav {
    gap: 8px;
    margin-bottom: 22px;
}

#sl-customizer .sl-customizer__subtab-btn {
    min-height: 36px;
    border-color: var(--slc-border);
    border-radius: 6px;
    background: #FFFFFF;
    box-shadow: none;
}

#sl-customizer .sl-customizer__subtab-btn--active {
    color: var(--slc-primary);
    border-color: #DDE5FF;
    background: var(--slc-primary-soft);
    box-shadow: none;
}

#sl-customizer .sl-customizer__footer {
    padding: 16px 28px;
}

#sl-customizer .sl-customizer__btn {
    min-height: 38px;
    border-radius: 6px;
    box-shadow: none;
}

#sl-customizer .sl-customizer__btn--primary,
#sl-customizer .sl-customizer__btn--primary:hover {
    background: var(--slc-primary);
    box-shadow: none;
}

/* Complete settings reference */
#sl-customizer {
    --slc-primary: #3F5FFF;
    --slc-primary-hover: #3150EA;
    --slc-primary-soft: #F1F4FF;
    --slc-primary-line: #A9B8FF;
    --slc-text: #071B3B;
    --slc-text-secondary: #384255;
    --slc-text-muted: #6F7C93;
    --slc-line: #DCE5F1;
    --slc-line-soft: #EEF2F7;
    --slc-bg: #FFFFFF;
    --slc-page: #F8FAFC;
    --slc-radius-sm: 6px;
    --slc-radius: 8px;
    --slc-shadow: 0 22px 70px rgba(7, 27, 59, 0.08);
}

#sl-customizer .sl-customizer__overlay {
    background: transparent;
    backdrop-filter: none;
}

#sl-customizer .sl-customizer__panel {
    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;
}

#sl-customizer .sl-customizer__panel-header {
    height: 64px;
    min-height: 64px;
    padding: 0 30px;
    border-bottom: 1px solid var(--slc-line);
}

#sl-customizer .sl-customizer__panel-title {
    color: var(--slc-text);
    font-size: 1.375rem;
    line-height: 1;
    font-weight: 800;
}

#sl-customizer .sl-customizer__panel-close {
    width: 36px;
    height: 36px;
    margin-right: -8px;
    color: var(--slc-text);
    font-size: 28px;
    border-radius: 50%;
}

#sl-customizer .sl-customizer__panel-close:hover {
    color: var(--slc-primary);
    background: var(--slc-primary-soft);
}

#sl-customizer .sl-customizer__panel-body {
    height: calc(100vh - 64px);
    min-height: 0;
    margin: 0 20px;
    border: 1px solid var(--slc-line);
    border-top: 0;
    border-radius: 0 0 var(--slc-radius-sm) var(--slc-radius-sm);
    background: var(--slc-bg);
    overflow: hidden;
}

#sl-customizer .sl-customizer__menu {
    width: 250px;
    padding: 26px 12px 14px;
    background: #FBFCFF;
    border-right: 1px solid var(--slc-line);
}

#sl-customizer .sl-customizer__menu-item {
    min-height: 42px;
    padding: 0 12px;
    gap: 10px;
    border: 1px solid transparent;
    border-radius: var(--slc-radius-sm);
    color: var(--slc-text);
    background: transparent;
}

#sl-customizer .sl-customizer__menu-item:hover {
    color: var(--slc-primary);
    background: #F4F7FF;
    border-color: transparent;
}

#sl-customizer .sl-customizer__menu-item--active,
#sl-customizer .sl-customizer__menu-item--active:hover {
    color: var(--slc-primary);
    background: #FFFFFF;
    border-color: #CFDAFF;
    box-shadow: none;
}

#sl-customizer .sl-customizer__menu-icon,
#sl-customizer .sl-customizer__menu-icon svg {
    width: 20px;
    height: 20px;
}

#sl-customizer .sl-customizer__menu-label {
    color: currentColor;
    font-size: 0.8125rem;
    line-height: 1.25;
    font-weight: 600;
}

#sl-customizer .sl-customizer__nav {
    margin: 4px 8px 22px 28px;
    gap: 4px;
}

#sl-customizer .sl-customizer__nav-btn {
    min-height: 34px;
    width: calc(100% - 4px);
    padding: 0 14px;
    border-radius: var(--slc-radius-sm);
    color: var(--slc-text);
    font-size: 0.8125rem;
    line-height: 1.25;
    font-weight: 500;
}

#sl-customizer .sl-customizer__nav-btn:hover {
    color: var(--slc-primary);
    background: #F4F7FF;
}

#sl-customizer .sl-customizer__nav-btn--active,
#sl-customizer .sl-customizer__nav-btn--active:hover {
    color: var(--slc-primary);
    background: var(--slc-primary-soft);
    font-weight: 700;
}

#sl-customizer .sl-customizer__menu-item[data-section="share"] {
    margin-top: auto;
    box-shadow: 0 -1px 0 var(--slc-line);
}

#sl-customizer .sl-customizer__section-view {
    min-width: 0;
    background: var(--slc-bg);
}

#sl-customizer .sl-customizer__body {
    flex: 0 0 auto;
    height: calc(100vh - 64px - 72px);
    min-height: 0;
    padding: 22px 24px;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #B9C3D3 transparent;
}

#sl-customizer .sl-customizer__body::-webkit-scrollbar {
    width: 8px;
}

#sl-customizer .sl-customizer__body::-webkit-scrollbar-thumb {
    background: #C2CAD8;
    border: 2px solid #FFFFFF;
    border-radius: 999px;
}

#sl-customizer .sl-customizer__subtab-nav {
    gap: 8px;
    margin: -2px -24px 22px;
    padding: 0 24px 12px;
    border-bottom: 1px solid var(--slc-line-soft);
}

#sl-customizer .sl-customizer__subtab-btn {
    min-width: 92px;
    min-height: 38px;
    padding: 0 14px;
    border: 1px solid var(--slc-line);
    border-radius: 7px;
    background: #FFFFFF;
    color: var(--slc-text);
    font-size: 0.8125rem;
    font-weight: 700;
    box-shadow: none;
}

#sl-customizer .sl-customizer__subtab-btn:hover {
    color: var(--slc-primary);
    border-color: var(--slc-primary-line);
}

#sl-customizer .sl-customizer__subtab-btn--active,
#sl-customizer .sl-customizer__subtab-btn--active:hover {
    color: #FFFFFF;
    border-color: var(--slc-primary);
    background: var(--slc-primary);
    box-shadow: 0 8px 18px rgba(63, 95, 255, 0.18);
}

#sl-customizer .sl-customizer__footer {
    height: 72px;
    min-height: 72px;
    justify-content: flex-end;
    align-items: center;
    gap: 14px;
    padding: 12px 0;
    border-top: 1px solid var(--slc-line);
    background: rgba(255, 255, 255, 0.94);
}

#sl-customizer .sl-customizer__btn {
    min-width: 112px;
    min-height: 38px;
    padding: 0 22px;
    border: 1px solid var(--slc-line);
    border-radius: 7px;
    background: #FFFFFF;
    color: var(--slc-text);
    font-size: 0.875rem;
    font-weight: 500;
    box-shadow: none;
}

#sl-customizer .sl-customizer__btn:hover {
    color: var(--slc-primary);
    border-color: var(--slc-primary-line);
}

#sl-customizer .sl-customizer__btn--primary,
#sl-customizer .sl-customizer__btn--primary:hover {
    min-width: 118px;
    color: #FFFFFF;
    border-color: var(--slc-primary);
    background: var(--slc-primary);
    box-shadow: 0 8px 18px rgba(63, 95, 255, 0.18);
}

@media (max-width: 820px) {
    #sl-customizer .sl-customizer__panel {
        width: 100vw;
        border-radius: 0;
    }

    #sl-customizer .sl-customizer__panel-body {
        margin: 0;
        border-inline: 0;
    }

    #sl-customizer .sl-customizer__menu {
        width: 250px;
    }
}

@media (max-width: 760px) {
    #sl-customizer .sl-customizer__menu {
        width: 240px;
        padding-inline: 12px;
    }

    #sl-customizer .sl-customizer__body {
        padding-inline: 16px;
    }
}

/* Design sync */
#sl-customizer {
    --slc-primary: #7561F6;
    --slc-primary-hover: #6652EC;
    --slc-primary-soft: #ECE8FF;
    --slc-primary-rgb: 117, 97, 246;
    --slc-text: #10284A;
    --slc-text-secondary: #42516A;
    --slc-text-muted: #8490A4;
    --slc-line: #EDF0F6;
    --slc-line-strong: #DDE3F0;
    --slc-panel: #FFFFFF;
    --slc-sidebar: #F5F5FB;
    --slc-control: #F3F2FA;
    --slc-content-pad: 20px;
}

#sl-customizer .sl-customizer__overlay {
    background: transparent;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

#sl-customizer .sl-customizer__panel {
    width: min(744px, 100vw);
    max-width: 100vw;
    border: 0;
    border-radius: 0;
    background: var(--slc-panel);
    box-shadow: none;
}

#sl-customizer .sl-customizer__overlay--visible + .sl-customizer__panel {
    box-shadow: 14px 0 34px rgba(15, 23, 42, 0.1), 1px 0 0 rgba(15, 23, 42, 0.06);
}

#sl-customizer .sl-customizer__panel-header {
    height: 71px;
    min-height: 71px;
    padding: 0 20px;
    border-bottom: 1px solid var(--slc-line);
    background: var(--slc-panel);
}

#sl-customizer .sl-customizer__panel-title {
    color: var(--slc-text);
    font-size: 1.75rem;
    line-height: 1.1;
    font-weight: 700;
    letter-spacing: 0;
}

#sl-customizer .sl-customizer__panel-close {
    width: 40px;
    height: 40px;
    margin-right: -8px;
    color: var(--slc-text-muted);
    font-size: 34px;
    line-height: 1;
    border-radius: 8px;
}

#sl-customizer .sl-customizer__panel-close:hover {
    color: var(--slc-text);
    background: var(--slc-control);
}

#sl-customizer .sl-customizer__panel-body {
    height: calc(100vh - 71px);
    margin: 0;
    border: 0;
    border-radius: 0;
    background: var(--slc-panel);
}

#sl-customizer .sl-customizer__menu {
    width: 268px;
    padding: 20px 20px 18px;
    border-right: 0;
    background: var(--slc-sidebar);
    box-sizing: border-box;
    gap: 0;
}

#sl-customizer .sl-customizer__menu::-webkit-scrollbar,
#sl-customizer .sl-customizer__body::-webkit-scrollbar {
    width: 6px;
}

#sl-customizer .sl-customizer__menu::-webkit-scrollbar-track,
#sl-customizer .sl-customizer__body::-webkit-scrollbar-track {
    background: transparent;
}

#sl-customizer .sl-customizer__menu::-webkit-scrollbar-thumb,
#sl-customizer .sl-customizer__body::-webkit-scrollbar-thumb {
    background: #D4D9E6;
    border-radius: 999px;
}

#sl-customizer .sl-customizer__menu,
#sl-customizer .sl-customizer__body {
    scrollbar-width: thin;
    scrollbar-color: #D4D9E6 transparent;
}

#sl-customizer .sl-customizer__menu {
    scrollbar-width: none;
}

#sl-customizer .sl-customizer__menu::-webkit-scrollbar {
    width: 0;
    height: 0;
}

#sl-customizer .sl-customizer__menu-item {
    min-height: 36px;
    padding: 0 10px;
    gap: 8px;
    border: 0;
    border-radius: 8px;
    color: var(--slc-text);
    background: transparent;
    box-shadow: none;
}

#sl-customizer .sl-customizer__menu-item:hover {
    color: var(--slc-primary);
    background: #FFFFFF;
}

#sl-customizer .sl-customizer__menu-item--active,
#sl-customizer .sl-customizer__menu-item--active:hover {
    color: var(--slc-primary);
    background: #FFFFFF;
    border: 0;
    box-shadow: none;
}

#sl-customizer .sl-customizer__menu-item[data-section="settings"].sl-customizer__menu-item--active {
    border-radius: 8px 8px 0 0;
}

#sl-customizer .sl-customizer__menu-icon,
#sl-customizer .sl-customizer__menu-icon svg {
    width: 20px;
    height: 20px;
}

#sl-customizer .sl-customizer__menu-label {
    display: block;
    flex: 1 1 auto;
    min-width: 0;
    color: currentColor;
    font-size: 0.875rem;
    line-height: 1.25;
    font-weight: 600;
    letter-spacing: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-line-clamp: initial;
}

#sl-customizer .sl-customizer__nav {
    margin: 0 0 8px;
    padding: 0 10px 8px 24px;
    gap: 2px;
    border-left: 0;
    border-radius: 0 0 8px 8px;
    background: #FFFFFF;
}

#sl-customizer .sl-customizer__nav-btn {
    align-self: flex-start;
    width: fit-content;
    max-width: 100%;
    min-height: 31px;
    padding: 0 10px;
    border-radius: 5px;
    color: var(--slc-text);
    font-size: 0.875rem;
    line-height: 1.2;
    font-weight: 500;
}

#sl-customizer .sl-customizer__nav-btn:hover {
    color: var(--slc-primary);
    background: var(--slc-primary-soft);
}

#sl-customizer .sl-customizer__nav-btn--active,
#sl-customizer .sl-customizer__nav-btn--active:hover {
    color: var(--slc-primary);
    background: var(--slc-primary-soft);
    font-weight: 500;
}

#sl-customizer .sl-customizer__menu-item[data-section="share"] {
    margin-top: 8px;
    box-shadow: none;
}

#sl-customizer .sl-customizer__menu-item[data-section="demo"] {
    position: sticky;
    bottom: 0;
    z-index: 2;
    margin-top: 8px;
    background: var(--slc-sidebar);
    box-shadow: 0 -8px 16px var(--slc-sidebar), 0 18px 0 18px var(--slc-sidebar);
}

#sl-customizer .sl-customizer__menu-item[data-section="demo"]:hover,
#sl-customizer .sl-customizer__menu-item[data-section="demo"].sl-customizer__menu-item--active {
    background: #FFFFFF;
    box-shadow: 0 -8px 16px var(--slc-sidebar), 0 18px 0 18px var(--slc-sidebar);
}

#sl-customizer .sl-customizer__section-view {
    flex: 1 1 auto;
    min-width: 0;
    height: calc(100vh - 71px);
    background: var(--slc-panel);
}

#sl-customizer .sl-customizer__body {
    flex: 1 1 auto;
    height: auto;
    min-height: 0;
    padding: var(--slc-content-pad);
    background: var(--slc-panel);
    overflow-y: auto;
}

#sl-customizer .sl-customizer__subtab-nav {
    gap: 10px;
    margin: 0 calc(var(--slc-content-pad) * -1) 0;
    padding: 20px var(--slc-content-pad);
    border-bottom: 1px solid var(--slc-line);
}

#sl-customizer .sl-customizer__subtab-btn {
    min-width: 88px;
    min-height: 36px;
    padding: 0 14px;
    border: 0;
    border-radius: 5px;
    background: var(--slc-control);
    color: var(--slc-text);
    font-size: 0.875rem;
    line-height: 1;
    font-weight: 500;
    box-shadow: none;
}

#sl-customizer .sl-customizer__subtab-btn:hover {
    color: var(--slc-primary);
    background: var(--slc-primary-soft);
}

#sl-customizer .sl-customizer__subtab-btn--active,
#sl-customizer .sl-customizer__subtab-btn--active:hover {
    color: #FFFFFF;
    background: var(--slc-primary);
    box-shadow: none;
}

#sl-customizer .sl-customizer__footer {
    flex: 0 0 72px;
    height: 72px;
    min-height: 72px;
    justify-content: flex-end;
    align-items: center;
    gap: 16px;
    padding: 0 32px;
    border-top: 1px solid var(--slc-line);
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 -10px 24px rgba(16, 40, 74, 0.04);
}

#sl-customizer .sl-customizer__btn {
    min-width: 116px;
    min-height: 44px;
    padding: 0 22px;
    border: 0;
    border-radius: 999px;
    background: var(--slc-control);
    color: var(--slc-text);
    font-size: 0.9375rem;
    line-height: 1;
    font-weight: 500;
    box-shadow: none;
}

#sl-customizer .sl-customizer__btn:hover {
    color: var(--slc-primary);
    background: var(--slc-primary-soft);
}

#sl-customizer .sl-customizer__btn--secondary {
    order: 1;
}

#sl-customizer .sl-customizer__btn--primary {
    order: 2;
}

#sl-customizer .sl-customizer__btn--primary,
#sl-customizer .sl-customizer__btn--primary:hover {
    min-width: 122px;
    color: #FFFFFF;
    background: var(--slc-text);
    box-shadow: none;
}

#sl-customizer .sl-customizer__preset-grid {
    grid-template-columns: minmax(0, 202px);
    gap: 14px;
}

#sl-customizer .sl-customizer__preset-card {
    border: 1px solid var(--slc-line);
    border-radius: 8px;
    background: #FFFFFF;
    box-shadow: none;
}

#sl-customizer .sl-customizer__preset-card:hover {
    border-color: var(--slc-primary);
    box-shadow: none;
}

#sl-customizer .sl-customizer__preset-preview {
    height: 114px;
    background: #F0F1F8;
}

#sl-customizer .sl-customizer__preset-info {
    display: block;
    padding: 12px 14px 14px;
}

#sl-customizer .sl-customizer__preset-name {
    display: block;
    margin-bottom: 10px;
    color: var(--slc-text);
    font-size: 0.9375rem;
    font-weight: 500;
}

#sl-customizer .sl-customizer__preset-actions {
    justify-content: flex-start;
}

#sl-customizer .sl-customizer__preset-btn {
    min-height: 36px;
    padding: 0 16px;
    border: 0;
    border-radius: 5px;
    background: var(--slc-primary);
    color: #FFFFFF;
    font-size: 0.875rem;
    font-weight: 500;
}

@media (max-width: 820px) {
    #sl-customizer .sl-customizer__panel {
        width: 100vw;
    }

    #sl-customizer .sl-customizer__menu {
        width: 260px;
    }
}

@media (max-width: 760px) {
    #sl-customizer .sl-customizer__menu {
        width: 238px;
        padding: 16px 14px;
    }

    #sl-customizer .sl-customizer__body {
        --slc-content-pad: 16px;
    }

    #sl-customizer .sl-customizer__footer {
        padding: 0 16px;
    }
}

/* Panel fit and trigger polish */
#sl-customizer .sl-customizer__trigger {
    width: 58px;
    height: 58px;
    padding: 0;
    justify-content: center;
    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);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

#sl-customizer .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 .sl-customizer__trigger:focus-visible {
    outline: 2px solid rgba(var(--slc-primary-rgb, 117, 97, 246), 0.38);
    outline-offset: 2px;
}

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

#sl-customizer .sl-customizer__trigger-icon {
    width: 26px;
    height: 26px;
    stroke-width: 1.9;
}

#sl-customizer .sl-customizer__panel {
    width: min(790px, 100vw);
}

#sl-customizer .sl-customizer__menu {
    width: 264px;
}

@media (max-width: 820px) {
    #sl-customizer .sl-customizer__panel {
        width: 100vw;
    }

    #sl-customizer .sl-customizer__menu {
        width: 250px;
    }
}

/* Menu rhythm polish */
#sl-customizer .sl-customizer__menu {
    gap: 8px;
    padding: 20px 16px 18px;
}

#sl-customizer .sl-customizer__menu-item {
    flex: 0 0 auto;
    min-height: 38px;
    padding: 0 12px;
    gap: 10px;
    border-radius: 8px;
}

#sl-customizer .sl-customizer__menu-item[data-section="settings"].sl-customizer__menu-item--active {
    border-radius: 8px;
}

#sl-customizer .sl-customizer__menu-item[data-section="share"],
#sl-customizer .sl-customizer__menu-item[data-section="demo"] {
    margin-top: 0;
    box-shadow: none;
}

#sl-customizer .sl-customizer__menu:not(:has(.sl-customizer__menu-item[data-section="share"])) .sl-customizer__menu-item[data-section="demo"] {
    margin-top: 0;
}

#sl-customizer .sl-customizer__menu-item[data-section="demo"] {
    position: static;
    bottom: auto;
    z-index: auto;
    background: transparent;
}

#sl-customizer .sl-customizer__menu-item[data-section="demo"]:hover,
#sl-customizer .sl-customizer__menu-item[data-section="demo"].sl-customizer__menu-item--active {
    background: #FFFFFF;
    box-shadow: none;
}

#sl-customizer .sl-customizer__menu-icon,
#sl-customizer .sl-customizer__menu-icon svg {
    width: 20px;
    height: 20px;
}

#sl-customizer .sl-customizer__menu-label {
    font-size: 0.875rem;
    line-height: 1.2;
}

#sl-customizer .sl-customizer__nav {
    margin: -4px 0 0;
    padding: 0 0 4px 34px;
    gap: 4px;
    border-radius: 0;
    background: transparent;
}

#sl-customizer .sl-customizer__nav-btn {
    min-height: 30px;
    padding: 0 10px;
}

@media (max-width: 760px) {
    #sl-customizer .sl-customizer__menu {
        padding: 16px 14px;
    }
}

/* Settings category navigation */
#sl-customizer .sl-customizer__nav {
    gap: 6px;
}

#sl-customizer .sl-customizer__category-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    width: 100%;
    min-height: 34px;
    padding: 0 10px;
    border: none;
    border-radius: 6px;
    background: transparent;
    color: var(--slc-text-secondary);
    cursor: pointer;
    font-family: inherit;
    text-align: left;
    transition: background 0.15s ease, color 0.15s ease;
}

#sl-customizer .sl-customizer__category-btn:hover {
    background: var(--slc-bg);
    color: var(--slc-text);
}

#sl-customizer .sl-customizer__category-btn--active,
#sl-customizer .sl-customizer__category-btn--active:hover {
    background: var(--slc-primary-bg);
    color: var(--slc-primary);
}

#sl-customizer .sl-customizer__category-label {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    color: currentColor;
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#sl-customizer .sl-customizer__category-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    min-width: 20px;
    height: 20px;
    padding: 0 6px;
    border-radius: 100px;
    background: rgba(var(--slc-primary-rgb), 0.1);
    color: currentColor;
    font-size: 0.75rem;
    font-weight: 700;
    line-height: 1;
}

#sl-customizer .sl-customizer__group-list {
    display: flex;
    flex-direction: column;
    gap: 3px;
    margin: -2px 0 4px 8px;
    padding: 4px 0 4px 10px;
    border-left: 1px solid var(--slc-border);
}

#sl-customizer .sl-customizer__group-list .sl-customizer__nav-btn {
    align-self: stretch;
    width: 100%;
    min-height: 28px;
    padding: 0 9px;
    color: var(--slc-text-secondary);
    font-size: 0.8125rem;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#sl-customizer .sl-customizer__group-list .sl-customizer__nav-btn--active,
#sl-customizer .sl-customizer__group-list .sl-customizer__nav-btn--active:hover {
    color: var(--slc-primary);
    background: rgba(var(--slc-primary-rgb), 0.08);
}

/* Settings field workspace */
#sl-customizer #sl-customizer-body > .sl-customizer__field-workspace {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    margin: -18px;
}

#sl-customizer .sl-customizer__field-tabs {
    position: sticky;
    top: 0;
    z-index: 2;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 14px 18px 12px;
    overflow: visible;
    border-bottom: 1px solid var(--slc-line, #EDF0F6);
    background: rgba(255, 255, 255, 0.98);
    scrollbar-width: thin;
}

#sl-customizer .sl-customizer__field-tabs::-webkit-scrollbar {
    height: 4px;
}

#sl-customizer .sl-customizer__field-tabs::-webkit-scrollbar-thumb {
    border-radius: 100px;
    background: rgba(var(--sl-color-dark-rgb, 20, 42, 75), 0.18);
}

#sl-customizer .sl-customizer__field-tab {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 34px;
    padding: 0 12px;
    border: 1px solid var(--slc-line, #EDF0F6);
    border-radius: 8px;
    background: var(--slc-bg, #FFFFFF);
    color: var(--slc-text-secondary, #575757);
    cursor: pointer;
    font-family: inherit;
    flex: 0 1 auto;
    white-space: nowrap;
    transition: border-color 0.15s ease, background 0.15s ease, color 0.15s ease;
}

#sl-customizer .sl-customizer__field-tab:hover {
    border-color: rgba(var(--slc-primary-rgb), 0.26);
    color: var(--slc-text, #10284A);
}

#sl-customizer .sl-customizer__field-tab--active,
#sl-customizer .sl-customizer__field-tab--active:hover {
    border-color: rgba(var(--slc-primary-rgb), 0.26);
    background: rgba(var(--slc-primary-rgb), 0.1);
    color: var(--slc-primary);
}

#sl-customizer .sl-customizer__field-tab-label {
    font-size: 0.8125rem;
    font-weight: 700;
    line-height: 1.2;
}

#sl-customizer .sl-customizer__field-tab-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    border-radius: 100px;
    background: rgba(var(--sl-color-dark-rgb, 20, 42, 75), 0.08);
    color: currentColor;
    font-size: 0.6875rem;
    font-weight: 700;
    line-height: 1;
}

#sl-customizer .sl-customizer__field-panel {
    padding: 18px 20px 24px;
}

#sl-customizer .sl-customizer__field-panel--hidden {
    display: none;
}

#sl-customizer .sl-customizer__field-panel-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 16px;
}

#sl-customizer .sl-customizer__field-panel-title {
    margin: 0;
    color: var(--slc-text, #10284A);
    font-size: 1rem;
    font-weight: 800;
    line-height: 1.25;
    letter-spacing: 0;
}

#sl-customizer .sl-customizer__field-panel-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 24px;
    height: 24px;
    padding: 0 7px;
    border-radius: 100px;
    background: rgba(var(--slc-primary-rgb), 0.1);
    color: var(--slc-primary);
    font-size: 0.75rem;
    font-weight: 800;
}

#sl-customizer .sl-customizer__field-list {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

#sl-customizer .sl-customizer__field-list .sl-cz__field-container {
    max-width: none;
    margin: 0;
    padding: 0;
    border: 0;
}

#sl-customizer .sl-customizer__field-list .sl-cz__field-label-row {
    margin-bottom: 8px;
}

#sl-customizer .sl-customizer__field-list .sl-cz__field-label {
    font-size: 0.875rem;
    line-height: 1.25;
}

#sl-customizer .sl-customizer__field-list .sl-cz__color-controls {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

#sl-customizer .sl-customizer__field-list .sl-cz__color-palette {
    gap: 7px;
}

#sl-customizer .sl-customizer__field-list .sl-cz__color-custom {
    flex-wrap: wrap;
    gap: 8px;
}

/* Compact viewport pass */
#sl-customizer {
    --slc-content-pad: 16px;
}

#sl-customizer .sl-customizer__panel {
    width: clamp(620px, 54vw, 690px);
    max-width: calc(100vw - 96px);
}

#sl-customizer .sl-customizer__panel-header {
    height: 60px;
    min-height: 60px;
    padding: 0 18px;
}

#sl-customizer .sl-customizer__panel-title {
    font-size: 1.45rem;
    line-height: 1.1;
}

#sl-customizer .sl-customizer__panel-close {
    width: 36px;
    height: 36px;
    margin-right: -6px;
    font-size: 30px;
}

#sl-customizer .sl-customizer__panel-body,
#sl-customizer .sl-customizer__section-view {
    height: calc(100vh - 60px);
}

#sl-customizer .sl-customizer__menu {
    width: 220px;
    padding: 14px 12px 12px;
    gap: 5px;
}

#sl-customizer .sl-customizer__menu-item {
    min-height: 34px;
    padding: 0 10px;
    gap: 8px;
}

#sl-customizer .sl-customizer__menu-label,
#sl-customizer .sl-customizer__category-label {
    font-size: 0.8125rem;
}

#sl-customizer .sl-customizer__menu-label {
    display: -webkit-box;
    overflow: hidden;
    white-space: normal;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
}

#sl-customizer .sl-customizer__category-btn {
    min-height: 31px;
    padding: 0 9px;
}

#sl-customizer .sl-customizer__category-count {
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    font-size: 0.6875rem;
}

#sl-customizer .sl-customizer__group-list {
    gap: 2px;
    margin: -2px 0 2px 6px;
    padding: 3px 0 3px 9px;
}

#sl-customizer .sl-customizer__nav {
    gap: 3px;
    padding-left: 28px;
}

#sl-customizer .sl-customizer__nav-btn,
#sl-customizer .sl-customizer__group-list .sl-customizer__nav-btn {
    min-height: 27px;
    padding: 0 8px;
    font-size: 0.78125rem;
}

#sl-customizer .sl-customizer__body {
    padding: var(--slc-content-pad);
}

#sl-customizer .sl-customizer__subtab-nav {
    gap: 6px;
    margin: 0 calc(var(--slc-content-pad) * -1) 14px;
    padding: 12px var(--slc-content-pad);
}

#sl-customizer .sl-customizer__subtab-btn {
    min-width: 74px;
    min-height: 32px;
    padding: 0 10px;
    font-size: 0.8125rem;
}

#sl-customizer .sl-customizer__footer {
    flex: 0 0 58px;
    height: 58px;
    min-height: 58px;
    gap: 10px;
    padding: 0 18px;
}

#sl-customizer .sl-customizer__btn {
    min-width: 104px;
    min-height: 36px;
    padding: 0 18px;
    font-size: 0.875rem;
}

#sl-customizer .sl-customizer__btn--primary,
#sl-customizer .sl-customizer__btn--primary:hover {
    min-width: 112px;
}

#sl-customizer #sl-customizer-body > .sl-customizer__field-workspace {
    min-height: auto;
    margin: 0;
}

#sl-customizer .sl-customizer__field-tabs {
    gap: 5px;
    margin: 0 0 14px;
    padding: 0 0 12px;
}

#sl-customizer .sl-customizer__field-tab {
    min-height: 30px;
    padding: 0 10px;
    gap: 5px;
    border-radius: 6px;
}

#sl-customizer .sl-customizer__field-tab-label {
    font-size: 0.75rem;
}

#sl-customizer .sl-customizer__field-tab-count {
    min-width: 16px;
    height: 16px;
    padding: 0 5px;
    font-size: 0.625rem;
}

#sl-customizer .sl-customizer__field-panel {
    padding: 0 0 18px;
}

#sl-customizer .sl-customizer__field-panel-head {
    margin-bottom: 12px;
}

#sl-customizer .sl-customizer__field-panel-title {
    font-size: 0.9375rem;
}

#sl-customizer .sl-customizer__field-panel-count {
    min-width: 22px;
    height: 22px;
}

#sl-customizer .sl-customizer__field-list {
    gap: 14px;
}

#sl-customizer .sl-customizer__field-list .sl-cz__field-label-row {
    margin-bottom: 7px;
}

#sl-customizer .sl-customizer__field-list .sl-cz__color-controls {
    gap: 6px;
}

#sl-customizer .sl-customizer__field-list .sl-cz__color-palette {
    gap: 6px;
}

#sl-customizer .sl-customizer__field-list .sl-cz__color-custom {
    gap: 6px;
}

@media (max-width: 700px) {
    #sl-customizer .sl-customizer__panel {
        max-width: calc(100vw - 48px);
    }

    #sl-customizer .sl-customizer__menu {
        width: 198px;
        padding-inline: 10px;
    }
}

#sl-customizer .sl-customizer__panel--open {
    box-shadow: 14px 0 34px rgba(20, 42, 75, 0.12);
}

@media (min-width: 821px) {
    #sl-customizer .sl-customizer__panel {
        width: clamp(540px, 46vw, 560px);
        max-width: calc(100vw - 120px);
    }

    #sl-customizer .sl-customizer__menu {
        width: 200px;
        padding-inline: 8px;
    }
}

@media (min-width: 701px) and (max-width: 820px) {
    #sl-customizer .sl-customizer__panel {
        width: min(560px, calc(100vw - 96px));
        max-width: calc(100vw - 96px);
    }

    #sl-customizer .sl-customizer__menu {
        width: 200px;
        padding-inline: 8px;
    }
}

/* Resizable panel width */
#sl-customizer {
    --slc-panel-default-width: 760px;
    --slc-panel-min-width: 520px;
    --slc-panel-max-width: calc(100vw - 48px);
}

#sl-customizer .sl-customizer__panel {
    width: min(var(--slc-panel-default-width), var(--slc-panel-max-width));
    max-width: var(--slc-panel-max-width);
}

#sl-customizer .sl-customizer__menu {
    width: 220px;
}

#sl-customizer .sl-customizer__resize-handle {
    position: absolute;
    top: 60px;
    right: 0;
    bottom: 0;
    z-index: 4;
    width: 12px;
    border: 0;
    background: transparent;
    cursor: ew-resize;
    touch-action: none;
}

#sl-customizer .sl-customizer__resize-handle::before {
    content: "";
    position: absolute;
    top: 16px;
    right: 3px;
    bottom: 16px;
    width: 2px;
    border-radius: 100px;
    background: rgba(var(--slc-primary-rgb), 0);
    transition: background 0.15s ease;
}

#sl-customizer .sl-customizer__resize-handle:hover::before,
#sl-customizer .sl-customizer__resize-handle:focus-visible::before,
#sl-customizer .sl-customizer__panel--resizing .sl-customizer__resize-handle::before {
    background: rgba(var(--slc-primary-rgb), 0.45);
}

#sl-customizer .sl-customizer__resize-handle:focus-visible {
    outline: 2px solid rgba(var(--slc-primary-rgb), 0.32);
    outline-offset: -4px;
}

#sl-customizer .sl-customizer__panel--resizing {
    transition: none;
}

html.sl-customizer-resizing,
html.sl-customizer-resizing * {
    cursor: ew-resize !important;
    user-select: none !important;
}

@media (max-width: 820px) {
    #sl-customizer {
        --slc-panel-default-width: 620px;
        --slc-panel-max-width: calc(100vw - 48px);
    }

    #sl-customizer .sl-customizer__menu {
        width: 210px;
    }
}

@media (max-width: 700px) {
    #sl-customizer {
        --slc-panel-default-width: 100vw;
        --slc-panel-max-width: 100vw;
    }

    #sl-customizer .sl-customizer__panel {
        width: 100vw;
        max-width: 100vw;
    }

    #sl-customizer .sl-customizer__menu {
        width: 198px;
    }

    #sl-customizer .sl-customizer__resize-handle {
        display: none;
    }
}

/* End */


/* Start:/local/components/qwelp/toast/templates/.default/style.css?17823776703601*/
.sl-toast {
	position: fixed;
	top: 20px;
	right: 20px;
	z-index: 10060;
	display: flex;
	flex-direction: column;
	gap: 8px;
	pointer-events: none;
}

.sl-toast__item {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 12px 16px;
	background: var(--sl-color-white, #fff);
	border-radius: 12px;
	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.3s ease, transform 0.3s ease;
	max-width: 340px;
}

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

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

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

.sl-toast__image {
	flex-shrink: 0;
	width: 48px;
	height: 48px;
	border-radius: 8px;
	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 {
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
}

.sl-toast__title {
	font-weight: 600;
	font-size: 14px;
	line-height: 1.3;
	color: var(--sl-color-dark, #142A4B);
}

.sl-toast__text {
	font-size: 13px;
	line-height: 1.3;
	color: var(--sl-color-dark, #142A4B);
	opacity: 0.6;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 200px;
}

.sl-toast__close {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	align-self: flex-start;
	margin-left: auto;
	width: 24px;
	height: 24px;
	border: none;
	background: none;
	color: var(--sl-color-dark, #142A4B);
	opacity: 0.3;
	cursor: pointer;
	padding: 0;
	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: 1px solid 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__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: 767px) {
	.sl-toast {
		top: auto;
		bottom: 70px;
		right: 10px;
		left: 10px;
	}

	.sl-toast__item {
		max-width: none;
	}
}

/* End */


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

/* ========== Variables ========== */
:root {
    --sl-container: 1100px;

    /* Responsive spacing */
    --sl-gap-page: 20px;
    --sl-gap-section: 90px;
    --sl-homepage-top-padding: 0px;
    --sl-homepage-bottom-padding: 0px;
    --sl-site-bg-color: var(--sl-color-bg);
    --sl-site-bg-image: none;
    --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: #28824A;
    --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: #6050E8;
    --sl-color-link-rgb: 96, 80, 232;
    --sl-color-link-hover: #5B4CE0;
    --sl-color-link-solid: #6050E8;
    --sl-color-link-solid-rgb: 96, 80, 232;
    --sl-color-link-solid-hover: #5B4CE0;
    --sl-color-link-bright: #6050E8;
    --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-star: #EEBB4E;
    --sl-color-discount: #12B76A;

    /* Badge colors */
    --sl-color-badge-new: var(--sl-color-link, #6050E8);
    --sl-color-badge-new-text: var(--sl-color-link-contrast, #FFFFFF);
    --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: #F3F4F6;

    /* 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: #9B8FFF;

    /* 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: #F3F4F6;
    --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-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-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);

    /* 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-size-base: calc(var(--sl-font-size-base) * var(--sl-heading-scale, 1));
    --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,
.sl-promo-list__nav,
.sl-news__nav,
.sl-stocks__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;
}

/* 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);
}

/* ========== 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-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-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;
}

/* --- 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-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-news-detail__card,
    .sl-blog-sidebar__section,
    .sl-services-detail__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-services__card-body,
    .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-service-page__table tbody tr:hover,
    .sl-howto__table tbody 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-req__download-btn,
    .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-req__download-btn: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-about__value:hover,
    .sl-about__feature:hover,
    .sl-about__contact:hover,
    .sl-service-page__metric:hover,
    .sl-service-page__card:hover,
    .sl-howto__metric:hover,
    .sl-howto__step:hover,
    .sl-howto__card:hover,
    .sl-payment-page__metric:hover,
    .sl-payment__item:hover,
    .sl-payment__info:hover,
    .sl-guaranty__metric:hover,
    .sl-guaranty__card:hover,
    .sl-faq-page__metric:hover,
    .sl-faq__item:hover,
    .sl-partners__step:hover,
    .sl-partners__program:hover,
    .sl-partners__faq-item:hover,
    .sl-corp__advantage:hover,
    .sl-corp__service:hover,
    .sl-corp__step:hover,
    .sl-corp__faq-item: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 :is(
    .sl-news__card-body,
    .sl-news-detail__card,
    .sl-news-detail__back-link,
    .sl-blog-sidebar__section,
    .sl-services__card-body,
    .sl-services-detail__card
) {
    background: var(--sl-color-surface-1, #252836);
    border-color: var(--sl-color-border-light, #363B40);
}

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

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: var(--sl-site-bg-position, center top);
    background-size: var(--sl-site-bg-size, cover);
    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));
}

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;
}

input:focus {
    outline: 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--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 :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--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--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__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, #9B8FFF))) !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__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, 96, 80, 232), 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,
.sl-cart-widget__body,
.sl-cart-widget__content {
    border-radius: var(--sl-header-radius, var(--sl-card-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;
}

.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-cart-widget__checkout,
.sl-mobile-menu__cta {
    border-radius: var(--sl-header-action-radius, var(--sl-header-control-radius, 10px)) !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;
}

.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: var(--sl-homepage-bg-position, var(--sl-site-bg-position, center top));
    background-size: var(--sl-homepage-bg-size, var(--sl-site-bg-size, cover));
}

.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-popcat__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;
}

@media (max-width: 1024px) {
    :root {
        --sl-gap-section: 60px;
    }

    .sl-block {
        margin-bottom: 24px;
    }

    .sl-block:last-child {
        margin-bottom: 0;
    }

}

@media (max-width: 768px) {
    :root {
        --sl-gap-section: 50px;
    }
}

@media (max-width: 576px) {
    .sl-block {
        margin-bottom: 16px;
    }

    /* Reset all inner block margins on mobile for consistent spacing */
    .sl-block > .sl-container > * {
        margin-bottom: 0 !important;
    }
}

@media (max-width: 480px) {
    :root {
        --sl-gap-page: 10px;
        --sl-gap-section: 40px;
    }
}

@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 {
    position: fixed;
    bottom: 30px;
    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: var(--sl-scroll-top-bg, var(--sl-color-link));
    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, 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;
}

@media (prefers-reduced-motion: reduce) {
    .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;
}

@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);
        padding: 12px 15px;
        gap: 8px;
        justify-content: center;
        align-items: flex-start;
    }

    .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;
    }

    .sl-mobile-nav__icon {
        width: 24px;
        height: 24px;
        flex-shrink: 0;
    }

    .sl-mobile-nav__label {
        font-size: var(--sl-text-tiny, 11px);
        font-weight: 400;
        color: var(--sl-color-dark, #142A4B);
        opacity: 0.7;
        text-align: center;
        line-height: normal;
    }

    .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;
    }

    /* Prevent footer content from being hidden behind nav */
    .sl-footer--v1 {
        padding-bottom: 80px;
    }
}

/* --- 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, #5B4CE0);
    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, #5B4CE0);
    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 #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;
}

.sl-404__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 61px;
    padding: 0 22px;
    background: #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, #6050E8) !important;
        border-color: var(--sl-color-link, #6050E8) !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, #5B4CE0) !important;
    }
}

@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, 96, 80, 232), 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, 96, 80, 232), 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;
    }

    /* --- Popular categories --- */
    .sl-popcat__btn:hover {
        opacity: 1;
    }

    /* --- 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, #5B4CE0);
    }

    .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, #6050E8);
        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, #6050E8);
    }

    .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, #6050E8);
    }

    .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, #5B4CE0);
    }

    /* --- 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 {
	max-width: 500px;
	text-align: center;
}

.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, #6050E8);
	box-shadow: 0 0 0 3px rgba(var(--sl-color-link-rgb, 96, 80, 232), 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, #6050E8);
	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, #5B4CE0);
	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, #6050E8);
	text-decoration: none;
	font-weight: 500;
	transition: color 0.15s ease;
}

.bx-authform-link-container a:hover {
	color: var(--sl-color-link-hover, #5B4CE0);
	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) {
	.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: 18px;
	height: 18px;
	margin-top: -9px;
	border: 2px solid rgba(var(--sl-color-link-rgb, 96, 80, 232), 0.2);
	border-top-color: var(--sl-color-link, #6050E8);
	border-radius: 50%;
	animation: sl-wait-spin 800ms linear infinite;
}

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

@media (prefers-reduced-motion: reduce) {
	div[id^="wait_"]::before {
		animation: none;
		border-top-color: rgba(var(--sl-color-link-rgb, 96, 80, 232), 0.2);
		border-right-color: var(--sl-color-link, #6050E8);
	}
}

/* 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-news-detail__card,
	.sl-blog-sidebar__section,
	.sl-services-detail__card,
	.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-contacts__card,
	.sl-contacts__map,
	.sl-stocks__card,
	.sl-news__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,
	.sl-services__card-body
) {
	border-radius: var(--sl-card-radius, 16px) !important;
}

body :is(
	.sl-stocks__card-image,
	.sl-stocks__card-image img,
	.sl-news__card-image,
	.sl-news__card-image img,
	.sl-blog__card-image,
	.sl-blog__card-image img,
	.sl-brands-page__card-media,
	.sl-brands-page__brand-logo,
	.sl-services__card-image,
	.sl-services__card-image img,
	.sl-licenses__image,
	.sl-contacts__card-photo,
	.sl-contacts__card-photo img,
	.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-service-page__button,
	.sl-service-page__button--light,
	.sl-service-page__phone,
	.sl-service-page__mail,
	.sl-howto__button,
	.sl-howto__button--light,
	.sl-howto__phone,
	.sl-howto__mail,
	.sl-payment-page__button,
	.sl-payment-page__button--light,
	.sl-payment-page__phone,
	.sl-payment-page__mail,
	.sl-guaranty__button,
	.sl-guaranty__button--light,
	.sl-guaranty__phone,
	.sl-guaranty__mail,
	.sl-faq-page__button,
	.sl-faq-page__button--light,
	.sl-faq-page__phone,
	.sl-faq-page__mail,
	.sl-req__download-btn,
	.sl-licenses__item-download,
	.sl-services-detail__cta,
	.sl-stocks__card-btn,
	.sl-news__card-link,
	.sl-blog__card-link,
	.sl-search__empty-btn,
	.catalog-compare-clear
) {
	border-radius: var(--sl-link-button-radius, var(--sl-action-radius, 100px)) !important;
}

body :is(
	.sl-contacts__feedback-submit,
	.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;
}

body :is(
	.sl-contacts__feedback-input,
	.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(
	.sl-contacts__feedback-textarea,
	.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-contacts__city-chip,
	.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-news__category,
	.sl-news-sidebar__cat-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-contacts__cards,
	.sl-search-page__grid,
	.sl-search-page__chips,
	.sl-search-page__popular-list,
	.sl-stocks__grid,
	.sl-news__grid,
	.sl-blog__grid,
	.sl-licenses__grid,
	.sl-brands-page__grid,
	.sl-brands-page__popular,
	.sl-services__grid
) {
	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;
}

/* End */
/* /local/js/qwelp/shoplight/cookie-notice/src/cookie-notice.css?17820562023671 */
/* /local/js/qwelp/reviews/src/reviews.css?178237634553138 */
/* /local/templates/shop_light/variants/header/header_1/style.css?178245163123271 */
/* /local/templates/shop_light/blocks/cart_widget/style.css?17812914568296 */
/* /local/assets/qwelp.location/css/city-selector.css?178210768521458 */
/* /local/templates/shop_light/blocks/catalog_menu/style.css?178221678311802 */
/* /local/templates/shop_light/blocks/catalog_menu/variant_1/style.css?17822010011473 */
/* /local/templates/shop_light/blocks/mobile_menu/style.css?178118493616640 */
/* /bitrix/components/bitrix/socserv.auth.form/templates/flat/style.min.css?17709821032638 */
/* /local/templates/shop_light/variants/footer/footer_1/style.css?178232639610460 */
/* /local/components/qwelp/customizer.panel/templates/.default/style.css?178150553764575 */
/* /local/components/qwelp/toast/templates/.default/style.css?17823776703601 */
/* /local/templates/shop_light/template_styles.css?178245150095741 */