<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@font-face {
	font-weight: 700;
	font-style: normal;
	font-family: "Inter";
	src: url("../fonts/Inter-Bold.woff2") format("woff2");
	font-display: swap;
}

@font-face {
	font-weight: 400;
	font-style: normal;
	font-family: "Inter";
	src: url("../fonts/Inter-Italic.woff2") format("woff2");
	font-display: swap;
}

@font-face {
	font-weight: 400;
	font-style: normal;
	font-family: "Inter";
	src: url("../fonts/Inter-Regular.woff2") format("woff2");
	font-display: swap;
}

@font-face {
	font-weight: 600;
	font-style: normal;
	font-family: "Inter";
	src: url("../fonts/Inter-SemiBold.woff2") format("woff2");
	font-display: swap;
}

@font-face {
	font-weight: 500;
	font-style: normal;
	font-family: "Inter";
	src: url("../fonts/Inter-Medium.woff2") format("woff2");
	font-display: swap;
}

* {
	padding: 0;
	margin: 0;
	border: 0;
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

a:focus-visible,
button:focus-visible {
	outline: 2px solid var(--color-primary);
	outline-offset: 4px;
	border-radius: 4px;
}

a {
	color: inherit;
	outline: none;
}

aside,
nav,
footer,
header,
section {
	display: block;
}

html,
body {
	height: 100%;
	min-width: var(--min-width);
}

body {
	font-size: 14px;
	line-height: 1;
	font-family: var(--main-font-family) !important;
	color: var(--color-primary);
	background-color: var(--white-primary);
	font-weight: 400;
	font-style: normal;
}

input,
button,
textarea {
	font-size: inherit;
	font-family: var(--main-font-family);
}

button {
	cursor: pointer;
	background-color: transparent;
}

a,
a:visited,
a:hover {
	text-decoration: none;
}

ul li,
ol li {
	list-style: none;
}

img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: inherit;
	font-size: inherit;
}

:root {
	--main-font-family: "Inter", sans-serif;
	--min-width: 320px;
	--max-width-container: 1280px;
	--color-primary: #323233;
	--color-secondary: #737475;
	--color-tetriary: #dcdee0;
	--white-primary: #fff;
	--red-primary: #eb4250;
	--red-accent: #ea533e;
	--background-secondary: #f0f2f5;
	--background-tetriary: #e6e8eb;
	--background-blue-accent: #ebf1ff;
	--background-green-accent: #f2fff6;
	--green-accent: #208548;
	--form-primary-border: #c8c9cc;
	--gray-border: #e4e8eb;
	--gray-color: #71777a;
	--box-shadow-color: rgba(0, 0, 0, 0.08);
	--dark-color: #222223;
	--hover-link: #42b0f0;
	--blue-primary: #0172d5;
	--hover-primary: #0165bb;
	--hover-secondary: #d7dee4;
	--star-yellow: #ffc107;
	--accent-border: #1e1e1f;
	--disabled-color: #aaabad;
	--disabled-color-secondary: #c2c3c4;
	--blackout-background: rgba(0, 0, 0, 0.68);
}

.wrapper {
	width: 100%;
	min-height: 100%;
	display: flex;
	flex-direction: column;
}

.main {
	flex: 1 1 auto;
}

.main__product {
	padding: 149px 0 64px;
}

.main__catalog {
	padding: 149px 0 60px;
}

.main__front {
	padding: 155px 0 50px;
}

.main__about {
	padding: 155px 0 40px;
}

.main__basket {
	padding: 149px 0 80px;
}

.main__order {
	padding: 149px 0 80px;
}

.main__complete {
	padding: 109px 0 80px;
}

.main__certificates-slider {
	padding-bottom: 40px;
}

.main__certificates-slider .certificates-slider__top {
	padding: 0 4px;
}

.main__certificates-slider .certificates-slider__slider {
	padding: 0 4px;
}

.main__history,
.main__employee,
.main__shop,
.main__map {
	padding-bottom: 40px;
}

.container {
	max-width: var(--max-width-container);
	padding: 0 50px;
	margin: 0 auto;
}

.container-876 {
	max-width: 876px;
	padding: 0 40px;
	margin: 0 auto;
}

.hidden {
	overflow: hidden;
}

.icon-10 svg {
	width: 10px;
	height: 10px;
}

.icon-12 svg {
	width: 12px;
	height: 12px;
}

.icon-14 svg {
	width: 14px;
	height: 14px;
}

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

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

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

.icon-socials svg {
	width: 20px;
	height: 20px;
	fill: var(--color-primary);
}

.icon-socials svg path {
	transition: fill 0.3s ease;
}

.icon-socials svg path:nth-child(2) {
	fill: var(--white-primary);
}

.btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.btn-blue {
	color: var(--white-primary);
	background-color: var(--blue-primary);
	transition:
		color 0.3s ease,
		background-color 0.3s ease;
}

.btn-blue svg {
	fill: var(--white-primary);
}

.btn-blue:disabled {
	pointer-events: none;
	color: var(--color-secondary);
	background-color: var(--background-secondary);
}

.btn-gray {
	color: var(--color-primary);
	background-color: var(--background-secondary);
	transition:
		color 0.3s ease,
		background-color 0.3s ease;
}

.btn-gray svg {
	fill: var(--color-primary);
	transition: fill 0.3s ease;
}

.btn-gray:disabled {
	pointer-events: none;
	color: var(--color-secondary);
	background-color: var(--background-secondary);
}

.btn-white {
	color: var(--color-primary);
	background-color: var(--white-primary);
	transition:
		color 0.3s ease,
		background-color 0.3s ease;
}

.btn-white:disabled {
	pointer-events: none;
	color: var(--color-secondary);
	background-color: var(--background-secondary);
}

.btn-hint svg {
	fill: var(--color-secondary);
	transition: fill 0.3s ease;
}

.btn-callback,
.btn-whatsapp {
	min-height: 44px;
	font-size: 15px;
	font-weight: 500;
	border-radius: 12px;
	padding: 10px 20px;
}

.btn-callback svg,
.btn-whatsapp svg {
	margin-right: 4px;
	fill: var(--color-primary);
}

.btn-callback svg path,
.btn-whatsapp svg path {
	transition: fill 0.3s ease;
}

.slider-btn {
	width: 36px;
	height: 36px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 100%;
	border: 1px solid var(--color-tetriary);
	transition:
		color 0.3s ease,
		background-color 0.3s ease;
}

.slider-btn svg {
	transition: fill 0.3s ease;
}

.btn-disabled {
	pointer-events: none;
	background-color: var(--background-secondary);
	border-color: var(--background-secondary);
}

.btn-disabled svg {
	fill: var(--disabled-color);
}

.btn-clear {
	display: none;
	width: 14px;
	height: 14px;
}

.btn-clear svg {
	fill: var(--color-secondary);
}

.btn-clear.active {
	display: block;
}

.hover-link {
	transition: color 0.3s ease;
}

.hover-link svg {
	transition: fill 0.3s ease;
}

.link-blue {
	color: var(--blue-primary);
	transition: color 0.3s ease;
}

.link-blue svg {
	fill: var(--blue-primary);
	transition: fill 0.3s ease;
}

.btn-option {
	position: relative;
	border: 1px solid var(--color-tetriary);
	border-radius: 48px;
	padding: 9px 16px;
	transition: border-color 0.3s ease;
}

.btn-option::after {
	content: "";
	position: absolute;
	top: -1px;
	left: -1px;
	width: calc(100% + 2px);
	height: calc(100% + 2px);
	border: 2px solid var(--color-primary);
	border-radius: 48px;
	opacity: 0;
	visibility: hidden;
	transition:
		opacity 0.3s ease,
		visibility 0.3s ease;
}

.btn-option.active::after {
	opacity: 1;
	visibility: visible;
}

.scroll-header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	background-color: var(--white-primary);
	border-bottom: solid 1px var(--gray-border);
	transition: background-color 0.3s ease;
}

.scroll-header.active {
	background-color: var(--background-secondary);
}

.form-input {
	display: block;
	width: 100%;
	font-size: 15px;
	background-color: var(--white-primary);
	border-radius: 12px;
	outline: none;
	border: 1px solid var(--form-primary-border);
	padding: 10px 38px 10px 12px;
	transition: border-color 0.3s ease;
}

.form-input::-moz-placeholder {
	font-size: 15px;
	color: var(--color-secondary);
}

.form-input::placeholder {
	font-size: 15px;
	color: var(--color-secondary);
}

.form-input:focus {
	border-color: var(--accent-border);
}

.form-input.err {
	border-color: var(--red-accent);
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.show {
	display: block;
}

.hide {
	display: none;
}

.fade {
	animation-name: fade;
	animation-duration: 1.5s;
}

@keyframes fade {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

.breadcrumbs__list {
	display: flex;
	align-items: center;
	gap: 4px;
	row-gap: 10px;
	flex-wrap: wrap;
}

.breadcrumbs__item {
	display: flex;
	align-items: center;
}

.breadcrumbs__item svg {
	fill: var(--color-secondary);
	transform: rotate(90deg);
}

.breadcrumbs__item--current span {
	color: var(--color-secondary);
	font-size: 12px;
	line-height: 116.667%;
}

.breadcrumbs__link {
	color: var(--color-secondary);
	font-size: 12px;
	line-height: 116.667%;
}

.title-main {
	font-size: 24px;
	font-weight: 700;
	line-height: 116.667%;
}

.title-secondary {
	font-size: 20px;
	font-weight: 700;
	line-height: 120%;
}

.product-item {
	height: 100%;
	display: flex;
	flex-direction: column;
	background-color: var(--white-primary);
}

.product-item__img {
	flex: 0 0 174px;
	height: 174px;
	width: 100%;
	position: relative;
	margin-bottom: 8px;
}

.product-item__img img {
	-o-object-fit: contain;
	object-fit: contain;
}

.product-item__labels {
	display: flex;
	align-items: center;
	position: absolute;
	top: 0;
	right: 0;
}

.product-item__label {
	width: 30px;
	height: 30px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 2;
}

.product-item__label--sale {
	background-image: url("../img/catalog/labels/sale.svg");
}

.product-item__label--new {
	background-image: url("../img/catalog/labels/new.svg");
}

.product-item__label--order {
	background-image: url("../img/catalog/labels/order.svg");
}

.product-item__label--popular {
	background-image: url("../img/catalog/labels/popular.svg");
}

.product-item__label:first-child {
	position: absolute;
	top: 0;
	right: 23px;
	z-index: 1;
}

.product-item__content {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
}

.product-item__content-info {
	flex: 1 1 auto;
	margin-bottom: 8px;
}

.product-item__number {
	display: flex;
	align-items: center;
	-moz-column-gap: 2px;
	column-gap: 2px;
	font-size: 13px;
	line-height: 123%;
	color: var(--color-secondary);
	margin-bottom: 2px;
}

.product-item__title {
	display: -webkit-box;
	font-weight: 500;
	line-height: 129%;
	margin-bottom: 2px;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	transition: color 0.3s ease;
}

.product-item__descr {
	display: -webkit-box;
	color: var(--color-secondary);
	font-size: 13px;
	line-height: 123.077%;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.product-item__prices {
	display: flex;
	align-items: flex-end;
	gap: 4px;
	flex-wrap: wrap;
	margin-bottom: 16px;
}

.product-item__price {
	display: flex;
	align-items: flex-end;
	gap: 2px;
	white-space: nowrap;
}

.product-item__price--new {
	font-size: 12px;
	font-weight: 500;
}

.product-item__price--new span {
	font-size: 20px;
	font-weight: 700;
	line-height: 90%;
}

.product-item__price--old {
	color: var(--color-secondary);
	font-size: 12px;
	text-decoration: line-through;
}

.product-item__availability {
	font-weight: 700;
	font-size: 16px;
	line-height: 150%;
}

.product-item__split {
	margin-bottom: 12px;
}

.product-item__buy-btn,
.product-item__false-btn {
	margin-bottom: 8px;
}

.product-item__false-btn {
	color: var(--color-secondary);
}

.product-item__buy-btn,
.product-item__similar-btn,
.product-item__click-btn,
.product-item__false-btn {
	min-height: 36px;
	width: 100%;
	font-weight: 500;
	border-radius: 8px;
	padding: 12px;
}

.product-item-unavailable {
	padding-bottom: 46px;
}

.checkbox-mark {
	display: none;
}

.checkbox-mark:checked + .checkbox-tag::after {
	transform: scale(1);
}

.checkbox-mark:focus-visible + .checkbox-tag {
	outline: 2px solid var(--color-primary);
	outline-offset: 3px;
}

.checkbox-mark input::-webkit-outer-spin-button,
.checkbox-mark input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	display: none;
	margin: 0;
}

.checkbox-mark:disabled + .checkbox-tag::before {
	border-color: var(--disabled-color-secondary);
}

.checkbox-mark:disabled + .checkbox-tag {
	pointer-events: none;
	color: var(--disabled-color-secondary);
}

.checkbox-tag {
	cursor: pointer;
	position: relative;
	display: inline-block;
	line-height: 129%;
	padding-left: 28px;
}

.checkbox-tag::before {
	content: "";
	position: absolute;
	top: 1px;
	left: 2px;
	width: 16px;
	height: 16px;
	border-radius: 4px;
	border: 2px solid var(--disabled-color);
}

.checkbox-tag::after {
	content: "";
	position: absolute;
	top: -1px;
	left: 0px;
	width: 20px;
	height: 20px;
	background: url("../img/catalog/checkbox.svg") center/cover no-repeat;
	transform: scale(0);
	transition: transform 0.3 ease;
}

.checkbox-mark-color {
	display: none;
}

.checkbox-mark-color:checked + .checkbox-tag-color::after {
	opacity: 1;
	visibility: visible;
}

.checkbox-mark-color:focus-visible + .checkbox-tag-color {
	outline: 2px solid var(--color-primary);
	outline-offset: 3px;
}

.checkbox-mark-color input::-webkit-outer-spin-button,
.checkbox-mark-color input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	display: none;
	margin: 0;
}

.checkbox-mark-color:disabled + .checkbox-tag-color {
	pointer-events: none;
	opacity: 0.3;
}

.checkbox-tag-color {
	position: relative;
	display: inline-block;
	width: 24px;
	height: 24px;
	border-radius: 2px;
	cursor: pointer;
}

.checkbox-tag-color::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 32px;
	height: 32px;
	transform: translate(-50%, -50%);
	border-radius: 4px;
	border: 1px solid var(--disabled-color);
}

.checkbox-tag-color::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 32px;
	height: 32px;
	transform: translate(-50%, -50%);
	border-radius: 4px;
	border: 2px solid var(--accent-border);
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease;
}

.radio-mark {
	display: none;
}

.radio-mark:checked + .radio-tag::after {
	opacity: 1;
	visibility: visible;
}

.radio-mark:focus-visible + .radio-tag {
	outline: 2px solid var(--color-primary);
	outline-offset: 3px;
}

.radio-mark input::-webkit-outer-spin-button,
.radio-mark input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	display: none;
	margin: 0;
}

.radio-tag {
	cursor: pointer;
}

.header__top {
	width: 100%;
	max-height: 52px;
	will-change: max-height;
	background-color: var(--background-secondary);
	transition: max-height 0.3s ease;
}

.header__bottom {
	display: none;
}

.header-top__container {
	min-height: 52px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 6px 50px;
}

.header-top__main {
	display: flex;
	align-items: center;
	gap: 24px;
}

.header-top__location {
	position: relative;
}

.header-top__location-body {
	display: flex;
	align-items: center;
	gap: 12px;
	flex-direction: column;
	position: absolute;
	top: 40px;
	left: -16px;
	border: 1px solid var(--background-tetriary);
	background: var(--white-primary);
	box-shadow: 0px 2px 12px 0px var(--box-shadow-color);
	border-radius: 12px;
	padding: 16px;
	opacity: 0;
	visibility: hidden;
	z-index: 106;
	transition:
		opacity 0.5s ease,
		visibility 0.5s ease;
}

.header-top__location-body.active {
	opacity: 1;
	visibility: visible;
}

.header-top__location-btn {
	display: flex;
	align-items: center;
}

.header-top__location-btn svg {
	margin-right: 4px;
	fill: var(--color-primary);
}

.header-top__location-btn span {
	font-weight: 500;
}

.header-top__location-btn.active span {
	color: var(--hover-link);
}

.header-top__location-btn.active svg {
	fill: var(--hover-link);
}

.header-top__btns {
	display: none;
}

.header-top .header-top__whatsapp-btn,
.header-top .header-top__callback-btn {
	width: 100%;
}

.header-top__list {
	display: flex;
	align-items: center;
}

.header-top__item:not(:last-child) {
	margin-right: 24px;
}

.header-top__link {
	white-space: nowrap;
}

.header-top__phone-link {
	display: flex;
	align-items: center;
}

