/*@font-face {
	font-family: 'Segoe UI';
	src: url('SegoeUI.eot');
	src: url('/assets/fonts/SegoeUI.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Segoe UI';
	src: url('SegoeUI-SemiBold.eot');
	src: url('/assets/fonts/SegoeUI-SemiBold.woff2') format('woff2');
	font-weight: 600;
	font-style: normal;
}
@font-face {
	font-family: 'Segoe UI';
	src: url('SegoeUI-Bold.eot');
	src: url('/assets/fonts/SegoeUI-Bold.woff2') format('woff2');
	font-weight: 700;
	font-style: normal;
}*/
@font-face {
	font-family: 'Muller Bold';
	src: url('/assets/fonts/ofont.ru_Muller.ttf');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Muller Bold';
	src: url('/assets/fonts/ofont.ru_Muller.ttf');
	font-weight: 600;
	font-style: normal;
}
@font-face {
	font-family: 'Muller Bold';
	src: url('/assets/fonts/ofont.ru_Muller.ttf');
	font-weight: 700;
	font-style: normal;
}
:root {
	--fancybox-bg: rgba(0, 0, 0, .6);
	--fancybox-accent-color: #e1e1e1;
}
*,
*::before,
*::after {
	box-sizing: border-box;
	outline: none !important;
}
/*
h1 - 25px
h2 - 20px
h3 - 16px*/
.qa__answer.typography h1{
    font-size:25px;
}
.qa__answer.typography h2{
    font-size:20px;
}
.qa__answer.typography h3{
    font-size:16px;
}

img {
	max-width: 100%;
	height: auto;
}
button {
	border-radius: 0;
}

button:focus:not(:focus-visible) {
	outline: 0;
}

input,
button,
select,
optgroup,
textarea {
	margin: 0;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
}

button,
select {
	text-transform: none;
}

[role=button] {
	cursor: pointer;
}

select {
	word-wrap: normal;
}
select:disabled {
	opacity: 1;
}

[list]::-webkit-calendar-picker-indicator {
	display: none;
}

button,
[type=button],
[type=reset],
[type=submit] {
	-webkit-appearance: button;
}
button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
	cursor: pointer;
}

::-moz-focus-inner {
	padding: 0;
	border-style: none;
}

textarea {
	resize: vertical;
}

.icon {
	display: block;
	width: 1em;
	height: 1em;
	stroke-width: 0;
	stroke: currentColor;
	fill: currentColor;
}

/* input-group */
.input-group {
	position: relative;
	--input-left-offset: 38px;
}
.input-group__icon {
	position: absolute;
	width: 42px;
	height: 42px;
	margin-top: -21px;
	background-color: #F6F6F3;
	border-radius: 50%;
	top: 50%;
	left: 10px;
	pointer-events: none;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 26px;
}

/* input */
.input {
	border: 1px solid #DCDEDD;
	border-radius: 12px;
	background-color: #fff;
	padding: 8px 20px 8px calc(20px + var(--input-left-offset, 0px));
	height: 52px;
	color: #141414;
}
.input:hover,
.input:focus {
	border-color: #e1e1e1;
	box-shadow: 0 0 0 2px #e1e1e1 !important;
	outline: none !important;
}
.input::placeholder {
	color: #A1A1A1;
	opacity: 1;
}
.input_style_round {
	border-radius: 100px;
}
.input_size_lg {
	height: 58px;
}

