/* Start:/local/templates/qfast/components/bitrix/news.list/catalog_list/style.css?177585718213017*/
/* ==========================================================================
   catalog-list — native horizontal scroll
   base: 1920x1080
   ========================================================================== */

.catalog-list {
	position: relative;
	height: auto;

	/* ===== Настраиваемые параметры ===== */

	/* Размеры */
	--cl-base:               clamp(16px, 1.67dvw, 32px);   /* 32px @ 1920 */
	--cl-side-pad:           clamp(20px, 8.17dvw, 80px);   /* 80px @ 1920 — горизонтальный отступ */
	--cl-vert-pad-top:       clamp(80px, 11.11dvh, 120px); /* 120px — отступ сверху (под шапкой сайта) */
	--cl-vert-pad-bot:       clamp(24px, 4.44dvh, 48px);   /* 48px — отступ снизу */
	--cl-header-mb:          clamp(20px, 3.7dvh, 40px);    /* 40px между заголовком и карточками */

	/* Header */
	--cl-header-text-gap:    clamp(4px, 0.42dvw, 8px);     /* 8px */
	--cl-fs-title:           clamp(24px, 2.5dvw, 48px);    /* 48px */
	--cl-fs-subtitle:        clamp(14px, 1.04dvw, 20px);   /* 20px */

	/* Cards */
	--cl-cards-gap:          clamp(12px, 1.25dvw, 24px);   /* 24px */
	--cl-card-w:             clamp(320px, 28.33dvw, 544px);/* 544px */
	--cl-card-pad:           var(--cl-base);
	--cl-card-radius:        var(--cl-base);
	--cl-card-gap:           var(--cl-base);
	--cl-card-top-gap:       clamp(12px, 1.25dvw, 24px);
	--cl-card-img-radius:    clamp(6px, 0.42dvw, 8px);

	/* Favorite / badge */
	--cl-fav-size:           clamp(32px, 2.71dvw, 52px);
	--cl-badge-pad-y:        clamp(4px, 0.42dvw, 8px);
	--cl-badge-pad-x:        clamp(10px, 1.04dvw, 20px);
	--cl-badge-radius:       clamp(6px, 0.42dvw, 8px);
	--cl-fs-badge:           clamp(12px, 0.83dvw, 16px);

	/* Info */
	--cl-info-gap:           clamp(8px, 0.63dvw, 12px);
	--cl-fs-name:            clamp(18px, 1.67dvw, 32px);
	--cl-fs-price:           clamp(14px, 1.04dvw, 20px);
	--cl-prices-gap:         clamp(8px, 0.68dvw, 13px);

	/* Buttons */
	--cl-buttons-gap:        clamp(6px, 0.52dvw, 10px);
	--cl-btn-w:              clamp(140px, 11.46dvw, 220px);
	--cl-btn-h:              clamp(36px, 2.71dvw, 52px);
	--cl-fs-btn:             clamp(14px, 1.04dvw, 20px);
	--cl-btn-ls:             -0.02em;
}

.catalog-list__sticky {
	position: relative;
	display: flex;
	flex-direction: column;
	background: transparent;
}

/* Header */
.catalog-list__header {
	padding: var(--cl-vert-pad-top) var(--cl-side-pad) 0;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-bottom: var(--cl-header-mb);
	flex-shrink: 0;
}

.catalog-list__header-text {
	display: flex;
	flex-direction: column;
	gap: var(--cl-header-text-gap);
}

.catalog-list__title {
	color: #094141;
	font-size: var(--cl-fs-title);
	font-family: Inter, sans-serif;
	font-weight: 900;
	text-transform: uppercase;
	line-height: 110%;
	letter-spacing: -0.05em;
	margin: 0;
}

.catalog-list__subtitle {
	color: #094141;
	font-size: var(--cl-fs-subtitle);
	font-family: Inter, sans-serif;
	font-weight: 400;
	line-height: 120%;
	letter-spacing: -0.05em;
	opacity: 0.6;
	margin: 0;
}