.header-top__phone-link svg {
	margin-right: 4px;
	fill: var(--color-primary);
}

.header-top__phone-mobile,
.header-top__phone-descr {
	display: none;
}

.header-top__phone-mobile {
	font-size: 24px;
	line-height: 117%;
	font-weight: 700;
	margin-bottom: 4px;
}

.header-top__phone-descr {
	font-size: 13px;
	line-height: 123%;
}

.header-top__actions {
	display: flex;
	align-items: center;
	gap: 32px;
}

.header-top__actions-callback {
	min-height: 36px;
	padding: 6px 44px;
	border-radius: 8px;
	line-height: 100%;
}

.header-top__socials {
	display: flex;
	align-items: center;
	gap: 16px;
}

.header-location__city {
	font-size: 16px;
	font-weight: 700;
	white-space: nowrap;
}

.header-location__notice {
	font-size: 12px;
	color: var(--color-secondary);
}

.header-location__btns {
	display: flex;
	align-items: center;
	gap: 8px;
}

.header-location__btn {
	min-height: 36px;
	font-size: 12px;
	font-weight: 500;
	border-radius: 12px;
	white-space: nowrap;
	padding: 9px 16px;
}

.header-center__top.container {
	display: none;
}

.header-center__phone-link {
	display: flex;
	align-items: center;
	gap: 4px;
}

.header-center__phone-link span {
	font-weight: 600;
	font-size: 14px;
}

.header-center__container {
	min-height: 84px;
	display: flex;
	align-items: center;
	gap: 40px;
	padding: 12px 50px;
}

.header-center__burger {
	display: none;
}

.header-center__logo {
	flex: 0 0 140px;
	height: 48px;
	z-index: 105;
}

.header-center__search {
	flex: 0 1 745px;
	display: flex;
	align-items: center;
}

.header-center__actions {
	display: flex;
	align-items: center;
	gap: 24px;
}

.header-search__open-btn {
	display: none;
	height: 24px;
}

.header-search__open-btn svg {
	fill: var(--color-primary);
}

.header-search__open-btn.active svg {
	fill: var(--hover-link);
}

.header-search__body {
	width: 100%;
	position: relative;
}

.header-search__form {
	width: 100%;
	display: flex;
	align-items: center;
	padding: 10px 12px;
	border-radius: 12px;
	border: 1px solid var(--form-primary-border);
	background: var(--white-primary);
	transition: border-color 0.3s ease;
	z-index: 105;
}

.header-search__form:focus-within {
	border-color: var(--accent-border);
}

.header-search__result {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	padding: 7px;
	background-color: var(--white-primary);
	border: 1px solid var(--accent-border);
	border-radius: 12px;
}

.header-search__result.active {
	display: block;
}

.header-search__result-list li:not(:last-child) {
	margin-bottom: 8px;
}

.header-search__result-link {
	display: inline-block;
	padding: 9px 8px;
	font-size: 14px;
	line-height: 1.29;
}

.header-search__result-link span {
	color: var(--blue-primary);
}

.header-search__result-body {
	margin: 8px 0;
	border-top: 1px solid var(--gray-border);
	padding-top: 8px;
}

.header-search__result-item {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 8px 0;
}

.header-search__result-item:not(:last-child) {
	margin-bottom: 8px;
}

.header-search__result-item-img {
	width: 64px;
	height: 64px;
	flex-shrink: 0;
}

.header-search__result-item-img img {
	display: block;
	-o-object-fit: contain;
	object-fit: contain;
}

.header-search__result-item-title {
	font-size: 15px;
	font-weight: 500;
	line-height: 1.33;
	margin-bottom: 8px;
}

.header-search__result-item-title span {
	color: var(--blue-primary);
}

.header-search__result-item-price {
	display: flex;
	align-items: flex-end;
	gap: 2px;
	font-size: 12px;
	font-weight: 500;
}

.header-search__result-item-prices {
	display: flex;
	gap: 4px;
}

.header-search__result-item-price:not(.header-search__result-item-price_old)
	span {
	font-size: 17px;
	font-weight: 700;
	line-height: 0.9;
}

.header-search__result-item-price_old {
	text-decoration: line-through;
	font-weight: 400;
	color: var(--color-secondary);
}

.header-search__result-all {
	width: 100%;
	height: 40px;
	padding: 5px;
	border-radius: 12px;
	font-size: 15px;
	font-weight: 500;
	line-height: 1;
}

.header-search__search-btn {
	height: 24px;
	margin-right: 8px;
}

.header-search__search-btn svg {
	fill: var(--color-secondary);
}

.header-search__label {
	flex: 1 1 auto;
	height: 20px;
}

.header-search__input {
	width: 100%;
	height: 100%;
	font-size: 15px;
	color: var(--color-primary);
	outline: none;
}

.header-search__input::-moz-placeholder {
	color: var(--color-secondary);
}

.header-search__input::placeholder {
	color: var(--color-secondary);
}

.header-actions__link {
	display: flex;
	align-items: center;
	gap: 10px;
}

.header-actions__icon {
	height: 24px;
	display: block;
	position: relative;
}

.header-actions__icon-counter {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: -6px;
	right: -7px;
	width: 18px;
	height: 18px;
	border-radius: 100%;
	font-size: 11px;
	font-weight: 600;
	color: var(--white-primary);
	background-color: var(--red-primary);
	border: 2px solid var(--white-primary);
}

.header-logo__body {
	min-height: 85px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 10px;
}

.header-logo__img {
	flex: 0 0 140px;
	height: 48px;
	z-index: 105;
}

.product__container {
	position: relative;
}

.product__breadcrumbs {
	margin-bottom: 11px;
}

.product__wrapper {
	display: grid;
	grid-template-columns: 65.8% 29.06%;
	gap: 5.14%;
}

.product__top {
	min-width: 0;
	margin-bottom: 24px;
}

.product__others {
	margin-bottom: 32px;
}

.product__equipments {
	border-bottom: 1px solid var(--gray-border);
	margin-bottom: 24px;
}

.product__equipment-title {
	margin-bottom: 12px;
}

.product__reviews {
	padding-top: 8px;
}

.product__payment {
	padding: 20px 16px 25px;
	border-radius: 12px;
	background-color: var(--background-secondary);
}

.product__payment--unavailable {
	padding-top: 0;
}

.product__actions {
	display: none;
}

.product__notice {
	position: absolute;
	min-height: 53px;
	top: -22px;
	right: 50px;
	z-index: 10;
	display: inline-flex;
	align-items: center;
	-moz-column-gap: 75px;
	column-gap: 75px;
	border-radius: 12px;
	padding: 16px;
	background-color: var(--background-secondary);
	transition:
		opacity 0.3s ease,
		visibility 0.3s ease;
	opacity: 0;
	visibility: hidden;
}

.product__notice span {
	font-weight: 500;
	font-size: 17px;
}

.product__notice.active {
	opacity: 1;
	visibility: visible;
}

.product-actions__top {
	display: flex;
	align-items: center;
	-moz-column-gap: 12px;
	column-gap: 12px;
}

.product-actions__img {
	flex: 0 0 64px;
	height: 64px;
}

.product-actions__title {
	font-weight: 500;
	font-size: 15px;
	line-height: 133%;
	color: var(--color-primary);
	margin-bottom: 4px;
}

.product-actions__prices {
	display: flex;
	align-items: center;
	-moz-column-gap: 4px;
	column-gap: 4px;
	margin-bottom: 12px;
}

.product-actions__price--new {
	font-weight: 500;
	font-size: 12px;
	line-height: 117%;
	color: var(--color-primary);
}

.product-actions__price--new span {
	font-weight: 700;
	font-size: 17px;
	line-height: 90%;
}

.product-actions__price--old {
	font-size: 12px;
	line-height: 142%;
	color: var(--color-secondary);
	text-decoration: line-through;
}

.product-actions__price--old span {
	font-weight: 700;
}

.product-actions__btns {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	-moz-column-gap: 12px;
	column-gap: 12px;
}

.product-actions__text-btn {
	min-height: 44px;
	font-weight: 500;
	font-size: 15px;
	border-radius: 12px;
	padding: 12px;
	-moz-column-gap: 4px;
	column-gap: 4px;
}

.product-actions__buy-btn {
	min-height: 44px;
	font-weight: 500;
	font-size: 15px;
	border-radius: 12px;
	padding: 12px;
}

.product-top__head {
	margin-bottom: 12px;
}

.product-top__code {
	color: var(--color-secondary);
	line-height: 129%;
	margin-bottom: 18px;
}

.product-top__actions {
	display: flex;
	align-items: center;
	gap: 16px;
	row-gap: 8px;
	margin-bottom: 26px;
	flex-wrap: wrap;
}

.product-top__label {
	width: 30px;
	height: 30px;
	flex-shrink: 0;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	z-index: 2;
}

.product-top__label:not(:last-child) {
	margin-right: -8px;
}

.product-top__labels {
	display: flex;
	order: 1;
}

.product-top__label_sale {
	background-image: url("../img/catalog/labels/sale.svg");
}

.product-top__label_new {
	background-image: url("../img/catalog/labels/new.svg");
}

.product-top__label_order {
	background-image: url("../img/catalog/labels/order.svg");
}

.product-top__label_popular {
	background-image: url("../img/catalog/labels/popular.svg");
}

.product-top__review {
	display: flex;
	align-items: center;
}

.product-top__review--false {
	display: none;
}

.product-top__review-stars {
	display: flex;
	align-items: center;
	gap: 4px;
	margin-right: 4px;
}

.product-top__review-stars svg {
	fill: var(--star-yellow);
}

.product-top__review-value {
	display: block;
	margin-right: 8px;
	font-weight: 500;
}

.product-top__review-quantity {
	display: flex;
	align-items: center;
	color: var(--color-secondary);
}

.product-top__review-quantity span {
	display: block;
	margin-right: 4px;
}

.product-top__review-link,
.product-top__compare,
.product-top__question {
	display: flex;
	align-items: center;
	color: var(--color-secondary);
	white-space: nowrap;
}

.product-top__review-link svg,
.product-top__compare svg,
.product-top__question svg {
	fill: var(--color-secondary);
	margin-right: 4px;
}

.product-top__review-link span,
.product-top__compare span,
.product-top__question span {
	line-height: 129%;
}

.product-top__content {
	display: grid;
	grid-template-columns: 9.4% 48.14% 35.26%;
	gap: 3.6%;
	min-width: 0;
}

.product-top__column {
	height: 100%;
}

.product-top__column--thumbs {
	display: flex;
	align-items: center;
	gap: 9px;
	flex-direction: column;
	padding: 6px 0;
}

.product-top__column--thumbs .swiper-button-disabled {
	pointer-events: none;
}

.product-top__column--thumbs .swiper-button-disabled svg {
	fill: var(--disabled-color);
}

.product-column-thumbs__arrow {
	width: 24px;
	height: 24px;
}

.product-column-thumbs__arrow svg {
	fill: var(--color-secondary);
	transition: fill 0.3s ease;
}

.product-column-thumbs__arrow--next {
	transform: rotate(-180deg);
}

.product-column-thumbs__body {
	flex: 0 0 242px;
}

.product-column-thumbs__wrapper {
	gap: 9px;
}

.product-column-thumbs__wrapper .swiper-slide-thumb-active {
	border: 2px solid var(--color-primary);
}

.product-column-thumbs__slide {
	width: 100% !important;
	height: 73px !important;
	cursor: pointer;
	border-radius: 12px;
}

.product-column-thumbs__slide img {
	border-radius: 12px;
}

.product-column-slider__body {
	min-width: 0;
}

.product-column-slider__wrapper {
	width: 100%;
}

.product-column-slider__slide {
	width: 100%;
	height: 374px;
	background-color: var(--white-primary);
}

.product-column-slider__slide img {
	-o-object-fit: contain;
	object-fit: contain;
}

.product-column-slider__pagination {
	display: none;
}

.product-column-slider__pagination .swiper-pagination-bullet {
	width: 6px;
	height: 6px;
}

.product-column-slider__pagination .swiper-pagination-bullet-active {
	background-color: var(--dark-color);
}

.product-column-info__list {
	display: flex;
	align-items: flex-start;
	gap: 14px;
	flex-direction: column;
	margin-bottom: 20px;
}

.product-column-info__item {
	display: flex;
	align-items: center;
	line-height: 129%;
}

.product-column-info__item-key {
	display: block;
	color: var(--color-secondary);
	margin-right: 4px;
	white-space: nowrap;
}

.product-column-info__item-value {
	display: block;
	white-space: nowrap;
}

.product-others__title {
	padding: 8px 0;
	margin-bottom: 8px;
}

.product-others__actions {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 24px;
}

.product-others__options {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
}

.product-others__arrow--prev {
	transform: rotate(-90deg);
}

.product-others__arrow--next {
	transform: rotate(90deg);
}

.product-others__slider {
	min-width: 0;
}

.product-others__wrapper {
	align-items: stretch;
}

.product-others__slide {
	height: auto;
}

.split-payment {
	display: flex;
	align-items: center;
	gap: 3px;
}

.split-payment__label {
	font-size: 12px;
	line-height: 83.333%;
	color: var(--white-primary);
	background-color: var(--dark-color);
	border-radius: 7px 2px 2px 7px;
	padding: 2px;
}

.split-payment__label svg {
	margin-right: 1px;
	fill: var(--white-primary);
}

.split-payment__descr {
	color: var(--dark-color);
	font-size: 12px;
	line-height: 83.333%;
}

.product-details__title {
	margin-bottom: 12px;
}

.product-details__descr {
	margin-bottom: 20px;
}

.product-details__descr p {
	line-height: 129%;
}

.product-details__descr p:not(.product-details__descr p:last-child) {
	margin-bottom: 12px;
}

.product-details__video {
	min-height: 438px;
	border-radius: 16px;
	background-color: var(--background-secondary);
	margin-bottom: 20px;
}

.product-details__notice {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	background-color: var(--background-blue-accent);
	border-radius: 12px;
	margin-bottom: 20px;
	padding: 16px;
}

.product-details__notice svg {
	flex: 0 0 16px;
	fill: var(--blue-primary);
}

.product-details__notice span {
	line-height: 129%;
}

.product-details__list {
	display: flex;
	flex-direction: column;
	gap: 18px;
}

.product-details__list--features,
.product-details__list--equipments {
	margin-bottom: 27px;
}

.product-details__list--add {
	margin-bottom: 20px;
}

.product-details__item {
	display: flex;
	gap: 12px;
}

.product-details__item-key {
	color: var(--color-secondary);
	line-height: 129%;
}

.product-details__item-key--hint {
	display: flex;
	align-items: center;
	gap: 4px;
}

.product-details__item-divider {
	flex: 1 1 auto;
	border-bottom: 2px dotted var(--background-tetriary);
}

.product-details__item-value {
	line-height: 129%;
}

.product-details__item-btn {
	width: 16px;
	height: 16px;
}

.product-details__secondary-title {
	font-size: 17px;
	font-weight: 500;
	line-height: 141%;
	margin-bottom: 16px;
}

.product-details__btns {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 16px;
	margin-bottom: 24px;
}

.product-reviews__title {
	margin-bottom: 16px;
}

.product-reviews__body {
	padding-bottom: 36px;
}

.product-reviews__body--true {
	border-bottom: 1px solid var(--background-tetriary);
}

.product-reviews__body--false p {
	line-height: 129%;
	margin-bottom: 24px;
}

.product-reviews__slider {
	margin-bottom: 20px;
}

.product-reviews__list {
	align-items: stretch;
}

.product-reviews__item {
	height: auto;
}

.product-reviews__item:first-child:last-child {
	flex: 1 1 100%;
	margin-right: 0 !important;
}

.product-reviews__btn {
	font-weight: 500;
}

.product-reviews__btn--true {
	min-height: 40px;
	width: 100%;
	font-size: 15px;
	padding: 10px 20px;
	border-radius: 12px;
}

.product-reviews__btn--false {
	min-height: 36px;
	padding: 10px 20px;
	border-radius: 8px;
	padding: 9px 16px;
}

.reviews-item {
	background-color: var(--background-secondary);
	border-radius: 12px;
	padding: 16px;
}

.reviews-item__top {
	padding-bottom: 12px;
	border-bottom: 1px solid var(--background-tetriary);
}

.reviews-item__author {
	display: flex;
	align-items: center;
	gap: 16px;
	margin-bottom: 8px;
}

.reviews-item__author-photo {
	width: 44px;
	height: 44px;
	flex-shrink: 0;
	border-radius: 50%;
	overflow: hidden;
}

.reviews-item__author-photo img {
	display: block;
}

.reviews-item__name {
	font-size: 17px;
	font-weight: 500;
	line-height: 141%;
	margin-bottom: 4px;
}

.reviews-item__location {
	display: block;
	font-size: 13px;
	line-height: 123.077%;
	margin-bottom: 8px;
}