/* checkbox */
.checkbox {
	position: relative;
	height: 44px;
}
.checkbox__input {
	position: absolute;
	opacity: 0;
	z-index: -1;
}
.checkbox__icon {
	position: absolute;
	font-size: 20px;
	left: 16px;
	top: 50%;
	transform: translateY(-50%);
	color: transparent;
	border: 2px solid #DCDEDD;
	border-radius: 50%;
}
.checkbox__input:checked ~ .checkbox__icon {
	color: #BF2D4B;
	border: none;
	border-radius: 0;
}
.checkbox__label {
	padding-right: 16px;
	padding-left: 52px;
	cursor: pointer;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	color: #4E4E4E;
	background-color: var(--checkbox-color, #EDEDEB);
	border-radius: 8px;
	user-select: none;
}
.checkbox__input:checked ~ .checkbox__label {
	background-color: var(--checkbox-color, #DCDEDD);
}
.checkbox__input:focus-visible ~ .checkbox__label {
	box-shadow: 0 0 0 3px #CFCFCF;
}
@media (hover: hover) {
	.checkbox__label:hover {
		box-shadow: 0 0 0 3px #CFCFCF;
	}
	.checkbox:hover .checkbox__input {
		border-color: #BF2D4B;
	}
}

/* select */
.select_size_sm {
	--select-height: 44px;
}
.select__toggle {
	height: var(--select-height, 52px);
	white-space: nowrap;
	padding: 0 20px 0 16px;
	border: 1px solid #DCDEDD;
	border-radius: 8px;
	background-color: var(--select-color, transparent);
	color: #4E4E4E;
	width: 100%;
	text-align: left;
	display: flex;
	align-items: center;
	justify-content: space-between;
	overflow: hidden;
}
.select__toggle::after {
	content: '';
	border-right: 2px solid;
	border-bottom: 2px solid;
	width: 7px;
	height: 7px;
	flex-shrink: 0;
	margin-left: 10px;
	color: #BF2D4B;
	transform: rotate(45deg);
}
.select__toggle_open::after {
	transform: rotate(-135deg);
	margin-bottom: -7px;
}
.select__toggle:focus-visible {
	border-color: #e1e1e1;
	box-shadow: 0 0 0 2px #e1e1e1;
	outline: none;
}
.select__dropdown {
	display: none;
	padding-top: 8px;
	padding-bottom: 8px;
}
.tippy-content .select__dropdown {
	display: block;
}
.select__options {
	margin: 0;
	padding: 0;
	list-style: none;
	max-height: 340px;
	overflow-y: auto;
	scrollbar-width: thin;
	scrollbar-color: #e1e1e1 #f1f1f1;
}
.select__options::-webkit-scrollbar {
	width: 4px;
}
.select__options::-webkit-scrollbar-track {
	background-color: #f1f1f1;
}
.select__options::-webkit-scrollbar-thumb {
	background-color: #e1e1e1;
	border-radius: 10px;
	border: 0px solid #ffffff;
}
.select__option {
	padding: 10px 20px;
	cursor: pointer;
	color: #2b2a29;
}
.select__option_sticky {
	border-bottom: 1px solid #f1f1f1;
	position: sticky;
	top: 0;
	background-color: #fff;
}
.select__option_active {
	color: #BF2D4B;
}
@media (hover: hover) {
	.select__toggle:hover {
		border-color: #e1e1e1;
		box-shadow: 0 0 0 2px #e1e1e1;
	}
	.select__option:hover {
		background-color: #e1e1e1;
		color: #141414;
	}
}

/* btn */
.btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	height: var(--btn-height, 52px);
	text-decoration: none;
	font-weight: 600;
	font-size: 14px;
}
.btn_theme_dark {
	border: none;
	background-color: #2b2a29;
	color: #fff;
	padding: 0 28px;
	border-radius: 12px;
	transition: background-color .2s;
	--btn-icon-color: #BF2D4B;
	--btn-hover-bg: #4E4E4E;
	--btn-hover-color: #fff;
}
.btn_theme_light {
	border: none;
	background-color: #EDEDEB;
	color: #4E4E4E;
	padding: 0 40px;
	border-radius: 16px;
	transition: background-color .2s, color .2s;
	text-transform: uppercase;
	--btn-hover-bg: #DCDEDD;
	--btn-hover-color: #141414;
}
.btn_theme_primary {
	border: none;
	padding: 0 40px;
	background-color: #BF2D4B;
	color: #fff;
	border-radius: 100px;
	transition: background-color .2s;
	text-transform: uppercase;
	--btn-hover-bg: #BF2D4B;
	--btn-hover-color: #fff;
}
.btn_theme_secondary {
	padding: 0 40px;
	border: 2px solid #BF2D4B;
	border-radius: 100px;
	background-color: transparent;
	text-transform: uppercase;
	color: #141414;
	transition: background-color .2s, color .2s, border-color .2s;
	--btn-hover-bg: #BF2D4B;
	--btn-hover-color: #fff;
}
.btn_size_sm {
	--btn-height: 44px;
}
.btn_size_lg {
	--btn-height: 58px;
}
.btn__icon {
	flex-shrink: 0;
	font-size: 20px;
	color: var(--btn-icon-color);
}
.btn__icon_first {
	margin-right: 10px;
}
.btn__icon_last {
	margin-left: 10px;
}
.btn:focus-visible {
	background-color: var(--btn-hover-bg);
	color: var(--btn-hover-color);
	outline: none;
}
@media (hover: hover) {
	.btn:hover {
		background-color: var(--btn-hover-bg);
		color: var(--btn-hover-color);
	}
	.btn_theme_secondary:hover {
		border-color: transparent;
	}
}

/* btn-mini */
.btn-mini {
	font-size: 14px;
	font-weight: 600;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	transition: background-color .2s;
	color: #2b2a29;
	padding: 0 11px;
	border: 1px solid #DCDEDD;
	border-radius: 10px;
	height: 35px;
	background-color: transparent;
}
.btn-mini__icon {
	font-size: 16px;
	margin-right: 8px;
	color: #BF2D4B;
}
@media (hover: hover) {
	.btn-mini:hover {
		background-color: #e1e1e1;
	}
}

/* nav-btn */
.nav-btn {
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background-color: #D7D7D7;
	border: none;
	padding: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 24px;
	color: #000;
	transition: background-color .2s;
}
@media (hover: hover) {
	.nav-btn:hover {
		background-color: #CFCFCF;
	}
}

/* drawer */
@media (max-width: 1199.98px) {
	.drawer-noscroll{overflow-y:hidden}
	.drawer,.drawer-overlay{position:fixed;top:0;left:0;height:100%;display:none}
	.drawer{z-index:100;width:300px;background-color:#e1e1e1;box-shadow:0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12)}
	.drawer_open{display:flex;flex-direction:column}
	.drawer_animate{transform:translateX(-100%)}
	.drawer_opening{transform:translateX(0);transition-duration:350ms}
	.drawer_closing{transform:translateX(-100%);transition-duration:300ms}
	.drawer-overlay{width:100%;z-index:99;background-color:rgba(0, 0, 0, 0.32);cursor:pointer;transition-property:opacity;transition-timing-function:cubic-bezier(0.4,0,0.2,1)}
	.drawer_open+.drawer-overlay{display:block}
	.drawer_animate+.drawer-overlay{opacity:0}
	.drawer_opening+.drawer-overlay{transition-duration:350ms;opacity:1}
	.drawer_closing+.drawer-overlay{transition-duration:300ms;opacity:0}
	.drawer__header{display:flex;justify-content:space-between;border-bottom:1px solid #D8D8D8;color:#000}
	.drawer__title{font-weight:600;font-size:18px;padding:10px 0 10px 25px}
	.drawer__close{border:none;padding:0;border-left:1px solid #D8D8D8;width:44px;flex-shrink:0;background-color:transparent}
	.drawer__body{overflow-y:auto;padding: 10px;}
	.drawer__close{position:relative}
	.drawer__close::before,.drawer__close::after{content:'';position:absolute;top:50%;left:50%;width:18px;height:1px;background-color:currentColor}
	.drawer__close::before{transform:translate(-50%,-50%) rotate(45deg)}
	.drawer__close::after{transform:translate(-50%,-50%) rotate(135deg)}
}
@media (min-width: 1200px) {
	.drawer__header{display:none}
	.drawer-overlay{display:none}
}

/* rating */
.rating__inner {
	display: flex;
	flex-direction: row-reverse;
	font-size: 16px;
	width: min-content;
}
.rating__icon {
	color: #CED5D8;
}
.rating__icon_active,
.rating__icon_active ~ .rating__icon {
	color: inherit;
}

/* alert */
.alert {
	display: flex;
	align-items: center;
	border-radius: min(2.5vw, 30px);
	padding: calc(6.49367px + 2.65823vw);
}
.alert_theme_success {
	background-color: #e1e1e1;
	--alert-icon-bg: #BF2D4B;
}
.alert_theme_danger {
	background-color: #E3CFD1;
	--alert-icon-bg: #973C3C;
}
.alert__icon {
	flex-shrink: 0;
	width: 1.833em;
	height: 1.833em;
	border-radius: 50%;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 1.333em;
	background-color: var(--alert-icon-bg);
	font-size: calc(12.7595px + 1.01266vw);
}
.alert__text {
	font-weight: 600;
	font-size: 16px;
	color: #141414;
	line-height: 1.4;
}
.alert__text p {
	margin-top: 0;
	margin-bottom: 1em;
}
.alert__text p:first-child {
	margin-top: 0;
}
.alert__text p:last-child {
	margin-bottom: 0;
}
@media (min-width: 1110px) {
	.alert {
		padding: 36px;
	}
	.alert__icon {
		font-size: 24px;
	}
}

/* color */
.color {
	display: flex;
	align-items: center;
}
.color__icon {
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background-color: #fff;
	border: 5px solid currentColor;
	flex-shrink: 0;
	margin-right: 10px;
}

/* color-picker */
.color-picker__content {
	padding-top: calc(-18.1818px + 5.68182vw);
	padding-bottom: calc(-18.1818px + 5.68182vw);
}
.color-form__title {
	margin-bottom: 20px;
}
.color-picker__form {
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
}
.color-picker__form > * {
	flex-grow: 1;
	min-width: 0;
	flex-basis: 220px;
}
@media (min-width: 700px) {
	.color-picker {
		background-image: url(/assets/img/blinds.png);
		background-position: left bottom;
		background-repeat: no-repeat;
		padding-left: calc(278.4px + 17.8vw);
	}
}
@media (min-width: 1200px) {
	.color-picker {
		padding-left: 492px;
	}
	.color-picker__content {
		padding-top: 50px;
		padding-bottom: 50px;
	}
}

/* contact */
.contact {
	display: flex;
	align-items: center;
}
.contact_accented {
	background-color: #CFCFCF;
	border-radius: 16px;
	padding: 15px 20px;
}
.contact__icon {
	width: 33px;
	height: 33px;
	border-radius: 50%;
	border: 1px solid #ABABAB;
	font-size: 16px;
	color: #BF2D4B;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	margin-right: .5em;
}
.contact__icon_lg {
	width: 40px;
	height: 40px;
	font-size: 24px;
}
.contact__val {
	color: #141414;
	white-space: nowrap;
	font-weight: 600;
	font-size: 16px;
	line-height: 1.3;
}
a.contact__val {
	transition: color .2s;
	text-decoration: none;
}
.contact__val_xl {
	font-weight: 700;
	font-size: calc(18.5455px + 0.454545vw);
}
.contact__val_lg {
	font-weight: 700;
	font-size: 16px;
}
.contact__val_sm {
	font-size: 14px;
	font-weight: 400;
}
.contact__val_xs {
	font-size: 12px;
	font-weight: 400;
}
@media (min-width: 1200px) {
	.contact__val_xl {
		font-size: 24px;
	}
}
@media (hover: hover) {
	a.contact__val:hover {
		color: #BF2D4B;
	}
}

/* accordion */
.accordion {
	padding: 0;
	list-style: none;
}
.accordion__item:not(:last-child) {
	margin-bottom: 10px;
}
.accordion__details {
	border: 1px solid transparent;
	border-radius: 16px;
	background-color: #F6F6F3;
	color: #141414;
}
.accordion__details[open]  {
	border-color: #e1e1e1;
	background-color: transparent;
}
.accordion__summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	cursor: pointer;
	padding: 18px calc(7.09412px + 2.47059vw);
}
.accordion__summary::-webkit-details-marker {
	display: none;
}
.accordion__dropdown-icon {
	color: #BF2D4B;
	font-size: 20px;
	margin-left: 16px;
}
.accordion__details[open] .accordion__dropdown-icon {
	transform: rotate(180deg);
}
.accordion__title {
	font-size: 16px;
	font-weight: 600;
}
.accordion__text {
	padding: 0 calc(7.09412px + 2.47059vw) 18px calc(7.09412px + 2.47059vw);
}
.accordion__text p {
	margin-top: 0;
	margin-bottom: 1em;
}
.accordion__text p:last-child {
	margin-bottom: 0;
}
@media (hover: hover) {
	.accordion__details:hover {
		border-color: #e1e1e1;
		background-color: transparent;
	}
}
@media (min-width: 1110px) {
	.accordion__summary,
	.accordion__text {
		padding-left: 36px;
		padding-right: 36px;
	}
}

/* modal */
.modal :focus {
	outline: none !important;
}
.fancybox-error.fancybox__content {
	width: auto !important;
	padding: 40px !important;
}
.modal .fancybox__content {
	border-radius: min(2.5vw, 30px);
	padding: 0;
}
.modal__actions {
	position: absolute;
	top: 20px;
	right: 20px;
	display: flex;
	justify-content: flex-end;
	column-gap: 10px;
}
.modal__close {
	color: #4E4E4E;
	font-size: 20px;
	padding: 4px;
	border: none;
	background-color: transparent;
	transition: color .2s;
	display: block;
	flex-shrink: 0;
}
.modal__close > .icon {
	display: block;
}
.modal__print {
	background-color: #DCDEDD;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	flex-shrink: 0;
	border: none;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
}
.modal__content {
	padding: calc(50px + 2.5vw) calc(19.0909px + 3.40909vw) calc(19.0909px + 3.40909vw);
}
.modal__content_pd_sm {
	padding: 58px calc(26.3636px + 1.13636vw) calc(26.3636px + 1.13636vw);
}
.modal__title {
	margin-bottom: 20px;
}
.modal__descr p {
	margin-top: 1em;
	margin-bottom: 1em;
}
.modal__descr p:first-child {
	margin-top: 0;
}
.modal__descr p:last-child {
	margin-bottom: 0;
}
.modal__form {
	margin-top: 32px;
}
.modal__form:not(:last-child) {
	margin-bottom: 24px;
}
@media (hover: hover) {
	.modal__close:hover {
		color: #141414;
	}
}
@media (min-width: 1200px) {
	.modal__content {
		padding: 80px 60px 60px;
	}
	.modal__content_pd_sm {
		padding: 58px 40px 40px;
	}
}

/* grid */
.grid {
	display: grid;
}
.grid-cols-2 {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3 {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}
.gap-16 {
	gap: 16px;
}
@media (min-width: 576px) {
	.sm\:grid-cols-4 {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

/* columns */
@media (min-width: 768px) {
	.md\:columns-2 {
		columns: 2;
		column-gap: 40px;
	}
}

/* table-responsive */
.table-responsive {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

/* typography */
.typography {
	font-size: 16px;
	line-height: 1.4;
}
.typography p,
.typography .grid {
	margin-top: 1em;
	margin-bottom: 1em;
}
.typography img:not([class]) {
	margin-bottom: 1em;
}
.typography ul:not([class]),
.typography ul:not([class]),
.typography .alert,
.typography .accordion,
.typography .table-responsive {
	margin-top: 40px;
	margin-bottom: 40px;
}
.typography h1,
.typography h2,
.typography h3,
.typography h4,
.typography h5,
.typography h6 {
	color: #141414;
	margin-top: 1.111em;
	margin-bottom: .7em;
}
.typography h1:first-child {
	margin-top: 0;
}
.typography table {
	width: 100%;
	border-collapse: collapse;
	font-size: 13px;
	color: #333333;
	border: 1px solid #e1e1e1;
}
.typography table thead {
	background-color: #F6F6F3;
}
.typography table tbody tr:not(:last-child) {
	border-bottom: 1px solid #F6F6F3;
}
.typography table th {
	font-weight: normal;
	text-align: left;
	padding: 11px 0;
}
.typography table td {
	padding-top: 21px;
	padding-bottom: 21px;
}
.typography table th,
.typography table td {
	padding-left: 10px;
	padding-right: 10px;
}
.typography table th:first-child,
.typography table td:first-child {
	padding-left: calc(-7.82278px + 5.56962vw);
}
.typography table th:last-child,
.typography table td:last-child {
	padding-right: calc(-7.82278px + 5.56962vw);
}
.table-row-accented {
	color: #BF2D4B;
	background-color: #F6F6F3;
}
@media (min-width: 1110px) {
	.typography table th:first-child,
	.typography table td:first-child {
		padding-left: 54px;
	}
	.typography table th:last-child,
	.typography table td:last-child {
		padding-right: 54px;
	}
}

/* tippy */
.tippy-box[data-theme~='light'] {
	background-color: #fff;
	box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.03);
	border-radius: 16px;
	color: #141414;
}
.tippy-box[data-theme~='dropdown'] .tippy-content {
	padding: 0;
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.03);
}
.tippy-overlay {
	position: fixed;
	z-index: 9998;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .1);
}

/* page */
html,
body {
	height: 100%;
}
.page {
	height: 100%;
	display: flex;
	flex-direction: column;
	min-width: 320px;
	margin: 0;
	font-family: 'Muller Bold', sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.2;
	color: #4E4E4E;
	background-color: #F6F6F3;
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.page__header {
	padding-bottom: 48px;
}
.page__main {
	margin-top: 100px;
	margin-top: -48px;
	flex-shrink: 0;
}
.page__footer {
	margin-top: auto;
}

/* container */
.container {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-right: 15px;
	padding-left: 15px;
}
.container_nogap {
	padding-right: 0;
	padding-left: 0;
}
.container_sm {
	max-width: 1000px;
}
.container_md {
	max-width: 1080px;
}
.container_xl {
	max-width: 1170px;
}
.container_xxl {
	max-width: 1334px;
}


/* header */
.header {
	background-color: #e1e1e1;
}
.header__top {
	display: flex;
	align-items: center;
	column-gap: 24px;
}
.header__city {
	align-self: stretch;
	margin-right: auto;
}
.header__bottom {
	padding-top: 23px;
	padding-bottom: 23px;
	display: flex;
	align-items: center;
	column-gap: 60px;
	border-top: 1px solid #D8D8D8;
	border-bottom: 1px solid #D8D8D8;
}
.header__callback {
	align-self: stretch;
}
.header__logo {
	margin-right: auto;
}
.header__socials,
.header__sample-btn,
.header__contacts {
	display: none;
}
.header__nav-btn {
	flex-shrink: 0;
}
@media (min-width: 576px) {
	.header__contacts {
		display: block;
	}
}
@media (min-width: 768px) {
	.header__socials {
		display: block;
	}
}
@media (min-width: 992px) {
	.header__socials,
	.header__sample-btn {
		display: block;
	}
}
@media (min-width: 1200px) {
	.header__nav-btn {
		display: none;
	}
}

/* logo */
.logo {
	text-decoration: none;
}
.logo__descr {
	display: none;
}
@media (min-width: 1200px) {
	.logo {
		display: inline-flex;
		align-items: center;
	}
	.logo__img {
		flex-shrink: 0;
	}
	.logo__descr {
		margin-left: 16px;
		display: flex;
		align-items: center;
		align-self: stretch;
		color: #2b2a29;
		font-weight: 600;
		line-height: 1;
	}
	.logo__descr::before {
		content: '';
		display: block;
		width: 5px;
		background-color: #BF2D4B;
		transform: skew(-8deg);
		border-radius: 10px;
		flex-shrink: 0;
		align-self: stretch;
		margin-right: 14px;
	}
}

/* city-btn */
.city-btn {
	font-weight: 600;
	background-color: transparent;
	padding: 4px 0;
	border: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	color: #4E4E4E;
	transition: color .2s;
	white-space: nowrap;
}
.city-btn__icon {
	width: 20px;
	height: 20px;
	flex-shrink: 0;
	border: 1px solid #C7C7C7;
	border-radius: 6px;
	margin-left: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #BF2D4B;
	font-size: 16px;
	transition: border-color .2s;
}
.city-picker_open .city-picker__icon {
	transform: rotate(180deg);
}
@media (hover: hover) {
	.city-btnn:hover {
		color: #141414;
	}
	.city-btn:hover .city-picker__icon {
		border-color: #ABABAB;
	}
}

/* inline-city-btn */
.inline-city-btn {
	color: #566AB0;
	border: none;
	background-color: transparent;
	font: inherit;
	padding: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.inline-city-btn__icon {
	flex-shrink: 0;
	font-size: 16px;
}

/* cities */
.cities {
	margin: 0;
	padding: 15px 11px;
	list-style: none;
	width: 192px;
}
.cities__item:not(:last-child) {
	margin-bottom: 8px;
}
.cities__option {
	text-decoration: none;
	display: block;
	width: 100%;
	padding: 10px 20px;
	text-align: left;
	border-radius: 10px;
	color: #2b2a29;
	font-weight: 400;
}
.cities__option_active {
	color: #BF2D4B;
	background-color: #e1e1e1;
}
@media (hover: hover) {
	.cities__option:hover {
		background-color: #e1e1e1;
	}
}

/* primary-nav */
.primary-nav__list {
	margin: 0;
	padding: 0;
	list-style: none;
}
.primary-nav__item:not(:last-child) {
	margin-bottom: 5px;
}
.primary-nav__link {
	display: block;
	text-decoration: none;
	color: #2b2a29;
	padding: 12px 15px;
	border-radius: 10px;
}
.primary-nav__link_accented {
	background-color: #D7D7D7;
	font-weight: 600;
	font-size: 1.143em;
}
.primary-nav__link:hover {
	background-color: #D7D7D7;
	color: #000;
}
@media (min-width: 1200px) {
	.primary-nav {
		color: #787878;
		font-size: 12px;
	}
	.primary-nav__list {
		display: flex;
		flex-wrap: wrap;
		column-gap: 10px;
	}
	.primary-nav__item:not(:last-child) {
		margin-bottom: 0;
	}
	.primary-nav__item_mobile {
		display: none;
	}
	.primary-nav__link {
		color: inherit;
		padding: 8px 16px;
		border-radius: 0;
	}
	.primary-nav__link:hover {
		color: #4E4E4E;
		background-color: transparent;
	}
}

/* cat-nav */
.cat-nav__list {
	margin: 0;
	padding: 0;
	list-style: none;
}
.cat-nav__link,
.cat-subnav__link {
	display: block;
	text-decoration: none;
	color: #2b2a29;
	padding: 12px 15px;
	border-radius: 10px;
}
.cat-nav__link:hover,
.cat-subnav__link:hover {
	background-color: #D7D7D7;
	color: #000;
}
.cat-nav__arrow-icon {
	display: none;
}
.cat-subnav {
	display: none;
	width: 100%;
	margin: 0;
	list-style: none;
	padding: 5px 0 5px 25px;
}
@media (max-width: 1199.98px) {
	.cat-nav__item_dropdown {
		display: flex;
		flex-direction: row-reverse;
		flex-wrap: wrap;
		align-items: center;
		justify-content: space-between;
	}
	.cat-nav__btn {
		padding: 0;
		width: 40px;
		height: 40px;
		flex-shrink: 0;
		border: none;
		background-color: #D7D7D7;
		position: relative;
		color: #2b2a29;
		border-radius: 4px;
	}
	.cat-nav__btn::before,
	.cat-nav__btn::after {
		display: block;
		position: absolute;
		content: "";
		background: currentColor;
		width: 10px;
		height: 2px;
		top: calc(50% - 1px);
		left: calc(50% - 5px)
	}
	.cat-nav__btn::after {
		transform: rotate(90deg);
		transition: transform .2s
	}
	.cat-nav__item_expanded .cat-nav__btn::after {
		transform: none;
	}
	.cat-nav__item_dropdown .cat-nav__link {
		width: calc(100% - 45px);
	}
	.cat-nav__item_expanded .cat-subnav {
		display: block;
	}
	@media (hover: hover) {
		.cat-nav__btn:hover {
			background-color: #CFCFCF;
		}
	}
}
@media (min-width: 1200px) {
	.cat-nav__list {
		padding: 15px 0;
		display: flex;
		justify-content: space-between;
	}
	.cat-nav__link {
		display: flex;
		align-items: center;
		justify-content: center;
		color: #141414;
		font-weight: 600;
		font-size: 16px;
		text-align: center;
		padding: 10px 16px;
		transition: background-color .2s;
		border-radius: 12px;
		height: 100%;
	}
	.cat-nav__item:hover .cat-nav__link {
		background-color: #CFCFCF;
	}
	.cat-nav__btn {
		display: none;
	}
	@media (hover: hover) {
		.cat-nav__item_dropdown {
			position: relative;
		}
		.cat-nav__arrow-icon {
			width: 24px;
			height: 24px;
			flex-shrink: 0;
			border: 1px solid #A8A8A8;
			border-radius: 8px;
			margin-left: 10px;
			display: flex;
			align-items: center;
			justify-content: center;
			color: #4E4E4E;
			font-size: 16px;
			transition: border-color .2s;
		}
		.cat-nav__item_dropdown:hover > .cat-nav__link > .cat-nav__arrow-icon {
			transform: rotate(180deg);
		}
		.cat-subnav {
			z-index: 100;
			position: absolute;
			left: 0;
			top: 100%;
			background-color: #fff;
			box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.03);
			border-radius: 16px;
			width: 100%;
			min-width: 200px;
			padding: 20px;
		}
		.cat-nav__item_dropdown:hover > .cat-subnav {
			display: block;
		}
		.cat-subnav__item:not(:last-child) {
			margin-bottom: 8px;
		}
		.cat-subnav__link {
			padding: 10px 20px;
		}
		.cat-subnav__link:hover {
			background-color: #e1e1e1;
		}
	}
}

/* callback-btn */
.callback-btn {
	background-color: #D7D7D7;
	text-decoration-line: underline;
	color: #4E4E4E;
	font-size: 12px;
	border: none;
	padding: 8px 13px;
	transition: color .2s, background-color .2s;
}
@media (min-width: 480px) {
	.callback-btn {
		text-transform: uppercase;
		padding: 13px 20px;
	}
}
@media (hover: hover) {
	.callback-btn:hover {
		background-color: #CFCFCF;
		color: #141414;
	}
}

/* mini-social */
.mini-socials__list {
	padding: 0;
	margin: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
	font-size: 31px;
}
.mini-socials__item {
	flex-shrink: 0;
}
.mini-socials__link {
	display: block;
}
.mini-socials__icon {
	width: 37px;
	height: 37px;
	border-radius: 50%;
	padding: 3px;
	transition: background-color .2s;
	display: block;
}
.mini-socials__icon:hover {
	background-color: #C7C7C7;
}

/* socials */
.socials__title {
	color: #848484;
	margin-bottom: 8px;
}
.socials__list {
	display: flex;
	flex-wrap: wrap;
	margin: 0;
	padding: 8px;
	list-style: none;
	gap: 10px;
	background-color: #CFCFCF;
	border-radius: 8px;
}
.socials__link {
	display: block;
}
.socials__icon {
	display: block;
	width: 24px;
	height: 24px;
}
@media (min-width: 768px) {
	.socials {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
	}
	.socials__title {
		margin-bottom: 0;
		margin-right: 20px;
	}
}

/* contacts-list */
.contacts-list {
	margin: 0;
	padding: 0;
	list-style: none;
}
.contacts-list__item:not(:last-child) {
	margin-bottom: 16px;
}

/* mobile-nav */
.mobile-nav__contacts,
.mobile-nav__sample,
.mobile-nav__socials {
	margin-top: 20px;
}
@media (min-width: 1200px) {
	.mobile-nav__contacts,
	.mobile-nav__sample,
	.mobile-nav__socials {
		display: none;
	}
}

/* main */
.main {
	padding-bottom: calc(38.7059px + 3.52941vw);
}
.main__section:not(:last-child) {
	margin-bottom: calc(24.9412px + 4.70588vw);
}
@media (min-width: 1200px) {
	.main {
		padding-bottom: 80px;
	}
	.main__section:not(:last-child) {
		margin-bottom: 80px;
	}
}

/* post */
.post {
	background-color: #fff;
	--section-border-radius: 30px;
	padding-top: 60px;
	padding-bottom: 80px;
}

/* section */
.section {
	margin-left: auto;
	margin-right: auto;
	max-width: 1334px;
}
.section_theme_primary {
	background: linear-gradient(
	89.2deg,
	#e1e1e1 27.29%,
	rgba(225, 227, 207, 0) 99.63%
	),
	/*url(../img/z.jpg) right / auto 100% no-repeat, */
	#e1e1e1;
	padding: calc(21.9294px + 5.64706vw) 0;
	--section-border-radius: 40px;
}
.section_theme_outline {
	border: 4px solid #EDEDE4;
	--section-border-radius: 50px;
	padding-top: 60px;
	padding-bottom: 40px;
}
.section_theme_light {
	padding-top: 40px;
	padding-bottom: 40px;
	background-color: #fff;
	--section-border-radius: 30px;
}
.section_sm {
	max-width: 1170px;
}
.section__header {
	margin-bottom: 40px;
	text-align: center;
}
.section__title {
	margin: 0;
}
.section__title br {
	display: none;
}
.section__header-btn {
	margin-top: 15px;
}
.section__filter {
	margin-bottom: 30px;
}
.section__actions {
	margin-top: 40px;
	text-align: center;
}
@media (min-width: 576px) {
	.section__header {
		display: flex;
		align-items: center;
		justify-content: space-between;
		text-align: left;
	}
	.section__title br {
		display: block;
	}
	.section__header-btn {
		margin-top: 0;
		margin-left: 30px;
	}
}
@media (min-width: 1170px) {
	.section_sm {
		border-radius: var(--section-border-radius, 0);
	}
	.section_theme_primary {
		padding: 88px 0;
	}
}
@media (min-width: 1334px) {
	.section {
		border-radius: var(--section-border-radius, 0);
	}
}

/* title */
.title {
	font-weight: 700;
	color: #141414;
}
.title_size_1,
.typography h1 {
	font-size: calc(19.4824px + 1.41176vw);
}
.title_size_2,
.typography h2 {
	font-size: calc(18.2353px + 1.17647vw);
}
.title_size_3,
.typography h3 {
	font-size: calc(18.4941px + 0.470588vw);
}
.title_size_4,
.typography h4 {
	font-size: calc(17.2471px + 0.235294vw);
}
.title_size_5,
.typography h5 {
	font-size: calc(14.6235px + 0.117647vw);
}
.title_size_6,
.typography h6 {
	font-size: 14px;
}
@media (min-width: 1170px) {
	.title_size_1,
	.typography h1 {
		font-size: 36px;
	}
	.title_size_2,
	.typography h2 {
		font-size: 32px;
	}
	.title_size_3,
	.typography h3 {
		font-size: 24px;
	}
	.title_size_4,
	.typography h4 {
		font-size: 20px;
	}
	.title_size_5,
	.typography h5 {
		font-size: 16px;
	}
}

/* categories */
.categories {
	/* padding: 40px 0;
	background-color: #fff; */
}
.categories {
	margin: 0;
	padding: 0;
	list-style: none;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 20px 16px;
}
.categories__link {
	height: 100%;
}
@media (min-width: 576px) {
	.categories {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}
@media (min-width: 818px) {
	.categories {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

/* category-card */
.category-card {
	display: block;
	text-decoration: none;
	color: #000;
	padding: 0 12px 21px;
	position: relative;
	z-index: 0;
}
.category-card::after {
	content: '';
	position: absolute;
	top: 20%;
	height: 80%;
	left: 0;
	width: 100%;
	background-color: #F6F6F3;
	z-index: -2;
	border-radius: min(24px, 2vw);
}
.category-card__img-wrapper {
	position: relative;
	margin-bottom: 15px;
	padding-top: 138%;
}
.category-card__img {
	display: block;
	object-fit: cover;
	border-radius: min(24px, 2vw);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.category-card__title {
	font-size: 15px;
	font-weight: 600;
}
.category-card__arrow {
	display: none;
}
@media (min-width: 414px) {
	.category-card {
		display: grid;
		grid-template-columns: minmax(0, 1fr) max-content;
		grid-auto-rows: max-content auto;
		align-items: center;
	}
	.category-card__img-wrapper {
		grid-column: 1 / -1;
	}
	.category-card__arrow {
		margin-left: 15px;
		position: relative;
		z-index: -1;
		width: 32px;
		height: 32px;
		border-radius: 50%;
		background-color: #e1e1e1;
		font-size: 16px;
		color: #BF2D4B;
		display: flex;
		align-items: center;
		justify-content: center;
		transition: background-color .2s;
	}

}
@media (min-width: 480px) {
	.category-card__title {
		font-size: calc(15px + (20 - 15) * (100vw - 480px) / (1200 - 480));
	}
}
@media (min-width: 1200px) {
	.category-card__title {
		font-size: 20px;
	}
	.category-card__title {
		margin-left: 12px;
	}
	.category-card__arrow {
		margin-right: 12px;
	}
}
@media (hover: hover) {
	.category-card:hover .category-card__img {
		transform: translateY(-1%);
		filter: drop-shadow(0px 10px 10px rgba(222, 224, 205, 0.5));
	}
	.category-card__arrow:hover {
		background-color: #CFCFCF;
	}
}

/* announcement */
.announcement {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 16px;
}
.announcement__card {
	padding: 20px;
	background-color: #fff;
	border-radius: min(30px, 2.5vw);
}
.announcement__img-link {
	display: block;
	border-radius: min(24px, 2vw);
	margin: 0 auto 24px;
	width: max-content;
}
.announcement__img {
	display: block;
	border-radius: inherit;
}
.announcement__title-wrapper {
	margin-bottom: 8px;
}
.announcement__title {
	text-decoration: none;
}
.announcement__descr {
	color: #000000;
	line-height: 1.4;
}
.announcement__descr p {
	margin-top: 1em;
	margin-bottom: 1em;
}
.announcement__descr p:first-child {
	margin-top: 0;
}
.announcement__descr p:last-child {
	margin-bottom: 0;
}
.announcement__actions {
	margin-top: 24px;
}

@media (min-width: 480px) and (max-width: 575.98px), (min-width: 992px) {
	.announcement__card {
		display: flex;
		align-items: flex-start;
	}
	.announcement__img-link {
		width: 178px;
		flex-shrink: 0;
		margin: 0 24px 0 0;
	}
}
@media (min-width: 576px) {
	.announcement {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}
@media (min-width: 1200px) {
	.announcement__card {
		padding: 40px;
	}
}

/* filter */
.filter__item:not(:last-child) {
	margin-bottom: 30px;
}
.filter__label {
	margin-bottom: 8px;
	color: #141414;
}
.filter__control {
	width: 100%;
}
@media (max-width: 991.98px) {
	.filter__form .select__toggle,
	.filter__form .checkbox__label {
		--checkbox-color: #fff;
		--select-color: #fff;
	}
}
@media (min-width: 992px) {
	.filter__form {
		display: grid;
		grid-template-columns: repeat(6, minmax(0, 1fr));
		gap: 10px;
	}
	.filter__item:not(:last-child) {
		margin-bottom: 0;
	}
	.filter__toggle {
		display: none;
	}
}

/* catalog */
.catalog {
	margin: 0;
	padding: 0;
	list-style: none;
}
.catalog_layout_grid {
	display: grid;
	gap: calc(5.09091px + 0.909091vw);
	grid-template-columns: repeat(auto-fit, minmax(calc(61.3636px + 7.38636vw), 1fr));
}
.catalog__link {
	position: relative;
	display: block;
	border-radius: min(24px, 2vw);
}
.catalog__link::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0;
	visibility: hidden;
	z-index: 1;
	border-radius: inherit;
	transition-duration: .3s;
}
.catalog__img {
	display: block;
	width: 100%;
	border-radius: inherit;
}
.catalog__icon {
	position: absolute;
	right: 16px;
	bottom: 16px;
	border-radius: 50%;
	background-color: #fff;
	color: #BF2D4B;
	font-size: 16px;
	padding: 8px;
	visibility: hidden;
	opacity: 0;
	transition-duration: .3s;
	z-index: 2;
}
.catalog__icon > .icon {
	display: block;
}
@media (hover: hover) {
	.catalog__link:hover::after {
		opacity: .2;
		visibility: visible;
	}
	.catalog__link:hover .catalog__icon {
		opacity: 1;
		visibility: visible;
		transition-delay: 0s;
	}
}
@media (min-width: 1200px) {
	.catalog_layout_grid {
		grid-template-columns: repeat(6, minmax(150px, 1fr));
		gap: 16px;
	}
}

/* promotion */
.promotion {
	margin: 0;
	padding: 0;
	list-style: none;
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 16px;
}
.promotion__link {
	display: block;
	border-radius: min(30px, 2.5vw);
}
.promotion__img {
	display: block;
	border-radius: inherit;
	width: 100%;
}
@media (min-width: 576px) {
	.promotion {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

/* tags */
.tags__img {
	border-radius: min(40px, 3.3vw);
	display: none;
}
.tags__text {
	padding-top: 20px;
}
.tags__header {
	margin-bottom: 32px;
}
.tags__title {
	margin-top: 0;
	margin-bottom: 0;
	color: #141414;
}
.tags__title br {
	display: none;
}
.tags__list {
	margin: 0;
}
.tags__info {
	line-height: 1.4;
	margin-top: 32px;
}
@media (min-width: 768px) {
	.tags__inner {
		display: grid;
		grid-template-columns: 206px minmax(0, 1fr);
		grid-template-rows: auto auto 1fr;
		align-items: start;
		column-gap: 30px;
		grid-template-areas:
		"header header"
		"img list"
		"info info";
	}
	.tags__header {
		grid-area: header;
	}
	.tags__img {
		display: block;
		grid-area: img;
	}
	.tags__list {
		grid-area: list;
	}
	.tags__info {
		grid-area: info;
	}
}
@media (min-width: 992px) {
	.tags__inner {
		grid-template-areas:
		"header header"
		"img list"
		"img info";
	}
}
@media (min-width: 1110px) {
	.tags__inner {
		grid-template-columns: 372px minmax(0, 1fr);
		column-gap: 80px;
		grid-template-areas:
		"img header"
		"img list"
		"img info";
	}
	.tags__info {
		max-width: 417px;
	}
}
@media (min-width: 1200px) {
	.tags__header {
		padding-top: 20px;
	}
	.tags__title br {
		display: block;
	}
}

/* tags-list */

.tags-list {
	padding: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}
.tags-list__item {
	flex-grow: 1;
}
.tags-list__link {
	text-decoration: none;
	background-color: #CFCFCF;
	text-align: center;
	border-radius: 100px;
	color: #56593F;
	padding: 10px 20px;
	line-height: 1.4;
	display: block;
}
.tags-list__link_active {
	font-weight: 600;
}
.tags-list__link:hover,
.tags-list__link_active {
	background-color: #ABABAB;
	color: #141414;
}
@media (min-width: 576px) {
	.tags-list {
		gap: 16px 12px;
	}
	.tags-list__item {
		flex-grow: 0;
	}
}

/* tags-info */
.tags-info {
	display: flex;
	align-items: center;
}
.tags-info__icon {
	font-size: 28px;
	color: #FFA800;
	margin-right: 16px;
	flex-shrink: 0;
}

/* guide */
.guide {
	margin: 0;
	padding: 0;
	list-style: none;
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 16px;
}
.guide__card {
	background-color: #fff;
	border-radius: min(30px, 2.5vw);
	padding: 24px calc(14.3529px + 1.76471vw) calc(12.4706px + 2.35294vw);
}
.guide__img-wrapper {
	width: 189px;
	max-width: 100%;
	margin: 0 auto 24px;
	position: relative;
}
.guide__img-wrapper::before {
	content: '';
	display: block;
	padding-top: 100%;
}
.guide__img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.guide__actions {
	display: flex;
	margin-bottom: 16px;
	column-gap: 22px;
	white-space: nowrap;
}
.guide__step {
	font-weight: 600;
	color: #fff;
	background: #000000;
	border-radius: 10px;
	padding: 9px 16px;
}
.guide__info {
	color: #2b2a29;
	border: 1px solid #DCDEDD;
	border-radius: 10px;
	padding: 8px 12px;
	text-align: center;
}
.guide__title {
	color: #141414;
	font-weight: 700;
	font-size: 20px;
}
.guide__descr {
	margin-top: 8px;
	color: #4E4E4E;
}
@media (min-width: 414px) and (max-width: 575.98px), (min-width: 768px) and (max-width: 1109.98px) {
	.guide__card {
		display: flex;
		align-items: center;
		padding: 15px;
	}
	.guide__img-wrapper {
		margin: 0 15px 0 0;
		width: 35%;
		flex-shrink: 0;
	}
	.guide__text {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.guide__actions {
		column-gap: 5px;
	}
	.guide__title {
		font-size: 18px;
	}
}
@media (min-width: 576px) {
	.guide {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}
@media (min-width: 992px) {
	.guide__actions {
		column-gap: 22px;
	}
}
@media (min-width: 1110px) {
	.guide {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
	.guide__card {
		padding: 24px 40px 40px;
	}
}

.review {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 16px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.review__card {
	border: 4px solid #EDEDE4;
	border-radius: min(30px, 2.5vw);
	transition: border-color .2s;
	padding: 15px;
}
.review__img {
	grid-area: img;
	display: block;
	margin: 0 auto 24px;
	border-radius: min(30px, 2.5vw);
}
.review__header {
	grid-area: header;
	display: grid;
	grid-template-columns: max-content minmax(0, 1fr);
	align-items: center;
	margin-bottom: 16px;
}
.review__avatar {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	object-fit: cover;
	margin-right: 10px;
}
.review__author {
	font-weight: 700;
	font-size: 16px;
	color: #141414;
	grid-column-start: 2;
}
.review__info {
	font-size: 12px;
	margin-top: 8px;
	grid-column: 1 / -1;
}
.review__body {
	grid-area: body;
	color: #2b2a29;
	line-height: 1.4;
}
.review__body p {
	margin: 0;
}
@media (min-width: 414px) and (max-width: 575.98px), (min-width: 768px) {
	.review__card {
		display: grid;
		grid-template-columns: max-content minmax(0, 1fr);
		grid-template-rows: auto 1fr;
		grid-template-areas:
		"header header"
		"img body";
	}
	.review__img {
		margin-bottom: 0;
		margin-right: 16px;
		border-radius: 12px;
		width: 120px;
	}
}
@media (min-width: 576px) {
	.review {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}
@media (min-width: 1110px) {
	.review__card {
		grid-template-areas:
		"img header"
		"img body";
		padding: 20px;
	}
	.review__img {
		width: 190px;
		margin-right: 20px;
	}
	.review__header {
		padding-top: 17px;
	}
}
@media (min-width: 1200px) {
	.review__img {
		width: 220px;
		margin-right: 40px;
	}
}
@media (hover: hover) {
	.review__card:hover {
		border-color: #CFCFCF;
	}
}

/* callback */
.callback {
	padding: 10px 10px 10px 20px;
	background-color: #CFCFCF;
	border-radius: 16px;
}
.callback__title {
	font-weight: 600;
	margin-right: 16px;
	margin-bottom: 5px;
}
.callback__form {
	display: flex;
	align-items: center;
	flex-grow: 1;
}
.callback__field {
	background-color: #fff;
	border-radius: 12px;
	border: 1px solid rgba(220, 222, 221, 0.5);
	padding: 11px 16px;
	font-weight: 600;
	outline: none;
	width: 174px;
	color: #141414;
	flex-grow: 1;
}
.callback__btn {
	margin-left: 10px;
	background-color: #2b2a29;
	border-radius: 12px;
	padding: 16px 28px;
	border: none;
	color: #BF2D4B;
	font-size: 20px;
	transition: background-color .2s;
}
.callback__btn > .icon {
	display: block;
}
@media (min-width: 576px) {
	.callback {
		display: flex;
		align-items: center;
	}
	.callback__title {
		max-width: 152px;
		margin-bottom: 0;
	}
}
@media (min-width: 768px) {

	.callback__field {
		width: 250px;
	}
}
@media (hover: hover) {
	.callback__btn:hover {
		background-color: #4E4E4E;
	}
}

/* contacts */
.contacts__map {
	margin-top: 30px;
	border-radius: min(40px, 3.3vw);
	align-self: stretch;
	overflow: hidden;
	position: relative;
	min-height: 300px;
}
.contacts__map::before {
	content: '';
	display: block;
	padding-top: 46%;
}
.contacts__map > * {
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: calc(504.276px + 92.4138vw) !important;
}
.contacts__container-inner {
	pointer-events: none;
}
.contacts__text {
	pointer-events: auto;
	border-radius: min(40px, 3.3vw);
	background-color: #fff;
	padding: calc(26.2353px + 1.17647vw) calc(12.4706px + 2.35294vw) calc(12.4706px + 2.35294vw);
}
.contacts__title {
	margin-top: 0;
	margin-bottom: 1em;
}
.contacts__descr {
	color: #141414;
	font-size: 16px;
}
.contacts__descr,
.contacts__list:not(:last-child) {
	margin-bottom: calc(11.2727px + 2.72727vw);
}
.contacts__actions {
	border-top: 1px solid #ECECEC;
	margin-top: calc(22.4706px + 2.35294vw);
	padding-top: 32px;
	display: flex;
	flex-wrap: wrap;
	gap: 10px 38px;
	align-items: center;
}
@media (max-width: 991.98px) {
	.contacts__container-inner {
		padding-left: 0;
		padding-right: 0;
	}
}
@media (min-width: 900px) {
	.contacts__inner {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		column-gap: 30px;
	}
	.contacts__map {
		margin-top: 0;
	}
	.contacts__map > * {
		width: calc(-76.7273px + 117.727vw) !important;
	}
}
@media (min-width: 992px) {
	.contacts__container-outer {
		padding-left: 0;
		padding-right: 0;
	}
	.contacts__inner {
		align-items: center;
	}
	.contacts__inner > * {
		grid-column: 1 / -1;
		grid-row-start: 1;
	}
	.contacts__container-inner:not(.container) {
		padding-left: 70px;
	}
	.contacts__grid {
		display: grid;
		grid-template-columns: repeat(12, minmax(0, 1fr));
		gap: 16px;
	}
	.contacts__container-inner {
		z-index: 1;
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.contacts__text {
		width: calc(41.66666667% - 8px);
		min-width: 430px;
	}
}
@media (min-width: 1200px) {
	.contacts__container-inner {
		padding-top: 64px;
		padding-bottom: 64px;
	}
	.contacts__text {
		padding: 40px;
	}
	.contacts__descr,
	.contacts__list:not(:last-child) {
		margin-bottom: 46px;
	}
	.contacts__actions {
		margin-top: 44px;
	}
	.contacts__map > * {
		width: 1336px !important;
	}
}

/* qa */
.qa {
	margin: 0;
	padding: 0;
	list-style: none;
	min-height: 540px;
}
.qa__item:not(:last-child) {
	margin-bottom: 10px;
}
.qa__item_expanded {
	background-color: #FFFFFF;
	border-radius: min(30px, 2.5vw);
	padding-right: calc(12.7273px + 2.27273vw);
	padding-left: calc(12.7273px + 2.27273vw);
}
.qa__btn {
	display: flex;
	align-items: center;
	border: none;
	border-bottom: 1px solid #E9E9E9;
	cursor: pointer;
	padding: 24px 0 20px 8px;
	background-color: transparent;
	text-align: left;
	width: 100%;
}
.qa__item_expanded .qa__btn {
	border-bottom-color: #C7C7C7;
}
.qa__question {
	font-weight: 600;
	font-size: 14px;
	color: #4E4E4E;
	margin-right: auto;
}
.qa__item_expanded .qa__question {
	color: #141414;
}
.qa__icon {
	font-size: 20px;
	color: #DCDEDD;
	margin-left: 15px;
	flex-shrink: 0;
	transform: rotate(90deg);
}
.qa__item_expanded .qa__icon {
	color: #2b2a29;
}
.qa__dropdown {
	padding-top: calc(12.7273px + 2.27273vw);
	padding-bottom: calc(12.7273px + 2.27273vw);
	color: #2b2a29;
	display: none;
}
.qa__item_expanded .qa__dropdown {
	display: block;
}
.qa__answer {
	max-height: 300px;
	overflow-y: auto;
	padding-right: 18px;
	scrollbar-width: thin;
	scrollbar-color: #e1e1e1 #f1f1f1;
	font-size: 14px;
}
.qa__answer p:first-child {
	margin-top: 0;
}
.qa__answer::-webkit-scrollbar {
	width: 4px;
}
.qa__answer::-webkit-scrollbar-track {
	background-color: #f1f1f1;
}
.qa__answer::-webkit-scrollbar-thumb {
	background-color: #e1e1e1;
	border-radius: 10px;
	border: 0px solid #ffffff;
}
@media (min-width: 768px) {
	.qa {
		position: relative;
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.qa__item {
		padding-right: 0;
		padding-left: 0;
	}
	.qa__item:not(:last-child) {
		margin-bottom: 0;
	}
	.qa__item_expanded {
		background-color: transparent;
		border-radius: 0;
	}
	.qa__btn {
		width: calc(41.66666667% - 18px);
	}
	.qa__icon {
		transform: none;
	}
	.qa__dropdown {
		background-color: #FFFFFF;
		border-radius: min(30px, 2.5vw);
		position: absolute;
		right: 0;
		top: 0;
		width: calc(58.33333333% - 18px);
		height: 100%;
		padding-right: 18px;
		padding-left: calc(12.7273px + 2.27273vw);
	}
	.qa__answer {
		height: 100%;
		max-height: none;
	}
}
@media (min-width: 992px) {
	.qa {
		counter-reset: qa;
	}
	.qa__btn {
		padding-right: 20px;
	}
	.qa__btn::before {
		content: counter(qa, decimal-leading-zero);;
		counter-increment: qa;
		color: #DCDEDD;
		font-size: 20px;
		font-weight: 700;
		line-height: 1;
		margin-right: 28px;
	}
	.qa__question {
		font-size: 16px;
	}
}
@media (min-width: 1200px) {
	.qa__dropdown {
		padding-top: 40px;
		padding-bottom: 40px;
		padding-left: 40px;
	}
}

/* gallery */
.gallery {
	margin: 0;
	padding: 0;
	list-style: none;
	display: grid;
	grid-template-columns: repeat(12, minmax(0, 1fr));
	gap: calc(5.09091px + 0.909091vw);
}
.gallery__item {
	grid-column-start: span 4;
}
.gallery__item:nth-child(5n+1),
.gallery__item:nth-child(5n+2) {
	grid-column-start: span 6;
}
.gallery__link {
	display: block;
	border-radius: min(20px, 1.6vw);
	padding-top: 95.8%;
	position: relative;
}
.gallery__item:nth-child(5n+1) > .gallery__link,
.gallery__item:nth-child(5n+2) > .gallery__link {
	padding-top: 62.5%;
}
.gallery__img {
	display: block;
	width: 100%;
	border-radius: inherit;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
@media (min-width: 768px) {
	.gallery__item,
	.gallery__item:nth-child(5n+1),
	.gallery__item:nth-child(5n+2) {
		grid-column-start: span 3;
	}
	.gallery__item:nth-child(7n+1),
	.gallery__item:nth-child(7n+2),
	.gallery__item:nth-child(7n+3) {
		grid-column-start: span 4;
	}
	.gallery__link,
	.gallery__item:nth-child(5n+1) > .gallery__link,
	.gallery__item:nth-child(5n+2) > .gallery__link {
		padding-top: 84.25%;
	}
	.gallery__item:nth-child(7n+1) > .gallery__link,
	.gallery__item:nth-child(7n+2) > .gallery__link,
	.gallery__item:nth-child(7n+3) > .gallery__link {
		padding-top: 62.5%;
	}
}
@media (min-width: 1200px) {
	.gallery {
		gap: 16px;
	}
}

.product {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	grid-template-areas:
	"img"
	"title"
	"text";
	column-gap: 40px;
}
.product__img-wrapper {
	position: relative;
	max-width: 462px;
	margin: 0 auto 24px;
	grid-area: img;
}
.product__tooltip {
	position: absolute;
	top: 18px;
	left: 22px;
}
.product__badge {
	position: absolute;
	left: 0;
	bottom: 0;
}
.product__img {
	border-radius: min(24px, 2vw);;
	display: block;
	width: 100%;
}
.product__title {
	margin-top: 0;
	margin-bottom: 1em;
	grid-area: title;
}
.product__text {
	grid-area: text;
}
.product__labels {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 32px;
}
.product__label {
	background-color: #e1e1e1;
	color: #2b2a29;
	padding: 11px 20px 13px;
	border-radius: 100px;
}
.product__label_accented {
	background-color: #ABABAB;
	color: #141414;
	font-weight: 700;
	border-radius: 4px min(30px, 2.5vw) min(30px, 2.5vw) min(20px, 1.6vw);
}
.product__location-row {
	margin-bottom: 24px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
}
.product__location {
	color: #141414;
	font-weight: 600;
}
.product__tag {
	border: 1px solid #DCDEDD;
	border-radius: 10px;
	color: #2b2a29;
	font-weight: 700;
	padding: 8px 16px 9px;
}
.product__descr {
	margin-bottom: 32px;
}
.product__descr p {
	margin-top: 1em;
	margin-bottom: 1em;
}
.product__descr p:first-child {
	margin-top: 0;
}
.product__descr p:last-child {
	margin-bottom: 0;
}
@media (min-width: 992px) {
	.product {
		grid-template-columns: 44% minmax(0, 1fr);
		grid-template-areas:
		"title title"
		"img text";
		align-items: start;
	}
	.product__img-wrapper {
		position: relative;
		max-width: 462px;
		margin: 0;
	}
}
@media (min-width: 1200px) {
	.product {
		grid-template-columns: 44% minmax(0, 1fr);
		grid-auto-rows: auto 1fr;
		grid-template-areas:
		"img title"
		"img text";
		align-items: start;
	}
}

/* product-color */
.product-color__images {
	margin-left: auto;
	margin-right: auto;
	max-width: 462px;
}
.product-color__images-inner {
	padding-bottom: calc(18.6% + 8px);
	position: relative;
}
.product-color__thumbs {
	margin: 0;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
}
.product-color__img-wrapper {
	display: block;
	cursor: zoom-in;
	border-radius: min(24px, 2vw);;
}
.product-color__img {
	display: block;
	border-radius: inherit;
	width: 100%;
}
.product-color__text {
	padding-top: 20px;
	margin-top: 20px;
	border-top: 1px solid #F6F6F3;
}
.product-color__title {
	margin-top: 0;
	margin-bottom: 1.333em;
}
@media (min-width: 1200px) {
	.product-color-modal .fancybox__content {
		width: 1170px;
		max-width: 100%;
	}
	.product-color {
		display: grid;
		grid-template-columns: minmax(0, 51%)  minmax(0, 49%);
	}
	.product-color__images {
		margin: 0;
		max-width: none;
	}
	.product-color__images-inner {
		padding-bottom: 0;
		padding-left: calc(15.4% + 10px);
	}
	.product-color__thumbs {
		left: 0;
		top: 0;
		bottom: auto;
		width: 15.4%;
		height: 100%;
	}
	.product-color__text {
		border-top: none;
		border-left: 1px solid #F6F6F3;
		padding-top: 0;
		padding-left: 40px;
		margin-top: 0;
		margin-left: 40px;
	}
}

/* product-color-thumbs */
.product-color-thumbs {
	padding: 0;
	list-style: none;
	display: flex;
	gap: 8px;
}
.product-color-thumbs__item {
	flex-grow: 1;
	max-width: calc(20% - 6px);
	min-width: 0;
	flex-basis: 0;
}
.product-color-thumbs__link {
	display: block;
	border-radius: min(24px, 2vw);;
	height: 100%;
}
.product-color-thumbs__link:hover,
.product-color-thumbs__link_active {
	box-shadow: 0 0 0 2px #BF2D4B;
}
.product-color-thumbs__img {
	display: block;
	border-radius: inherit;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
@media (min-width: 1200px) {
	.product-color-thumbs {
		flex-direction: column;
	}
	.product-color-thumbs__item {
		min-height: 0;
		max-height: calc(20% - 6px);
		max-width: none;
		flex-grow: 1;
	}
}

/* product-tooltip */
.product-tooltip {
	height: 49px;
	min-width: 49px;
	border-radius: 50px;
	background-color: #DCDEDD;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-left: 9px;
	padding-right: 9px;
	transition: background-color .4s;
}
.product-tooltip:hover {
	background-color: #fff;
}
.product-tooltip__icon {
	flex-shrink: 0;
}
.product-tooltip__text {
	padding-left: 0;
	transition: max-width .4s linear;
	max-width: 0;
	overflow: hidden;
}
.product-tooltip__label {
	color: #BF2D4B;
	font-weight: 600;
	white-space: nowrap;
	padding-left: 16px;
}
.product-tooltip:hover .product-tooltip__text {
	max-width: 500px;
}

/* spec */
.spec {
	width: 100%;
	border-collapse: collapse;
}
.spec th,
.spec td {
	padding: 4px 24px;
}
.spec tr:first-child th,
.spec tr:first-child td {
	padding-top: 0;
}
.spec tr:last-child th,
.spec tr:last-child td {
	padding-bottom: 0;
}
.spec th:first-child,
.spec td:first-child {
	padding-left: 0;
}
.spec th:last-child,
.spec td:last-child {
	padding-right: 0;
}
.spec th {
	font-weight: normal;
	text-align: left;
}
.spec td {
	color: #141414;
}

/* calc */
.calc__title {
	color: #2b2a29;
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 1em;
}
.calc__form {
	background-color: #F6F6F3;
	border-radius: min(30px, 2.5vw);;
	padding: 20px;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}
.calc__input {
	flex-basis: 160px;
}
.calc__input,
.calc__btn {
	flex-grow: 1;
}
.calc__control {
	width: 100%;
	text-align: center;
}
.calc__btn {
	white-space: nowrap;
	padding-left: 27px;
	padding-right: 27px;
}

/* badge */
.badge {
	background-color: #5458C0;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 16px 20px;
	border-radius: 0 min(24px, 2vw);
}
.badge__icon {
	font-size: 20px;
	margin-right: 10px;
}
.badge__label {
	text-transform: uppercase;
	font-weight: 600;
}

/* form */
.form__group:not(:last-child) {
	margin-bottom: 16px;
}
.form__control {
	width: 100%;
}
.form__actions {
	margin-top: 24px;
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
}
.form__policy {
	margin-top: 24px;
	color: #ccc;
	font-size: 12px;
}

/* order-form */
.order-form {
	background-color: #F6F6F3;
	padding: 20px;
	border-radius: min(30px, 2.5vw);
}
.order-form__title {
	color: #2b2a29;
	font-weight: 600;
	font-size: 16px;
	margin-bottom: 2px;
}
.order-form__row {
	margin-top: 16px;
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
}
.order-form__input,
.order-form__btn {
	flex-grow: 1;
	min-width: 0;
	flex-basis: 150px;
}

/* contact-widget */
.contact-widget {
	position: fixed;
	bottom: 10px;
	right: 10px;
	z-index: 98;
}
.contact-widget__toggle {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background-color: #fff;
	border: none;
	padding: 0;
	animation: 2s ease-out infinite pulse;
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, .3);
	cursor: pointer;
	position: relative;
	z-index: 1;
	font-size: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #BF2D4B;
}
.contact-widget__open-icon,
.contact-widget__close-icon {
	position: absolute;
	transition-duration: .3s;
}
.contact-widget__close-icon {
	opacity: 0;
	visibility: hidden;
	transform: scale(.1);
}
.contact-widget_open .contact-widget__open-icon {
	opacity: 0;
	visibility: hidden;
	transform: scale(.1);
}
.contact-widget_open .contact-widget__close-icon {
	opacity: 1;
	visibility: visible;
	transform: none;
}
.contact-widget_open .contact-widget__toggle {
	animation: none;
}
.contact-widget__link {
	width: 50px;
	height: 50px;
	font-size: 50px;
	border-radius: 50%;
	display: block;
	position: absolute;
	margin: auto;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, .3);
	opacity: 0;
	visibility: hidden;
	transition-timing-function:  ease-in-out;
	transition-property: all;
	transition-duration: 0.3s;
}
.contact-widget__icon {
	display: block;
}
.contact-widget_open .contact-widget__link {
	opacity: 1;
	visibility: visible;
}
.contact-widget_open .contact-widget__link:nth-of-type(1) {
	transition-duration: 0.2s;
	transform: translate(0, -135%);
}
.contact-widget_open .contact-widget__link:nth-of-type(2) {
	transition-duration: 0.2s;
	transform: translate(0, -255%);
}
.contact-widget_open .contact-widget__link:nth-of-type(3) {
	transition-duration: 0.2s;
	transform: translate(0, -375%);
}
@keyframes pulse {
	0% {
		transform: scale(1, 1)
	}
	25% {
		transform: scale(1.1, 1.1)
	}
	50% {
		transform: scale(1, 1)
	}
}

/* footer */
.footer {
	background-color: #e1e1e1;
	padding-top: 42px;
	padding-bottom: 40px;
}
.footer__inner {
	display: grid;
	grid-template-columns: minmax(0, auto);
	gap: 22px;
	justify-items: center;
}
.footer__callback {
	justify-self: stretch;
}
.footer__copyright {
	color: #848484;
	text-align: center;
}


@media (min-width: 576px) {
	.footer__inner {
		grid-template-columns: repeat(2, minmax(0, auto));
		align-items: end;
		justify-content: space-between;
		grid-template-areas:
		"contact socials"
		"callback callback"
		"copyright copyright";
	}
	.footer__callback {
		grid-area: callback;
	}
	.footer__contact {
		grid-area: contact;
	}
	.footer__socials {
		grid-area: socials;
	}
	.footer__copyright {
		grid-area: copyright;
	}
	.footer__copyright,
	.footer__contact {
		justify-self: start;
	}
}
@media (min-width: 768px) {
	.footer__inner {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, auto));
		
		align-items: center;
		grid-template-areas:
		"contact callback"
		"copyright socials";
	}
	.footer__callback,
	.footer__socials {
		justify-self: end;
	}
	
}

/* no-flexgap */
.no-flexgap .header__top > *:not(:last-child) {
	margin-right: 24px;
}
.no-flexgap .guide__actions > *:not(:last-child) {
	margin-right: 22px;
}
.no-flexgap .tags__list {
	margin-left: -8px;
	margin-bottom: -8px;
}
.no-flexgap .tags__list > * {
	margin-left: 8px;
	margin-bottom: 8px;
}
.no-flexgap .socials__list {
	margin-left: -10px;
	margin-top: -10px;
}
.no-flexgap .socials__list > * {
	margin-left: 10px;
	margin-top: 10px;
}
.no-flexgap .mini-socials > *:not(:last-child) {
	margin-right: 4px;
}
.no-flexgap .contacts__actions {
	margin-bottom: -10px;
}
.no-flexgap .contacts__actions > * {
	margin-bottom: 10px;	
}
.no-flexgap .contacts__actions > *:not(:last-child) {
	margin-right: 38px;
}
.no-flexgap .modal__actions > * {
	margin-left: 10px;
}
@media (min-width: 576px) {
	.no-flexgap .tags__list {
		margin-left: -12px;
		margin-bottom: -16px;
	}
	.no-flexgap .tags__list > * {
		margin-left: 12px;
		margin-bottom: 16px;
	}
}

.af-message-success { display: none !important; }

input.error {
	border-color: #ff7d7d !important;
	box-shadow: 0 0 0 2px #ff7d7d !important;
}
.plsItemCopy {
	font-size: 13px;
	background: aliceblue;
	display: inline-block;
	padding: 2px 4px;
	border-radius: 5px;
	color: #979797;
	cursor: pointer;
	transition: all;
}
.plsItemCopy:hover{
	background: #dfffd0;
	color: #333;
}
.plsItem {
	margin-bottom: 9px;
}

/* SPINNER addSpinner*/
.ksLoadingBlock{
	position: relative;
}
.ksLoaderBlock{
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ksLoader {
	max-height: 100%;
	max-width: 100%;
}
.btn.disabled, .btn:disabled{
	opacity: 1 !important;
}
.holder {
	position: relative;
}
.phoneOnMobile{
    display:none;
}
@media (max-width: 576px) {
    .phoneOnMobile{
        display:block;
    }
    .header__callback{
        display:none;
    }
}