/* =====================================================================
   Haufer — кастомные правки поверх css/style.css (вёрстка).
   Подключается последним, поэтому перекрывает базовые стили вёрстки.

   Важно: вёрстка «резиновая» — html { font-size: calc(100vw * 16 / 1920) }.
   1rem = 16px при ширине окна 1920px. Все размеры ниже заданы в rem,
   чтобы соответствовать макету и масштабироваться вместе с остальной вёрсткой.
   ===================================================================== */

/* ---------------------------------------------------------------------
   1. Вкладки карточки товара.
   В вёрстке .nav-tabs — grid из ровно 6 колонок. Если вкладок меньше
   (часть полей ACF не заполнена), кнопки выходят за свои колонки и
   перекрывают друг друга: правая часть кнопки становится некликабельной,
   а часть вкладок не реагирует на наведение вовсе.
   Заменяем жёсткую сетку на гибкий flex.
   --------------------------------------------------------------------- */
.product-page-tabs .nav-tabs {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	grid-template-columns: none;
	gap: .25rem;
	overflow: visible;
}

.product-page-tabs .nav-tabs .nav-link {
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	min-width: 0;
	max-width: 100%;
	height: auto;
	min-height: 3.375rem;
	padding: .5rem .75rem;
	white-space: normal;
	text-align: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: relative;
	z-index: 1;
}

/* Табы на планшете/мобильном — горизонтальная прокрутка. */
@media (max-width: 991.98px) {
	.product-page-tabs .nav-tabs {
		-webkit-flex-wrap: nowrap;
		-ms-flex-wrap: none;
		flex-wrap: nowrap;
		overflow-x: auto;
		scrollbar-width: none;
	}

	.product-page-tabs .nav-tabs::-webkit-scrollbar {
		display: none;
	}

	.product-page-tabs .nav-tabs .nav-link {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 auto;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		white-space: nowrap;
	}
}

/* Скрытые панели вкладок позиционируются абсолютно — привязываем их
   к .tab-content, иначе они «уезжают» к началу документа. */
.product-page-tabs .tab-content {
	position: relative;
}

/* ---------------------------------------------------------------------
   2. Слайдер изображений товара.
   Картинки вписываются в блок без искажений и без обрезки.
   Высоту слайдов вертикальных превью считает Swiper (slidesPerView: 3),
   базовое правило Swiper height:100% здесь только мешает.
   --------------------------------------------------------------------- */
.product-page__slider-vertical .swiper-slide,
.product-page__slider-mob .swiper-slide {
	height: auto;
}

.product-page__image-big .box img,
.product-page__image-small .box img {
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	-o-object-fit: contain;
	object-fit: contain;
	margin: auto;
}

/* Белая подложка под фото товара — как в дизайне:
   карточка с закруглением и мягкой тенью, фото с внутренним отступом. */