.reviews-item__info {
	display: flex;
	align-items: center;
	gap: 8px;
}

.reviews-item__stars {
	display: flex;
	align-items: center;
}

.reviews-item__stars svg {
	fill: var(--star-yellow);
}

.reviews-item__date {
	display: block;
	color: var(--color-secondary);
	font-size: 13px;
	line-height: 123.077%;
}

.reviews-item__content {
	padding-top: 12px;
}

.reviews-item__advantage,
.reviews-item__disadvantage,
.reviews-item__comment {
	line-height: 129%;
	margin-bottom: 12px;
}

.reviews-item__key {
	display: block;
	font-weight: 500;
	margin-bottom: 4px;
}

.reviews-item__more {
	padding: 9px 0;
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.3;
	color: var(--color-primary);
}

.reviews-item__more svg {
	transform: rotate(180deg);
	width: 16px;
	height: 16px;
	flex-shrink: 0;
	transition: all 0.3s;
}

.reviews-item__more_active svg {
	transform: rotate(0deg);
}

.reviews-item__reaction {
	display: flex;
	align-items: center;
	gap: 16px;
}

.reviews-item__like,
.reviews-item__dislike {
	display: flex;
	align-items: center;
	gap: 4px;
}

.reviews-item__like svg,
.reviews-item__dislike svg {
	fill: var(--gray-color);
}

.reviews-item__like span,
.reviews-item__dislike span {
	color: var(--gray-color);
	font-size: 15px;
	font-weight: 500;
}

.reviews-item__gallery {
	display: flex;
	gap: 16px;
	margin-bottom: 26px;
}

.reviews-item__gallery-photo {
	width: 100px;
	height: 100px;
	flex-shrink: 0;
	border-radius: 8px;
	overflow: hidden;
	position: relative;
}

.reviews-item__gallery-photo:nth-child(n + 6):not(
		.reviews-item__gallery-photo_more
	) {
	display: none;
}

.reviews-item__gallery-photo img {
	display: block;
}

.reviews-item__gallery-photo-more {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.58);
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 17px;
	color: var(--white-primary);
}

.reviews-item__small {
	display: flex;
	align-items: center;
	gap: 4px;
	font-size: 13px;
	color: var(--color-secondary);
	margin-top: 18px;
}

.reviews-item__small a {
	text-decoration: underline;
	color: var(--color-primary);
}

.product-slider-navigation {
	display: flex;
	align-items: center;
	gap: 8px;
}

.product-slider-navigation .swiper-button-disabled {
	pointer-events: none;
	background-color: var(--background-secondary);
	border: none;
	transition:
		background-color 0.3s ease,
		border 0.3s ease;
}

.product-slider-navigation .swiper-button-disabled svg {
	fill: var(--disabled-color);
	transition: fill 0.3s ease;
}

.product-recommended__top {
	display: flex;
	align-items: center;
	gap: 20px;
	justify-content: space-between;
	margin-bottom: 24px;
}

.product-recommended__arrow--prev {
	transform: rotate(-90deg);
}

.product-recommended__arrow--next {
	transform: rotate(90deg);
}

.product-recommended__wrapper {
	align-items: stretch;
}

.product-recommended__slide {
	height: auto;
}

.product-payment__prices {
	display: flex;
	align-items: flex-end;
	margin-bottom: 12px;
}

.product-payment__price {
	display: flex;
	align-items: flex-end;
}

.product-payment__price--new {
	font-size: 12px;
	font-weight: 500;
	margin-right: 8px;
}

.product-payment__price--new span {
	display: block;
	font-size: 24px;
	font-weight: 700;
	line-height: 85%;
	margin-right: 4px;
}

.product-payment__price--old {
	color: var(--color-secondary);
	font-size: 12px;
	text-decoration: line-through;
}

.product-payment__price--old span {
	display: block;
	font-size: 14px;
}

.product-payment__split {
	margin-bottom: 16px;
}

.product-payment__availability {
	margin-bottom: 24px;
}

.product-payment__available {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.product-payment__form {
	display: flex;
	flex-direction: column;
	row-gap: 12px;
	margin-bottom: 12px;
}

.product-payment__input {
	border-color: transparent;
}

.product-payment__buy-btn,
.product-payment__click-btn,
.product-payment__notify-btn,
.product-payment__similar-btn,
.product-payment__order-btn {
	min-height: 52px;
	width: 100%;
	font-size: 17px;
	font-weight: 500;
	border-radius: 12px;
	padding: 12px;
}

.product-payment__ya-pay {
	display: none;
}

.product-payment__unavailable {
	min-height: 72px;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.product-payment__unavailable span {
	font-weight: 700;
}

.product-payment__descr {
	margin-bottom: 12px;
}

.product-payment__list {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.product-payment__item {
	display: flex;
	align-items: center;
	gap: 12px;
}

.catalog {
	overflow: hidden;
}

.catalog__body {
	display: grid;
	grid-template-columns: 28.81% 65.85%;
	gap: 5.34%;
}

.catalog-side__body {
	transition: all 0.3s ease;
	margin-bottom: 4px;
}

.catalog-side__body.active {
	border-radius: 16px;
	padding: 8px;
	border: 1px solid rgba(0, 0, 0, 0.08);
}

.catalog-side__filter {
	background-color: var(--white-primary);
}

.catalog-body__toggle-btn {
	min-height: 44px;
	width: 100%;
	font-size: 15px;
	font-weight: 500;
	border-radius: 12px;
	padding: 5px 10px;
}

.catalog-body__toggle-btn.active .catalog-body__toggle-icon--hidden {
	display: none;
}

.catalog-body__toggle-btn.active .catalog-body__toggle-icon--visible {
	display: block;
}

.catalog-body__toggle-icon {
	display: block;
	width: 24px;
	height: 24px;
	margin-right: 4px;
}

.catalog-body__toggle-icon svg {
	transition: fill 0.3s ease;
}

.catalog-body__toggle-icon--visible {
	display: none;
}

.catalog-body__content {
	max-height: 0;
	opacity: 0;
	visibility: hidden;
	overflow: hidden;
	background-color: var(--white-primary);
	will-change: max-height;
	transition: all 0.3s ease;
	padding: 12px 0;
}

.catalog-body__content.active {
	opacity: 1;
	visibility: visible;
}

.catalog-body__top {
	display: none;
}

.catalog-body__top-btn {
	width: 24px;
	height: 24px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 16px;
}

.catalog-body__top-title {
	font-size: 15px;
	font-weight: 500;
	line-height: 133%;
}

.catalog-body__item {
	width: 100%;
}

.catalog-body__item:not(.catalog-body__item:last-child) {
	margin-bottom: 4px;
}

.catalog-body__item-link {
	min-height: 36px;
	width: 100%;
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 9px 14px 9px 8px;
	border-radius: 8px;
	transition: background-color 0.3s ease;
}

.catalog-body__item-link.active .catalog-body__item-dropdown svg {
	transform: rotate(0);
}

.catalog-body__item-icon svg {
	fill: var(--color-primary);
}

.catalog-body__item-dropdown {
	width: 24px;
	height: 24px;
	display: inline-block;
	margin-left: auto;
}

.catalog-body__item-dropdown svg {
	transform: rotate(-180deg);
	fill: var(--color-secondary);
	transition: transform 0.3s ease;
}

.catalog-body__sublist {
	max-height: 0;
	opacity: 0;
	visibility: hidden;
	overflow: hidden;
	will-change: max-height;
	transition: all 0.3s ease;
}

.catalog-body__sublist.active {
	opacity: 1;
	visibility: visible;
}

.catalog-body__sublink {
	display: flex;
	align-items: center;
	min-height: 36px;
	width: 100%;
	padding: 9px 9px 9px 36px;
	border-radius: 8px;
	transition: background-color 0.3s ease;
}

.catalog-filter__top {
	display: none;
}

.catalog-filter__top-btn {
	width: 24px;
	height: 24px;
	margin-left: 16px;
}

.catalog-filter .b-filter_item {
	margin-bottom: 16px;
}

.catalog-filter
	.b-filter_item--brand
	.b-filter_item_checkbox-item:nth-child(n + 6) {
	display: none;
}

.catalog-filter
	.b-filter_item--brand.active
	.b-filter_item_checkbox-item:nth-child(n + 6) {
	display: block;
}

.catalog-filter .b-filter_item--color .b-filter_item_checkboxes {
	padding: 4px 0 0 4px;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 16px;
}

.catalog-filter .b-filter_item--color .b-filter_item_checkbox-item {
	padding: 0;
}

.catalog-filter .b-filter_item--color .checkbox-label-color {
	position: relative;
}

.catalog-filter .b-filter_item--color .checkbox-tooltip-color {
	display: inline-block;
	position: absolute;
	bottom: -29px;
	left: 120%;
	font-size: 14px;
	line-height: 129%;
	border: 1px solid var(--color-secondary);
	border-radius: 2px;
	padding: 4px 8px;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16);
	background-color: var(--white-primary);
	z-index: 1;
	opacity: 0;
	visibility: hidden;
	transition:
		opacity 0.3s ease,
		visibility 0.3s ease;
}

.catalog-filter .b-filter_item_toggle {
	font-weight: 500;
	line-height: 129%;
	padding: 9px 0;
}

.catalog-filter .b-filter_item_toggle--hint {
	display: flex;
	align-items: center;
	gap: 8px;
}

.catalog-filter .b-filter_item_toggle__btn {
	width: 16px;
	height: 16px;
}

.catalog-filter .b-filter_range {
	margin: 19px 0;
}

.catalog-filter .b-filter_range .ui-slider-range {
	top: 0px;
	height: 2px;
	background-color: var(--accent-border);
	filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.16));
}

.catalog-filter .b-filter_range .ui-slider-handle {
	width: 24px;
	height: 24px;
	top: 50%;
	transform: translateY(-50%);
	background-color: var(--white-primary);
	border: 2px solid var(--accent-border);
	border-radius: 100%;
}

.catalog-filter .ui-slider-handle.ui-state-focus,
.catalog-filter .ui-slider-handle.ui-state-active {
	background: none;
	background-color: var(--white-primary);
	border: 2px solid var(--accent-border);
}

.catalog-filter .b-filter_range.ui-slider {
	width: calc(100% - 22px);
	transform: translateX(7px);
	height: 2px;
	border: none;
	background-color: var(--gray-border);
}

.catalog-filter .b-filter_range.ui-slider::before,
.catalog-filter .b-filter_range.ui-slider::after {
	content: "";
	position: absolute;
	top: 0;
	height: 2px;
	background-color: var(--gray-border);
}

.catalog-filter .b-filter_range.ui-slider::after {
	right: -15px;
	width: 16px;
}

.catalog-filter .b-filter_range.ui-slider::before {
	left: -7px;
	width: 8px;
}

.catalog-filter .b-range_controls {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 12px;
	padding: 8px 0;
}

.catalog-filter .b-range_controls__value {
	min-height: 36px;
	width: 100%;
	display: flex;
	align-items: flex-end;
	gap: 4px;
	border-radius: 8px;
	border: 1px solid var(--form-primary-border);
	padding: 9px 12px;
	line-height: 129%;
}

.catalog-filter .b-range_controls__value span {
	display: block;
	color: var(--color-secondary);
}

.catalog-filter .b-range_controls__value .min-value,
.catalog-filter .b-range_controls__value .max-value {
	max-width: 65px;
	display: block;
	line-height: 129%;
	outline: none;
}

.catalog-filter .b-range_controls__value .min-value::-moz-placeholder,
.catalog-filter .b-range_controls__value .max-value::-moz-placeholder {
	color: var(--color-primary);
	font-size: 14px;
	font-weight: 400;
}

.catalog-filter .b-range_controls__value .min-value::placeholder,
.catalog-filter .b-range_controls__value .max-value::placeholder {
	color: var(--color-primary);
	font-size: 14px;
	font-weight: 400;
}

.catalog-filter .b-range_controls__unit {
	margin-left: auto;
}

.catalog-filter .b-filter_item_checkboxes {
	display: flex;
	flex-direction: column;
}

.catalog-filter .b-filter_item_checkbox-item {
	padding: 8px 2px;
}

.catalog-filter .b-filter_item__all-btn {
	display: block;
	font-weight: 500;
	line-height: 129%;
	margin-top: 9px;
}

.catalog-filter .b-filter_item_radio {
	min-height: 36px;
	display: flex;
	align-items: center;
	gap: 8px;
	margin-top: 8px;
}

.catalog-filter .b-filter_footer {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-direction: column;
	background-color: var(--white-primary);
}

.catalog-filter .b-filter_footer-btn {
	width: 100%;
	min-height: 36px;
	font-weight: 500;
	border-radius: 8px;
}

.catalog-content__breadcrumbs {
	margin-bottom: 16px;
}

.catalog-content__empty {
	padding: 16px 0 24px;
}

.catalog-content__empty-title {
	font-size: 32px;
	font-weight: 700;
	line-height: 1.13;
	margin-bottom: 24px;
}

.catalog-content__empty-subtitle {
	font-size: 14px;
	line-height: 1.29;
	color: var(--color-secondary);
}

.catalog-content__empty-offer {
	margin-top: 64px;
}

.catalog-content__top {
	margin-bottom: 28px;
}

.catalog-content__title {
	font-size: 32px;
	font-weight: 700;
	line-height: 112.5%;
	margin-bottom: 24px;
}

.catalog-content__categories {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
}

.catalog-content__category {
	height: 100%;
}

.catalog-content__category-link {
	display: flex;
	align-items: center;
	gap: 7px;
	justify-content: center;
	border-radius: 12px;
	padding: 6px 11px 6px 7px;
}

.catalog-content__category-icon {
	flex: 0 0 45px;
	height: 32px;
}

.catalog-content__actions {
	display: flex;
	align-items: center;
	gap: 20px;
	justify-content: space-between;
	padding-bottom: 8px;
	border-bottom: 1px solid var(--gray-border);
}

.catalog-content__filter-btn {
	display: none;
}

.catalog-content__quantity {
	color: var(--color-secondary);
	line-height: 129%;
}

.catalog-content__sort {
	height: 36px;
}

.catalog-content__sort .choices {
	width: 100%;
	height: 100%;
}

.catalog-content__sort .choices__inner {
	border: none;
	background-color: var(--white-primary);
}

.catalog-content__sort .choices__inner .choices__item--selectable {
	color: var(--blue-primary);
	font-weight: 500;
}

.catalog-content__sort .choices[data-type*="select-one"].choices__inner {
	padding-bottom: 0;
}

.catalog-content__sort .choices[data-type*="select-one"]::after {
	border: none;
	top: 54%;
	right: 9px;
	background: url("../img/catalog/dropdown.svg") center/cover no-repeat;
	width: 9px;
	height: 5px;
	transition: transform 0.3s ease;
}

.catalog-content__sort .choices[data-type*="select-one"].is-open::after {
	margin-top: -4px;
	transform: rotate(-180deg);
}

.catalog-content__sort .choices__placeholder {
	opacity: 1;
}

.catalog-content__sort .choices__item.choices__item--choice {
	color: var(--color-primary);
	border-radius: 8px;
	transition:
		color 0.3s ease,
		background-color 0.3s ease;
}

.catalog-content__sort .choices__item.is-selected {
	color: var(--blue-primary);
}

.catalog-content__sort .choices__list--dropdown .choices__item--selectable,
.catalog-content__sort
	.choices__list[aria-expanded]
	.choices__item--selectable {
	padding: 10px 8px;
}

.catalog-content__sort .choices__list--dropdown {
	width: 228px;
	top: 108%;
	left: -70px;
	z-index: 10;
	border-radius: 12px;
	border: 1px solid var(--background-tetriary);
	background: var(--white-primary);
	box-shadow: 0px 2px 12px 0px var(--box-shadow-color);
	padding: 8px;
}

.catalog-content__sort
	.choices__list--dropdown
	.choices__item--selectable.is-highlighted {
	background-color: var(--white-primary);
}

.catalog-content__sort
	.choices__list--dropdown
	.choices__item--selectable.is-highlighted::after {
	display: none;
}

.catalog-content__list {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	-moz-column-gap: 28px;
	column-gap: 28px;
	row-gap: 40px;
	padding: 36px 0px 44px;
}

.catalog-content__item--banner {
	display: flex;
	align-items: center;
	max-height: 180px;
	grid-column: span 4;
	-moz-column-gap: 28px;
	column-gap: 28px;
}

.catalog-content__item--banner img {
	border-radius: 16px;
}

.catalog-content__banner {
	flex: 0 0 calc(50% - 14px);
}

.catalog-content__navigation {
	display: flex;
	align-items: center;
	gap: 8px;
	justify-content: center;
	margin-bottom: 48px;
}

.catalog-content__descr {
	margin-bottom: 48px;
}

.catalog-content__descr p {
	line-height: 129%;
}

.catalog-content__descr p:not(:last-child) {
	margin-bottom: 8px;
}