/* Track wrapper — горизонтальная прокрутка, полоса скрыта (навигация только точками) */
.catalog-list__track-wrap {
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
	margin-bottom: var(--cl-header-mb);
	padding-bottom: 20px;
}

.catalog-list__track-wrap::-webkit-scrollbar { width: 0; height: 0; display: none; }

.catalog-list__cards {
	display: flex;
	gap: var(--cl-cards-gap);
	padding: 0 var(--cl-side-pad);
	width: max-content;
	scroll-padding-inline: var(--cl-side-pad);
}

/* Card */
.catalog-list__card {
	flex-shrink: 0;
	min-width: var(--cl-card-w);
	max-width: var(--cl-card-w);
	padding: var(--cl-card-pad);
	background: white;
	box-shadow: 0 0.37dvh 0.74dvh rgba(9, 65, 65, 0.10);
	border-radius: var(--cl-card-radius);
	backdrop-filter: blur(7.5px);
	display: flex;
	flex-direction: column;
	gap: var(--cl-card-gap);
	text-decoration: none;
	color: inherit;
	transition: box-shadow 0.2s;
	scroll-snap-align: start;
}

.catalog-list__card:hover {
	box-shadow: 0 0.74dvh 2.22dvh rgba(9, 65, 65, 0.15);
}

.catalog-list__card--sold-out {
	opacity: 0.85;
}

/* Card top */
.catalog-list__card-top {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: var(--cl-card-top-gap);
	flex: 1;
}

.catalog-list__card-image {
	width: 100%;
	aspect-ratio: 1 / 1;
	border-radius: var(--cl-card-img-radius);
	object-fit: cover;
}

.catalog-list__card-image--placeholder {
	background: #D9D9D9;
}

/* Favorite */
.catalog-list__card-favorite {
	position: absolute;
	top: 0;
	right: 0;
	width: var(--cl-fav-size);
	height: var(--cl-fav-size);
	background: none;
	border: none;
	cursor: pointer;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 2;
}

.catalog-list__card-favorite svg {
	width: 100%;
	height: 100%;
}

.catalog-list__card-favorite svg path {
	transition: fill 0.2s;
}

.catalog-list__card-favorite:hover svg path {
	fill: #E2F397;
}

.catalog-list__card-favorite.is-favorite svg {
	display: none;
}

.catalog-list__card-favorite.is-favorite::after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background-image: url("data:image/svg+xml,%3Csvg width='52' height='52' viewBox='0 0 52 52' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M27.0158 35.3068C26.442 35.8393 25.5533 35.8393 24.9795 35.3068L24.597 34.9505C19.6208 30.3718 16.332 27.3418 16.332 23.6443C16.332 20.6143 18.672 18.248 21.6495 18.248C23.3333 18.248 24.9458 19.043 25.9995 20.288C27.0533 19.043 28.6658 18.248 30.3495 18.248C33.327 18.248 35.667 20.6105 35.667 23.6443C35.667 27.3418 32.382 30.3718 27.402 34.9543L27.0195 35.3105L27.0158 35.3068Z' fill='%23E2F397' stroke='%23E2F397' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-size: contain;
	background-repeat: no-repeat;
}

/* Badge */
.catalog-list__card-badge {
	position: absolute;
	top: 0;
	left: 0;
	padding: var(--cl-badge-pad-y) var(--cl-badge-pad-x);
	background: #E2F397;
	border-radius: var(--cl-badge-radius);
	color: #094141;
	font-size: var(--cl-fs-badge);
	font-family: Inter, sans-serif;
	font-weight: 400;
	line-height: 120%;
	letter-spacing: -0.05em;
	white-space: nowrap;
}

.catalog-list__card-badge--sold-out {
	background: #5A8080;
	color: white;
}

/* Info */
.catalog-list__card-info {
	display: flex;
	flex-direction: column;
	gap: var(--cl-info-gap);
}

.catalog-list__card-name {
	color: #094141;
	font-size: var(--cl-fs-name);
	font-family: Inter, sans-serif;
	font-weight: 900;
	line-height: 110%;
	word-wrap: break-word;
}

