/* На странице каталога подключается /bitrix/css/main/bootstrap.css, которая
   задаёт line-height:1.42857143 на body — на главной и в избранном этого
   файла нет, из-за чего те же элементы (кнопки, цена и т.п.) получают
   меньший line-height по умолчанию браузера и выглядят "ниже". Дублируем
   значение явно, чтобы верстка не зависела от того, где Bootstrap
   случайно подключен, а где нет. */
body {
	line-height: 1.42857143;
}

/* <button> не наследует line-height от body по умолчанию в браузере —
   Bootstrap прописывает его явно на .btn, поэтому дублируем и здесь,
   иначе кнопки на странице без Bootstrap (главная, избранное) ниже. */
button.btn, a.btn {
	line-height: 1.42857143;
}

.product-price-old {
	margin-left: .5rem;
	color: var(--Notoficated-Red);
	letter-spacing: .00875rem;
	font-size: var(--fs-presmall);
	text-decoration: line-through;
	text-decoration-color: var(--Notoficated-Red);
}

.counter-btn {
	cursor: pointer;
}

.product-sizes {
	flex-direction: row;
	flex-wrap: wrap;
}

/* Отступ между размерами и кнопкой "В корзину" в списке товаров — на 8px больше базового .5rem */
.product-grid .product-sizes {
	margin-bottom: calc(.5rem + 8px);
}

.cart-itm {
	grid-template-columns: 2fr 4.25rem 8rem 1rem;
}

@media (max-width: 600px) {
	.cart-itm {
		grid-template-columns: 2fr 4.25rem 6rem  1rem;
	}
}

.error-text {
	display: none;
	color: var(--Notoficated-Red);
}

.error-text.active {
	display: block;
	margin-bottom: 20px;
}

.lk-order-widget-section__desc_sostom {
	padding-bottom: 2rem;
	margin-bottom: 0;
	margin-top: -1rem;
}

.sale-order-list-inner-row-template {
	width: 100%;
	padding: 0;
	margin-top: 60px;
	margin-bottom: 30px;
	border-bottom: 1px solid #DADADA;
}

.sale-order-list-cancel-payment {
	border-bottom: 0;
}

.sale-order-list-cancel-payment {
	margin-bottom: 30px;
}

.sale-order-list-change-payment {
	border-bottom: 0;
}

.sale-order-detail-payment-options-methods-info-change-link {

}

.lk-order-widget-section__change .show {
	display: inline-block !important;
}

body #bx-catalog-subscribe-status-action {
	align-items: center;
	justify-content: center;
	overflow: hidden;
	transition: all .3s;
	position: fixed !important;
	right: 4rem !important;
	bottom: 2.6rem !important;
	padding: 1.125rem 1.875rem;
	background-color: var(--FF-Black) !important;
	color: #fff;
	font-weight: 500;
	width: 21.875rem;
	border-radius: .625rem !important;
	margin-right: -17px !important;
	height: 54px !important;
	left: initial !important;
	top: initial !important;
}

body .bx-catalog-subscribe-alert {
	background: initial;
	padding: 0;
	color: white;
}

.bx_item_list_you_looked_horizontal .bx_catalog_item_controls a {

}

.bx-no-touch .bx_item_list_you_looked_horizontal .bx_catalog_item.double .bx_catalog_item_images,
.bx-no-touch .bx_item_list_you_looked_horizontal .bx_catalog_item.double:hover .bx_catalog_item_images,
.bx-no-touch .bx_item_list_you_looked_horizontal .bx_catalog_item.double:hover .bx_catalog_item_images_double {
	border-bottom: 0 !important;
}

.bx_item_list_you_looked_horizontal .bx_catalog_item_title a {
	font-size: 1rem;
	margin-bottom: 1rem;
	letter-spacing: .01125rem;
	border-bottom: 0;
}

.bx_item_list_you_looked_horizontal {
	border-bottom: 0;
}

.product-detail-actions {
	position: relative;
	display: flex;
}

.product-detail-actions .product-img__action {
	position: inherit;
	margin-left: 20px;
}

.product-detail-actions .product-img__action .product-btn-fav {
	background: #E3E3E3;

}

.product-detail-actions .product-img__action .product-btn-fav.active {
	background: #00C1D5;
}

label[data-can_buy="N"] span.product-sizes-itm__val {
	color: #CACACA;
}

.swiper-button-prev, .swiper-button-next {
	margin-top: -5rem;
}

.product-color {
	display: flex;
	align-items: center;
	flex-direction: row;
	flex-wrap: wrap;
}