.catalog-content__descr-title {
	margin-bottom: 12px;
}

.catalog-navigation__btn--prev svg {
	transform: rotate(-90deg);
}

.catalog-navigation__btn--next svg {
	transform: rotate(90deg);
}

.catalog-navigation__btn--current {
	border-width: 2px;
	border-color: var(--accent-border);
}

.catalog-navigation__dots {
	display: block;
	padding: 0 12px;
}

.catalog-category__item {
	display: grid;
	grid-template-columns: 22% 75%;
	gap: 3%;
}

.catalog-category__item:not(:last-child) {
	margin-bottom: 24px;
}

.catalog-category__item-title {
	font-size: 15px;
	font-weight: 500;
	line-height: 129%;
}

.catalog-category__item-list {
	display: flex;
	align-items: center;
	gap: 8px;
	row-gap: 31px;
	flex-wrap: wrap;
	padding: 10px;
}

.basket__container {
	padding: 0 152px;
}

.basket__body--true {
	display: flex;
	-moz-column-gap: 60px;
	column-gap: 60px;
}

.basket__body--false {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 55px 0 494px 0;
}

.basket-true__body {
	flex: 0 1 573px;
}

.basket-true__breadcrumbs {
	margin-bottom: 16px;
}

.basket-true__title {
	padding: 8px 0;
	margin-bottom: 10px;
}

.basket-true__item:not(:last-child) {
	margin-bottom: 10px;
	padding: 8px 0 18px;
	border-bottom: 1px solid var(--gray-border);
}

.basket-true__side {
	flex: 0 1 343px;
}

.basket-true__details {
	padding: 12px 16px 16px 16px;
	background-color: var(--background-secondary);
	border-radius: 16px;
}

.basket-item {
	display: flex;
	align-items: flex-start;
	gap: 12px;
}

.basket-item__img {
	flex: 0 0 88px;
	height: 88px;
}

.basket-item__content {
	flex: 1 1 auto;
}

.basket-item__name {
	font-size: 15px;
	font-weight: 500;
	line-height: 133%;
}

.basket-item__descr {
	line-height: 129%;
	color: var(--color-secondary);
	margin-bottom: 4px;
}

.basket-item__prices {
	display: flex;
	align-items: center;
	gap: 4px;
	margin-bottom: 12px;
}

.basket-item__price {
	display: flex;
	align-items: flex-end;
	gap: 4px;
}

.basket-item__price--new {
	font-weight: 500;
	font-size: 12px;
	line-height: 175%;
}

.basket-item__price--new span {
	font-size: 17px;
	line-height: 128%;
	font-weight: 700;
}

.basket-item__price--old {
	font-size: 12px;
	line-height: 192%;
	text-decoration: line-through;
	color: var(--color-secondary);
}

.basket-item__bottom {
	display: flex;
	align-items: center;
	gap: 12px;
	justify-content: space-between;
}

.basket-item__counter {
	display: flex;
	align-items: center;
	gap: 8px;
	min-height: 36px;
	flex: 0 1 108px;
	justify-content: space-between;
	background-color: var(--background-secondary);
	border-radius: 40px;
	padding: 6px 12px;
}

.basket-item__btn {
	flex: 0 0 20px;
	height: 20px;
}

.basket-item__btn svg {
	fill: var(--color-primary);
	transition: fill 0.3s ease;
}

.basket-item__btn:disabled {
	pointer-events: none;
}

.basket-item__btn:disabled svg {
	fill: var(--disabled-color);
}

.basket-item__label {
	flex: 0 0 28px;
}

.basket-item__input {
	width: 100%;
	text-align: center;
	background-color: var(--background-secondary);
	outline: none;
}

.basket-item__input::-moz-placeholder {
	font-weight: 500;
	color: var(--color-primary);
}

.basket-item__input::placeholder {
	font-weight: 500;
	color: var(--color-primary);
}

.basket-item input::-webkit-outer-spin-button,
.basket-item input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.basket-item input[type="number"] {
	-moz-appearance: textfield;
}

.basket-item__btn-remove svg {
	fill: var(--color-secondary);
}

.basket-details__title {
	padding: 8px 0;
	margin-bottom: 16px;
}

.basket-details__list {
	padding-bottom: 12px;
	border-bottom: 1px solid var(--background-tetriary);
}

.basket-details__item {
	display: flex;
	align-items: center;
	gap: 12px;
	justify-content: space-between;
	line-height: 129%;
	padding: 3px 0;
}

.basket-details__item:not(.basket-details__item:last-child) {
	margin-bottom: 4px;
}

.basket-details__item-key span {
	display: inline-block;
	margin-right: 4px;
}

.basket-details__item-value {
	display: flex;
	align-items: center;
	gap: 4px;
}

.basket-details__total {
	display: flex;
	align-items: center;
	gap: 12px;
	justify-content: space-between;
	padding: 16px 0 20px 0;
}

.basket-details__total-key {
	font-size: 15px;
	font-weight: 500;
	line-height: 133%;
}

.basket-details__total-value {
	display: flex;
	align-items: flex-end;
	gap: 4px;
	font-size: 12px;
	font-weight: 500;
	line-height: 141%;
}

.basket-details__total-value span {
	font-size: 20px;
	font-weight: 700;
	line-height: 120%;
}

.basket-details__btn {
	width: 100%;
	min-height: 52px;
	font-weight: 500;
	font-size: 17px;
	border-radius: 12px;
	padding: 14px 24px;
}

.basket-false__title {
	text-align: center;
	margin-bottom: 8px;
}

.basket-false__descr {
	max-width: 418px;
	font-size: 15px;
	line-height: 133%;
	text-align: center;
	margin-bottom: 20px;
}

.basket-false__btn {
	min-height: 40px;
	font-family: var(--font-family);
	font-weight: 500;
	font-size: 15px;
	border-radius: 12px;
	padding: 10px 20px;
}

.order__container {
	padding: 0 152px;
}

.order__breadcrumbs {
	margin-bottom: 9px;
}

.order__breadcrumbs .breadcrumbs__link {
	display: flex;
	align-items: center;
	gap: 4px;
}

.order__breadcrumbs .breadcrumbs__link svg {
	transform: rotate(-90deg);
}

.order__title {
	padding: 8px 0;
	margin-bottom: 24px;
}

.order-form__body {
	display: flex;
	align-items: flex-start;
	gap: 60px;
}

.order-form__content {
	flex: 0 1 575px;
}

.order-form__details-list {
	margin-bottom: 20px;
}

.order-form__details-item:not(:last-child) {
	margin-bottom: 12px;
}

.order-form__input {
	min-height: 44px;
}

.order-form__checkbox-label {
	display: block;
	padding: 8px 0;
}

.order-form__checkbox-label.err .form-error {
	display: block;
}

.order-form__checkbox-label.err .checkbox-tag::before {
	border-color: var(--red-accent);
}

.order-form__checkbox-tag {
	line-height: 129%;
}

.order-form__side {
	flex: 0 1 344px;
}

.order-form__checkout {
	padding: 16px;
	border-radius: 16px;
	background-color: var(--background-secondary);
}

.order-notice {
	border-radius: 12px;
	padding: 16px;
	background-color: var(--background-secondary);
}

.order-notice p {
	line-height: 129%;
	margin-bottom: 16px;
}

.order-notice p span {
	display: block;
	font-weight: 500;
}

.order-notice__info {
	display: flex;
	align-items: flex-start;
	gap: 8px;
}

.order-notice__info svg {
	flex: 0 0 16px;
	fill: var(--color-primary);
	margin-top: 1px;
}

.order-notice__info span {
	line-height: 129%;
}

.order-delivery__body--others {
	padding: 24px 0 20px;
}

.order-delivery__tabs {
	width: 100%;
	min-height: 40px;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	border-radius: 12px;
	background-color: var(--background-secondary);
	padding: 2px;
}

.order-delivery__tab {
	width: 100%;
	height: 100%;
	font-weight: 500;
	padding: 9px 16px;
}

.order-delivery__tab.active {
	background-color: var(--white-primary);
	border-radius: 12px;
}

.order-delivery__content {
	padding: 24px 0 20px;
}

.order-delivery__notice--free {
	background-color: var(--background-green-accent);
}

.order-delivery__notice--free .order-notice__info svg {
	fill: var(--green-accent);
}

.order-delivery__shipping,
.order-delivery__address {
	margin-bottom: 16px;
}

.order-delivery__title {
	padding: 8px 0;
	margin-bottom: 8px;
}

.order-delivery__label-radio {
	display: block;
	width: 100%;
}

.order-delivery__label-radio:not(:last-child) {
	margin-bottom: 12px;
}

.order-delivery__label:not(:last-child) {
	margin-bottom: 12px;
}

.order-form__label,
.product-payment__label,
.order-delivery__label,
.modal-form__label {
	position: relative;
	display: block;
	width: 100%;
}

.order-form__label .btn-clear-input,
.product-payment__label .btn-clear-input,
.order-delivery__label .btn-clear-input,
.modal-form__label .btn-clear-input {
	position: absolute;
	top: 15px;
	right: 12px;
}

.order-form__label.err .form-error,
.product-payment__label.err .form-error,
.order-delivery__label.err .form-error,
.modal-form__label.err .form-error {
	display: block;
}

.form-error {
	display: none;
	color: red;
	font-size: 13px;
	line-height: 123%;
	padding-top: 8px;
}

.radio-order {
	display: none;
}

.radio-order input::-webkit-outer-spin-button,
.radio-order input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	display: none;
	margin: 0;
}

.radio-order:checked + .radio-info::after {
	transform: scale(1);
}

.radio-order:checked + .radio-info::before {
	border-color: var(--color-primary);
}

.radio-info {
	cursor: pointer;
	position: relative;
	display: block;
	border-radius: 12px;
	padding: 16px 16px 16px 48px;
	border: 1px solid var(--background-tetriary);
}

.radio-info::before {
	content: "";
	position: absolute;
	top: 16px;
	left: 16px;
	width: 20px;
	height: 20px;
	border-radius: 100%;
	border: 2px solid var(--disabled-color);
	transition: border-color 0.3s ease;
}

.radio-info::after {
	content: "";
	position: absolute;
	top: 20px;
	left: 20px;
	width: 12px;
	height: 12px;
	border-radius: 100%;
	background-color: var(--color-primary);
	transform: scale(0);
	transition: transform 0.3s ease;
}

.radio-name {
	display: block;
	font-weight: 500;
	font-size: 15px;
	line-height: 133%;
	margin-bottom: 4px;
}

.radio-descr {
	display: block;
	font-size: 13px;
	line-height: 123%;
}

.order-payment__title {
	padding: 8px 0;
	margin-bottom: 8px;
}

.order-payment__item:not(:last-child) {
	margin-bottom: 12px;
}

.order-payment__radio-name--icon {
	display: flex;
	align-items: center;
	gap: 4px;
}

.order-payment__radio-icon {
	display: block;
	width: 20px;
	height: 20px;
}

.order-checkout__title {
	padding: 8px 0;
	margin-bottom: 8px;
}

.order-checkout__product-list {
	margin-bottom: 8px;
}

.order-checkout__product-item:not(:last-child) {
	border-bottom: 1px solid var(--background-tetriary);
}

.order-checkout__details-list {
	padding-bottom: 12px;
	border-bottom: 1px solid var(--gray-border);
}

.order-checkout__details-item {
	display: flex;
	align-items: center;
	gap: 12px;
	justify-content: space-between;
	line-height: 129%;
	padding: 3px 0;
}

.order-checkout__details-item:not(.order-checkout__details-item:last-child) {
	margin-bottom: 4px;
}

.order-checkout__item-key span {
	display: inline-block;
	margin-right: 4px;
}

.order-checkout__item-value {
	display: flex;
	align-items: center;
	gap: 4px;
}

.order-checkout__total {
	display: flex;
	align-items: center;
	gap: 12px;
	justify-content: space-between;
	padding: 16px 0 20px 0;
}

.order-checkout__total-key {
	font-size: 15px;
	font-weight: 500;
	line-height: 133%;
}

.order-checkout__total-value {
	display: flex;
	align-items: flex-end;
	gap: 4px;
	font-size: 12px;
	font-weight: 500;
	line-height: 141%;
	white-space: nowrap;
}

.order-checkout__total-value span {
	font-size: 20px;
	font-weight: 700;
	line-height: 120%;
}

.order-checkout__notice {
	display: none;
	width: 100%;
	line-height: 129%;
	border-radius: 12px;
	background-color: var(--white-primary);
	padding: 16px;
}

.order-checkout__btn {
	width: 100%;
	min-height: 52px;
	font-weight: 500;
	font-size: 17px;
	border-radius: 12px;
	padding: 14px 24px;
}

.checkout-item {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	padding: 12px 0;
}

.checkout-item__img {
	flex: 0 0 88px;
	height: 88px;
	border-radius: 12px;
	background-color: var(--white-primary);
}

.checkout-item__img img {
	border-radius: 12px;
}

.checkout-item__content {
	flex: 1 1 auto;
	padding-right: 8px;
}

.checkout-item__name {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	font-weight: 500;
	font-size: 15px;
	line-height: 133%;
	margin-bottom: 2px;
}

.checkout-item__info {
	margin-bottom: 4px;
}

.checkout-item__quantity {
	display: block;
	line-height: 129%;
	color: var(--color-secondary);
}

.checkout-item__quantity span {
	display: inline-block;
	margin-right: 4px;
}

.checkout-item__total {
	font-weight: 500;
	font-size: 12px;
	line-height: 117%;
	white-space: nowrap;
}

.checkout-item__total span {
	display: inline-block;
	font-weight: 700;
	font-size: 17px;
	line-height: 141%;
	margin-right: 2px;
}

.order-delivery__label .bx-sls .dropdown-block {
	box-shadow: none !important;
	font-size: 15px !important;
	background-color: var(--white-primary) !important;
	border-radius: 12px !important;
	outline: none !important;
	border: 1px solid var(--form-primary-border) !important;
	padding: 10px 38px 10px 28px !important;
	transition: border-color 0.3s ease !important;
}

.order-delivery__label .bx-sls .dropdown-block:focus {
	border-color: var(--accent-border) !important;
}

.order-delivery__label .bx-sls .dropdown-block .bx-sls .dropdown-icon {
	top: 50% !important;
	transform: translateY(-50%) !important;
}

.order-delivery__label .bx-sls .dropdown-block .bx-sls .bx-ui-sls-clear {
	top: 50% !important;
	transform: translateY(-50%) !important;
	margin-top: 0 !important;
}

.order-delivery__label .bx-sls .dropdown-block .bx-sls .dropdown-fade2white {
	right: 7px !important;
}

.order-delivery__label .bx-sls .dropdown-block .bx-sls .bx-ui-sls-route,
.order-delivery__label .bx-sls .dropdown-block .bx-sls .bx-ui-sls-fake {
	height: 41px;
	color: var(--color-secondary) !important;
	font-family: "Inter", sans-serif !important;
	font-size: 15px !important;
}

.complete__container {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.complete__body {
	display: flex;
	flex-direction: column;
	align-items: center;
	max-width: 342px;
	padding: 30px 0;
}

.complete__icon {
	width: 64px;
	height: 64px;
	margin-bottom: 16px;
}

.complete__title {
	text-align: center;
	margin-bottom: 8px;
}

.complete__descr {
	font-size: 15px;
	line-height: 133%;
	text-align: center;
	margin-bottom: 20px;
}

.complete__order {
	border-radius: 16px;
	padding: 24px 16px;
	border: 1px solid var(--background-tetriary);
}

.complete__order-descr {
	font-size: 15px;
	line-height: 133%;
	text-align: center;
	margin-bottom: 16px;
}

.complete__order-number {
	display: block;
	font-weight: 700;
	font-size: 24px;
	line-height: 117%;
	text-align: center;
	margin-bottom: 8px;
}

.complete__order-number span {
	display: inline-block;
	padding-left: 4px;
}

.complete__order-date {
	display: block;
	font-size: 13px;
	line-height: 123%;
	text-align: center;
}

.complete__order-date span {
	display: inline-block;
	padding-left: 4px;
}

.complete__btn {
	width: 100%;
	min-height: 52px;
	margin-top: 28px;
	border-radius: 12px;
	padding: 14px 24px;
}

.footer {
	background-color: var(--background-secondary);
	padding-top: 25px;
}

.footer__body {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 28px;
	padding-bottom: 31px;
	border-bottom: 1px solid var(--background-tetriary);
}

.footer__column:nth-child(2) {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 28px;
}

.footer__menu {
	height: 100%;
}

.footer__contacts {
	height: 100%;
}

.footer__details {
	min-height: 56px;
	padding: 21px 0;
	color: var(--color-secondary);
	font-size: 12px;
	line-height: 116.667%;
}

.footer-catalog__btn {
	display: none;
}

.footer-catalog__content {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 28px;
}

.footer-catalog__item:not(.footer-catalog__item:last-child) {
	margin-bottom: 18px;
}

.footer-menu__item:not(.footer-menu__item:last-child) {
	margin-bottom: 18px;
}

.footer-contacts__phone {
	margin-bottom: 8px;
}

.footer-contacts__phone-link {
	font-size: 24px;
	font-weight: 700;
	white-space: nowrap;
}

.footer-contacts__email {
	margin-bottom: 14px;
}

.footer-contacts__address {
	margin-bottom: 8px;
}

.footer-contacts__name {
	font-size: 15px;
	font-weight: 500;
	margin-bottom: 8px;
}

.footer-contacts__descr {
	line-height: 129%;
}

.footer-contacts__schedule {
	margin-bottom: 17px;
}

.footer-contacts__socials {
	display: flex;
	align-items: center;
	gap: 16px;
	margin-bottom: 17px;
}

.footer-contacts__copyright {
	color: var(--color-secondary);
	margin-bottom: 28px;
}

.footer-contacts__callback-btn {
	min-height: 36px;
	padding: 6px 44px;
	border-radius: 8px;
	line-height: 100%;
}

.modal {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--blackout-background);
	z-index: 110;
	opacity: 0;
	visibility: hidden;
	transition:
		opacity 0.4s ease,
		visibility 0.4s ease;
}