.catalog-list__card-color {
	color: #094141;
	font-size: var(--cl-fs-price);
	font-family: Inter, sans-serif;
	font-weight: 400;
	line-height: 120%;
	letter-spacing: -0.05em;
}

/* Prices */
.catalog-list__card-prices {
	display: flex;
	align-items: center;
	gap: var(--cl-prices-gap);
}

.catalog-list__card-price,
.catalog-list__card-old-price {
	color: #094141;
	font-size: var(--cl-fs-price);
	font-family: Inter, sans-serif;
	font-weight: 400;
	line-height: 120%;
	letter-spacing: -0.05em;
	white-space: nowrap;
}

.catalog-list__card-old-price {
	position: relative;
	opacity: 0.5;
}

.catalog-list__card-old-price-line {
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	height: 1.5px;
	background: #094141;
}

/* Buttons */
.catalog-list__card-buttons {
	display: flex;
	align-items: center;
	gap: var(--cl-buttons-gap);
}

.catalog-list__btn-cart,
.catalog-list__btn-detail {
	width: var(--cl-btn-w);
	height: var(--cl-btn-h);
	border-radius: 1000px;
	font-size: var(--cl-fs-btn);
	font-family: Inter, sans-serif;
	font-weight: 700;
	line-height: 120%;
	letter-spacing: var(--cl-btn-ls);
	white-space: nowrap;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	cursor: pointer;
	transition: background 0.2s, opacity 0.2s;
}

.catalog-list__btn-cart {
	background: #094141;
	color: white;
	border: none;
}

.catalog-list__btn-cart:hover {
	opacity: 0.85;
}

.catalog-list__btn-cart--disabled {
	background: #5A8080;
	cursor: default;
	pointer-events: none;
}

.catalog-list__btn-detail {
	background: white;
	/* iOS Safari < 16.4: outline не учитывает border-radius — даёт квадратную рамку. Используем inset box-shadow. */
	box-shadow: inset 0 0 0 2px #094141;
	color: #094141;
}

.catalog-list__btn-detail:hover {
	background: #f5f5f0;
}

/* ========== Pagination dots ========== */
.catalog-list__dots {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: clamp(4px, 0.31dvw, 6px);
	margin: 0 var(--cl-side-pad) var(--cl-vert-pad-bot);
	flex-shrink: 0;
}

.catalog-list__dot {
	width: clamp(8px, 0.63dvw, 12px);
	height: clamp(8px, 0.63dvw, 12px);
	background: #5A8080;
	border-radius: 1000px;
	cursor: pointer;
	transition: width 0.3s, background 0.3s;
}

.catalog-list__dot--active {
	width: clamp(40px, 3.33dvw, 64px);
	background: #094141;
}

/* ========== Tablet: max-width 1599px ========== */
@media (max-width: 1599px) {
	.catalog-list {
		--cl-base:            1.67dvw;
		--cl-side-pad:        2.5dvw;
		--cl-header-mb:       3dvh;

		--cl-fs-title:        2.8dvw;
		--cl-fs-subtitle:     1.4dvw;

		--cl-cards-gap:       1.25dvw;
		--cl-card-w:          30dvw;
		--cl-card-img-radius: 0.5dvw;

		--cl-fav-size:        2.5dvw;
		--cl-badge-pad-y:     0.5dvw;
		--cl-badge-pad-x:     1dvw;
		--cl-fs-badge:        1dvw;

		--cl-info-gap:        0.6dvw;
		--cl-fs-name:         1.8dvw;
		--cl-fs-price:        1.2dvw;
		--cl-prices-gap:      0.7dvw;

		--cl-buttons-gap:     0.6dvw;
		--cl-btn-w:           12dvw;
		--cl-btn-h:           3.2dvw;
		--cl-fs-btn:          1.2dvw;
	}

	.catalog-list__btn-detail {
		box-shadow: inset 0 0 0 1px #094141;
	}
}