.product-page__wrapper-right {
	background-color: var(--white, #fff);
	-webkit-box-shadow: 0px 0.25rem 2rem 0px rgba(52, 58, 76, 0.04);
	box-shadow: 0px 0.25rem 2rem 0px rgba(52, 58, 76, 0.04);
}

.product-page__image-big {
	background-color: transparent;
	padding: 2.5rem;
}

.product-page__image-small {
	background-color: var(--white, #fff);
	padding: .625rem;
	-webkit-box-shadow: 0px 0.25rem 2rem 0px rgba(52, 58, 76, 0.04);
	box-shadow: 0px 0.25rem 2rem 0px rgba(52, 58, 76, 0.04);
}

@media (max-width: 991.98px) {
	.product-page__image-big {
		padding: 1.25rem;
	}

	.product-page__image-small {
		padding: .375rem;
	}
}

/* ---------------------------------------------------------------------
   3. Вкладка «Особенности».
   Блок разбит на 3 равные колонки: заголовок / текст / изображение.
   Картинка занимает свою колонку целиком, высота — по оригинальной
   пропорции, без обрезки.
   --------------------------------------------------------------------- */
.product-page-tabs-feature__image {
	width: 100%;
	max-width: 100%;
	height: auto;
	margin-left: 0;
}

.product-page-tabs-feature__image .box {
	display: block;
	width: 100%;
	height: auto;
}

.product-page-tabs-feature__image .box img {
	display: block;
	width: 100%;
	height: auto;
	-o-object-fit: contain;
	object-fit: contain;
}

.product-page-tabs-feature__title,
.product-page-tabs-feature__text {
	max-width: 100%;
}

.product-page-tabs-feature__text > *:last-child {
	margin-bottom: 0;
}

/* ---------------------------------------------------------------------
   4. Вкладка «Назначение и применение».
   Убираем пустое поле под текстом/картинкой: изображение больше не
   растягивается по фиксированной высоте, лишние отступы обнуляются.
   --------------------------------------------------------------------- */
.product-page-tabs-application__content {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}

.product-page-tabs-application__content .image {
	max-width: 50.5625rem;
	width: 100%;
	margin-top: 2.5rem;
	margin-bottom: 0;
}

.product-page-tabs-application__content .image .box {
	display: block;
	width: 100%;
	height: auto;
	overflow: hidden;
	-webkit-border-radius: 1rem;
	border-radius: 1rem;
}

.product-page-tabs-application__content .image .box img {
	display: block;
	width: 100%;
	height: auto;
	-o-object-fit: contain;
	object-fit: contain;
}

.product-page-tabs-application__content > *:last-child,
.product-page-tabs-application__paragraph > div > *:last-child {
	margin-bottom: 0;
}

.product-page-tabs-application__content p:empty,
.product-page-tabs-info__text p:empty {
	display: none;
}

/* ---------------------------------------------------------------------
   5. Вкладка «Дополнительная информация».
   Текст и галерея выводятся всегда, картинки не выпадают из сетки.
   --------------------------------------------------------------------- */
.product-page-tabs-info {
	display: block;
	width: 100%;
}

.product-page-tabs-info__text {
	display: block;
	width: 100%;
}

.product-page-tabs-info__text img {
	max-width: 100%;
	height: auto;
}

.product-page-tabs-info__text > *:last-child {
	margin-bottom: 0;
}

.product-page-tabs-info__image .box {
	width: 100%;
	height: 100%;
}

.product-page-tabs-info__image .box img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

@media (min-width: 992px) {
	.product-page-tabs-info__slider {
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: (1fr)[3];
		grid-template-columns: repeat(3, 1fr);
		gap: 1.25rem;
	}
}

/* ---------------------------------------------------------------------
   6. Главная → «Доставка» → блок «Склад для самовывоза».
   У .delivery__image-two в вёрстке не задана ширина, поэтому картинка
   держит свой пиксельный размер и на ноутбуках наезжает на текст
   (вёрстка масштабируется через rem, а картинка — нет).
   --------------------------------------------------------------------- */
@media (min-width: 992px) {
	.delivery__item .delivery__desc {
		-webkit-box-flex: 1;
		-webkit-flex: 1 1 auto;
		-ms-flex: 1 1 auto;
		flex: 1 1 auto;
		min-width: 0;
	}

	/* Картинка в style.css спозиционирована абсолютно (top/right/bottom
	   на всю высоту блока) и занимает до 45% ширины справа. Текст её
	   «не видит», поэтому ширину списка контактов ограничиваем сами —
	   длинный адрес переносится, не заходя под картинку. */
	.delivery__item .delivery-list {
		position: relative;
		z-index: 1;
		max-width: calc(55% - 2rem);
	}

	.delivery__item .delivery__image-two {
		-webkit-box-flex: 0;
		-webkit-flex: 0 1 auto;
		-ms-flex: 0 1 auto;
		flex: 0 1 auto;
		width: 24rem;
		max-width: 45%;
		min-width: 0;
		-webkit-align-self: flex-end;
		-ms-flex-item-align: end;
		align-self: flex-end;
	}

	.delivery__item .delivery__image-two .box {
		width: 100%;
		height: auto;
	}

	.delivery__item .delivery__image-two .box img {
		width: 100%;
		height: auto;
		-o-object-fit: contain;
		object-fit: contain;
	}

	/* Первый блок «Доставка» — картинка тоже не должна выходить за колонку. */
	.delivery__item .delivery__image {
		min-width: 0;
	}

	.delivery__item .delivery__image .box {
		max-width: 100%;
	}

	.delivery__item .delivery__image .box img {
		width: 100%;
		height: 100%;
		-o-object-fit: cover;
		object-fit: cover;
	}
}

/* Длинный адрес склада — переносим по словам, а не в одну строку. */
.delivery-list__desc {
	min-width: 0;
}

.delivery-list__text {
	line-height: 130%;
	white-space: normal;
	overflow-wrap: anywhere;
	word-break: normal;
}

@media (max-width: 991.98px) {
	.delivery__item .delivery__image-two .box img {
		width: 100%;
		height: auto;
	}
}

/* ------------------------------------------------------------------ */
/* Фильтр каталога (страница категории)                                */
/* ------------------------------------------------------------------ */

/* Счётчик найденных товаров в подвале фильтра. */
.catalog-filter-content__count {
	font-size: .875rem;
	line-height: 120%;
	color: #6B7280;
}

.catalog-filter-content__count span {
	font-weight: var(--bold);
	color: #1C2230;
}

/* Подсказка, когда у товаров ещё не заполнены краткие характеристики. */
.catalog-filter-content__empty-params {
	font-size: .8125rem;
	line-height: 130%;
	color: #6B7280;
}

/* Недоступные варианты в выпадающих списках фильтра. */
.ui-selectmenu-menu .ui-menu-item-wrapper.ui-state-disabled,
.ui-selectmenu-menu .ui-menu-item.ui-state-disabled {
	opacity: .4;
	pointer-events: none;
}

/* Сообщение «ничего не найдено». */
.catalog-filter__empty[hidden] {
	display: none;
}

/* Счётчик и кнопки в модалке фильтра на мобильных занимают всю ширину. */
.catalog-filter .modal-footer .catalog-filter-content__bottom {
	width: 100%;
}

/* Выпадающие списки фильтра: в вёрстке у .ui-widget.ui-widget-content задан
   max-height + overflow:hidden, из-за чего длинные списки (например «Вес»)
   просто обрезались. Возвращаем прокрутку и слегка увеличиваем высоту. */
.ui-selectmenu-menu .ui-widget.ui-widget-content {
	max-height: 17.5rem;
	overflow-x: hidden;
	overflow-y: auto;
	overscroll-behavior: contain;
	scrollbar-width: thin;
	scrollbar-color: #C9CFDA #ffffff;
}

.ui-selectmenu-menu .ui-widget.ui-widget-content::-webkit-scrollbar {
	width: .375rem;
}

.ui-selectmenu-menu .ui-widget.ui-widget-content::-webkit-scrollbar-track {
	background-color: transparent;
}

.ui-selectmenu-menu .ui-widget.ui-widget-content::-webkit-scrollbar-thumb {
	background-color: #C9CFDA;
	-webkit-border-radius: .1875rem;
	border-radius: .1875rem;
}

.ui-selectmenu-menu .ui-widget.ui-widget-content::-webkit-scrollbar-thumb:hover {
	background-color: #A0A7B4;
}

/* --------------------------------------------------------------------------
   Админ-панель WordPress не должна перекрывать шапку сайта.
   .navbar спозиционирована absolute от начала документа и не учитывает
   margin-top: 32px, который WP добавляет к <html> при показе admin bar.
   -------------------------------------------------------------------------- */
body.admin-bar .navbar {
	top: 32px;
}

body.admin-bar .offcanvas-top {
	top: 32px;
}

@media screen and (max-width: 782px) {
	body.admin-bar .navbar {
		top: 46px;
	}

	body.admin-bar .offcanvas-top {
		top: 46px;
	}
}

/* --------------------------------------------------------------------------
   Блок «Опыт работы» на странице «О компании».
   В вёрстке картинки были строго 1603×800, поэтому ограничений по высоте
   не задавалось. Загруженные через ACF фото имеют произвольные пропорции
   и растягивают карточку — фиксируем соотношение сторон и вписываем.
   -------------------------------------------------------------------------- */
.about-company-experience-card__image {
	aspect-ratio: 1603 / 800;
	overflow: hidden;
	-webkit-border-radius: 1rem;
	border-radius: 1rem;
}

.about-company-experience-card__image .box {
	width: 100%;
	height: 100%;
}

.about-company-experience-card__image img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center center;
	object-position: center center;
	display: block;
	max-width: 100%;
}

/* ---------------------------------------------------------------------
   8. Калькулятор лизинга (.lease-calc).
   Упрощённый блок: слева параметры с ползунками, справа — результат.
   Ползунки — jQuery UI slider, поэтому часть правил перекрывает
   css/jquery-ui.min.css (специфичность выше, !important не нужен).
   --------------------------------------------------------------------- */
.lease-calc__block {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	overflow: hidden;
}

/* ------------------------------ Параметры ---------------------------- */
.lease-calc__params {
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 50%;
	-ms-flex: 1 1 50%;
	flex: 1 1 50%;
	min-width: 0;
	padding: 3rem;
}

.lease-calc__subtitle {
	font-size: 2rem;
	line-height: 1.2;
	font-weight: var(--bold, 700);
	text-transform: uppercase;
	color: var(--main, #1C2230);
	margin: 0 0 2.5rem;
}

.lease-calc-field + .lease-calc-field {
	margin-top: 2.5rem;
}

.lease-calc-field__head {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	gap: 1rem;
	margin-bottom: 1rem;
}

.lease-calc-field__label {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	gap: .5rem;
	font-size: 1rem;
	line-height: 1.3;
	font-weight: var(--med, 500);
	color: var(--secondary, #6B7280);
	margin: 0;
}

.lease-calc-field__badge {
	display: inline-block;
	padding: .1875rem .5rem;
	-webkit-border-radius: .375rem;
	border-radius: .375rem;
	background-color: var(--accent-1, #FE6324);
	color: var(--white, #fff);
	font-size: .875rem;
	line-height: 1.2;
	font-weight: var(--bold, 700);
	white-space: nowrap;
}

.lease-calc-field__value {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: baseline;
	-webkit-align-items: baseline;
	-ms-flex-align: baseline;
	align-items: baseline;
	gap: .25rem;
	font-size: 1.5rem;
	line-height: 1.2;
	font-weight: var(--bold, 700);
	color: var(--main, #1C2230);
	white-space: nowrap;
}

.lease-calc-field__input {
	width: 8.5rem;
	padding: 0 0 .125rem;
	border: none;
	border-bottom: .0625rem dashed var(--border, #E3E6EC);
	background-color: transparent;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	font-weight: inherit;
	color: inherit;
	text-align: right;
	-webkit-appearance: none;
	appearance: none;
	-webkit-transition: border-color .2s ease;
	-o-transition: border-color .2s ease;
	transition: border-color .2s ease;
}

.lease-calc-field__input--short {
	width: 3.5rem;
}

.lease-calc-field__input:hover {
	border-bottom-color: var(--disabled, #A0A7B4);
}

.lease-calc-field__input:focus {
	outline: none;
	border-bottom-color: var(--accent-1, #FE6324);
}

/* Ползунок (jQuery UI slider). */
.lease-calc .lease-calc-field__slider,
.lease-calc .lease-calc-field__slider.ui-widget-content {
	position: relative;
	height: .125rem;
	max-height: none;
	margin: 0;
	padding: 0;
	border: none;
	-webkit-border-radius: .25rem;
	border-radius: .25rem;
	background: var(--border, #E3E6EC);
	/* В style.css у .ui-widget.ui-widget-content (для выпадающих списков
	   jQuery UI) задан overflow:hidden — он обрезал бегунок по высоте
	   дорожки. Возвращаем видимость, как это сделано в исходной вёрстке. */
	overflow: visible;
}

.lease-calc .lease-calc-field__slider .ui-slider-range {
	background: var(--accent-1, #FE6324);
	-webkit-border-radius: .25rem;
	border-radius: .25rem;
	border: none;
	height: 100%;
}

/* Бегунок — как в исходной вёрстке: белый круг с рыжей обводкой .25rem.
   !important нужен, потому что jQuery UI навешивает на бегунок классы
   .ui-state-default / .ui-state-hover / .ui-state-active со своими border
   и background — без него обводка сбрасывается на серую при наведении. */
.lease-calc .lease-calc-field__slider .ui-slider-handle {
	top: -.625rem !important;
	width: 1.375rem !important;
	height: 1.375rem !important;
	margin-left: -.6875rem;
	overflow: hidden;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	background: var(--white, #fff) !important;
	background-color: var(--white, #fff) !important;
	border: .25rem solid var(--accent-1, #FE6324) !important;
	-webkit-box-shadow: none;
	box-shadow: none;
	cursor: pointer;
	outline: none;
}

.lease-calc .lease-calc-field__slider .ui-slider-handle:hover,
.lease-calc .lease-calc-field__slider .ui-slider-handle:active,
.lease-calc .lease-calc-field__slider .ui-slider-handle:focus,
.lease-calc .lease-calc-field__slider .ui-slider-handle:focus-visible,
.lease-calc .lease-calc-field__slider .ui-slider-handle.ui-state-hover,
.lease-calc .lease-calc-field__slider .ui-slider-handle.ui-state-active,
.lease-calc .lease-calc-field__slider .ui-slider-handle.ui-state-focus {
	background: var(--white, #fff) !important;
	background-color: var(--white, #fff) !important;
	border: .25rem solid var(--accent-1, #FE6324) !important;
}

.lease-calc-field__scale {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	gap: .5rem;
	margin-top: .875rem;
	font-size: .875rem;
	line-height: 1.2;
	color: var(--disabled, #A0A7B4);
	position: relative;
}

/* Средняя подпись шкалы центрируется по ползунку, а не по остатку строки. */
.lease-calc-field__scale span:nth-child(2) {
	position: absolute;
	left: 50%;
	top: 0;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

/* ------------------------------ Результат ---------------------------- */
.lease-calc__result {
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 50%;
	-ms-flex: 1 1 50%;
	flex: 1 1 50%;
	min-width: 0;
	padding: 3rem;
	background-color: var(--dark, #343A4C);
	color: var(--white, #fff);
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}

.lease-calc__result-title {
	font-size: 1.375rem;
	line-height: 1.28;
	font-weight: var(--bold, 700);
	text-transform: uppercase;
	margin: 0 0 2.5rem;
}

.lease-calc__result-row + .lease-calc__result-row {
	margin-top: 2rem;
}

.lease-calc__result-label {
	font-size: 1rem;
	line-height: 1.3;
	color: rgba(255, 255, 255, .6);
	margin: 0 0 .5rem;
}

.lease-calc__result-value {
	font-size: 3rem;
	line-height: 1;
	font-weight: var(--bold, 700);
	margin: 0;
}

.lease-calc__result-sub {
	font-size: 1.75rem;
	line-height: 1.1;
	font-weight: var(--bold, 700);
	margin: 0;
}

.lease-calc__result-term {
	font-size: 1rem;
	font-weight: var(--reg, 400);
	color: rgba(255, 255, 255, .6);
	white-space: nowrap;
}

.lease-calc__cta {
	margin-top: auto;
	padding-top: 3rem;
}

.lease-calc__cta-title {
	font-size: 1.375rem;
	line-height: 1.28;
	font-weight: var(--bold, 700);
	color: var(--accent-1, #FE6324);
	margin: 0 0 .5rem;
}

.lease-calc__cta-text {
	font-size: 1rem;
	line-height: 1.4;
	color: rgba(255, 255, 255, .8);
	margin: 0;
}

.lease-calc__btn {
	width: 100%;
	max-width: 25rem;
	margin-top: 1.5rem;
}

.lease-calc__note {
	margin-top: 2rem;
	font-size: .8125rem;
	line-height: 1.4;
	color: rgba(255, 255, 255, .5);
}

.lease-calc__note p {
	margin: 0;
}

/* ----------------------------- Планшет ------------------------------- */
@media (max-width: 1199.98px) {
	.lease-calc__params,
	.lease-calc__result {
		padding: 2rem;
	}

	.lease-calc__result-value {
		font-size: 2.25rem;
	}
}

/* ---------------------------- Мобильные ------------------------------ */
@media (max-width: 991.98px) {
	.lease-calc__params,
	.lease-calc__result {
		-webkit-flex-basis: 100%;
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		padding: 1.5rem;
	}

	.lease-calc__subtitle {
		font-size: 1.375rem;
		margin-bottom: 1.5rem;
	}

	.lease-calc-field + .lease-calc-field {
		margin-top: 1.75rem;
	}

	.lease-calc-field__head {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: start;
		-webkit-align-items: flex-start;
		-ms-flex-align: start;
		align-items: flex-start;
		gap: .375rem;
	}

	.lease-calc-field__value {
		font-size: 1.25rem;
	}

	.lease-calc-field__input {
		width: 7.5rem;
		text-align: left;
	}

	.lease-calc-field__input--short {
		width: 3rem;
	}

	.lease-calc__result-title {
		font-size: 1.125rem;
		margin-bottom: 1.5rem;
	}

	.lease-calc__result-value {
		font-size: 2rem;
	}

	.lease-calc__result-sub {
		font-size: 1.375rem;
	}

	.lease-calc__cta {
		padding-top: 2rem;
	}

	.lease-calc__cta-title {
		font-size: 1.125rem;
	}

	.lease-calc__btn {
		max-width: 100%;
	}
}


/* ------------------------------------------------------------------ */
/* Цена в юанях рядом с рублёвой (product-card, single-product)        */
/* ------------------------------------------------------------------ */
.product-card__prices {
	row-gap: .5rem;
	column-gap: 1rem;
}

.cny-price {
	line-height: 100%;
	font-weight: var(--semi);
	color: var(--secondary);
	white-space: nowrap;
}

.product-card__price.cny-price {
	font-size: 1rem;
}

.product-page-desc__price-row {
	row-gap: .5rem;
	column-gap: 1rem;
}

.product-page-desc__price.cny-price {
	font-size: 1.25rem;
}

@media (max-width: 575.98px) {
	.product-card__price.cny-price {
		font-size: .9375rem;
	}

	.product-page-desc__price.cny-price {
		font-size: 1.125rem;
	}
}

/* ------------------------------------------------------------------ */
/* Карточка товара → вкладка «Видео» — ролик по ссылке                  */
/* (YouTube, Rutube, VK Видео и др., см. inc/video-embed.php)           */
/* ------------------------------------------------------------------ */
.product-page-tabs-video__embed {
	width: 100%;
	overflow: hidden;
	-webkit-border-radius: 1.5rem;
	border-radius: 1.5rem;
	background: #000;
}

.product-page-tabs-video__embed iframe {
	border: 0;
}

/* Вертикальные ролики (Shorts, клипы) — 9:16, по центру. */
.product-page-tabs-video__embed--vertical {
	--bs-aspect-ratio: 177.7778%;
	max-width: 22.5rem;
	margin-left: auto;
	margin-right: auto;
}

/* Плеер, полученный через oEmbed, — растягиваем на ширину блока 16:9. */
.product-page-tabs-video__embed--oembed {
	position: relative;
	padding-top: 56.25%;
}

.product-page-tabs-video__embed--oembed iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.product-page-tabs-video__link {
	padding: 1.5rem 0;
}

@media (max-width: 991.98px) {
	.product-page-tabs-video__embed {
		-webkit-border-radius: 1rem;
		border-radius: 1rem;
	}

	.product-page-tabs-video__embed--vertical {
		max-width: 100%;
	}
}

/* ------------------------------------------------------------------ */
/* Карточка товара: одинаковая высота в ряду, кнопка прижата к низу,   */
/* кликабельные изображение и заголовок                                */
/* (каталог, категории, слайдеры на главной и в товаре)                */
/* ------------------------------------------------------------------ */
.product-card {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	height: 100%;
}

.product-card__wrapper,
.product-card__info {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	min-width: 0;
}

/* Изображение-ссылка. */
.product-card__image-link {
	color: inherit;
	text-decoration: none;
}

.product-card__image-link .box {
	overflow: hidden;
}

.product-card__image-link img {
	-webkit-transition: -webkit-transform .3s ease;
	transition: transform .3s ease;
}

.product-card__image-link:hover img {
	-webkit-transform: scale(1.03);
	-ms-transform: scale(1.03);
	transform: scale(1.03);
}

/* Заголовок-ссылка. */
.product-card__name-link {
	color: inherit;
	text-decoration: none;
	-webkit-transition: color .2s ease;
	transition: color .2s ease;
}

.product-card__name-link:hover,
.product-card__name-link:focus-visible {
	color: #FF6200;
}

/* Слайдеры (slick): слайды одной высоты. */
.promotions__slider .slick-track {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.promotions__slider .slick-slide {
	float: none;
	height: auto;
}

.promotions__slider .slick-slide > div,
.promotions__slider .promotions__slide {
	height: 100%;
}