.modal.active {
	opacity: 1;
	visibility: visible;
}

.modal__body {
	overflow: hidden;
	border-radius: 16px;
}

.modal__content {
	background-color: var(--white-primary);
}

.modal__content--product-type,
.modal__content--callback,
.modal__content--one-click,
.modal__content--question,
.modal__content--review {
	max-width: 420px;
	padding: 20px 24px;
}

.modal__content--location {
	max-width: 600px;
	padding: 32px 40px;
}

.modal__content--product-type,
.modal__content--location,
.modal__content--callback,
.modal__content--review,
.modal__content--question,
.modal__content--one-click {
	max-height: 90vh;
	border-radius: 16px;
	overflow-y: auto;
	opacity: 0;
	visibility: hidden;
	display: none;
}

.modal__content--product-type.active,
.modal__content--location.active,
.modal__content--callback.active,
.modal__content--review.active,
.modal__content--question.active,
.modal__content--one-click.active {
	opacity: 1;
	visibility: visible;
	display: block;
}

.modal-type__body {
	overflow-y: auto;
}

.modal-type__title {
	padding: 8px 0;
	margin-bottom: 4px;
}

.modal-type__descr {
	margin-bottom: 12px;
}

.modal-type__descr p {
	font-size: 15px;
	line-height: 133%;
}

.modal-type__descr p:not(:last-child) {
	margin-bottom: 12px;
}

.modal-type__list {
	margin-bottom: 24px;
}

.modal-type__item {
	position: relative;
	padding-left: 18px;
}

.modal-type__item::before {
	content: "";
	position: absolute;
	top: 10px;
	left: 0;
	transform: translateY(-50%);
	width: 6px;
	height: 6px;
	background-color: var(--disabled-color);
	border-radius: 100%;
}

.modal-type__item:not(:last-child) {
	margin-bottom: 12px;
}

.modal-type__item-name {
	font-size: 15px;
	font-weight: 500;
	line-height: 133%;
}

.modal-type__item-descr {
	font-size: 15px;
	line-height: 133%;
}

.modal-type__btn {
	min-height: 40px;
	width: 100%;
	border-radius: 12px;
	padding: 10px 20px;
}

.modal-location__body {
	position: relative;
}

.modal-location__close-btn {
	width: 24px;
	height: 24px;
	position: absolute;
	top: -28px;
	right: -28px;
}

.modal-location__list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: repeat(10, 1fr);
	grid-auto-flow: row;
	-moz-column-gap: 32px;
	column-gap: 32px;
	row-gap: 20px;
}

.modal-form__top {
	display: flex;
	align-items: center;
	gap: 12px;
	justify-content: space-between;
	margin-bottom: 4px;
}

.modal-form__title {
	line-height: 117%;
}

.modal-form__close-btn {
	flex: 0 0 36px;
	height: 36px;
}

.modal-form__descr {
	font-size: 15px;
	line-height: 133%;
	margin-bottom: 8px;
}

.modal-form__list {
	padding: 8px 0px;
	margin-bottom: 20px;
}

.modal-form__item:not(:last-child) {
	margin-bottom: 12px;
}

.modal-form__label {
	display: block;
}

.modal-form__input {
	min-height: 44px;
}

.modal-form__textarea {
	height: 120px;
	resize: none;
}

.modal-form__checkbox-label {
	display: block;
	padding: 8px 0;
}

.modal-form__checkbox-label.err .form-error {
	display: block;
}

.modal-form__checkbox-label.err .checkbox-tag::before {
	border-color: var(--red-accent);
}

.modal-form__btn {
	width: 100%;
	min-height: 44px;
	border-radius: 12px;
	padding: 12px 20px;
}

.modal-form__purchase {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	padding: 16px 0px;
}

.modal-form__purchase-img {
	flex: 0 0 88px;
	height: 88px;
}

.modal-form__purchase-content {
	flex: 1 1 auto;
}

.modal-form__purchase-title {
	font-weight: 500;
	font-size: 15px;
	line-height: 133%;
	margin-bottom: 2px;
}

.modal-form__purchase-quantity {
	display: flex;
	align-items: flex-end;
	gap: 4px;
	line-height: 129%;
	color: var(--color-secondary);
	margin-bottom: 4px;
}

.modal-form__purchase-total {
	display: flex;
	align-items: flex-end;
	gap: 4px;
	font-weight: 500;
	font-size: 12px;
	line-height: 170%;
}

.modal-form__purchase-total span {
	font-weight: 700;
	font-size: 17px;
	line-height: 141%;
}

.modal-form__stars {
	display: flex;
	align-items: center;
	gap: 12px;
}

.modal-form__stars-tag {
	font-weight: 500;
	font-size: 17px;
	line-height: 141%;
}

.modal-form__stars-list {
	display: flex;
	align-items: center;
	gap: 4px;
}

.modal-form__stars-item svg {
	fill: var(--white-primary);
	stroke: black;
	transition:
		stroke 0.3s ease,
		fill 0.3s ease;
}

.notice {
	position: fixed;
	top: 20px;
	right: 20px;
	width: 420px;
	height: 108px;
	padding: 20px 24px;
	z-index: 150;
	background-color: var(--white-primary);
	border: 1px solid var(--form-primary-border);
	border-radius: 16px;
	opacity: 0;
	visibility: hidden;
	transition:
		opacity 0.3s ease,
		visibility 0.3s ease;
}

.notice.active {
	opacity: 1;
	visibility: visible;
}

.notice__top {
	display: flex;
	align-items: center;
	gap: 12px;
	justify-content: space-between;
	margin-bottom: 4px;
}

.notice__title {
	line-height: 117%;
}

.notice__close-btn {
	flex: 0 0 36px;
	height: 36px;
}

.notice__descr {
	font-size: 15px;
	line-height: 133%;
}

.front__body {
	display: flex;
	align-items: flex-start;
	gap: 63px;
}

.front__side {
	flex: 0 0 340px;
}

.front__content {
	display: flex;
	flex-direction: column;
	row-gap: 28px;
	flex: 1 1 100%;
	min-width: 0;
}

.front-side__catalog .catalog-body__toggle-btn {
	pointer-events: none;
}

.banner-slider__slide {
	width: 100%;
	border-radius: 12px;
}

.banner-slider__slide-link {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 12px;
}

.banner-slider__slide-link img {
	border-radius: 12px;
}

.benefits {
	width: 100%;
	padding: 12px 0;
}

.benefits__list {
	padding: 16px 0;
}

.benefits__item {
	display: flex;
	flex-direction: column;
	align-items: center;
	row-gap: 20px;
}