/* ========== Mobile: max-width 767px ========== */
@media (max-width: 767px) {
	.catalog-list {
		--cl-base:            3.33dvw;
		--cl-side-pad:        4.17dvw;
		--cl-header-mb:       2.5dvh;
		--cl-vert-pad-top:    120px;

		--cl-fs-title:        5dvw;
		--cl-fs-subtitle:     2.92dvw;

		--cl-cards-gap:       3.33dvw;
		--cl-card-w:          70dvw;
		--cl-card-img-radius: 2.5dvw;

		--cl-fav-size:        7dvw;
		--cl-badge-pad-y:     1dvw;
		--cl-badge-pad-x:     2.5dvw;
		--cl-fs-badge:        2.5dvw;

		--cl-info-gap:        1.5dvw;
		--cl-fs-name:         4.5dvw;
		--cl-fs-price:        3dvw;
		--cl-prices-gap:      2dvw;

		--cl-buttons-gap:     2dvw;
		--cl-btn-w:           30dvw;
		--cl-btn-h:           8dvw;
		--cl-fs-btn:          3.2dvw;
	}

	.catalog-list__btn-cart,
	.catalog-list__btn-detail {
		padding: 0 4dvw;
	}

	.catalog-list__btn-detail {
		box-shadow: inset 0 0 0 1px #094141;
	}
}

/* ========== Portrait — tablet ========== */
@media (max-aspect-ratio: 3/4) and (min-width: 768px) {
	.catalog-list {
		--cl-base:            2.5dvw;
		--cl-side-pad:        3dvw;
		--cl-header-mb:       3dvw;

		--cl-fs-title:        4dvw;
		--cl-fs-subtitle:     1.8dvw;

		--cl-cards-gap:       2.5dvw;
		--cl-card-w:          45dvw;
		--cl-card-radius:     3dvw;
		--cl-card-img-radius: 1.5dvw;

		--cl-fav-size:        4dvw;
		--cl-badge-pad-y:     0.8dvw;
		--cl-badge-pad-x:     1.6dvw;
		--cl-fs-badge:        1.6dvw;

		--cl-info-gap:        1dvw;
		--cl-fs-name:         2.5dvw;
		--cl-fs-price:        1.6dvw;
		--cl-prices-gap:      1dvw;

		--cl-buttons-gap:     1dvw;
		--cl-btn-w:           18dvw;
		--cl-btn-h:           5dvw;
		--cl-fs-btn:          1.6dvw;
	}

	.catalog-list__header {
		flex-direction: column;
		gap: 2dvw;
	}

}

/* ========== Portrait — phone ========== */
@media (max-aspect-ratio: 3/4) and (max-width: 767px) {
	.catalog-list {
		--cl-base:            4dvw;
		--cl-side-pad:        5dvw;
		--cl-header-mb:       4dvw;

		--cl-fs-title:        7dvw;
		--cl-fs-subtitle:     3.5dvw;

		--cl-cards-gap:       4dvw;
		--cl-card-w:          75dvw;
		--cl-card-radius:     5dvw;
		--cl-card-img-radius: 3dvw;

		--cl-fav-size:        7dvw;
		--cl-badge-pad-y:     1.5dvw;
		--cl-badge-pad-x:     3dvw;
		--cl-fs-badge:        3dvw;

		--cl-info-gap:        1.5dvw;
		--cl-fs-name:         5dvw;
		--cl-fs-price:        3.5dvw;
		--cl-prices-gap:      2dvw;

		--cl-buttons-gap:     2dvw;
		--cl-btn-w:           30dvw;
		--cl-btn-h:           8dvw;
		--cl-fs-btn:          3.5dvw;
	}

	.catalog-list__header {
		padding: 15dvh var(--cl-side-pad) 0;
		flex-direction: column;
		gap: 2dvw;
	}

}

/* ========== Bitrix edit mode — отключаем sticky/jacking ========== */
body.bx-panel-mode .catalog-list {
	height: auto !important;
}

body.bx-panel-mode .catalog-list__sticky {
	position: static;
	height: auto;
	overflow: visible;
}

body.bx-panel-mode .catalog-list__cards {
	flex-wrap: wrap;
	transform: none !important;
}

body.bx-panel-mode .catalog-list__scrollbar {
	display: none;
}