.product-color__element {
	display: block;
	margin-right: 5px;
	margin-bottom: 5px;
}

.product-color__element a {
	text-decoration: none;
	display: block;
	border: 0;
	padding: 2px;
}

.product-color__element a img {
	display: block;
}

.product-color__element a.active {
	border: 1px solid black;
	border-radius: 50%;
}

.product-color__element a img {
	width: 25px;
	height: 25px;
	border-radius: 50%;
}

.product-detail-grid {
	margin-bottom: 4rem;
}

@media (max-width: 1100px) {
	.subhero-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

.play {
	background-image: url('img/play.png');
	position: absolute;
	z-index: 1000;
	width: 60px;
	height: 60px;
	top: calc(50% - 30px);
	left: calc(50% - 30px);
	background-size: 100%;
	opacity: 0.5;
}

.play_smail {
	width: 30px;
	height: 30px;
	top: calc(50% - 15px);
	left: calc(50% - 15px);
}

.play:not(.play_smail):hover {
	opacity: 1;
}

.btn-wr-yandexpay {

	max-width: 320px;
	width: 100%;
	margin-top: -15px;
	margin-bottom: -35px;
}

product-detail-grid__content .h2 {
	font-size: 28px;
	font-weight: 500;
}

.product-price {
	font-size: 28px;
	font-weight: 400;
}

.product-price-line {
	align-items: center;
}

@media (min-width: 1101px) {
	.product-grid_6 {
		grid-template-columns: repeat(6, minmax(0, 1fr));
	}
}

.product-top .product-price {
	font-size: 17px;
	font-weight: 500;
	color: #384f55;
}

.input-costom-flex {
	display: flex;
	align-items: flex-end;
}

.input-costom-flex_block_1 {
	width: 230px;
	margin-right: 20px;
	display: flex;
}

.input-costom-flex_block_2 {
	width: calc(100% - 250px);
}

.product-stock {
	margin-left: 0;
}

.product-price {
	margin-right: .5rem;
}

.product-price-line {
	min-height: 40px;
}

.renovar-captcha {
	width: 36px;
	margin-left: 10px;
	cursor: pointer;
}

.renovar-captcha img {
	width: 100%;
}

.subhero-grid-link {
	margin-bottom: auto;
}

.product-detail-grid {
	align-items: start;
}

.product-grid-3 {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 45px 16px;
}

.filter-block__title {
	display: none;
}

.filter-sort {
	margin-bottom: 32px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.fiter-open {
	font-weight: 400;
	font-size: 14px;
	display: none;
	align-items: center;
}

.fiter-open span {
	margin-left: 8px;
	display: block;
	background-image: url(img/icon-filter.svg);
	width: 20px;
	height: 20px;
	background-position: center;
	background-repeat: no-repeat;
}

.js-filter-block__btn {
	display: flex;
	justify-content: space-around;
}

.filter-block__btn {
	display: none;
}

.select {
	position: relative;
}

.select__value {
	cursor: pointer;
	padding: 6px 0px 6px 16px;
	font-weight: 400;
	font-size: 14px;
	border: 1px solid #DDE2E4;
	display: flex;
	min-width: 200px;
	justify-content: space-between;
	align-items: center;
}

.select__value:after {
	content: "";
	display: block;
	width: 24px;
	height: 24px;
	background-image: url(img/arrow-b.svg);
	background-repeat: no-repeat;
	background-position: center;
}

.select._active .select__value:after {
	transform: rotate(180deg)
}

.select__list {
	display: none;
	width: calc(100% + 40px);
	position: absolute;
	z-index: 1000;
	box-shadow: 0 8px 16px 0 #00000014;
	background: #FFFF;
	margin-top: 8px;
	border-radius: 8px;
}

.select._active .select__list {
	display: block;
}

.select__element {
	cursor: pointer;
	display: flex;
	align-items: center;
	padding: 11px 6px;

}

.select__element span {
	display: none;
	width: 16px;
	height: 16px;
	border: 1px solid #828282;
	border-radius: 50%;
	margin-right: 10px;
}

.select__element:hover {
	background: #F5F5F5;
}

.select__element._active {

}

.bx-filter .bx-ui-slider-track-container {
	padding-left: 0;
	padding-right: 0;
}

@media (max-width: 1124px) {

	.section-catalog__right {
		grid-column: span 4;
	}

	.filter-block {
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 1000;
		background: white;
		width: 100%;
		height: 100%;
		padding: 0 21px;
	}

	.filter-block._active {
		display: block;
	}

	.filter-block__title {
		display: block;
		height: 90px;
		font-weight: 400;
		font-size: 28px;
		line-height: 90px;
		text-align: center;
		border-bottom: 1px solid #DDE2E4;
		margin-bottom: 48px;

	}

	.filter-block__btn {
		display: block;
	}

	.fiter-open {
		display: flex;
		cursor: pointer;
	}

	.bx-filter .bx-ui-slider-track-container {
		box-sizing: border-box;
		padding-left: 9px;
		padding-right: 9px;
	}

	.filter-block__btn {
		position: absolute;
		bottom: 0;
		left: 0;
		background: white;
		box-shadow: 0 -4px 8px 0 #0000000F;
		width: 100%;
		padding: 16px 48px;

	}

	.filter-block__btn .btn {
		width: 100%;
	}

	.bx-filter {
		height: calc(100% - 222px);
		overflow: hidden;
		overflow-y: auto;
	}

	.bx-filter .bx-ui-slider-track-container {
		padding-left: 0;
		padding-right: 0;
	}
}

.section-text p {

	font-weight: 400;
	font-size: 12px;
	line-height: 100%;
	margin-bottom: 15px;
	color: #828282;

}

.section-text ul {
	font-weight: 400;
	font-size: 12px;
	line-height: 100%;
	margin-bottom: 15px;
	color: #828282;
	padding-left: 13px;
	list-style-type: disc;
}

.section-text {
	margin-bottom: 80px;
}

.filter-block .bx-filter .bx-filter-parameters-box-title i[data-role="prop_angle"] {
	position: absolute;
	right: 0;
}

.tooltips {
	display: inline-block;
	width: 20px;
	height: 20px;
	background: #000;
	border-radius: 50%;
	color: white;
	text-align: center;
	background-image: url(img/tooltip-icon.svg);
	transform: translateY(4px);
	margin-left: 4px;
}

.bx-filter .bx-filter-input-checkbox input[type=checkbox],
.d-f-c input {
	width: 18px;
	height: 18px;
}

.bx-filter .bx-filter-input-checkbox input[type=checkbox] {
	margin-right: 16px;
}

.bx-filter .bx-filter-parameters-box-title span:hover {
	border: 0;
}

.bx-filter .bx-filter-parameters-box.bx-active .bx-filter-block {
	border-bottom: 1px solid #DDE2E4;
}

.bx-filter .bx-filter-parameters-box {
	margin-bottom: 24px;
}

.bx-filter .bx-filter-param-label {
	margin-bottom: 16px;
	display: block;
	padding: 0;
}

.bx-filter-section .radio, .bx-filter-section .checkbox {
	margin-bottom: 0px;
}

.bx-filter-param-text {
	margin-left: 16px;
}

.bx-filter .bx-filter-input-checkbox {
	display: flex;
	align-content: center;
	align-items: center;
}

.popup-tooltips {
	display: flex;
	align-items: center;
	justify-content: center;
	position: fixed;
	width: 100%;
	height: 100%;
	padding: 20px;
	background: #bcbcbc6b;
	top: 0;
	left: 0;
	z-index: 10000;
}

.popup-tooltips__body {
	max-width: 720px;
	width: 100%;
	background: #FFFFFF;
	padding: 40px 24px;
	position: relative;
}

.popup-tooltips__close {
	position: absolute;
	width: 24px;
	height: 24px;
	background-image: url(img/close.svg);
	top: 16px;
	right: 16px;
	cursor: pointer;
}

.popup-tooltips__title {
	font-weight: 500;
	font-size: 24px;
	line-height: 100%;
	text-align: center;
}

.popup-tooltips__text {
	margin-top: 16px;
	font-weight: 400;
	font-size: 14px;
	text-align: left;
}

.bx-filter .bx-filter-param-btn {
	margin-right: 0;
}

.bx-filter .bx-filter-btn-color-icon {
	vertical-align: initial;
	background-position: center;
	width: 18px;
	height: 18px;
}

.bx-filter-parameters-box-container {
	padding-bottom: 4px;
}

.bx-filter .bx-filter-input-checkbox input[type=checkbox] {
	margin: 0;
	position: initial;
}

.filter-block .bx-filter .bx-filter-input-container input {
	margin-bottom: 16px;
}

.header-menu-foot li:last-child {
	margin-top: 1rem;
	line-height: 120%;
}

.footer-menu {
	grid-template-columns: repeat(5, minmax(0, 1fr));
}

@media (max-width: 768px) {
	.h1, .sub-section, .section-catalog {
		padding-left: 15px;
		padding-right: 15px;
	}

	.product-grid-3 {
		grid-template-columns: repeat(2, 1fr);
	}

}

@media (max-width: 600px) {
	.product-detail-grid .product-img__action {
		top: 70px;
	}
}

.bx_my_order_cancel {
	padding: 2rem 2.5rem 2.5rem;
	background: #fff;
	box-shadow: 0 4px 16px #11111a0d, 0 8px 32px #11111a0d;
}

.bx_my_order_cancel input[type="submit"] {

	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	text-decoration: none;
	background: var(--FF-Black);
	color: #fff;
	min-height: 3rem;
	padding: .25rem 1.5rem;
	font-weight: 500;
	letter-spacing: .01rem;
	outline: none;
	border: none;
	transition: all .2s;
	font-size: 1rem;
	border-radius: 0;


	background: #fff;
	color: var(--FF-Black);
	border: 1px solid var(--FF-Black);
}

.bx_my_order_cancel input[type="submit"]:hover {
	background: var(--FF-Black);
	color: #fff !important;
	text-shadow: none !important;
}
.bx_my_order_cancel textarea{
	min-width: 100%;
	max-width: 100%;
	height: auto;
	padding: .825rem 1rem;
	display: block;
	border-radius: .25rem;
	border: 1px solid var(--Grey);
	width: 100%;
}
.bx_my_order_cancel a{
	color: #1D1D1B;
}
.sale-order-title{
	display: none;
}

.bnt.js-add-card-counter{

}
.catalog-section-link{
	text-align: center;
}
.catalog-section-link a{
	border:0 !important;
	transition:initial;
	font-weight: 500;
	font-size: 14px;
	letter-spacing: 2%;
	color: #384f55;
	transition: color 0.3s ease;
	position: relative;
}

.catalog-section-link a::before {
	content: "";
	position: absolute;
	display: block;
	width: 100%;
	height: 2px;
	bottom: -2px;
	left: 0;
	background-color: #00c1d5;
	transform: scaleX(0);
	transition: transform 0.3s ease;
}



.catalog-section-link a:hover{
	text-decoration: none;
	color: #00c1d5;
}

.catalog-section-link a:hover::before {
	transform: scaleX(1);
}

.popup-block{
	position: fixed;
	z-index: 100;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: #37373747;
	display: none;
	align-items: center;
	justify-content: center;
}
.popup-block._active{
	display: flex;
	animation: fadeIn 0.5s ease-in-out;
}
.popup-block__body{
	background: #ffffff;
	width: 768px;
	max-width: 100%;
	padding: 38px;
	position: relative;

	max-height: 100%;
	overflow: auto;
}

.popup-block__body_order{
	width: 500px;
}
.popup-block__close{
	background-image: url(img/ico/close.svg);
	width: 15px;
	height: 15px;
	position: absolute;
	top:24px;
	right: 24px;
	cursor: pointer;
}
.popup-block__img{
	margin-bottom: 25px;
}
.popup-block__title{
	font-weight: 500;
	font-size: 24px;
	line-height: 30px;
	letter-spacing: -1%;
	color: #384f55;
	margin-bottom: 14px;
}
.popup-block__text{
	font-weight: 400;
	font-size: 13px;
	line-height: 18px;
	letter-spacing: 0%;
	color: #5f7379;
	margin-bottom: 22px;
}
.popup-block__link{
	display: flex;
	justify-content: center;
	align-items: center;
	background: #00c1d5;
	color: #FFF;
	font-weight: 600;
	font-size: 13px;
	line-height: 16px;
	letter-spacing: 1%;
	height: 46px;
	border-radius: 46px;
	border:0;
}

.popup-block__total{
	background: #EBEFF0;
	padding: 14px 16px;
	display: flex;
	justify-content: space-between;
	margin-bottom: 16px;
}

.popup-block__total-title{
	color: #5F7379;
	font-weight: 400;
	font-size: 13px;
	leading-trim: NONE;
	line-height: 18px;
	letter-spacing: 0%;
	margin-block: 2px;

}

.popup-block__total-text{
	font-weight: 500;
	font-size: 17px;
	line-height: 22px;
	letter-spacing: 0%;
	color: #384f55;
}
.popup-block__total-r>div{
	text-align: right;
}
.popup-block__input{
	margin-bottom: 16px;
}
.popup-block__input label{
	color: #384f55;
	font-weight: 400;
	font-size: 13px;
	line-height: 18px;
	letter-spacing: 0%;
	margin-bottom: 7px;
	display: block;
}
.popup-block__input input{
	height: 47px;
	width: 100%;
	border:1px solid #EBEFF0;
	padding: 0 14px;
}
.popup-block__input textarea{
	height: 96px;
	width: 100%;
	border:1px solid #EBEFF0;
	padding: 14px;
}
.popup-block__input-check{
	display: flex;
	gap: 10px;
	flex-direction: row;
	flex-wrap: wrap;
}
.popup-block__input-check input{
	width: 17px;
	height: 17px;

}
.popup-block__input-check-text{
	width: calc(100% - 50px);
	font-weight: 400;
	font-size: 13px;
	line-height: 18px;
	letter-spacing: 0%;
	color: #5f7379;
	margin-bottom: 22px;
}
.popup-block__input-check-text a{
	color: #00c1d5;
	border-color: #00c1d5;
}
.popup-block__input-check-text a:hover{
	border-color: transparent;
}
.popup-block__btn{
	background: #00c1d5;
	font-weight: 600;
	color: #ffffff;
	font-size: 13px;
	letter-spacing: 1%;
	width: 100%;
	border:0;
	padding: 15px;
	text-align: center;
	border-radius: 50px;
	cursor: pointer;

}
.popup-block__text-bottom{
	font-weight: 400;
	font-size: 13px;
	letter-spacing: 0%;
	text-align: center;
	color: #5f7379;
	margin-top: 14px;
}
@keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

.brends-open-content{
	display: flex;
	justify-content: center;
}
.brends-open{
	cursor: pointer;
	margin-top: 30px;
	text-align: center;
	transition: initial;
	font-weight: 500;
	font-size: 14px;
	letter-spacing: 2%;
	color: #384f55;
	transition: color 0.3s ease;
	position: relative;
}
.brends-open::before {
	content: "";
	position: absolute;
	display: block;
	width: 100%;
	height: 2px;
	bottom: -2px;
	left: 0;
	background-color: #00c1d5;
	transform: scaleX(0);
	transition: transform 0.3s ease;
}
.brends-open:hover::before {
	transform: scaleX(1);
}
.brends-open:hover{
	color: #00c1d5;
}
a:focus{
	outline:initial;
}
@media screen and (max-width: 1100px) {
	.brends__list{
		grid-template-columns: repeat(2, 1fr);
	}
}
@media screen and (max-width: 600px) {
	.brends__list{
		grid-template-columns: repeat(1, 1fr);
	}
	.header-menu-list:before{
		left: calc(50% - 18px);
	}
}
.product-sizes-block{
	/*display: none;*/
}

.sub-section__img {
	border-radius: 10px;
}

.product-top {
	margin-bottom: 0;
}

.product-sizes-itm__val {
	border-radius: 5px;
}

.product-sizes--small .product-sizes-itm__val {
	min-width: 3rem;
}

.characteristic-value {
	font-weight: 600;
	display: inline-block;
	vertical-align: top;
}

.characteristic-row {
	margin-bottom: 1rem;
}

/* Фото товара в карточках (список) и на детальной — вписываем целиком в рамку
   без обрезки (было object-fit:cover — обрезало края у непропорциональных фото). */
.product-img .fill-img,
.product-detail-slider-itm .fill-img {
	object-fit: contain;
}

.product-img {
	background: #FFFFFF;
}

/* На главной и в избранном сетка карточек не получает класс .product-grid-3
   (он есть только в каталоге) и остаётся с базовым gap:16px — из-за этого
   расстояние между рядами товаров меньше, чем в каталоге. Задаём тот же
   row-gap по умолчанию для .product-grid, чтобы отступ между рядами
   совпадал везде. */
.product-grid {
	gap: 45px 16px;
}

/* Область под фото на детальной была вытянутой (padding-bottom ~137% —
   портретная рамка), из-за чего непропорциональные (узкие/высокие) фото
   через object-fit:contain растягивали видимую область карточки далеко
   вниз. Делаем рамку квадратной — фото по-прежнему вписывается целиком
   (object-fit:contain), но сама область больше не "подстраивается" под
   каждое фото. */
.product-detail-slider-itm {
	padding-bottom: 100%;
}

/* Временно скрываем блок "Вы смотрели" — правка цены для него ждёт сброса
   зависшего кеша хостинга (section_vertical.php), пока показывать
   некорректные "Нет в наличии"/пустую цену не нужно. Убрать это правило,
   когда кеш сбросится и блок можно будет вернуть.
   Селектор сужен до h2 — класс margin-title используется движком ещё и
   для H1 заголовков на статичных страницах (Контакты, Доставка и т.п.),
   и первая версия правила случайно скрывала и их тоже. */
h2.margin-title,
h2.margin-title + .catalog-section {
	display: none !important;
}

/* Высота фото в карточках списков товаров — было ~610px, нужно ~560px.
   Базовое соотношение сторон .product-img — 0.7 (в dist/assets/style.css),
   уменьшаем высоту тем же соотношением ширины к высоте: 0.7 * 610/560. */
.product-img {
	aspect-ratio: 0.7625;
}

/* У ползунка в фильтре (цена/число) внутренние части имеют z-index 50-100
   (bx-ui-slider-range/pricebar и т.п.), а у контейнера фильтра своего
   z-index нет — из-за этого эти значения "утекают" и сравниваются
   напрямую с z-index модалок (например, корзины), из-за чего ползунок
   оказывается поверх затемнения. Задаём контейнеру свой стекинг-контекст,
   чтобы его внутренние z-index не выходили за его пределы. */
.bx-filter-parameters-box {
	position: relative;
	z-index: 0;
}

/* Горизонтальный скролл на мобильном: карточка товара — элемент грида, а
   grid/flex-элементы по умолчанию не сжимаются меньше содержимого
   (min-width:auto). Кнопка внутри карточки имеет фикс. ширину 180px —
   из-за этого на 2-колоночной раскладке карточка не сжималась до ширины
   колонки и вылезала за экран. Разрешаем карточке сжиматься — max-width:100%
   на кнопке (уже был) сам ограничит её по факту доступной шириной. */
.product-grid > .product-item-container,
.product-grid > .product {
	min-width: 0;
}

/* На мобильном в детальной карточке товара логотип бренда (.product-brand)
   стоял в одной строке с кнопкой "Купить"/сердечком (flex-row) и вылезал
   за экран. Переносим его на отдельную строку под кнопкой. */
@media (max-width: 768px) {
	.product-detail-actions {
		flex-direction: column;
	}
	.product-brand {
		/* Равный отступ сверху и снизу от логотипа — снизу уже был 2rem
		   (margin-bottom у .product-detail-actions, для desktop-отступа
		   перед описанием), подгоняем сверху под то же значение. */
		margin-top: 2rem;
	}
}

/* Заголовки H1 на мобильном — на всех страницах, кроме главной, шрифт
   на 30% меньше. Единого класса на H1 нет (у каждого типа страницы свой:
   .h1 у каталога, .h2 у детальной товара, .margin-title у статичных
   страниц, .page-404__title у 404), поэтому берём фактические
   desktop-размеры (одинаковые для всех разрешений, media-запросов на H1
   раньше не было) и уменьшаем каждый на 30% отдельно. Класс главной
   (.catalog-heading__h) сюда не входит — она не отдельный тег h1 с
   такими классами. */
@media (max-width: 768px) {
	h1.h1,
	h1.margin-title,
	h1.page-404__title {
		font-size: 29.4px; /* было 42px */
	}
	h1.h2 {
		font-size: 23.8px; /* было 34px */
	}
}

/* В мобильном меню при тапе по ссылке браузер на мгновение включает
   :hover вместе с :active — попадает под общее бутстраповское правило
   `a:hover, a:focus { color: ... }` (тёмно-синий) и ссылка на долю
   секунды меняет цвет с белого на синий. Возвращаем цвет ссылки. */
.header-menu a:hover,
.header-menu a:focus,
.header-menu a:active {
	color: inherit;
}

/* Цены на сайте скрыты по просьбе заказчика (2026-10-15): считаются и уходят в заказ как раньше,
   только не показываются. Чтобы вернуть — удалить этот блок, класс bx-compact-prop--price в
   sale.order.ajax/order/order_ajax.js и пропуск PRICE в шаблоне catalog.smart.filter. */
.product-price,
.product-price-old,
.product-price-line,
.out-stock-product__price,
.cart-itm__base-price,
.cart-itm__price,
.cart-modal-total,
.popup-block__total-r,
.basket-total-card__title,
.bx-soa-cart-total-line,
.bx-compact-prop--price,
.bx-soa-pp-delivery-cost,
.filter-sort .select__element[data-name="price"] {
	display: none !important;
}

.cart-itm {
	grid-template-columns: 2fr 4.25rem 1rem;
}