.benefits__item-img {
	width: 70px;
	height: 70px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.benefits__item-descr {
	text-align: center;
	font-weight: 500;
	font-size: 14px;
	line-height: 129%;
}

.category-slider__top {
	display: none;
}

.category-slider__title {
	padding: 8px 0;
}

.category-slider__arrow--prev {
	transform: rotate(-90deg);
}

.category-slider__arrow--next {
	transform: rotate(90deg);
}

.category-slider__wrapper {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 24px;
}

.category-slider__slide {
	height: 200px;
	border-radius: 12px;
	background-color: var(--background-secondary);
}

.category-slider__slide:nth-child(6n + 1),
.category-slider__slide:nth-child(6n) {
	grid-column: span 2;
}

.category-slider__slide-link {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	padding: 16px 8px 20px 8px;
}

.category-slider__slide-img {
	width: 100%;
	flex: 1 1 100%;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

.category-slider__slide-title {
	font-weight: 500;
	line-height: 129%;
	text-align: center;
}

.products-slider--options .products-slider__top {
	display: block;
}

.products-slider--options .products-slider__title {
	margin-bottom: 8px;
}

.products-slider--options .products-slider__actions {
	display: flex;
	align-items: center;
	gap: 8px;
	justify-content: space-between;
}

.products-slider__top {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	justify-content: space-between;
	margin-bottom: 24px;
}

.products-slider__title {
	padding: 8px 0;
}

.products-slider__options {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
}

.products-slider__option {
	white-space: nowrap;
}

.products-slider__arrow--prev {
	transform: rotate(-90deg);
}

.products-slider__arrow--next {
	transform: rotate(90deg);
}

.products-slider__wrapper {
	align-items: stretch;
}

.products-slider__slide {
	height: auto;
}

.brands-slider__top {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	justify-content: space-between;
	margin-bottom: 12px;
}

.brands-slider__title {
	padding: 8px 0;
}

.brands-slider__arrow--prev {
	transform: rotate(-90deg);
}

.brands-slider__arrow--next {
	transform: rotate(90deg);
}

.brands-slider__wrapper {
	padding: 4px 0;
}

.brands-slider__slide {
	width: 100%;
	height: 80px;
}

.brands-slider__slide-link {
	display: block;
	width: 100%;
	height: 100%;
}

.brands-slider__slide-img {
	width: 100%;
	height: 100%;
}

.brands-slider__slide-img img {
	-o-object-fit: contain;
	object-fit: contain;
}

.articles-slider__top {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	justify-content: space-between;
	margin-bottom: 12px;
}

.articles-slider__title {
	padding: 8px 0;
}

.articles-slider__arrow--prev {
	transform: rotate(-90deg);
}

.articles-slider__arrow--next {
	transform: rotate(90deg);
}

.articles-slider__wrapper {
	padding: 4px 0;
}

.articles-slider__slide {
	width: 100%;
	height: 180px;
	border-radius: 16px;
}

.articles-slider__slide-link {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width: 100%;
	height: 100%;
	padding: 16px 20px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 16px;
}

.articles-slider__slide-title {
	font-weight: 500;
	font-size: 17px;
	line-height: 141%;
	color: var(--white-primary);
	max-width: 50%;
}

.articles-slider__slide-follow {
	display: flex;
	align-items: center;
	gap: 4px;
	padding: 9px 0;
}

.articles-slider__slide-follow span {
	font-weight: 500;
	line-height: 129%;
	color: var(--white-primary);
}

.articles-slider__slide-follow svg {
	flex: 0 0 16px;
	height: 16px;
	fill: var(--white-primary);
	transform: rotate(90deg);
}

.certificates-slider__top {
	display: flex;
	align-items: center;
	gap: 8px;
	justify-content: space-between;
	margin-bottom: 12px;
}

.certificates-slider__title {
	margin-bottom: 8px;
}

.certificates-slider__actions {
	padding: 8px 0;
}

.certificates-slider__descr {
	line-height: 129%;
	color: var(--color-secondary);
}

.certificates-slider__arrow--prev {
	transform: rotate(-90deg);
}

.certificates-slider__arrow--next {
	transform: rotate(90deg);
}

.certificates-slider__wrapper {
	padding: 4px 0;
}

.certificates-slider__slide {
	width: 100%;
}

.info-section__body {
	display: flex;
	flex-direction: column;
	row-gap: 12px;
	padding: 16px 0;
}

.info-section__block {
	display: flex;
	flex-direction: column;
	row-gap: 8px;
}

.info-section__descr p {
	line-height: 129%;
}

.info-section__descr p:not(:last-child) {
	margin-bottom: 8px;
}

.info-section__title {
	font-weight: 700;
	font-size: 20px;
	line-height: 120%;
	padding: 8px 0;
}

.info-section ol {
	counter-reset: item;
}

.info-section ol li {
	counter-increment: item;
}

.info-section ol li::before {
	content: counter(item) ".";
	top: 0;
	left: 4px;
}

.info-section ul li::before {
	content: "";
	top: 8px;
	left: 9px;
	width: 5px;
	height: 5px;
	border-radius: 100%;
	background-color: var(--color-primary);
}

.info-section__item {
	position: relative;
	line-height: 129%;
	padding-left: 22px;
}

.info-section__item::before {
	position: absolute;
}

.about__body {
	padding: 0 4px;
}

.about__img {
	margin-bottom: 16px;
}

.about__info {
	margin-bottom: 20px;
}

.about__title {
	font-weight: 700;
	font-size: 32px;
	line-height: 112%;
	padding: 8px 0;
	margin-bottom: 8px;
}

.about__descr {
	font-size: 15px;
	line-height: 133%;
	color: #000;
}

.about__descr-link {
	text-decoration: underline;
	-webkit-text-decoration-skip-ink: none;
	text-decoration-skip-ink: none;
	transition: color 0.3s ease;
	font-size: 15px;
	line-height: 133%;
	color: #000;
}

.about__assortment-notice {
	display: block;
	font-size: 15px;
	line-height: 133%;
	color: #000;
	margin-bottom: 24px;
}

.about__assortment-list {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(115px, 1fr));
	gap: 12px;
}

.about__assortment-item {
	border-radius: 12px;
	background-color: var(--background-secondary);
}

.about__assortment-link {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	row-gap: 4px;
	padding: 8px 8px 12px 8px;
}

.about__assortment-img {
	width: 100%;
	flex: 0 0 72px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

.about__assortment-descr {
	flex: 1 1 100%;
	display: flex;
	align-items: flex-end;
}

.about__assortment-descr span {
	text-align: center;
	font-size: 13px;
	line-height: 123%;
}

.history__body {
	padding: 0 4px;
}

.history__title {
	padding: 8px 0;
	margin-bottom: 8px;
}

.history__descr {
	margin-bottom: 24px;
}

.history__descr p {
	font-size: 15px;
	line-height: 133%;
	color: #000;
}

.history__descr p:not(:last-child) {
	margin-bottom: 20px;
}

.history__benefits {
	position: relative;
}

.history__benefits-bg {
	position: relative;
	width: 100%;
	height: 100%;
}

.history__benefits-content {
	position: absolute;
	width: calc(100% - 48px);
	left: 24px;
	bottom: 24px;
	border-radius: 12px;
	background-color: var(--white-primary);
}

.history__benefits-list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	-moz-column-gap: 24px;
	column-gap: 24px;
}

.history__benefits-item {
	display: flex;
	flex-direction: column;
	row-gap: 8px;
	padding: 16px 8px 24px 8px;
}

.history__benefits-value {
	font-size: 44px;
	line-height: 120%;
	text-align: center;
	font-weight: 400;
	font-style: italic;
	color: #000;
}

.history__benefits-descr {
	font-size: 13px;
	line-height: 123%;
	text-align: center;
}

.employee__wrapper {
	margin: 0 4px;
	background-color: var(--background-secondary);
	padding: 12px;
	border-radius: 16px;
}

.employee__body {
	display: flex;
	background-color: var(--white-primary);
	border-radius: 12px;
}

.employee__img {
	flex: 0 0 212px;
	height: auto;
	border-radius: 12px;
}

.employee__img img {
	border-radius: 12px;
}

.employee__content {
	flex: 1 1 100%;
}

.employee__info {
	padding: 17px 24px 0 24px;
}

.employee__top {
	margin-bottom: 16px;
}

.employee__top-img {
	display: none;
}

.employee__name {
	margin-bottom: 8px;
}

.employee__position {
	display: block;
	line-height: 129%;
	color: rgba(33, 37, 41, 0.8);
}

.employee__link {
	min-height: 36px;
	padding: 8px 16px;
	border-radius: 8px;
	margin-bottom: 12px;
}

.employee__descr {
	line-height: 129%;
	color: #212529;
	padding: 8px 0;
}

.employee__list {
	width: 100%;
}

.employee__item {
	display: flex;
	align-items: center;
	width: 100%;
	min-height: 40px;
	padding: 10px 24px;
}

.employee__item:not(:last-child) {
	border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.shop__body {
	padding: 0 4px;
}

.shop__title {
	padding: 8px 0;
	margin-bottom: 8px;
}

.shop__descr {
	font-size: 15px;
	line-height: 133%;
	color: #000;
	margin-bottom: 24px;
}

.shop__images-list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 12px;
}

.shop__images-item:first-child {
	grid-column: span 3;
}

.map__wrapper {
	position: relative;
	border-radius: 16px;
	width: 100%;
	height: 426px;
	padding: 0 4px;
	border-radius: 12px;
}

.map__body {
	position: relative;
	width: 100%;
	height: 100%;
	border-radius: 12px;
}

.map__body .ymaps-2-1-79-map,
.map__body .ymaps-2-1-79-inner-panes {
	border-radius: 12px;
}

.map__body .yandex-pin {
	width: 170px;
	background-color: #fff;
	padding: 6px;
	border-radius: 8px;
	text-align: left;
	font-weight: 700;
	line-height: 130%;
	transform: translateY(-50px);
}

.map__content {
	position: absolute;
	top: 12px;
	left: 12px;
	border-radius: 12px;
	padding: 20px 24px;
	width: 294px;
	height: calc(100% - 54px);
	background-color: var(--white-primary);
}

.map__title {
	padding: 5px 0;
	margin-bottom: 8px;
}

.map__address {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	padding: 8px 0;
}

.map__address-icon {
	flex: 0 0 24px;
	height: 24px;
}

.map__address-icon svg {
	width: 100%;
	height: 100%;
	fill: #212529;
}

.map__address-name {
	font-weight: 500;
	font-size: 15px;
	line-height: 133%;
	margin-bottom: 4px;
}

.map__address-info {
	line-height: 129%;
}

.map__schedule {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	padding: 8px 0;
}

.map__schedule-icon {
	flex: 0 0 24px;
	height: 24px;
}

.map__schedule-icon svg {
	width: 100%;
	height: 100%;
	fill: #212529;
}

.map__schedule-name {
	font-weight: 500;
	font-size: 15px;
	line-height: 133%;
	margin-bottom: 4px;
}

.map__schedule-info {
	line-height: 129%;
}

.map__schedule-info span {
	display: block;
}

.map__phone,
.map__email {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 8px 0;
}

.map__phone svg,
.map__email svg {
	flex: 0 0 24px;
	height: 24px;
	fill: #212529;
}

.map__phone span,
.map__email span {
	line-height: 129%;
}

.map__email svg {
	padding: 2px;
}

.reviews {
	padding: 155px 0 58px;
}

.reviews__body {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 29px;
}

.reviews__side {
	max-width: 340px;
}

.reviews__side .catalog-body__toggle-btn {
	pointer-events: none;
}

.reviews__content {
	padding-top: 5px;
	grid-column: span 2;
}

.reviews__content .breadcrumbs {
	margin-bottom: 23px;
}

.reviews__hero {
	margin-bottom: 50px;
}

.reviews__heading {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 16px;
}

.reviews__title {
	font-size: 32px;
	font-weight: 700;
}

.reviews__btn {
	width: 274px;
	height: 40px;
	border-radius: 12px;
	font-size: 15px;
	font-weight: 500;
}

.reviews__rating {
	display: flex;
	align-items: center;
	gap: 8px;
}

.reviews__rating-img {
	width: 77px;
	height: auto;
}

.reviews__rating-img img {
	width: 100%;
	height: auto;
}

.reviews__rating-text {
	font-size: 17px;
}

.reviews__rating-text span {
	font-weight: 700;
}

.reviews__list:not(:last-child) {
	margin-bottom: 24px;
}

.reviews__list .reviews-item {
	padding: 24px;
	border-radius: 16px;
	background-color: var(--white-primary);
	border: 1px solid var(--background-tetriary);
}

.reviews__list .reviews-item:not(:last-child) {
	margin-bottom: 16px;
}

.reviews__list .reviews-item__top {
	border: none;
}

.reviews__list .reviews-item__name {
	font-weight: 700;
	margin-bottom: 0;
}

.reviews__list .reviews-item__info {
	gap: 16px;
}

.reviews__list .reviews-item__date {
	color: var(--color-primary);
}

.reviews__list .reviews-item__content {
	padding-top: 11px;
}

.reviews__list .reviews-item__content:not(:last-child) {
	margin-bottom: 12px;
}

.reviews__list .reviews-item__comment {
	display: -webkit-box;
	-webkit-line-clamp: 6;
	-webkit-box-orient: vertical;
	overflow: hidden;
	margin-bottom: 0;
}

.reviews__list .reviews-item__comment_active {
	display: block;
}

.reviews__list .reviews-item__comment:not(:last-child) {
	margin-bottom: 3px;
}

.reviews .catalog-navigation {
	display: flex;
	align-items: center;
	gap: 8px;
	justify-content: center;
}

.blog {
	padding: 155px 0 98px;
}

.blog__body {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 29px;
}

.blog__side {
	max-width: 340px;
}

.blog__side .catalog-body__toggle-btn {
	pointer-events: none;
}

.blog__content {
	padding-top: 5px;
	grid-column: span 2;
}

.blog__content .breadcrumbs {
	margin-bottom: 23px;
}

.blog__heading {
	margin-bottom: 57px;
}

.blog__title {
	font-size: 32px;
	font-weight: 700;
}

.blog__list {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 26px 28px;
	align-items: flex-start;
}

.blog__list:not(:last-child) {
	margin-bottom: 42px;
}

.blog__list .blog-card:first-child {
	grid-column: span 2;
}

.blog__list .blog-card:first-child .blog-card__title {
	font-size: 20px;
	font-weight: 700;
	line-height: 1.2;
}

.blog .catalog-navigation {
	display: flex;
	align-items: center;
	gap: 8px;
	justify-content: center;
}

.blog-card__img {
	width: 100%;
	height: auto;
	aspect-ratio: 174/98;
	margin-bottom: 8px;
}

.blog-card__img img {
	display: block;
}

.blog-card__date,
.blog-card__description {
	font-size: 13px;
	line-height: 1.23;
	color: var(--color-secondary);
	margin-bottom: 2px;
}

.blog-card__date {
	margin-bottom: 2px;
}

.blog-card__title {
	font-size: 14px;
	line-height: 1.29;
	font-weight: 500;
	margin-bottom: 2px;
}

.blog-detail {
	padding: 155px 0 98px;
	overflow: hidden;
}

.blog-detail__body {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 29px;
}

.blog-detail__side {
	max-width: 340px;
}

.blog-detail__side .catalog-body__toggle-btn {
	pointer-events: none;
}

.blog-detail__content {
	padding-top: 5px;
	grid-column: span 2;
}

.blog-detail__content .breadcrumbs {
	margin-bottom: 28px;
}

.blog-detail__inner {
	display: flex;
	flex-direction: column;
	gap: 16px;
	font-size: 15px;
	line-height: 1.33;
}

.blog-detail__title {
	font-size: 32px;
	font-weight: 700;
	line-height: 1.13;
	margin-bottom: 24px;
}

.blog-detail__author {
	display: flex;
	align-items: center;
	gap: 0 16px;
	margin-bottom: 24px;
}

.blog-detail__author:has(.blog-detail__author-social) {
	display: grid;
	grid-template-columns: 75px auto;
	align-items: flex-start;
}

.blog-detail__author:has(.blog-detail__author-social)
	.blog-detail__author-photo {
	width: 100%;
	grid-row: span 2;
}

.blog-detail__author-photo {
	width: 75px;
	height: 75px;
	flex-shrink: 0;
	border-radius: 8px;
	overflow: hidden;
}

.blog-detail__author-photo img {
	display: block;
}

.blog-detail__author-text:not(:last-child) {
	margin-bottom: 2px;
}

.blog-detail__author-name {
	font-size: 15px;
	font-weight: 500;
	line-height: 1.33;
	margin-bottom: 2px;
}

.blog-detail__author-position {
	font-size: 14px;
	line-height: 1.29;
	color: var(--color-secondary);
}

.blog-detail__author-social {
	display: flex;
	gap: 16px;
	margin-top: auto;
}

.blog-detail__author-social-item {
	width: 20px;
	height: 20px;
	flex-shrink: 0;
}

.blog-detail__author-social-item svg {
	width: 100%;
	height: 100%;
}

.blog-detail__author-social-item svg path:nth-child(2) {
	fill: var(--white-primary);
}

.blog-detail__time {
	display: flex;
	align-items: center;
	gap: 12px;
	font-size: 15px;
	line-height: 1.33;
	color: var(--color-secondary);
	margin-bottom: 8px;
}

.blog-detail__time svg {
	width: 16px;
	height: 16px;
	flex-shrink: 0;
	fill: var(--color-secondary);
}

.blog-detail__info {
	padding: 24px;
	border-radius: 8px;
	background-color: var(--background-secondary);
	margin-bottom: 24px;
}

.blog-detail__info-title {
	color: var(--color-secondary);
	margin-bottom: 16px;
}

.blog-detail__info-list li:not(:last-child) {
	margin-bottom: 16px;
}

.blog-detail__text {
	padding: 24px;
	border-radius: 8px;
	background-color: var(--background-secondary);
}

.blog-detail__subtitle {
	padding: 8px 0;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.2;
}

.blog-detail__description a {
	text-decoration: underline;
}

.blog-detail__media {
	aspect-ratio: 777/432;
	border-radius: 16px;
	overflow: hidden;
}

.blog-detail__media img {
	display: block;
}

.blog-detail__media video {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.blog-detail .product-recommended {
	margin-bottom: 24px;
}

.blog-detail .product-recommended .product-item__prices,
.blog-detail .product-recommended .product-item__buy-btn,
.blog-detail .product-recommended .product-item__click-btn {
	line-height: 1;
}

.blog-detail__list {
	margin: 12px 0 28px;
	padding-left: 27px;
}

.blog-detail__list li {
	position: relative;
	list-style: disc;
}

.blog-detail__list li:not(:last-child) {
	margin-bottom: 24px;
}

.blog-detail__list:is(ol) {
	counter-reset: num;
}

.blog-detail__list:is(ol) li {
	list-style: none;
}

.blog-detail__list:is(ol) li::before {
	counter-increment: num;
	content: counter(num) ". ";
	position: absolute;
	top: 0;
	left: -20px;
}

.blog-detail__table {
	max-width: calc(100% + 58px);
	margin-right: -58px;
	overflow-x: auto;
	margin-bottom: 40px;
}

.blog-detail table {
	border-collapse: collapse;
}

.blog-detail table thead th {
	min-height: 82px;
	font-weight: 400;
	text-align: left;
}

.blog-detail table tr {
	display: flex;
}

.blog-detail table th,
.blog-detail table td {
	flex: 0 0 180px;
	padding: 20px 16px;
	border: 1px solid #eef0f3;
}

.blog-detail table th:first-child,
.blog-detail table td:first-child {
	flex: 0 0 114px;
	border-left: none;
}

.blog-detail table tbody td {
	min-height: 87px;
}

.blog-detail__similar .blog-detail__subtitle {
	margin-bottom: 24px;
}

.file {
	margin-bottom: 28px;
}

.file__label {
	width: 100%;
	height: 80px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 8px;
	background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='12' ry='12' stroke='%239C9C9FFF' stroke-width='1' stroke-dasharray='8%2c 8' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
	background-color: var(--white-primary);
	border-radius: 12px;
	cursor: pointer;
	position: relative;
}

.file__label input {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	border: 0;
	padding: 0;
	clip: rect(0 0 0 0);
	overflow: hidden;
}

.file__info {
	display: flex;
	align-items: center;
	gap: 8px;
}

.file__img {
	width: 16px;
	height: 16px;
}

.file__img svg {
	width: 100%;
	height: 100%;
}

.file__title {
	font-size: 15px;
	color: var(--color-secondary);
}

.file__gallery {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 16px;
}

.file__gallery:has(.file__gallery-item) {
	margin-top: 20px;
}

.file__gallery-item {
	width: 100%;
	height: auto;
	aspect-ratio: 1;
	border-radius: 8px;
	position: relative;
}

.file__gallery-img {
	width: 100%;
	height: 100%;
	border-radius: inherit;
	overflow: hidden;
}

.file__gallery-img img {
	display: block;
}

.file__gallery-delete {
	position: absolute;
	top: -4px;
	right: -8px;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background-color: var(--background-secondary);
	display: flex;
	justify-content: center;
	align-items: center;
}

.file__gallery-delete svg {
	width: 12px;
	height: 12px;
}

@media (min-width: 1200px) {
	.header.scroll-back .header__top {
		max-height: 0;
		overflow: hidden;
	}
}

@media (max-width: 1200px) {
	.main__product {
		padding-top: 227px;
	}

	.main__catalog {
		padding-top: 227px;
	}

	.main__front {
		padding-top: 142px;
	}

	.main__about {
		padding-top: 140px;
	}

	.main__basket {
		padding-top: 227px;
	}

	.main__order {
		padding-top: 227px;
	}

	.header.scroll-back .header__bottom {
		max-height: 0;
	}

	.header {
		border-bottom: none;
		background-color: var(--background-secondary);
	}

	.header__top {
		max-height: 100%;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 105;
		opacity: 0;
		visibility: hidden;
		background-color: var(--blackout-background);
		transition:
			opacity 0.5s ease,
			visibility 0.5s ease;
	}

	.header__top.active {
		opacity: 1;
		visibility: visible;
	}

	.header__top.active .header-top__container {
		transform: translateX(0%);
	}

	.header__center {
		position: relative;
		background-color: var(--background-secondary);
	}

	.header__bottom {
		display: block;
		max-height: 72px;
		will-change: max-height;
		transition: max-height 0.3s ease;
		overflow: hidden;
	}

	.header-top__container {
		width: 70%;
		height: 100%;
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
		margin: 0;
		background-color: var(--white-primary);
		transform: translateX(-100%);
		transition: transform 0.5s ease;
		padding: 0;
	}

	.header-top__main {
		flex-direction: column-reverse;
		align-items: flex-start;
		width: 100%;
		gap: 0;
		overflow-y: auto;
	}

	.header-top__location {
		padding: 0px 24px 32px 32px;
	}

	.header-top__location-body {
		top: -130px;
		left: 32px;
	}

	.header-top__btns {
		width: 100%;
		display: flex;
		align-items: center;
		gap: 12px;
		flex-direction: column;
		padding: 28px 24px;
		background-color: var(--background-secondary);
	}

	.header-top__menu {
		width: 100%;
		padding: 8px 24px 0 24px;
	}

	.header-top__list {
		flex-direction: column;
		align-items: flex-start;
	}

	.header-top__item:not(:last-child) {
		width: 100%;
		margin: 0;
		border-bottom: 1px solid var(--background-secondary);
	}

	.header-top__link {
		display: inline-flex;
		align-items: center;
		min-height: 44px;
		padding-left: 8px;
	}

	.header-top__phone {
		width: 100%;
		background-color: var(--background-secondary);
		padding: 120px 24px 0;
	}

	.header-top__phone-link svg {
		display: none;
	}

	.header-top__phone-desktop {
		display: none;
	}

	.header-top__phone-mobile,
	.header-top__phone-descr {
		display: block;
	}

	.header-top__socials {
		width: 100%;
		padding: 16px 24px 32px 32px;
		margin-bottom: 32px;
	}

	.header-center__container {
		min-height: 52px;
		padding: 8px 24px;
		gap: 20px;
	}

	.header-center__burger {
		display: block;
		position: relative;
		flex: 0 0 20px;
		height: 16px;
		z-index: 105;
	}

	.header-center__burger span {
		position: absolute;
		top: calc(50% - 1px);
		left: 0;
		width: 100%;
		height: 2px;
		background-color: var(--color-primary);
		transition:
			background-color 0.3s ease,
			top 0.3s ease,
			transform 0.3s ease,
			bottom 0.3s ease;
	}

	.header-center__burger span:first-child {
		top: 0;
	}

	.header-center__burger span:last-child {
		top: auto;
		bottom: 0;
	}

	.header-center__burger.active span {
		transform: scale(0);
	}

	.header-center__burger.active span:first-child {
		transform: rotate(-45deg);
		top: calc(50% - 1px);
	}

	.header-center__burger.active span:last-child {
		transform: rotate(45deg);
		bottom: calc(50% - 1px);
	}

	.header-center__logo {
		flex: 0 0 102px;
		height: 36px;
	}

	.header-center__search {
		flex: 0 0 24px;
		margin-left: auto;
	}

	.header-center__actions {
		gap: 20px;
	}

	.header-search__open-btn {
		display: block;
	}

	.header-search__body {
		min-height: 72px;
		position: absolute;
		top: 52px;
		left: 0;
		display: flex;
		align-items: center;
		padding: 0 16px;
		background-color: var(--background-secondary);
		opacity: 0;
		visibility: hidden;
		transition:
			opacity 0.5s ease,
			visibility 0.5s ease;
	}

	.header-search__body::after {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;
		background-color: var(--blackout-background);
		z-index: 104;
	}

	.header-search__body.active {
		opacity: 1;
		visibility: visible;
	}

	.header-search__result {
		top: calc(100% - 13px);
		width: calc(100% - 32px);
		margin: 0 16px;
		z-index: 105;
	}

	.header-actions__link-name {
		display: none;
	}

	.header-bottom__container {
		padding: 8px 40px 16px;
	}

	.catalog__body {
		display: block;
	}

	.catalog-side__body {
		margin-bottom: 0;
	}

	.catalog-side__filter {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		padding: 0;
		z-index: 110;
		overflow: auto;
		opacity: 0;
		visibility: hidden;
		transition: all 0.3s ease;
	}

	.catalog-side__filter.active {
		opacity: 1;
		visibility: visible;
	}

	.catalog-body__toggle-btn {
		min-height: 48px;
		border-radius: 8px;
		color: var(--color-primary);
		background-color: var(--white-primary);
		box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.08);
		padding: 12px;
	}

	.catalog-body__toggle-icon svg {
		fill: var(--color-primary);
	}

	.catalog-body__content {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		max-height: 100%;
		padding: 0;
		z-index: 110;
		overflow: auto;
	}

	.catalog-body__top {
		min-height: 52px;
		display: flex;
		align-items: center;
		justify-content: center;
		position: relative;
		padding: 8px 16px;
		margin-bottom: 12px;
	}

	.catalog-body__list {
		padding: 0 32px;
	}

	.catalog-filter__top {
		min-height: 52px;
		display: flex;
		align-items: center;
		justify-content: flex-start;
		padding: 8px 0;
		margin-bottom: 16px;
		border-bottom: 1px solid var(--background-secondary);
	}

	.catalog-filter .b-sidebar_filter {
		padding: 0 40px 56px 40px;
	}

	.catalog-filter .b-filter_item--color .checkbox-tooltip-color {
		left: -100%;
	}

	.catalog-content__top {
		margin-bottom: 24px;
	}

	.catalog-content__title {
		margin-bottom: 12px;
	}

	.catalog-content__actions {
		padding-bottom: 16px;
	}

	.catalog-content__filter-btn {
		display: flex;
		align-items: center;
		gap: 4px;
	}

	.catalog-content__filter-btn span {
		font-weight: 500;
	}

	.catalog-content__quantity {
		margin-bottom: 24px;
	}

	.catalog-content__item--banner {
		max-height: 100%;
		height: auto;
	}

	.basket__container {
		padding: 0 50px;
	}

	.basket-true__body {
		flex: 1 1 auto;
	}

	.order__container {
		padding: 0 50px;
	}

	.order-form__content {
		flex: 1 1 auto;
	}

	.order-form__side {
		flex: 0 0 340px;
	}

	.front__body {
		display: block;
	}

	.front__side {
		display: none;
	}

	.front-side__catalog .catalog-body__toggle-btn {
		pointer-events: auto;
	}

	.category-slider__top {
		display: flex;
		align-items: flex-start;
		gap: 8px;
		justify-content: space-between;
		margin-bottom: 12px;
	}

	.category-slider__wrapper {
		display: flex;
		gap: 0;
	}

	.category-slider__slide:nth-child(6n + 1),
	.category-slider__slide:nth-child(6n) {
		grid-column: span 1;
	}

	.category-slider__slide {
		height: auto;
	}

	.category-slider__slide-link {
		padding: 8px 8px 12px 8px;
		row-gap: 4px;
	}

	.category-slider__slide-img {
		flex: 0 0 72px;
	}

	.category-slider__slide-content {
		flex: 1 1 auto;
		display: flex;
		align-items: flex-end;
		justify-content: center;
	}

	.category-slider__slide-title {
		font-weight: 400;
		font-size: 13px;
		line-height: 123%;
	}

	.reviews {
		padding: 146px 0 68px;
	}

	.reviews__body {
		display: block;
	}

	.reviews__heading {
		margin-bottom: 24px;
	}

	.blog {
		padding: 151px 0 68px;
	}

	.blog__body {
		display: block;
	}

	.blog__content {
		padding-top: 0;
	}

	.blog__heading {
		margin-bottom: 48px;
	}

	.blog__list {
		gap: 26px 20px;
	}

	.blog__list:not(:last-child) {
		margin-bottom: 48px;
	}

	.blog-detail {
		padding: 151px 0 68px;
	}

	.blog-detail__body {
		display: block;
	}

	.blog-detail__content .breadcrumbs {
		margin-bottom: 20px;
	}

	.blog-detail__content {
		padding-top: 0;
	}

	.blog-detail__title {
		margin-bottom: 16px;
	}

	.blog-detail__author {
		margin-bottom: 16px;
	}

	.blog-detail__time {
		margin-bottom: 0;
	}

	.blog-detail .product-recommended {
		margin-top: 8px;
	}

	.blog-detail__similar .blog-detail__subtitle {
		margin-bottom: 16px;
	}
}

@media (max-width: 1200px) and (any-hover: hover) {
	.header-center__burger:hover span {
		background-color: var(--hover-link);
	}
}

@media (any-hover: hover) and (max-width: 1200px) {
	.catalog-body__toggle-btn:hover {
		background-color: var(--white-primary) !important;
		color: var(--hover-link);
	}

	.catalog-body__toggle-btn:hover .catalog-body__toggle-icon--hidden svg {
		fill: var(--hover-link);
	}
}

@media (max-width: 1100px) {
	.product__wrapper {
		display: block;
	}

	.product__side {
		display: none;
	}

	.product__payment {
		margin-bottom: 32px;
	}

	.product-payment__ya-pay {
		display: block;
		width: 100%;
		height: 52px;
		border-radius: 12px;
		background: url("/assets/img/product/ya-pay.png") center/cover no-repeat;
	}

	.webp .product-payment__ya-pay {
		background: url(/assets/img/product/ya-pay.webp) center/cover no-repeat;
	}
}

@media (max-width: 992px) {
	.main__product {
		padding: 149px 0 56px;
	}

	.main__catalog {
		padding: 149px 0 40px;
	}

	.main__front {
		padding: 156px 0 56px 0;
	}

	.main__basket {
		padding: 149px 0 0;
	}

	.main__order {
		padding: 149px 0 0 0;
	}

	.main__complete {
		padding: 68px 0 70 0;
	}

	.main__certificates-slider .certificates-slider__top {
		padding: 0;
	}

	.main__certificates-slider .certificates-slider__slider {
		margin-right: 0;
		padding: 0;
	}

	.container {
		padding: 0 40px;
	}

	.product-item__prices {
		margin-bottom: 12px;
	}

	.product-item__split {
		display: none;
	}

	.header-top__container {
		padding: 0;
	}

	.header-center__container {
		padding: 8px 24px;
	}

	.header-bottom__container {
		padding: 8px 40px 16px;
	}

	.header-logo {
		background-color: var(--background-secondary);
	}

	.header-logo__body {
		min-height: 52px;
	}

	.header-logo__img {
		flex: 0 0 102px;
		height: 36px;
	}

	.product__notice {
		right: 40px;
	}

	.product-top__actions {
		margin-bottom: 30px;
	}

	.product-top__content {
		grid-template-columns: 15.12% 83.28%;
		gap: 1.6%;
	}

	.product-top__column--thumbs {
		padding: 15px 0;
	}

	.product-top__column--info {
		display: none;
	}

	.product-column-slider__slide {
		height: 448px;
	}

	.product-others__navigation {
		display: none;
	}

	.product-others__slider {
		padding-right: 40px;
		margin-right: -40px;
	}

	.product-details__video {
		min-height: 432px;
	}

	.product-details__btns {
		grid-template-columns: 1fr;
		gap: 12px;
		margin-bottom: 36px;
	}

	.product-details__btns {
		margin-bottom: 28px;
	}

	.product-reviews__slider {
		margin-bottom: 12px;
	}

	.product-recommended__navigation {
		display: none;
	}

	.product-recommended__slider {
		padding-right: 40px;
		margin-right: -40px;
	}

	.catalog-body__top::after {
		content: "";
		position: absolute;
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
		width: 390px;
		height: 1px;
		background-color: var(--background-secondary);
	}

	.catalog-body__item:not(.catalog-body__item:last-child) {
		margin-bottom: 0;
		border-bottom: 1px solid var(--background-secondary);
	}

	.catalog-filter .b-filter_item_checkboxes {
		flex-direction: row;
		padding: 8px 0;
		gap: 8px;
		flex-wrap: wrap;
	}

	.catalog-filter .b-filter_item_checkbox-item {
		padding: 0;
	}

	.catalog-filter
		.b-filter_item_checkbox-item
		.checkbox-mark:checked
		+ .checkbox-tag::after {
		opacity: 1;
		visibility: visible;
	}

	.catalog-filter
		.b-filter_item_checkbox-item
		.checkbox-mark:disabled
		+ .checkbox-tag {
		color: var(--disabled-color-secondary);
		background-color: var(--background-secondary);
		border-color: var(--background-secondary);
	}

	.catalog-filter .b-filter_item_checkbox-item .checkbox-tag {
		border: 1px solid var(--color-tetriary);
		border-radius: 48px;
		padding: 9px 16px;
	}

	.catalog-filter .b-filter_item_checkbox-item .checkbox-tag::after {
		top: -1px;
		left: -1px;
		width: calc(100% + 2px);
		height: calc(100% + 2px);
		border: 2px solid var(--color-primary);
		background: none;
		border-radius: 48px;
		opacity: 0;
		visibility: hidden;
		transition:
			opacity 0.3s ease,
			visibility 0.3s ease;
	}

	.catalog-filter .b-filter_item_checkbox-item .checkbox-tag::before {
		display: none;
	}

	.catalog-filter .b-filter_footer {
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		padding: 12px 24px;
		flex-direction: row-reverse;
		gap: 12px;
	}

	.catalog-filter .b-filter_footer-btn {
		min-height: 44px;
		border-radius: 12px;
	}

	.catalog-content__breadcrumbs {
		margin-bottom: 8px;
	}

	.catalog-content__title {
		font-size: 24px;
		line-height: 116.667%;
	}

	.catalog-content__title {
		margin-bottom: 8px;
	}

	.catalog-content__sort .choices__item.choices__item--choice {
		display: flex;
		align-items: center;
		min-height: 44px;
		border-radius: 0;
		padding: 6px 40px !important;
	}

	.catalog-content__sort .choices__item.choices__item--choice:not(:last-child) {
		border-bottom: 1px solid var(--background-secondary);
	}

	.catalog-content__sort .choices__item.is-selected {
		position: relative;
	}

	.catalog-content__sort .choices__item.is-selected::before {
		content: "";
		position: absolute;
		top: 50%;
		left: 8px;
		transform: translateY(-50%);
		width: 24px;
		height: 24px;
		background: url("../img/catalog/checkmark.svg") center/cover no-repeat;
	}

	.catalog-content__sort .choices__list[role] {
		width: 100%;
		margin-top: auto;
		background-color: var(--white-primary);
		padding: 16px 40px;
	}

	.catalog-content__sort .choices__list--dropdown {
		display: flex;
		flex-direction: column;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: var(--blackout-background);
		border-radius: 0;
		z-index: 110;
		border: none;
		padding: 0;
	}

	.catalog-content__list {
		-moz-column-gap: 24px;
		column-gap: 24px;
		padding: 20px 0px 52px;
	}

	.catalog-content__item--banner {
		max-height: 180px;
	}

	.basket__body--true {
		display: block;
	}

	.basket__body--false {
		min-height: 641px;
		justify-content: center;
		padding: 100px 0;
	}

	.basket-true__body {
		margin-bottom: 24px;
	}

	.basket-true__breadcrumbs {
		margin-bottom: 8px;
	}

	.basket-true__details {
		border-radius: 0;
		margin: 0 -40px;
		padding: 16px 40px 24px 40px;
	}

	.basket-false__descr {
		max-width: 600px;
	}

	.order-form__body {
		display: block;
	}

	.order-form__content {
		margin-bottom: 28px;
	}

	.order-form__checkout {
		border-radius: 0px;
		margin: 0 -40px;
		padding: 16px 40px 28px 40px;
	}

	.order-checkout__notice {
		display: block;
		margin-bottom: 20px;
	}

	.checkout-item__content {
		display: flex;
		align-items: flex-start;
		gap: 12px;
		justify-content: space-between;
		padding-right: 0;
	}

	.checkout-item__info {
		margin-bottom: 0;
	}

	.checkout-item__total {
		padding-left: 20px;
	}

	.footer__body {
		grid-template-columns: 1fr 2fr;
		gap: 0;
		padding-bottom: 31px;
	}

	.footer__catalog {
		padding-right: 28px;
	}

	.footer-catalog__content {
		grid-template-columns: 1fr;
		gap: 20px;
	}

	.footer-contacts__copyright {
		margin-bottom: 24px;
	}

	.front__content {
		row-gap: 32px;
	}

	.benefits__list {
		padding: 12px 0;
	}

	.category-slider__top {
		margin-bottom: 8px;
	}

	.category-slider__actions {
		display: none;
	}

	.category-slider__slider {
		margin-right: -40px;
		padding-right: 40px;
	}

	.products-slider--options .products-slider__top {
		margin-bottom: 20px;
		margin-right: -40px;
	}

	.products-slider--options .products-slider__actions {
		width: 100%;
		margin-right: -40px;
		padding-right: 40px;
		overflow-x: auto;
		overflow-y: hidden;
		-ms-overflow-style: none;
		scrollbar-width: none;
	}

	.products-slider--options .products-slider__actions::-webkit-scrollbar {
		display: none;
	}

	.products-slider__top {
		margin-bottom: 8px;
	}

	.products-slider__options {
		flex-wrap: nowrap;
	}

	.products-slider__navigation {
		display: none;
	}

	.products-slider__slider {
		margin-right: -40px;
		padding-right: 40px;
	}

	.brands-slider__top {
		margin-bottom: 8px;
	}

	.brands-slider__actions {
		display: none;
	}

	.brands-slider__slider {
		margin-right: -40px;
		padding-right: 40px;
	}

	.articles-slider__top {
		margin-bottom: 8px;
	}

	.articles-slider__actions {
		display: none;
	}

	.articles-slider__slider {
		margin-right: -40px;
		padding-right: 40px;
	}

	.certificates-slider__navigation {
		display: none;
	}

	.certificates-slider__slider {
		margin-right: -40px;
		padding-right: 40px;
	}

	.about__body {
		padding: 0;
	}

	.history__body {
		padding: 0;
	}

	.employee__wrapper {
		margin: 0;
	}

	.shop__body {
		padding: 0;
	}

	.map__wrapper {
		padding: 0;
	}

	.blog-detail__table {
		max-width: calc(100% + 80px);
		margin: 0 -40px 40px;
		padding: 0 40px;
	}
}

@media (max-width: 992px) and (max-width: 480px) {
	.catalog-body__top::after {
		width: 100%;
		left: 0;
		transform: translateX(0%);
	}
}

@media (max-width: 768px) {
	.product-column-slider__slide {
		height: 370px;
	}

	.catalog-content__list {
		grid-template-columns: repeat(2, 1fr);
	}

	.catalog-content__item--banner {
		max-height: 100%;
		grid-column: span 2;
		flex-wrap: nowrap;
		overflow-y: hidden;
		overflow-x: scroll;
		margin-right: -40px;
		padding-right: 40px;
		-moz-column-gap: 24px;
		column-gap: 24px;
	}

	.catalog-content__banner {
		flex: 0 0 100%;
	}

	.footer__body {
		grid-template-columns: repeat(2, 1fr);
		gap: 28px;
	}

	.footer__column:nth-child(2) {
		grid-template-columns: 1fr;
		gap: 20px;
	}

	.footer__catalog {
		padding-right: 0;
	}
}

@media (max-width: 767px) {
	.main__front {
		padding: 200px 0 56px 0;
	}

	.main__about {
		padding: 184px 0 40px 0;
	}

	.main__certificates-slider .certificates-slider__slider {
		margin-right: -40px;
		padding-right: 40px;
	}

	.header-top__actions-callback {
		padding: 6px 24px;
	}

	.header-center__top.container {
		display: flex;
		align-items: center;
		gap: 4px;
		justify-content: space-between;
		padding: 4px 24px;
	}

	.header-center__actions {
		padding-right: 8px;
	}

	.reviews-item__gallery {
		gap: 12px;
	}

	.reviews-item__gallery-photo {
		width: 80px;
		height: 80px;
	}

	.reviews-item__gallery-photo:nth-child(n + 3):not(
			.reviews-item__gallery-photo_more
		) {
		display: none;
	}

	.catalog-content__empty {
		padding-bottom: 16px;
	}

	.catalog-content__empty-title {
		font-size: 24px;
		line-height: 1.17;
		margin-bottom: 16px;
	}

	.catalog-content__empty-offer {
		margin-top: 40px;
	}

	.benefits__slider {
		margin-right: -40px;
		padding-right: 40px;
	}

	.history__benefits {
		position: static;
	}

	.history__benefits-bg {
		margin-bottom: 10px;
	}

	.history__benefits-content {
		padding: 0 24px;
		position: static;
	}

	.history__benefits-list {
		grid-template-columns: 1fr;
		gap: 0;
	}

	.employee__body {
		display: block;
	}

	.employee__img {
		display: none;
	}

	.employee__top {
		display: flex;
		align-items: stretch;
		gap: 16px;
	}

	.employee__top-img {
		display: block;
		flex: 0 0 52px;
		height: 76px;
	}

	.employee__top-content {
		flex: 1 1 100%;
	}

	.employee__link {
		width: 100%;
	}

	.map__wrapper {
		height: 542px;
	}

	.map__content {
		height: auto;
		width: calc(100% - 24px);
	}

	.reviews {
		padding: 187px 0 40px;
	}

	.reviews__content {
		padding-top: 0;
	}

	.reviews__hero {
		margin-bottom: 40px;
	}

	.reviews__heading {
		display: block;
		margin-bottom: 28px;
	}

	.reviews__title {
		font-size: 24px;
		margin-bottom: 16px;
	}

	.reviews__list .reviews-item__name {
		margin-bottom: 3px;
	}

	.reviews__list .reviews-item__content {
		padding-top: 3px;
	}

	.blog {
		padding: 187px 0 40px;
	}

	.blog__heading {
		margin-bottom: 40px;
	}

	.blog__title {
		font-size: 24px;
		margin-bottom: 16px;
	}

	.blog__list {
		grid-template-columns: repeat(2, 1fr);
		gap: 30px 12px;
	}

	.blog__list:not(:last-child) {
		margin-bottom: 40px;
	}

	.blog-detail {
		padding: 187px 0 40px;
	}

	.blog-detail__title {
		font-size: 24px;
		line-height: 1.17;
	}

	.blog-detail__author:has(.blog-detail__author-social) {
		align-items: center;
	}

	.blog-detail__author:has(.blog-detail__author-social)
		.blog-detail__author-photo {
		grid-row: span 1;
	}

	.blog-detail__author-social {
		grid-column: span 2;
		margin-top: 24px;
	}

	.blog-detail__info {
		margin-bottom: 16px;
	}

	.blog-detail__table {
		margin-bottom: 32px;
	}

	.blog-detail table th:first-child,
	.blog-detail table td:first-child {
		flex: 0 0 100px;
	}

	.blog-detail__similar .blog-detail__subtitle {
		margin-bottom: 8px;
	}

	.blog-detail__similar-slider {
		overflow: visible;
	}
}

@media (max-width: 756px) {
	.product-reviews__slider {
		margin-right: -40px;
		padding-right: 40px;
	}
}

@media (max-width: 600px) {
	.product-top__content {
		display: block;
	}

	.product-top__column--thumbs {
		display: none;
	}

	.product-column-slider__body {
		margin-bottom: 12px;
	}

	.product-column-slider__pagination {
		display: flex;
		justify-content: center;
	}

	.footer__body {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 480px) {
	.main__product {
		padding-bottom: 36px;
	}

	.main__catalog {
		padding: 165px 0 36px 0;
	}

	.main__front {
		padding: 184px 0 24px 0;
	}

	.main__certificates-slider .certificates-slider__slider {
		margin-right: -24px;
		padding-right: 24px;
	}

	.container {
		padding: 0 24px;
	}

	.container-876 {
		padding: 0 24px;
	}

	.product-item__img {
		height: 168px;
		flex: 0 0 168px;
	}

	.header-top__container {
		width: 100%;
		height: 100%;
		padding: 0;
	}

	.header-top__main {
		height: 100%;
	}

	.header-top__location {
		margin-top: auto;
		padding: 8px 24px 24px 32px;
	}

	.header-top__phone {
		padding: 84px 24px 0px 24px;
	}

	.header-top__socials {
		padding: 16px 24px 16px 32px;
		margin-bottom: 0px;
	}

	.header-center__top.container {
		padding: 4px 16px;
	}

	.header-bottom__container {
		padding: 8px 24px 16px;
	}

	.product__breadcrumbs {
		margin-bottom: 15px;
	}

	.product__top {
		margin-bottom: 20px;
	}

	.product__equipments {
		margin-bottom: 16px;
	}

	.product__payment {
		margin-bottom: 24px;
	}

	.product__actions {
		display: block;
		position: fixed;
		bottom: 0;
		left: 0;
		z-index: 20;
		width: 100%;
		padding: 16px 24px;
		background-color: var(--background-secondary);
		transform: translateY(100%);
		transition: transform 0.5s ease;
	}

	.product__actions.active {
		transform: translateY(0%);
	}

	.product__notice {
		top: 0px;
		right: 0px;
		width: 100%;
		-moz-column-gap: 24px;
		column-gap: 24px;
		padding: 16px 24px;
		justify-content: space-between;
	}

	.product-top__head {
		display: flex;
		align-items: flex-start;
		gap: 16px;
		flex-wrap: nowrap;
		margin-bottom: 8px;
	}

	.product-top__code {
		margin-bottom: 8px;
	}

	.product-top__actions {
		margin-bottom: 13px;
	}

	.product-top__compare span,
	.product-top__question span {
		display: none;
	}

	.product-top__compare svg,
	.product-top__question svg {
		fill: var(--color-primary);
		margin-right: 0;
	}

	.product-column-slider__slide {
		height: 228px;
	}

	.product-others__slider {
		padding-right: 24px;
		margin-right: -24px;
	}

	.product-details__video {
		min-height: 200px;
	}

	.product-reviews__slider {
		margin-right: -24px;
		padding-right: 24px;
	}

	.product-recommended__slider {
		padding-right: 24px;
		margin-right: -24px;
	}

	.catalog-body__list {
		padding: 0 16px;
	}

	.catalog-filter__top {
		margin-bottom: 9px;
	}

	.catalog-filter .b-sidebar_filter {
		padding: 0 24px 56px 24px;
	}

	.catalog-content__top {
		margin-bottom: 20px;
	}

	.catalog-content__categories {
		flex-wrap: nowrap;
		align-items: stretch;
		gap: 12px;
		overflow-x: auto;
		margin-right: -24px;
		padding-right: 24px;
	}

	.catalog-content__category {
		height: auto;
		flex: 0 0 106px;
	}

	.catalog-content__category-link {
		height: 100%;
		flex-direction: column;
		gap: 4px;
		padding: 8px;
	}

	.catalog-content__category-icon {
		flex: 0 0 72px;
		width: 90px;
	}

	.catalog-content__category-name {
		flex: 1 1 auto;
		font-size: 13px;
		line-height: 123%;
		text-align: center;
	}

	.catalog-content__actions {
		padding-bottom: 8px;
	}

	.catalog-content__sort .choices__list[role] {
		padding: 12px 24px;
	}

	.catalog-content__list {
		padding: 36px 0px 44px;
		gap: 32px 12px;
	}

	.catalog-content__item--banner {
		max-height: 180px;
		margin-right: -24px;
		padding-right: 24px;
		-moz-column-gap: 10px;
		column-gap: 10px;
	}

	.catalog-content__navigation {
		margin-bottom: 44px;
	}

	.catalog-content__descr {
		margin-bottom: 44px;
	}

	.basket__body--false {
		min-height: 364px;
		justify-content: center;
		padding: 50px 0;
	}

	.basket-true__details {
		margin: 0 -24px;
		padding: 16px 24px 24px 24px;
	}

	.order-form__checkout {
		margin: 0 -24px;
		padding: 16px 24px 28px 24px;
	}

	.checkout-item__content {
		display: block;
	}

	.checkout-item__total {
		padding-left: 0;
	}

	.footer__body {
		grid-template-columns: 1fr;
		gap: 0;
	}

	.footer__body.container {
		padding-bottom: 17px;
	}

	.footer__menu {
		display: none;
	}

	.footer__contacts {
		padding-top: 17px;
	}

	.footer__details {
		padding: 17px 0;
	}

	.footer-catalog__btn {
		display: flex;
		align-items: center;
	}

	.footer-catalog__btn span {
		display: block;
		font-weight: 500;
		margin-right: 8px;
	}

	.footer-catalog__btn svg {
		width: 10px;
		height: 6px;
		fill: var(--color-primary);
		transition: transform 0.3s ease;
	}

	.footer-catalog__btn.active svg {
		transform: rotate(-180deg);
	}

	.footer-catalog__content {
		max-height: 0;
		display: flex;
		flex-direction: column;
		gap: 19px;
		opacity: 0;
		margin-top: 0;
		overflow: hidden;
		will-change: max-height;
		transition: all 0.3s ease;
	}

	.footer-catalog__content.active {
		opacity: 1;
		margin-top: 18px;
	}

	.footer-catalog__column {
		display: flex;
		flex-wrap: wrap;
		-moz-column-gap: 12px;
		column-gap: 12px;
		row-gap: 18px;
	}

	.footer-catalog__item:not(.footer-catalog__item:last-child) {
		margin-bottom: 0;
	}

	.modal {
		align-items: flex-end;
	}

	.modal__body {
		border-radius: 0;
		width: 100%;
	}

	.modal__content--location {
		padding: 32px 24px;
	}

	.modal__content--product-type,
	.modal__content--location,
	.modal__content--callback,
	.modal__content--review,
	.modal__content--question,
	.modal__content--one-click {
		border-radius: 0;
		max-width: 100%;
		width: 100%;
	}

	.modal-location__close-btn {
		right: -8px;
	}

	.modal-location__list {
		grid-template-columns: repeat(2, 1fr);
	}

	.notice {
		width: 100%;
		right: 0;
		top: calc(100% - 108px);
		border-radius: 0;
		border: none;
		border-top: 1px solid var(--form-primary-border);
	}

	.front__content {
		row-gap: 24px;
	}

	.benefits__slider {
		margin-right: -24px;
		padding-right: 24px;
	}

	.category-slider__slider {
		margin-right: -24px;
		padding-right: 24px;
	}

	.products-slider--options .products-slider__top {
		margin-bottom: 8px;
		margin-right: -24px;
	}

	.products-slider__slider {
		margin-right: -24px;
		padding-right: 24px;
	}

	.brands-slider__slider {
		margin-right: -24px;
		padding-right: 24px;
	}

	.articles-slider__slider {
		margin-right: -24px;
		padding-right: 24px;
	}

	.certificates-slider__slider {
		margin-right: -24px;
		padding-right: 24px;
	}

	.about__assortment-list {
		grid-template-columns: repeat(auto-fit, minmax(106px, 1fr));
	}

	.blog-detail__table {
		max-width: none;
		margin: 0 -24px 32px;
		padding: 0 24px;
	}
}

@media (max-width: 468px) {
	.footer__catalog {
		padding: 0 24px;
		margin: 0 -24px;
		padding-bottom: 18px;
		border-bottom: 1px solid var(--background-tetriary);
	}

	.footer__catalog {
		padding: 0 12px;
		margin: 0 -12px;
		padding-bottom: 18px;
	}
}

@media (max-width: 375px) {
	.container {
		padding: 0 12px;
	}

	.container-876 {
		padding: 0 12px;
	}

	.title-main {
		font-size: 22px;
	}

	.header-top__container {
		padding: 0;
	}

	.header-top__location {
		padding: 8px 12px 24px 20px;
	}

	.header-top__location-body {
		left: 20px;
	}

	.header-top__btns {
		padding: 28px 12px;
	}

	.header-top__menu {
		padding: 8px 12px 0 12px;
	}

	.header-top__phone {
		padding: 84px 12px 0px 12px;
	}

	.header-top__socials {
		padding: 16px 12px 16px 20px;
	}

	.header-center__container {
		padding: 8px 12px;
	}

	.header-search__body {
		padding: 0 12px;
	}

	.header-search__result {
		width: calc(100% - 24px);
		margin: 0 12px;
	}

	.header-bottom__container {
		padding: 8px 12px 16px;
	}

	.product-others__slider {
		padding-right: 12px;
		margin-right: -12px;
	}

	.product-details__item {
		font-size: 12px;
	}

	.product-reviews__slider {
		padding-right: 12px;
		margin-right: -12px;
	}

	.product-recommended__slider {
		padding-right: 12px;
		margin-right: -12px;
	}

	.catalog-body__top {
		padding: 8px 12px;
	}

	.catalog-body__list {
		padding: 0 12px;
	}

	.catalog-filter .b-sidebar_filter {
		padding: 0 12px 56px 12px;
	}

	.catalog-filter .b-range_controls__value .min-value,
	.catalog-filter .b-range_controls__value .max-value {
		max-width: 60px;
	}

	.catalog-filter .b-filter_footer {
		padding: 12px;
	}

	.catalog-content__categories {
		margin-right: -12px;
		padding-right: 12px;
	}

	.catalog-content__sort .choices__list[role] {
		padding: 12px;
	}

	.catalog-content__item--banner {
		margin-right: -12px;
		padding-right: 12px;
	}

	.basket-true__details {
		margin: 0 -12px;
		padding: 16px 12px 24px 12px;
	}

	.order-form__checkout {
		margin: 0 -12px;
		padding: 16px 12px 28px 12px;
	}

	.modal__content--product-type,
	.modal__content--callback,
	.modal__content--one-click,
	.modal__content--question,
	.modal__content--review {
		padding: 20px 12px;
	}

	.modal__content--location {
		padding: 32px 12px;
	}

	.benefits__slider {
		margin-right: -12px;
		padding-right: 12px;
	}

	.category-slider__slider {
		margin-right: -12px;
		padding-right: 12px;
	}

	.products-slider--options .products-slider__top {
		margin-right: -12px;
	}

	.products-slider__slider {
		margin-right: -12px;
		padding-right: 12px;
	}

	.brands-slider__slider {
		margin-right: -12px;
		padding-right: 12px;
	}

	.articles-slider__slider {
		margin-right: -12px;
		padding-right: 12px;
	}

	.certificates-slider__slider {
		margin-right: -12px;
		padding-right: 12px;
	}

	.blog-detail__table {
		margin: 0 -12px 32px;
		padding: 0 12px;
	}
}

@media (max-width: 374px) {
	.reviews-item__gallery {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
	}

	.reviews-item__gallery-photo {
		width: 100%;
		height: auto;
		aspect-ratio: 1;
	}
}

@media (any-hover: hover) {
	.icon-socials:hover svg path:nth-child(1) {
		fill: var(--hover-link);
	}

	.btn-blue:not(:disabled):hover {
		background-color: var(--hover-primary);
	}

	.btn-gray:not(:disabled):hover {
		background-color: var(--hover-secondary);
	}

	.btn-white:not(:disabled):hover {
		background-color: var(--color-tetriary);
	}

	.btn-hint:hover svg {
		fill: var(--hover-link);
	}

	.slider-btn:hover {
		background-color: var(--background-secondary);
	}

	.hover-link:hover {
		color: var(--hover-link);
	}

	.hover-link:hover svg {
		fill: var(--hover-link);
	}

	.link-blue:hover {
		color: var(--hover-primary);
	}

	.link-blue:hover svg {
		fill: var(--hover-primary);
	}

	.btn-option:hover::after {
		opacity: 1;
		visibility: visible;
	}

	.form-input:not(.err):hover {
		border-color: var(--color-secondary);
	}

	.product-item__title:hover {
		color: var(--hover-link);
	}

	.product-column-thumbs__arrow:hover svg {
		fill: var(--color-primary);
	}

	.product-details__call-btn:hover svg path:nth-child(2),
	.product-details__whatsapp-btn:hover svg path:nth-child(2) {
		fill: var(--hover-secondary);
	}

	.catalog-body__item-link:hover {
		background-color: var(--background-secondary);
	}

	.catalog-body__sublink:hover {
		background-color: var(--background-secondary);
	}

	.catalog-filter
		.b-filter_item--color
		.checkbox-label-color:hover
		.checkbox-mark-color:not(:checked)
		+ .checkbox-tag-color::after {
		opacity: 1;
		visibility: visible;
		border-color: var(--color-secondary);
	}

	.catalog-filter
		.b-filter_item--color
		.checkbox-label-color:hover
		.checkbox-tooltip-color {
		opacity: 1;
		visibility: visible;
	}

	.catalog-content__sort .choices__item.choices__item--choice:hover {
		background-color: var(--background-secondary);
	}

	.basket-item__btn:not(:disabled):hover svg {
		fill: var(--color-secondary);
	}

	.order-delivery__label .bx-sls .dropdown-block:not(.err):hover {
		border-color: var(--color-secondary) !important;
	}

	.modal-form__stars-item:hover svg {
		stroke: var(--star-yellow);
		fill: var(--star-yellow);
	}

	.about__descr-link:hover {
		color: var(--hover-link);
		text-decoration: underline;
		-webkit-text-decoration-skip-ink: none;
		text-decoration-skip-ink: none;
	}
}
</pre></body></html>