/* End */


/* Start:/local/templates/qfast/components/bitrix/menu/where_to_buy/style.min.css?17739466162830*/
.where-to-buy{--wtb-base:1920;--wtb-title:clamp(32px,2.5dvw,48px);--wtb-subtitle:clamp(16px,1.042dvw,20px);--wtb-btn-w:clamp(280px,22.552dvw,433px);--wtb-btn-h:clamp(70px,5.625dvw,108px);--wtb-btn-radius:clamp(16px,1.25dvw,24px);--wtb-gap:clamp(8px,0.469dvw,9px);--wtb-text-gap:clamp(6px,0.521dvw,10px);--wtb-pad-x:clamp(16px,4.167dvw,80px);display:block;width:100%;height:clamp(88px,5.625dvw,108px);padding:0 var(--wtb-pad-x);background:transparent;overflow:hidden;box-sizing:border-box}.where-to-buy__inner{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:clamp(16px,2dvw,40px);width:100%;height:100%;max-width:1760px;margin:0 auto}.where-to-buy__text{display:flex;flex-direction:column;gap:var(--wtb-text-gap);flex:0 1 auto}.where-to-buy__title{margin:0;color:#094141;font-family:Inter,sans-serif;font-weight:900;font-size:var(--wtb-title);line-height:1.1;text-transform:uppercase;word-wrap:break-word}.where-to-buy__subtitle{margin:0;color:#094141;font-family:Inter,sans-serif;font-weight:400;font-size:var(--wtb-subtitle);line-height:1.2}.where-to-buy__buttons{display:flex;flex-direction:row;gap:var(--wtb-gap);flex:0 0 auto}.where-to-buy__btn{position:relative;display:flex;align-items:center;justify-content:center;width:var(--wtb-btn-w);height:var(--wtb-btn-h);border-radius:var(--wtb-btn-radius);overflow:hidden;text-decoration:none;transition:transform .2s ease,filter .2s ease}.where-to-buy__btn:hover{filter:brightness(1.05)}.where-to-buy__btn:active{transform:scale(0.98)}.where-to-buy__btn svg,.where-to-buy__btn img{display:block;pointer-events:none}.where-to-buy__btn--ozon{background:#005BFF}.where-to-buy__btn--ozon svg,.where-to-buy__btn--ozon img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.where-to-buy__btn--wb{background:linear-gradient(31deg,#6F01FB 0%,#FF49D7 100%)}.where-to-buy__btn--wb svg,.where-to-buy__btn--wb img{width:clamp(68px,5.417dvw,104px);height:auto;aspect-ratio:104 / 60}@media (max-width:1599px){.where-to-buy__inner{gap:clamp(16px,2dvw,32px)}}@media (max-width:767px){.where-to-buy{height:auto;padding:clamp(20px,6dvw,32px) var(--wtb-pad-x);--wtb-title:clamp(24px,7.5dvw,34px);--wtb-subtitle:clamp(13px,3.75dvw,16px);--wtb-btn-w:clamp(140px,41dvw,200px);--wtb-btn-h:clamp(56px,16dvw,72px);--wtb-btn-radius:clamp(14px,4dvw,20px);--wtb-gap:clamp(8px,2.5dvw,12px);--wtb-text-gap:clamp(4px,1.25dvw,8px);--wtb-pad-x:clamp(16px,4dvw,20px);padding:clamp(20px,6dvw,32px) var(--wtb-pad-x)}.where-to-buy__inner{flex-direction:column;align-items:center;gap:clamp(14px,4dvw,20px)}.where-to-buy__text{align-items:center;text-align:center;width:100%}.where-to-buy__title{line-height:1.05}.where-to-buy__buttons{justify-content:center;width:100%}.where-to-buy__btn--wb svg,.where-to-buy__btn--wb img{width:clamp(48px,13dvw,64px);height:auto}}
/* End */
/* /local/templates/qfast/components/bitrix/news.list/catalog_list/style.css?177585718213017 */
/* /local/templates/qfast/components/bitrix/menu/where_to_buy/style.min.css?17739466162830 */