@font-face {
	font-family: 'TT_Norms_Pro';
	src: url('../fonts/TTNormsPro/woff2/TT_Norms_Pro_Bold.woff2') format('woff2'),
		url('../fonts/TTNormsPro/woff2/TT_Norms_Pro_Bold.woff') format('woff'),
		url('../fonts/TTNormsPro/woff2/TT_Norms_Pro_Bold.ttf') format('truetype');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'TT_Norms_Pro';
	src: url('../fonts/TTNormsPro/woff2/TT_Norms_Pro_Medium.woff2') format('woff2'),
		url('../fonts/TTNormsPro/woff2/TT_Norms_Pro_Medium.woff') format('woff'),
		url('../fonts/TTNormsPro/woff2/TT_Norms_Pro_Medium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}
* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}
html {
	font-weight: 500;
	font-family: "TT_Norms_Pro", sans-serif;
	font-size: 17px;
	line-height: 20px;
	overflow-x: hidden;
	letter-spacing: -0.02em;
}
input {
	font-family: "TT_Norms_Pro", sans-serif;
	font-weight: 500;
}
.body-no-scroll {
	overflow-y: hidden;
}
.body-modal::before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.3);
	z-index: 101;
}
main {
	padding-top: 140px;
	z-index: 1;
	position: relative;
}
.main {
	padding-top: 183px;
}
.container {
	width: 100%;
	max-width: 1400px;
	padding: 0 36px;
	margin: auto;
	position: relative;
}
.container-2 {
	max-width: 1104px;
}
ul {
	list-style: none;
}
a {
	text-decoration: none;
	color: inherit;
}
input {
	outline: none;
	border: none;
}
.green {
	color: rgb(87, 155, 17);
}
.btn {
	border: none;
	outline: none;
	padding: 16px;
	background-color: rgb(87, 155, 17);
	color: #fff;
	border-radius: 16px;
	transition: all 0.3s;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
}
.btn--default {
	background-color: rgba(36, 43, 69, 0.05);
	color: rgb(23, 26, 35);
}
.btn--light {
	background-color: rgba(99, 140, 28, 0.1);
	color: rgb(87, 155, 17);
}
.btn--light svg {
	fill: rgba(99, 140, 28, 0.4);
}
.btn:hover {
	background-color: rgb(78, 134, 22);
}
.btn--more {
	margin-top: 32px;
	font-weight: 600;
}
.btn--order {
	width: 100%;
	font-family: "TT_Norms_Pro", sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 19px;
	line-height: 20px;
	letter-spacing: -0.02em;
}
.breadcrumbs {
	margin-bottom: 16px;
}
.breadcrumbs__content {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
.breadcrumbs__content .link,
.breadcrumbs__content span {
	margin-right: 4px;
	color: rgba(39, 46, 73, 0.4);
}
.breadcrumbs__content .link {
	transition: all 0.3s;
}
.breadcrumbs__content .link:hover {
	color: rgb(87, 155, 17);
}
.title {
	font-size: 44px;
	font-weight: 700;
	line-height: 48px;
	color: rgb(23, 26, 35);
}
.title--small {
	font-size: 22px;
	line-height: 28px;
}
.tag {
	font-size: 10px;
	font-weight: 700;
	line-height: 12px;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
	padding: 4px 8px;
	border-radius: 20px;
	margin-bottom: 4px;
	max-width: -moz-fit-content;
	max-width: fit-content;
}
.tag--blue {
	background: linear-gradient(90deg, #A2D2A7 0%, #78BAB2 100%);
}
.tag--orange {
	background: linear-gradient(90deg, #F1B883 0%, #F19428 100%);
}
.tag--pink {
	background: linear-gradient(90deg, #FFA2A2 0%, #E96CA0 100%);
}
.card {
	padding: 12px;
	box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.06);
	border-radius: 16px;
	position: relative;
	max-width: 320px;
	width: calc((100% - 32px) / 3);
}
.card__tags {
	position: absolute;
	left: 12px;
	top: 12px;
	display: flex;
	flex-direction: column;
	z-index: 100;
}
.card__icon {
	position: absolute;
	right: 12px;
	top: 12px;
	width: 24px;
	height: 24px;
	fill: rgba(36, 43, 69, 0.2);
	z-index: 100;
	cursor: pointer;
}
.card__icon--active {
	fill: rgb(206, 149, 197);
}
.card__bottom {
	display: none;
	align-items: center;
	justify-content: space-between;
}
.card .center {
	width: 100%;
	text-align: center;
	margin-left: 4px;
	margin-right: 4px;
	cursor: default;
}
.card .center:hover {
	background-color: rgba(36, 43, 69, 0.05);
	color: rgb(23, 26, 35);
}
.card__title {
	font-size: 12px;
	font-weight: 700;
	line-height: 18px;
	text-transform: uppercase;
	margin-bottom: 4px;
	color: rgba(23, 26, 35, 0.8);
}
.card__desc {
	font-size: 14px;
	line-height: 18px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.card__bottom {
	margin-top: 8px;
}
.card__bottom--active {
	display: none;
	margin-top: 8px;
}
.card__bottom .icon {
	fill: white;
	width: 16px;
	height: 16px;
}
.card .slider {
	margin-top: 24px;
	max-height: 246px;
}
.card .slider--active {
	max-height: 220px;
}
.card .slider--active .swiper-slide img {
	max-height: 186px;
	max-width: 154px !important;
}
.card .slider .swiper-slide {
	max-width: unset;
}
.card .slider .swiper-slide img {
	height: 230px;
	-o-object-fit: contain;
	object-fit: contain;
	max-width: 205px;
	margin: auto;
	display: block;
}
.card .swiper-pagination {
	position: relative;
	text-align: left;
	left: 0;
}
.card .swiper-pagination-bullet {
	width: 4px;
	height: 4px;
	background-color: rgba(36, 43, 69, 0.2);
	margin: 0 3px !important;
	opacity: 1;
}
.card .swiper-pagination-bullet-active {
	background-color: rgba(32, 38, 56, 0.6);
}
.price {
	position: relative;
}
.price__num {
	font-size: 22px;
	font-weight: 700;
	line-height: 28px;
}
.price__sale {
	max-width: -moz-fit-content;
	max-width: fit-content;
	position: absolute;
	right: -78%;
	bottom: -2px;
}
.price__old {
	font-size: 14px;
	line-height: 20px;
	color: rgba(39, 46, 73, 0.4);
	text-decoration: line-through;
}
.header {
	position: fixed;
	width: 100%;
	background: #fff;
	z-index: 100;
}
.header__menu {
	padding: 12px 0;
	background-color: rgba(36, 43, 69, 0.05);
}
.header__content {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: space-between;
}
.header__city {
	display: flex;
	align-items: center;
	transition: all 0.3s;
	position: relative;
	font-size: 14px;
	line-height: 16px;
}
.header__city img {
	margin-right: 4px;
}
.header__city:hover {
	cursor: pointer;
	color: rgb(87, 155, 17);
}
.header__block {
	padding: 16px 0;
	background-color: #fff;
}
.header__search {
	position: relative;
	width: 84%;
}
.header__search input {
	width: 100%;
	background-color: rgba(36, 43, 69, 0.05);
	border-radius: 8px;
	padding: 14px;
	padding-left: 20px;
	height: 48px;
	font-size: 17px;
}
.header__search input::-moz-placeholder {
	font-size: 17px;
	line-height: 20px;
}
.header__search input::placeholder {
	font-size: 17px;
	line-height: 20px;
}
.header__search input:focus-visible ~ img {
	display: none;
}
.header__search input:focus-visible ~ .search__content {
	z-index: 100;
	opacity: 1;
	display: block;
}
.header__search input:not(:placeholder-shown) ~ .search__content {
	z-index: -1;
	opacity: 0;
	transition: opacity 0.3s ease;
	/* Плавный переход для исчезновения */
}
.header__search img {
	position: absolute;
	right: 17px;
	top: 0;
	bottom: 0;
	margin: auto;
}
.search__block__query {
	margin-top: 80px;
}
.header__media {
	display: none;
}
.header-catalog {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 73%;
	position: relative;
}
.header .icons__link {
	position: relative;
}
.header .icons__link:nth-child(4) {
	display: none;
}
.header .icons__link:not(:first-child) {
	margin-left: 28px;
}
.header .icons__link .num {
	position: absolute;
	top: -3px;
	right: -7px;
	padding: 1px 5px;
	font-style: normal;
	font-weight: 500;
	font-size: 11px;
	line-height: 14px;
	color: #FFFFFF;
	background-color: rgba(99, 140, 28, 0.8);
	border: 1px solid rgb(255, 255, 255);
	border-radius: 100px;
	display: block;
	max-width: -moz-fit-content;
	max-width: fit-content;
}
.burger span {
	display: block;
	width: 20px;
	height: 2px;
	border-radius: 5px;
	background-color: rgb(23, 26, 35);
	opacity: 0.4;
	margin-top: 6px;
	transition: all 0.3s;
}
.burger span:first-child {
	width: 13px;
	margin-top: 0;
}
.burger--active span:first-child {
	display: none;
}
.burger--active span:nth-child(2) {
	transform: rotate(45deg);
	margin-top: 0;
}
.burger--active span:last-child {
	transform: rotate(-45deg);
	margin-top: -2px;
}
.search__media {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 13vh;
	background-color: #fff;
}
.search__media--active {
	display: block;
}
.search__media .search__header {
	padding: 16px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.12);
}
.search__media .search__inp {
	position: relative;
	flex-basis: 85%;
}
.search__media .search__inp img {
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 16px;
}
.search__media .search__inp input {
	padding: 8px 16px;
	width: 100%;
	background-color: rgba(36, 43, 69, 0.05);
	border-radius: 8px;
	font-size: 17px;
	font-weight: 500;
	line-height: 20px;
	letter-spacing: -0.02em;
}
.search__media .search__inp input:focus-visible ~ img {
	display: none;
}
.search__media .search__results {
	margin-top: 10px;
	padding-top: 15px;
	overflow: scroll;
	height: 80%;
	height: 100vh;
	background-color: #fff;
}
.search__content {
	position: absolute;
	display: none;
	top: 100%;
	left: 0;
	right: 0;
	width: 100%;
	background-color: #fff;
	padding: 8px;
	border-radius: 14px;
	z-index: -1;
	opacity: 0;
	margin-top: 12px;
	box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.12);
}
.search__text {
	padding: 10px 16px;
	color: rgba(23, 26, 35, 0.8);
	display: block;
	border-radius: 6px;
}
.search__text:hover {
	background-color: rgba(36, 43, 69, 0.05);
	cursor: pointer;
}
.media-bottom {
	position: fixed;
	left: 0;
	right: 0;
	width: 100%;
	bottom: 0;
	padding: 7px 0 11px;
	box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.12);
	background-color: #fff;
}
.media-bottom__items {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}
.media-bottom__item {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.media-bottom__item:nth-child(4) {
	display: none;
}
.media-bottom__item span {
	font-size: 10px;
	line-height: 12px;
	color: rgba(32, 38, 56, 0.6);
}
.media-bottom__item--active span {
	color: rgba(23, 26, 35, 0.8);
}
.media-bottom__item--active img {
	fill: rgba(23, 26, 35, 0.8);
}
.bottom-menu {
	display: flex;
	align-items: center;
	justify-content: space-between;
	overflow: scroll;
}
.bottom-menu::-webkit-scrollbar {
	width: 0;
}
.bottom-menu__link {
	color: rgb(23, 26, 35);
	font-weight: 500;
	white-space: nowrap;
	margin: 0 5px;
}
.bottom-menu__link:hover {
	color: rgb(87, 155, 17);
}
.menu {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.menu__link {
	margin-left: 16px;
	transition: all 0.3s;
	font-size: 14px;
	line-height: 16px;
}
.menu__link:hover {
	color: rgb(87, 155, 17);
}
.menu__link--gray {
	color: rgba(32, 38, 56, 0.6);
	cursor: default;
}
.menu__link--gray:hover {
	color: rgba(32, 38, 56, 0.6);
}
.catalog__btn {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 14px 18px;
}
.catalog__btn .icon {
	transition: all 0.3s;
	margin-right: 12px;
	width: 16px;
	height: 16px;
	fill: #fff;
}
.catalog__btn:hover .icon {
	fill: rgb(87, 155, 17);
}
.icons {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.icons .icon {
	width: 24px;
	height: 24px;
	fill: rgba(39, 46, 73, 0.4);
	transition: all 0.3s;
}
.icons .icon:hover {
	cursor: pointer;
	fill: rgb(87, 155, 17);
}
.catalog-content {
	display: none;
	align-items: flex-start;
	justify-content: space-between;
	position: absolute;
	z-index: 100;
	top: 60px;
	background-color: #fff;
	max-width: 100%;
	margin: auto;
	left: 0;
	right: 0;
	border-radius: 16px;
	padding: 24px;
	box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.12);
}
.catalog-content--active {
	display: flex;
}
.catalog-content .item-li {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px 0;
	transition: all 0.3s;
	cursor: pointer;
}
.catalog-content .item-li img {
	transform: rotate(-90deg);
}
.catalog-content .item-li--active,
.catalog-content .item-li:hover {
	color: rgb(87, 155, 17);
}
.catalog-content .item-dop {
	display: none;
}
.catalog-content .item-dop--active {
	display: block;
}
.catalog-content .item-dop .title {
	font-size: 22px;
	line-height: 28px;
}
.catalog-item {
	flex-basis: 33%;
	padding: 0 16px;
}
.catalog-item:first-child {
	border-right: 1px solid rgba(36, 43, 69, 0.2);
	padding-left: 0;
}
.catalog-item:last-child {
	padding-right: 0;
}
.catalog-banner {
	max-width: 384px;
	height: 320px;
	-o-object-fit: cover;
	object-fit: cover;
	border-radius: 16px;
}
.menu__media {
	text-align: left;
	width: 100%;
	height: 100vh;
	background-color: #fff;
	padding: 16px;
	overflow-y: scroll;
	left: -100%;
	position: absolute;
}
.menu__media--active {
	left: 0;
	transition: left 0.5s;
}
.menu__media-info .footer__contacts {
	text-align: left;
	margin-left: 0;
}
.menu__media-info .footer__social {
	justify-content: space-between;
	width: 100%;
	max-width: 300px;
}
.menu__media-items {
	margin-top: 16px;
}
.menu__media-items span {
	width: 100%;
	height: 1px;
	display: block;
	background-color: rgba(36, 43, 69, 0.2);
	margin: 14px 0;
}
.menu__media-items a {
	padding: 14px 0;
	font-size: 19px;
	line-height: 20px;
	font-weight: 600;
	color: rgba(23, 26, 35, 0.8);
	display: block;
}
@media screen and (max-width: 1210px) {
	.header__search {
		width: 80%;
	}
	.header-catalog {
		width: 70%;
	}
}
@media screen and (max-width: 975px) {
	.breadcrumbs {
		display: none;
	}
	.header__media {
		box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.06);
		display: block;
	}
	.header__media .container {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 12px 16px;
	}
	.header__menu,
	.header__block,
	.header__bottom {
		display: none !important;
	}
	main,
	.main {
		padding-top: 70px;
	}
	.modal--moscow,
	.modal--done {
		top: 85px !important;
	}
}
@media screen and (max-width: 750px) {
	main,
	.main {
		padding-top: 60px;
	}
}
.filters {
	position: absolute;
	left: -100%;
	top: 0;
	bottom: 0;
	right: 100%;
	background-color: #fff;
	z-index: 0;
	padding-bottom: 80px;
}
.filters--active {
	left: 0;
	transition: all 0.5s;
	right: 0;
	z-index: 100;
}
.filters__title {
	padding: 12px 16px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.12);
}
.filters__title h3 {
	color: rgb(23, 26, 35);
	font-size: 17px;
	line-height: 20px;
	margin-left: 8px;
	margin-bottom: 0;
}
.filters__content {
	padding: 16px 12px;
	height: 100%;
	overflow-y: scroll;
}
.filters__item {
	padding: 16px 0;
}
.filters__item:not(:last-child) {
	border-bottom: 1px solid rgba(36, 43, 69, 0.2);
}
.filters .btn {
	position: absolute;
	bottom: 16px;
	left: 12px;
	right: 12px;
	z-index: 100;
}
.filters::after {
	content: "";
	width: 100%;
	height: 40px;
	background-color: #fff;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	display: block;
}
.filter__category {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.filter__category label {
	color: rgba(23, 26, 35, 0.8);
	font-weight: 600;
}
.filter__category input {
	width: 24px;
	height: 24px;
	accent-color: rgb(87, 155, 17);
}
.filter-brand__title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 18px 0;
}
.filter-brand__title .link {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	color: rgb(87, 155, 17);
	font-size: 14px;
	line-height: 16px;
}
.filter-brand__items {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.filter-brand__item {
	padding: 10px 12px;
	font-weight: 600;
	margin-bottom: 8px;
	margin-right: 8px;
	border-radius: 8px;
	background-color: rgba(36, 43, 69, 0.05);
	color: rgba(23, 26, 35, 0.8);
	transition: all 0.3s;
}
.filter-brand__item:nth-child(n+11) {
	display: none;
}
.filter-brand__item:hover {
	color: rgb(87, 155, 17);
	background-color: rgb(220, 237, 204);
}
.filter-brand__item--active {
	color: #fff;
	background-color: rgb(87, 155, 17);
}
.catalog-brands {
	padding-bottom: 80px;
}
.catalog .title {
	margin-bottom: 24px;
}
.catalog__content {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
.catalog__items {
	width: 100%;
	max-width: 992px;
}
.catalog__cards {
	margin-top: 16px;
	display: flex;
	flex-wrap: wrap;
	grid-gap: 16px;
}
.catalog__pages {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 16px;
	margin-bottom: 80px;
}
.catalog__pages .btn {
	margin: 0 4px;
	width: 48px;
	height: 48px;
}
.catalog__pages .btn--active {
	background-color: rgb(87, 155, 17);
}
.catalog__pages .btn--active:hover {
	color: #fff;
}
.catalog-info {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.catalog-info__filters {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.catalog-info__filter {
	margin-left: 16px;
	color: rgba(32, 38, 56, 0.6);
	display: flex;
	align-items: center;
	transition: all 0.3s;
}
.catalog-info__filter img {
	margin-left: 2px;
}
.catalog-info__filter--active {
	color: rgba(23, 26, 35, 0.8);
}
.catalog-info__filter:hover {
	color: rgba(23, 26, 35, 0.8);
	cursor: pointer;
}
.catalog-info__count {
	color: rgba(32, 38, 56, 0.6);
}
.filter {
	width: 304px;
	margin-right: 32px;
}
.filter__categories {
	display: flex;
	flex-direction: column;
	margin-bottom: 24px;
}
.filter__category {
	margin-bottom: 8px;
	color: rgba(32, 38, 56, 0.6);
	cursor: pointer;
	transition: all 0.3s;
}
.filter__category:hover {
	color: rgb(23, 26, 35);
}
.filter__category--active {
	color: rgb(23, 26, 35);
}
.filter__title {
	cursor: pointer;
	margin-bottom: 16px !important;
}
.filter__brand {
	display: flex;
	align-items: center;
	margin-bottom: 12px;
	cursor: pointer;
}
.filter__brand label {
	color: rgba(23, 26, 35, 0.8);
}
.filter__brand .input {
	display: block;
	width: 0;
	position: relative;
	margin-right: 32px;
}
.filter__brand .input::before {
	content: "";
	width: 20px;
	height: 20px;
	background-color: rgba(36, 43, 69, 0.05);
	border-radius: 6px;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
}
.filter__brand .input--active::before {
	content: url("../img/icons/check.svg");
	display: flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	background-color: rgb(87, 155, 17);
	border-radius: 6px;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
}
.filter__brands--disable {
	display: none;
}
.brands__link {
	color: rgb(87, 155, 17);
	margin-top: 16px;
}
.brands__link:hover {
	color: rgba(32, 38, 56, 0.6);
}
.brand {
	background-color: rgba(36, 43, 69, 0.03);
	border-radius: 16px;
	padding: 0 12px 20px;
	position: relative;
	max-width: 32%;
}
.brand__img {
	max-width: 216px;
	margin: auto;
	mix-blend-mode: multiply;
	display: block;
}
.brand__title {
	font-size: 12px;
	font-weight: 700;
	line-height: 18px;
	color: rgb(23, 26, 35);
	margin-bottom: 8px;
}
.brand__text {
	color: rgba(23, 26, 35, 0.8);
	font-size: 13px;
	font-weight: 400;
	line-height: 16px;
}
.brand__link {
	margin-top: 12px;
	display: flex;
	align-items: end;
	justify-content: flex-start;
	color: rgba(32, 38, 56, 0.6);
	font-size: 14px;
	line-height: 16px;
}
.brand__link img {
	margin-left: 2px;
	transform: rotate(-90deg);
}
.catalog__media {
	display: none;
}
.catalog .title__media {
	display: none;
}
@media screen and (max-width: 1125px) {
	.brand {
		max-width: 48%;
	}
}
@media screen and (max-width: 965px) {
	.brand {
		max-width: 32%;
	}
	.catalog__filter {
		display: none;
	}
	.title {
		font-size: 36px;
		font-weight: 700;
		line-height: 40px;
		margin-bottom: 32px;
	}
	.title__media {
		display: inline-block !important;
		font-size: 14px;
		line-height: 16px;
		color: rgba(32, 38, 56, 0.6);
		margin-left: 16px;
	}
	.catalog__info {
		display: none;
	}
	.catalog__media {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.media__item {
		width: -moz-fit-content;
		width: fit-content;
		display: flex;
		align-items: center;
		justify-content: flex-start;
		border-radius: 8px;
	}
	.media__item:first-child {
		margin-right: 4px;
	}
	.media__item:last-child {
		margin-left: 4px;
	}
	.media__item span {
		font-size: 14px;
		line-height: 16px;
		margin-left: 8px;
	}
	.media__title {
		display: flex;
		align-items: center;
		justify-content: flex-start;
	}
}
@media screen and (max-width: 840px) {
	.brand {
		max-width: 48%;
	}
}
@media screen and (max-width: 665px) {
	.catalog__pages {
		margin-bottom: 32px;
	}
	.catalog__pages .page:nth-child(4),
	.catalog__pages .page:nth-child(5) {
		display: none;
	}
	.catalog__cards {
		grid-gap: 8px;
	}
	.catalog__cards .card {
		width: calc((100% - 8px) / 2);
	}
	.card__title {
		font-size: 11px;
	}
	.card__desc {
		font-size: 13px;
		line-height: 18px;
	}
	.card .price__old {
		font-size: 13px;
		line-height: 16px;
	}
	.card .price__actual {
		font-size: 17px;
		font-weight: 700;
		line-height: 20px;
	}
	.card__bottom {
		align-items: flex-end;
	}
	.card .btn {
		padding: 10px;
		height: 36px;
	}
}
@media screen and (max-width: 750px) {
	.catalog .container {
		padding: 0 12px;
	}
}
@media screen and (max-width: 550px) {
	.brand {
		padding-bottom: 16px;
	}
	.brand__img {
		max-width: 100%;
	}
}
@media screen and (max-width: 385px) {
	.catalog__cards {
		grid-gap: 4px;
	}
	.catalog__cards .card {
		width: calc((100% - 4px) / 2);
	}
	.card .price__sale {
		right: -25px;
		bottom: 23px;
	}
}
.catalog__banner {
	width: 100%;
	margin-bottom: 32px;
	border-radius: 15px;
}
.filter__block {
	display: flex;
	flex-wrap: wrap;
}
.filter__brand-block-selected {
	position: relative;
	cursor: pointer;
	margin-right: 4px;
	margin-top: 8px;
	padding: 8px 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(36, 43, 69, 0.0509803922);
	border-radius: 8px;
	font-size: 14px;
	font-weight: 500;
	line-height: 16px;
	letter-spacing: -0.02em;
	text-align: center;
	color: rgba(23, 26, 35, 0.8);
	transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}
.filter__brand-block-img {
	margin-left: 5px;
	width: 11px;
	height: 11px;
	background-image: url("../img/icons/close.svg");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	transition: background-image 0.3s ease-in-out;
}
.filter__brand-block-selected:hover {
	background: #DCEDCC;
	color: #4E8616;
	transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}
.filter__brand-block-selected:hover .filter__brand-block-img {
	background-image: url("../img/icons/close-green.svg");
	transition: background-image 0.3s ease-in-out;
}
.item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 24px 0;
}
.item__content {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 70%;
}
.item__pos {
	display: flex;
	align-items: center;
	width: 37%;
	justify-content: space-between;
}
.item__count p {
	margin: 0 12px;
	color: rgba(32, 38, 56, 0.6);
}
.item__count svg {
	fill: rgba(32, 38, 56, 0.6);
	width: 16px;
	height: 16px;
}
.item__cost {
	font-size: 22px;
	font-weight: 700;
	line-height: 28px;
	color: rgb(23, 26, 35);
}
.item__title {
	line-height: 24px;
	color: rgb(23, 26, 35);
	margin-bottom: 8px;
	max-width: 345px;
}
.item__delete {
	display: flex;
	align-items: center;
}
.item__delete span {
	margin-left: 8px;
	color: rgba(39, 46, 73, 0.4);
}
.item__icon {
	width: 16px;
	height: 13px;
}
.title__left {
	display: flex;
	align-items: flex-end;
	justify-content: flex-start;
}
.basket__content {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	position: relative;
}
.basket__left {
	width: 100%;
}
.basket__right {
	max-width: 432px;
	width: 100%;
	margin-left: 32px;
}
.basket__title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 36px;
}
.basket__info {
	color: rgba(39, 46, 73, 0.4);
	margin-left: 16px;
	margin-bottom: 4px;
}
.basket__delete {
	cursor: pointer;
	color: rgb(87, 155, 17);
}
.basket__right {
	position: sticky;
	background-color: rgba(36, 43, 69, 0.05);
	border-radius: 24px;
	top: 140px;
}
.basket__right .title--small {
	font-size: 28px;
	font-weight: 700;
	line-height: 36px;
	margin-bottom: 16px;
}
.delivery {
	padding: 24px;
	background-color: rgba(36, 43, 69, 0.05);
	border-radius: 16px;
}
.delivery__main {
	box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.12);
	padding: 24px;
	border-radius: 24px;
	background-color: #fff;
}
.delivery__dop {
	padding: 24px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: -10px;
}
.delivery__dop .dop__left {
	display: flex;
	align-items: center;
}
.delivery__dop .dop__left img {
	margin-right: 8px;
}
.delivery__dop .btn img {
	transform: rotate(-90deg);
}
.delivery__info {
	font-size: 19px;
	margin-bottom: 24px;
}
.delivery__param {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 12px;
}
.delivery__param p:first-child {
	color: rgba(32, 38, 56, 0.6);
}
.delivery__param p:last-child {
	color: rgb(23, 26, 35);
}
.delivery__sale {
	margin-bottom: 24px;
}
.delivery__sale .delivery__param p:last-child {
	color: rgb(204, 50, 155);
}
.delivery__sale .sale__title {
	display: flex;
	align-items: center;
	margin-bottom: 12px;
}
.delivery__sale .sale__title span {
	color: rgba(32, 38, 56, 0.6);
}
.delivery__sale .sale__title img {
	transform: rotate(180deg);
	margin-left: 4px;
}
.delivery__cost {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 24px;
}
.delivery__cost p {
	color: rgb(23, 26, 35);
}
.delivery__cost p:first-child {
	font-size: 19px;
}
.delivery__cost p:last-child {
	font-size: 22px;
	font-weight: 700;
	line-height: 28px;
}
.delivery__top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 20px;
	flex-wrap: wrap;
}
.delivery__top p:first-child {
	color: rgba(32, 38, 56, 0.6);
}
.delivery__top p:first-child span {
	color: rgb(23, 26, 35);
}
.delivery__top p:last-child {
	color: rgb(23, 26, 35);
}
.delivery__line {
	position: relative;
}
.delivery__line span {
	display: block;
	height: 8px;
	border-radius: 4px;
}
.delivery__line span:first-child {
	width: 100%;
	background-color: #fff;
}
.delivery__line span:last-child {
	width: 40%;
	background: linear-gradient(270deg, rgba(99, 140, 28, 0.8) 0%, rgba(99, 140, 28, 0.368) 100%);
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
}
@media screen and (max-width: 1250px) {
	.item {
		position: relative;
	}
	.item__content {
		flex-wrap: wrap;
	}
	.item__pos {
		width: auto;
	}
	.item__pos .item__cost {
		margin-left: 24px;
	}
	.item__about {
		margin-bottom: 16px;
	}
	.basket__right {
		max-width: 360px;
	}
}
@media screen and (max-width: 965px) {
	.brands__slider .swiper-slide img {
		height: 55% !important;
		margin-top: 25% !important;
	}
	.basket__left {
		position: relative;
	}
	.basket__left .title__left .title__left {
		position: absolute;
		left: 0;
		top: 50px;
	}
	.basket__left .title__left .title__left .basket__count {
		margin-left: 0;
	}
}
@media screen and (max-width: 900px) {
	.basket__content {
		flex-direction: column;
	}
	.basket__right {
		margin-left: 0;
		position: relative;
		width: 100%;
		max-width: 100%;
		top: 40px;
		margin-bottom: 80px;
	}
}
@media screen and (max-width: 600px) {
	.item {
		padding-bottom: 70px;
		margin-bottom: 40px;
	}
	.item__pos {
		position: absolute;
		left: 0;
		bottom: 0;
	}
	.item .btn--light {
		position: absolute;
		right: 0;
		bottom: 0;
	}
	.basket__title {
		position: relative;
		align-items: flex-end;
		margin-bottom: 18px;
	}
	.basket__title .title__left .title__left {
		position: absolute;
	}
	.basket__delete {
		margin-bottom: 2px;
	}
	.basket__info:first-child {
		margin-left: 0;
	}
	.delivery__top p:first-child {
		margin-bottom: 20px;
	}
}
.order {
	padding-bottom: 80px;
}
.order-pay {
	margin: auto;
	max-width: -moz-fit-content;
	max-width: fit-content;
}
.order-pay__text {
	font-style: normal;
	font-weight: 500;
	font-size: 19px;
	line-height: 28px;
	letter-spacing: -0.01em;
	color: rgba(23, 26, 35, 0.8);
	max-width: 340px;
	margin-bottom: 24px;
}
.order-pay .order__title {
	margin-bottom: 32px;
}
.order__left {
	flex-basis: 15%;
}
.order__center {
	flex-basis: 60%;
}
.order__right {
	flex-basis: 30%;
	margin-bottom: 20px;
}
.order__left {
	position: sticky;
	top: 160px;
}
.order__num {
	display: flex;
	transition: all 0.3s;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	border-radius: 8px;
	background-color: rgba(36, 43, 69, 0.05);
	color: rgba(23, 26, 35, 0.8);
}
.order__step {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin-bottom: 16px;
	cursor: pointer;
}
.order__step:hover .order__num {
	background-color: rgb(220, 237, 204);
}
.order__step--active .order__num {
	color: #fff;
	background-color: rgb(87, 155, 17);
}
.order__step--active .order__num:hover {
	background-color: rgb(87, 155, 17);
}
.order__type-text {
	font-size: 14px;
	line-height: 16px;
	color: rgba(23, 26, 35, 0.8);
	margin-left: 12px;
}
.order__title {
	margin-bottom: 72px;
}
.order__subtitle {
	font-size: 28px;
	color: rgb(23, 26, 35);
	line-height: 36px;
	margin-bottom: 20px;
}
.order-type__items {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin-bottom: 48px;
}
.order-type__item {
	border-radius: 16px;
	background-color: rgba(36, 43, 69, 0.03);
	border: 2px solid rgba(36, 43, 69, 0.03);
	position: relative;
	padding: 16px;
	max-width: 298px;
	cursor: pointer;
	margin-bottom: 8px;
}
.order-type__item:first-child {
	margin-right: 12px;
}
.order-type__item--active {
	border: 2px solid rgb(87, 155, 17);
}
.order-type__item--active img {
	fill: rgb(87, 155, 17);
}
.order-type__input {
	position: absolute;
	top: 16px;
	right: 16px;
	accent-color: rgb(87, 155, 17);
	width: 20px;
	height: 20px;
}
.order-type__img {
	margin-bottom: 12px;
	height: 24px;
}
.order-type__name {
	font-size: 22px;
	line-height: 28px;
	color: rgb(23, 26, 35);
	margin-bottom: 8px;
	font-weight: 600;
}
.order-type__text {
	margin-bottom: 8px;
	color: rgba(32, 38, 56, 0.6);
}
.order-type__date {
	color: rgb(23, 26, 35);
	font-weight: 600;
}
.order-data {
	max-width: 570px;
	margin-bottom: 48px;
	margin-top: -42px;
	border-radius: 16px;
	background-color: rgba(36, 43, 69, 0.03);
	border: 2px solid rgba(36, 43, 69, 0.03);
	position: relative;
	padding: 16px;
}
.order-data .order-type__name {
	font-size: 19px;
	line-height: 20px;
	margin-bottom: 8px;
}
.order-data .order-type__date {
	font-size: 17px;
	line-height: 20px;
	font-weight: 500;
	margin-bottom: 8px;
}
.order-data .order-type__text {
	margin-bottom: 0;
}
.order-delivery {
	cursor: pointer;
}
.order-post {
	display: none;
}
.order-man {
	margin-top: 20px;
	position: relative;
	cursor: pointer;
}
.order-man__change {
	position: absolute;
	top: 16px;
	right: 16px;
}
.order__info {
	margin-top: 40px;
	margin-bottom: 48px;
}
.order__data input {
	width: 100%;
	display: block;
	border-bottom: 1px solid rgba(36, 43, 69, 0.2);
	padding: 14px 0;
	font-size: 17px;
	line-height: 20px;
	color: rgb(23, 26, 35);
	font-weight: 500;
	margin-bottom: 16px;
}
.order__data input:placeholder {
	color: rgba(32, 38, 56, 0.6);
}
.order__phone {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid rgba(36, 43, 69, 0.2);
	margin-bottom: 16px;
}
.order__phone input {
	border-bottom: none;
	padding-bottom: 0;
}
.order__pay {
	margin-top: 40px;
	margin-bottom: 48px;
}
.order__vars {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}
.order__var {
	height: 88px;
	flex-basis: 32%;
}
.order__var:first-child {
	margin-right: 0;
}
.order__var--active {
	border: 1px solid rgb(87, 155, 17);
}
.orders__items {
	width: 100%;
}
.dop__left input {
	background-color: transparent;
	font-style: normal;
	font-weight: 500;
	font-size: 17px;
	line-height: 24px;
	color: rgba(23, 26, 35, 0.8);
}
.select-city {
	width: 100%;
}
@media screen and (max-width: 900px) {
	.order {
		padding-bottom: 0;
	}
	.order__pay {
		margin-bottom: 0;
	}
	.order__left {
		display: none;
	}
	.order__center {
		flex-basis: 100%;
		width: 100%;
	}
	.order__title {
		margin-bottom: 24px;
	}
}
@media screen and (max-width: 570px) {
	.order__var {
		flex-basis: 49%;
	}
}
@media screen and (max-width: 350px) {
	.order__var {
		flex-basis: 100%;
	}
}
.cabinet {
	margin-bottom: 80px;
}
.cabinet__info {
	display: grid;
	grid-gap: 12px;
	grid-template-columns: repeat(2, 1fr);
	margin-top: 24px;
}
.cabinet__link {
	display: flex !important;
	align-items: center;
	justify-content: center;
}
.cabinet__link span {
	color: rgb(87, 155, 17);
	font-size: 17px;
	line-height: 20px;
	margin-right: 4px;
	line-height: 23px;
	font-weight: 500;
	display: block;
}
.cabinet-info__start {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.cabinet-info__procent {
	font-size: 28px;
	font-weight: 700;
	line-height: 36px;
	color: rgb(87, 155, 17);
	padding: 27px;
	background: url("../img/cabinet/ellipse-proc.png") no-repeat center;
}
.cabinet-info__nums {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 32px;
	margin-top: 16px;
}
.cabinet-info__progress {
	margin-top: 32px;
	width: 100%;
	height: 16px;
	background-color: rgba(36, 43, 69, 0.1);
	border-radius: 12px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 4px;
	position: relative;
}
.cabinet-info__progress span {
	width: 8px;
	height: 8px;
	background-color: #fff;
	border-radius: 50%;
	display: block;
}
.cabinet-info__progress::after {
	content: "";
	display: block;
	width: 22%;
	height: 16px;
	border-radius: 12px;
	background-color: rgb(87, 155, 17);
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
}
.cabinet-info__text p {
	text-align: left;
	color: rgb(23, 26, 35);
}
.cabinet-info__text p:first-child {
	font-size: 22px;
	font-weight: 700;
	line-height: 28px;
	margin-bottom: 8px;
}
.cabinet-info__text p:last-child {
	color: rgb(60, 62, 66);
	line-height: 24px;
	max-width: 273px;
}
.cabinet-info__left {
	padding: 36px 24px;
}
.cabinet-info__left p {
	color: rgb(23, 26, 35);
	font-size: 22px;
	font-weight: 700;
	line-height: 28px;
	text-align: center;
	margin-bottom: 4px;
}
.cabinet-info__left a {
	color: rgba(32, 38, 56, 0.6);
	margin-bottom: 8px;
	display: block;
}
.cabinet-info__avatar {
	border-radius: 50%;
	width: 112px;
	height: 112px;
	-o-object-fit: cover;
	object-fit: cover;
	margin-bottom: 8px;
}
.cabinet-info__item {
	background-color: rgba(36, 43, 69, 0.03);
	padding: 24px;
	border-radius: 16px;
	text-align: center;
	margin-bottom: 12px;
}
.cabinet__item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background-color: rgba(36, 43, 69, 0.03);
	padding: 24px;
	border-radius: 16px;
	margin-bottom: 12px;
}
.cabinet__left {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
.cabinet__left img {
	margin-right: 12px;
}
.cabinet__left p {
	color: rgba(23, 26, 35, 0.8);
	font-size: 19px;
	line-height: 20px;
	margin-right: 12px;
	font-weight: 600;
}
.cabinet__left span {
	padding: 2px 8px;
	text-align: center;
	vertical-align: middle;
	background-color: rgb(87, 155, 17);
	color: #fff;
	border-radius: 50%;
}
.cabinet__right {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.cabinet__right p {
	margin-right: 12px;
	color: rgba(32, 38, 56, 0.6);
}
.cabinet__right img {
	transform: rotate(-90deg);
}
.cabinet__data {
	max-width: 60%;
	margin-top: 24px;
}
.cabinet-photo {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin-bottom: 24px;
}
.cabinet-photo img {
	width: 56px;
	height: 56px;
	border-radius: 50%;
	-o-object-fit: cover;
	object-fit: cover;
}
.cabinet-photo__link {
	margin-left: 16px;
	color: rgba(23, 26, 35, 0.8);
	font-weight: 600;
}
.cabinet .btn--save {
	color: #fff;
	max-width: -moz-fit-content;
	max-width: fit-content;
	padding: 14px 18px;
	border: none;
}
.green,
.logout {
	color: rgb(87, 155, 17);
	font-weight: 600;
}
.logout {
	margin-top: 40px;
	display: block;
}
.orders {
	margin-bottom: 80px;
}
.order-item {
	padding: 16px;
	background-color: rgba(36, 43, 69, 0.03);
	border-radius: 16px;
	margin-top: 16px;
}
.order-item__products {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	overflow-x: scroll;
}
.order-item__products .img {
	background-color: #fff;
	border-radius: 4px;
	padding: 4px;
	margin-right: 4px;
}
.order-item__products .img img {
	width: 54px;
	height: 64px;
	-o-object-fit: contain;
	object-fit: contain;
	mix-blend-mode: multiply;
}
.order-item__block {
	padding: 14px 0;
	border-top: 1px solid rgba(36, 43, 69, 0.1);
}
.order-item__block .order-item__text {
	margin-bottom: 8px;
}
.order-item__address {
	color: rgb(23, 26, 35);
	font-weight: 600;
}
.order-item__number {
	color: rgb(23, 26, 35);
	margin-right: 8px;
}
.order-item__date {
	color: rgba(32, 38, 56, 0.6);
}
.order-item__cost {
	color: rgb(23, 26, 35);
}
.order-item__flex {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 12px;
}
.order-item__left {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
.order-item__left .circle {
	display: block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: rgb(87, 155, 17);
	margin-right: 6px;
}
.order-item__text {
	color: rgba(32, 38, 56, 0.6);
	font-size: 14px;
	line-height: 16px;
}
.order-item__right a {
	font-size: 14px;
	line-height: 16px;
	color: rgb(87, 155, 17);
}
@media screen and (max-width: 700px) {
	.cabinet__info {
		display: grid;
		grid-gap: 12px;
		grid-template-columns: 1fr;
		margin-bottom: 12px;
	}
	.cabinet-info__item {
		margin-bottom: 0;
	}
	.cabinet__data {
		max-width: 100%;
	}
}
.product-card {
	padding-bottom: 80px;
	padding-top: 60px;
	position: relative;
}
.product-card .btn--link-basket {
	display: none;
	height: 48px;
}
.product-card__content {
	position: relative;
	display: flex;
	justify-content: space-between;
	margin-bottom: 80px;
}
.product-card__left {
	width: 60%;
	max-width: 496px;
	position: relative;
}
.product-card__right {
	position: sticky;
	right: 0;
	height: -moz-fit-content;
	height: fit-content;
	top: 120px;
	width: -moz-fit-content;
	width: fit-content;
	margin-left: 32px;
}
.product-card__brand {
	font-size: 19px;
	color: rgba(23, 26, 35, 0.8);
	margin-bottom: 16px;
}
.product-card__title {
	color: rgba(23, 26, 35, 0.8);
	font-size: 36px;
	font-weight: 700;
	line-height: 40px;
	max-width: 544px;
	margin-bottom: 16px;
}
.product-card__info {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin-bottom: 16px;
}
.product-card__info .articul {
	color: rgba(39, 46, 73, 0.4);
	font-size: 13px;
	line-height: 16px;
	letter-spacing: -0.26px;
}
.product-card__data {
	background-color: rgba(36, 43, 69, 0.05);
	padding: 24px;
	border-radius: 24px;
	margin-bottom: 12px;
}
.product-card__data--active .data__text {
	display: block;
}
.product-card .data__title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 22px;
	font-weight: 700;
	line-height: 28px;
	color: rgba(23, 26, 35, 0.8);
	max-width: 100%;
	margin-bottom: 0;
}
.product-card .data__title .icon {
	width: 16px;
	height: 16px;
	fill: rgba(23, 26, 35, 0.8);
}
.product-card__rewievs {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin-bottom: 24px;
}
.product-card__stars {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
.product-card__stars img {
	width: 14px;
	margin-right: 4px;
}
.product-card__count {
	margin-right: 4px;
	color: rgba(23, 26, 35, 0.8);
	font-size: 13px;
	line-height: 16px;
	letter-spacing: -0.26px;
}
.product-card__count-text {
	color: rgba(39, 46, 73, 0.4);
	font-size: 13px;
	line-height: 16px;
	letter-spacing: -0.26px;
}
.product-card__colors {
	padding: 12px;
	background: rgba(36, 43, 69, 0.05);
	border-radius: 12px;
	margin-bottom: 24px;
}
.product-card__name-color {
	color: rgba(23, 26, 35, 0.8);
	font-size: 16px;
	line-height: 20px;
	letter-spacing: -0.32px;
	margin-bottom: 12px;
}
.product-card__colors-items {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.product-card__color {
	padding: 5px;
	padding-bottom: 0;
	cursor: pointer;
	border: 2px solid transparent;
}
.product-card__color img {
	width: 30px;
	height: 30px;
}
.product-card__color--active {
	border-radius: 30px;
	border: 2px solid rgba(23, 26, 35, 0.8);
	margin-bottom: 0;
}
.product-card__advantages {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.product-card__advant {
	display: flex;
	align-items: center;
	margin: 48px 0;
}
.product-card__advant img {
	margin-right: 12px;
}
.product-card__advant p {
	max-width: 114px;
	font-size: 14px;
	line-height: 16px;
	color: rgba(23, 26, 35, 0.8);
}
.product-card__img {
	border: 1px solid rgba(36, 43, 69, 0.2);
	border-radius: 32px;
	width: 100%;
	height: 100%;
	max-height: 500px;
}
.product-card__img img {
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	object-fit: contain;
	margin: auto;
}
.product-card__more {
	display: flex;
	margin-bottom: 20px;
}
.product-card__hit {
	margin-bottom: 80px;
}
.product-card__hit .popular__title {
	margin-bottom: 32px;
}
.product-card__hit .hit__content {
	background-color: #fff;
}
.product-card__hit .popular__content {
	padding: 0;
}
.product-card__hit .card {
	box-shadow: 2px 2px 12px 2px rgba(0, 0, 0, 0.06);
}
.rewievs {
	padding-top: 80px;
}
.rewievs__bottom {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}
.rewievs__top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}
.rewievs__title {
	margin-top: 32px;
	margin-bottom: 32px;
}
.rewievs__count {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
}
.rewievs__count--text {
	color: rgba(39, 46, 73, 0.4);
	font-size: 19px;
	line-height: 20px;
	margin-left: 10px;
}
.rewievs__num {
	color: rgb(23, 26, 35);
	font-size: 28px;
	font-weight: 600;
	line-height: 36px;
	text-transform: uppercase;
	margin-left: 10px;
}
.rewievs__stars {
	margin-left: 10px;
}
.rewievs__stars img {
	width: 24px;
}
.rewievs-table__item {
	padding-top: 32px;
	padding-bottom: 32px;
	border-top: 1px solid rgba(36, 43, 69, 0.2);
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
}
.rewievs-table__person {
	flex-basis: 20%;
}
.rewievs-table__rewiev {
	flex-basis: 80%;
}
.rewievs-table__name {
	color: rgba(23, 26, 35, 0.8);
	font-size: 19px;
	line-height: 125%;
	letter-spacing: -0.19px;
	margin-bottom: 4px;
}
.rewievs-table__date {
	color: rgba(39, 46, 73, 0.4);
	font-size: 15px;
	line-height: 135%;
	letter-spacing: -0.15px;
}
.rewievs-table__text {
	color: rgba(23, 26, 35, 0.8);
	font-size: 15px;
	line-height: 135%;
	letter-spacing: -0.15px;
	margin-top: 10px;
}
.rewievs-table__stars img {
	width: 16px;
}
.rewievs__btn {
	border: none;
}
.rewievs__more {
	display: flex;
	align-items: center;
}
.more__link {
	border-radius: 8px;
	height: 64px;
	border: 2px solid rgba(36, 43, 69, 0.2);
	width: 53px;
	display: block;
	margin-right: 10px;
	padding: 1px;
}
.more__link img {
	-o-object-fit: contain;
	object-fit: contain;
	height: 100%;
	width: 100%;
	border-radius: 8px;
}
.more__link--active {
	border: 2px solid #638C1C;
}
.product-card__slider {
	position: relative;
	height: 100%;
	max-height: 596px;
	/* width: 88%; */
}
.product-card__slider .swiper {
	overflow: visible !important;
}
.product-card__slider .swiper-slide {
	border: 1px solid rgba(36, 43, 69, 0.2);
	border-radius: 32px;
	overflow: hidden;
}
.product-card__slider .swiper-slide img {
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	object-fit: contain;
	display: block;
	margin: auto;
}
.swiper-pagination-1 {
	position: absolute;
	top: 0;
	left: -110px;
	display: flex;
	flex-direction: column;
	z-index: 100;
	width: -moz-fit-content;
	width: fit-content;
}
.swiper_pagination_img {
	width: 80px;
	height: 95px;
	-o-object-fit: contain;
	object-fit: contain;
	border-radius: 8px;
	border: 1px solid rgba(36, 43, 69, 0.2);
}
.swiper_pagination_img:not(:last-child) {
	margin-bottom: 8px;
}
.swiper_pagination_img--active {
	border: 1px solid rgb(87, 155, 17);
}
.data__text {
	font-weight: 400;
	line-height: 24px;
	margin-top: 12px;
	display: none;
}
.characteristic {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	color: rgba(32, 38, 56, 0.6);
	margin-bottom: 15px;
}
.characteristic .dotted {
	border-bottom: 1px dotted rgba(32, 38, 56, 0.6);
	width: 100%;
}
.characteristic p {
	white-space: nowrap;
}
.colors__title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 12px;
}
.colors__title .product-card__name-color {
	margin-bottom: 0;
}
.colors__more {
	font-size: 13px;
	line-height: 16px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	color: rgba(23, 26, 35, 0.8);
}
.colors__more img {
	width: 24px;
	height: 24px;
}
.colors__more:hover {
	cursor: pointer;
	color: rgba(99, 140, 28, 0.8);
}
.info {
	background: rgb(247, 240, 229);
	border-radius: 24px;
}
.info .btns {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.info .btns .btn {
	margin-left: 8px;
}
.info .btns .btn img {
	margin-left: 8px;
}
.info .card__bottom {
	padding-bottom: 20px;
	border-bottom: 1px solid rgba(36, 43, 69, 0.2);
	margin-bottom: 20px;
}
.info .card__bottom .btn--basket {
	height: 48px;
}
.info__text {
	margin-bottom: 4px;
	color: rgba(23, 26, 35, 0.8);
}
.info__top {
	background-color: #fff;
	padding: 24px;
	border-radius: 24px;
	box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.12);
}
.info__bottom {
	padding: 24px;
}
.info__bottom .bold {
	font-weight: 700;
	margin-bottom: 8px;
}
.markets {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 12px;
	margin-top: 24px;
}
.market {
	height: 48px;
	width: 49%;
	border-radius: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s;
	padding: 0 5px;
}
.market--ozon {
	background-color: rgb(0, 91, 255);
}
.market--ozon:hover {
	background-color: rgb(0, 76, 214);
}
.market--wb {
	background-color: rgb(172, 35, 154);
}
.market--wb:hover {
	background-color: rgb(149, 39, 135);
}
.market--goldapple {
	background-color: rgba(231, 255, 82, 1);
}
.market--goldapple:hover {
	background-color: rgba(231, 255, 82, 1);
}
.buy-markets {
	padding: 20px 10px;
	border-radius: 20px;
	background-color: #fff;
	box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.12);
}
.buy-markets__title {
	font-size: 18px;
	text-align: center;
	margin-bottom: 10px;
}
.swiper-pagination {
	display: none;
}
.card-links {
	display: none;
	align-items: center;
	justify-content: space-between;
}
.card-links__right {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.card-links__right .card-links__item {
	margin-right: 4px;
}
.card-links__item {
	padding: 6px;
	border-radius: 8px;
	border: 1px solid rgba(36, 43, 69, 0.05);
	height: 36px;
}
.card-links__item img,
.card-links__item svg {
	width: 24px;
	height: 24px;
	fill: rgba(36, 43, 69, 0.2);
}
@media screen and (max-width: 1290px) {
	.product-card__slider {
		margin-right: 0;
	}
	.swiper-pagination-1 {
		left: -40px;
	}
}
@media screen and (max-width: 950px) {
	.card-links {
		display: flex;
	}
	.swiper-pagination {
		display: block;
	}
	.swiper-pagination-1 {
		display: none;
	}
	.product-card__slider {
		margin: auto;
		padding-bottom: 30px;
		max-height: 624px;
		width: 100%;
	}
	.swiper-pagination-bullet-active {
		background: rgba(32, 38, 56, 0.6) !important;
	}
	.product-card__slider .swiper-slide {
		border: none;
	}
	.product-card {
		padding-top: 0px;
	}
	.product-card .container {
		padding: 0 16px;
	}
	.product-card__content {
		flex-direction: column;
	}
	.product-card__left {
		max-width: 100%;
		width: 100%;
		height: 400px;
		margin-bottom: 30px;
	}
	.product-card__right {
		position: relative;
		width: 100%;
		margin-left: 0;
		top: 0px;
		margin: auto;
		margin-bottom: 60px;
	}
}
@media screen and (max-width: 750px) {
	.container-2 {
		padding: 0 16px !important;
	}
}
@media screen and (max-width: 680px) {
	.product-card__hit .popular__content {
		padding: 0 16px;
	}
	.product-card__hit {
		margin-bottom: 60px;
	}
	.product-card__advant {
		margin: 20px 0;
		flex-basis: 32%;
	}
	.product-card__advant p {
		text-align: left;
	}
	.main__title {
		font-size: 28px !important;
		font-weight: 700 !important;
		line-height: 36px !important;
	}
	.product-card .title--small {
		font-size: 28px;
		font-weight: 700;
		line-height: 36px;
	}
	.product-card__title {
		font-size: 19px;
		line-height: 28px;
		letter-spacing: -0.01em;
	}
	.product-card__brand {
		display: none;
	}
	.product-card__right {
		margin-top: 32px;
	}
	.rewievs {
		padding-top: 32px;
	}
	.hit {
		margin-top: 32px !important;
	}
	.product-card {
		padding-bottom: 32px;
	}
	.product-card__content {
		margin-bottom: 32px;
	}
	.product-card__right {
		margin-bottom: 0;
	}
	.markets {
		flex-direction: column;
	}
	.market {
		width: 100%;
	}
	.rewievs__count {
		flex-direction: column;
		align-items: flex-start;
		margin-bottom: 32px;
	}
	.rewievs__num {
		margin-left: 0;
	}
}
@media screen and (max-width: 500px) {
	.product-card__advantages {
		align-items: flex-start;
		flex-wrap: wrap;
	}
	.product-card__advant {
		flex-direction: column;
		text-align: center;
	}
	.product-card__advant p {
		margin-top: 8px;
	}
	.rewievs-table__item {
		flex-direction: column;
	}
	.rewievs-table__person {
		flex-basis: 100%;
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.rewievs__stars img:not(:first-child) {
		display: none;
	}
	.rewievs__bottom {
		flex-wrap: wrap;
	}
}
.hero {
	margin-bottom: 64px;
}
.hero .swiper {
	/* padding-bottom: 20px; */
}
.hero .swiper-pagination {
	/* bottom: 0px !important; */
}
.hero .swiper-pagination-bullet {
	background-color: rgba(36, 43, 69, 0.2);
	width: 16px;
	height: 4px;
	border-radius: 4px;
	opacity: 1;
}
.hero .swiper-pagination-bullet-active {
	background-color: rgba(32, 38, 56, 0.6);
	width: 32px;
}
.hero__btn {
	display: flex;
	align-items: flex-end;
	gap: 12px;
	padding: 22px 24px 22px 28px;
	max-width: -moz-fit-content;
	max-width: fit-content;
	position: absolute;
	bottom: 0;
	font-size: 19px;
}
.hero__btn img {
	margin-bottom: 1px;
	width: 16px !important;
	height: 16px !important;
}
.hero__img {
	position: relative;
	width: 100%;
	height: 508px;
	border-radius: 32px;
	overflow: hidden;
}
.hero__img img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}
.hero__block {
	position: absolute;
	top: 33px;
	left: 40px;
	bottom: 40px;
	max-width: 416px;
	color: rgb(23, 26, 35);
	height: calc(100% - 73px);
	display: flex;
	flex-direction: column;
}
.hero__title {
	margin-bottom: 16px;
	font-size: 44px;
	font-weight: 700;
	line-height: 48px;
}
.hero__text {
	font-size: 19px;
	font-weight: 500;
	line-height: 28px;
	letter-spacing: -0.01em;
	text-align: left;
}
.main__title {
	font-size: 36px;
	font-weight: 700;
	line-height: 40px;
	display: flex;
	align-items: center;
}
.main__title img {
	margin-left: 6px;
}
.popular {
	margin-bottom: 44px;
}
.popular__content {
	background: rgb(230, 244, 244);
	border-radius: 32px;
	padding: 20px;
}
.popular__title {
	margin-bottom: 4px;
	padding-left: 16px;
	padding-top: 16px;
}
.popular__subtitle {
	padding-left: 16px;
	color: rgba(23, 26, 35, 0.8);
	margin-bottom: 32px;
	font-size: 19px;
	line-height: 28px;
	letter-spacing: -0.01em;
}
.popular__slider .swiper-slide {
	max-width: -moz-fit-content;
	max-width: fit-content;
}
.popular__slider .swiper-slide .card {
	background: #fff;
	max-width: 248px;
	width: 100%;
	display: inline-block;
}
.sales {
	margin-bottom: 64px;
	/* margin-top: 64px; */
}
.sales__title {
	margin-bottom: 32px;
}
.sales__banner {
	width: 100%;
	height: 208px;
	overflow: hidden;
	margin-bottom: 32px;
}
.sales__banner img {
	border-radius: 16px;
	-o-object-fit: cover;
	object-fit: cover;
	width: 100%;
}
.sales__slider .swiper-slide img {
	border-radius: 16px;
	display: block;
	margin: auto;
	width: 100%;
}
.new__info {
	padding: 20px;
	border-radius: 32px;
	background: rgb(242, 244, 230);
}
.new__title {
	padding-top: 16px;
	padding-left: 16px;
	padding-bottom: 32px;
}
.new__content {
	display: flex;
	align-items: center;
	grid-gap: 12px;
	justify-content: center;
	flex-wrap: wrap;
}
.new__content .card {
	width: calc((100% - 48px) / 5);
	max-width: 248px;
	background: #fff;
}
.new .btn--light {
	color: rgb(87, 155, 17);
	max-width: 432px;
	margin: auto;
	margin-top: 32px;
}
.brands {
	margin-top: 64px;
	margin-bottom: 64px;
}
.brands__slider {
	margin-top: 32px;
}
.brands__slider .swiper-slide {
	background-color: rgba(36, 43, 69, 0.05);
	border-radius: 16px;
	height: 176px;
}
.brands__slider .swiper-slide img {
	mix-blend-mode: multiply;
	display: block;
	margin: auto;
	width: 100%;
	height: 90%;
	margin-top: 5%;
	-o-object-fit: contain;
	object-fit: contain;
}
.hit {
	margin-top: 64px;
}
.hit__content {
	background: rgb(244, 236, 230);
}
.blog {
	margin-top: 64px;
	margin-bottom: 64px;
}
.blog__item {
	display: flex;
	flex-direction: column;
	max-width: 320px;
}
.blog__item a {
	display: flex;
	align-items: center;
}
.blog__item a img {
	width: 16px;
	height: 16px;
	transform: rotate(-90deg);
}
.blog__item img {
	border-radius: 16px;
	height: 200px;
	-o-object-fit: cover;
	object-fit: cover;
}
.blog__title {
	font-size: 22px;
	font-weight: 700;
	line-height: 28px;
	color: rgb(23, 26, 35);
	margin-bottom: 12px;
	margin-top: 16px;
}
.blog__content {
	padding-bottom: 28px;
}
.blog__subtitle {
	margin-bottom: 32px;
}
.blog__info {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
.blog__show {
	margin-left: 16px;
	margin-right: 16px;
	display: flex;
	align-items: center;
}
.blog__show img {
	margin-right: 2px;
	width: 16px;
	height: 16px;
}
.blog__text {
	color: rgba(32, 38, 56, 0.6);
	font-weight: 600;
	cursor: pointer;
}
.swiper-button-prev,
.swiper-button-next {
	background: url("../img/icons/slide-arrow.svg") no-repeat center;
	background-size: cover;
	width: 88px;
	height: 88px;
	border-radius: 50%;
	margin-top: 0;
	right: -8px;
	left: auto;
	outline: none;
	transform: translateY(-50%);
}
.swiper-button-prev::after,
.swiper-button-next::after {
	display: none;
}
.swiper-button-prev {
	transform: translateY(-50%) rotate(180deg);
	right: auto;
	left: -8px;
}
.swiper-button-prev1 {
	margin: auto;
	left: -34px;
}
.swiper-button-next1 {
	right: -34px;
	margin: auto;
}
.swiper-button-prev2,
.swiper-button-next2 {
	margin-top: 13%;
}
.swiper-button-prev3,
.swiper-button-next3 {
	margin: auto;
}
.swiper-button-prev4,
.swiper-button-next4 {
	margin: auto;
	margin-top: -5%;
}
.new__content .card:nth-child(n+11) {
	display: none;
}
.banner {
	margin-bottom: 80px;
}
.banner__content {
	height: 400px;
	background: url("../img/banners/banner-bottom.jpg") no-repeat center;
	background-size: cover;
	border-radius: 32px;
	padding: 32px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
}
.banner__left {
	flex-basis: 50%;
	height: 100%;
}
.banner__left .btn {
	max-width: -moz-fit-content;
	max-width: fit-content;
	position: absolute;
	bottom: 32px;
	padding: 22px 24px 22px 28px;
	font-size: 19px;
	line-height: 20px;
	gap: 12px;
}
.banner__text {
	font-size: 19px;
	line-height: 28px;
	letter-spacing: -0.01em;
	color: rgb(23, 26, 35);
	margin-top: 16px;
}
.banner__title {
	max-width: 80%;
	font-size: 44px;
	line-height: 48px;
}
.banner__right {
	flex-basis: 50%;
	display: flex;
	flex-wrap: wrap;
	grid-gap: 16px;
}
.banner__item {
	padding: 24px;
	min-height: 148px;
	flex-basis: 48%;
	background-color: #fff;
	border-radius: 16px;
}
.banner__btn {
	gap: 12px;
	position: absolute;
	left: 32px;
	bottom: 32px;
}
.banner-item__title {
	font-size: 28px;
	font-weight: 700;
	line-height: 36px;
	color: rgb(87, 155, 17);
	margin-bottom: 8px;
}
.banner-item__text {
	color: rgba(23, 26, 35, 0.8);
	font-size: 19px;
	line-height: 28px;
	letter-spacing: -0.01em;
}
@media screen and (max-width: 1250px) {
	.new__content .card {
		width: calc((100% - 36px) / 4);
		max-width: 25%;
	}
}
@media screen and (max-width: 1065px) {
	.banner__content {
		height: auto;
		align-items: start;
	}
	.banner__right {
		display: flex;
		flex-direction: column;
	}
	.new__content .card {
		width: calc((100% - 24px) / 3);
		max-width: 33%;
		min-width: 175px;
	}
	.hero__block {
		max-width: 364px;
	}
	.hero__img {
		height: 364px;
	}
	.hero__title {
		font-size: 36px;
		line-height: 40px;
	}
	.hero__text {
		font-size: 17px;
		line-height: 24px;
	}
	.hero__btn {
		padding: 14px 16px 14px 18px;
		font-size: 17px;
	}
	.sales__banner {
		height: 148px;
	}
	.banner__item {
		min-height: 120px;
	}
}
@media screen and (max-width: 840px) {
	.new__content .card:nth-child(n+7) {
		display: none;
	}
	.banner__title {
		font-size: 44px;
		line-height: 48px;
	}
	.banner__left {
		margin-bottom: 57px;
	}
	.banner__btn {
		position: static;
		margin: 16px auto 0;
		padding: 22px 97px;
		font-size: 19px;
	}
	.banner__content {
		flex-direction: column;
	}
	.banner__right {
		width: 100%;
		display: flex;
		flex-direction: row;
		gap: 12px;
	}
	.banner__right .banner__item {
		padding: 24px;
		width: calc((100% - 12px) / 2);
		flex-basis: unset;
	}
}
@media screen and (max-width: 750px) {
	body {
		overflow: hidden;
	}
	.sales__slider,
	.popular__slider,
	.blog__slider {
		overflow: visible !important;
	}
	.new__info {
		padding: 12px;
	}
	.container {
		padding: 0;
	}
	.swiper-button-prev5,
	.swiper-button-prev0,
	.swiper-button-next0,
	.swiper-button-next5,
	.swiper-button-prev1,
	.swiper-button-next1,
	.swiper-button-prev2,
	.swiper-button-next2,
	.swiper-button-prev3,
	.swiper-button-next3,
	.swiper-button-prev4,
	.swiper-button-next4 {
		display: none;
	}
	.hero {
		margin-top: -10px;
		margin-bottom: 40px;
	}
	.hero__img {
		border-radius: 0;
		height: 700px;
	}
	.hero__block {
		top: 48px;
		max-width: 500px;
	}
	.hero__text {
		margin-bottom: 16px;
		font-size: 19px;
		line-height: 28px;
	}
	.hero__btn {
		position: static;
	}
	.popular__title {
		padding-left: 4px;
		padding-top: 8px;
	}
	.popular__subtitle {
		padding-left: 4px;
	}
	.sales .container {
		padding: 0 12px;
	}
	.sales__slider .swiper-slide img {
		width: 100%;
		max-width: 307px;
	}
	.sales__banner {
		height: 112px;
		margin-bottom: 24px;
	}
	.sales__banner img {
		border-radius: 12px;
		-o-object-fit: cover;
		object-fit: cover;
		height: 100%;
	}
	.new__title {
		padding-left: 4px;
	}
	.brands .container,
	.blog .container {
		padding: 0 12px;
	}
}
@media screen and (max-width: 700px) {
	.sales,
	.brands,
	.blog {
		margin-top: 40px;
		margin-bottom: 40px;
	}
	.blog {
		margin-bottom: 20px;
	}
	.new__content .card {
		width: calc((100% - 12px) / 2);
		max-width: 50%;
	}
}
@media screen and (max-width: 500px) {
	.sales__title {
		margin-bottom: 20px;
	}
	.banner__content {
		padding: 12px;
	}
	.banner-item__title {
		font-size: 22px;
		line-height: 28px;
	}
	.banner-item__text {
		font-size: 17px;
		line-height: 24px;
	}
	.banner__title {
		font-size: 36px;
		line-height: 40px;
	}
	.card .slider .swiper-slide img {
		max-width: 95%;
		height: 180px;
	}
	.hero__img {
		height: 468px;
	}
	.hero__title {
		font-size: 28px;
		line-height: 36px;
	}
	.hero__text {
		font-size: 14px;
		line-height: 20px;
	}
	.hero__block {
		max-width: 319px;
		top: 20px;
		left: 24px;
	}
	.btn {
		font-size: 14px;
		line-height: 17px;
		padding: 10px 12px;
	}
	.sales__slider .swiper-slide img {
		height: 288px;
	}
	.sales__banner {
		height: 96px;
	}
	.card {
		padding: 10px;
	}
	.main__title {
		font-size: 28px;
		line-height: 36px;
	}
	.popular__content {
		padding: 12px;
	}
	.popular__title {
		padding-top: 0;
	}
	.popular__subtitle {
		font-size: 17px;
		line-height: 24px;
	}
	.new .btn--light {
		margin-top: 24px;
		max-width: -moz-fit-content;
		max-width: fit-content;
		font-size: 17px;
		line-height: 20px;
	}
}
@media screen and (max-width: 385px) {
	.new__content .card {
		max-width: 48%;
		width: auto;
		min-width: auto;
	}
}
@media screen and (max-width: 370px) {
	.banner__content {
		padding: 24px 10px;
	}
}
.sales__content {
	display: flex;
	gap: 16px;
	justify-content: left;
	flex-wrap: wrap;
}
.sales__content a {
	flex-basis: 32%;
}
.sales__content img {
	width: 100%;
	border-radius: 32px;
}
@media screen and (max-width: 825px) {
	.sales__content {
		/* justify-content: center; */
	}
	.sales__content a {
		flex-basis: 47%;
	}
}
@media screen and (max-width: 400px) {
	.sales__content {
		justify-content: center;
	}
	.sales__content a {
		flex-basis: 100%;
	}
}
.blog__img {
	height: 200px;
	width: 100%;
}
.blog__img img {
	width: 100% !important;
	height: 100% !important;
	transform: rotate(0deg) !important;
}
.page-blog__title {
	margin-bottom: 32px;
	font-size: 44px;
	font-weight: 700;
	line-height: 48px;
}
.page-blog__posts {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	column-gap: 16px;
  row-gap: 80px;
	width: 100%;
}
.page-blog__posts .page-blog__post--small {}
.page-blog__posts .page-blog__post--small .page-blog-post__text {
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	letter-spacing: -0.02em;
}
.page-blog__posts .page-blog__post--small .page-blog-post__title {
	font-size: 28px;
	font-weight: 700;
	line-height: 36px;
}
.page-blog__posts .page-blog__post--medium {
	grid-column: span 2;
}
.page-blog__posts .page-blog__post--medium .page-blog-post__text {
	font-size: 17px;
	font-weight: 400;
	line-height: 24px;
	letter-spacing: -0.02em;
}
.page-blog__posts .page-blog__post--medium .page-blog-post__title {
	font-size: 36px;
	font-weight: 700;
	line-height: 40px;
}
.page-blog-post__title {
	margin-top: 20px !important;
	font-size: 36px !important;
	font-weight: 700;
	line-height: 40px;
}
.page-blog-post__img {
	width: 100%;
	border-radius: 32px;
	height: 308px;
	object-fit: cover;
}
.page-blog-post__text {
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	line-clamp: 4;
	max-width: 100%;
	overflow: hidden;
	margin-top: 12px;
	font-size: 19px;
	line-height: 28px;
	letter-spacing: -0.01em;
	color: rgba(23, 26, 35, 0.8);
}
.page-blog-post__info {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	color: rgba(32, 38, 56, 0.6);
	margin-top: 12px;
	gap: 16px;
}
.page-blog-post__show {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
.page-blog-post__show span {
	margin-left: 6px;
}
@media screen and (max-width: 1000px) {
	.page-blog__posts {
		grid-template-columns: repeat(2, 1fr);
	}
	.page-blog__posts .page-blog__post--medium {
		grid-column: span 1;
	}
}
@media screen and (max-width: 600px) {
	.page-blog__posts {
		grid-template-columns: 1fr;
	}
	.page-blog__posts .page-blog__post--medium {
		grid-column: span 1;
	}
	.page-blog-post__img {
		height: 200px;
	}
}
.stock {
	padding-bottom: 40px;
}
.stock__img {
	max-width: 656px;
	width: 100%;
	border-radius: 25px;
	margin: auto;
	display: block;
}
.actions-detail ol li {
	margin-left: 30px;
}
.actions-detail a {
	text-decoration: underline;
	color: rgb(78, 134, 22);
}
.stock__content {
	max-width: 656px;
	width: 95%;
	margin: auto;
}
.stock-content__img {
	margin-top: 16px;
	margin-bottom: 8px;
	border-radius: 8px;
	width: 100%;
}
.stock__text {
	font-size: 17px;
	font-weight: 400;
	line-height: 24px;
	color: rgb(23, 26, 35);
	margin-top: 16px;
	margin-bottom: 8px;
}
.stock__text a {
	text-decoration: underline;
	font-weight: bold
}
.stock__text--color-green {
	color: rgb(78, 134, 22);
}
.stock__text--bold {
	font-size: 19px;
	font-weight: 500;
	line-height: 28px;
	letter-spacing: -0.01em;
}
.stock__text--green {
	padding: 16px;
	background: rgb(200, 228, 172);
	border-radius: 12px;
}
.stock__title {
	margin-bottom: 32px;
}
.stock__subtitle {
	margin-top: 40px !important;
	margin-bottom: 20px !important;
}
.stock__info {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin-top: 16px;
	margin-bottom: 16px;
	color: rgba(32, 38, 56, 0.6);
}
.stock__data {
	margin-right: 16px;
}
.stock__watch {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
.stock__watch img {
	margin-right: 6px;
}
.stock__list {
	list-style-type: disc;
	padding-left: 32px;
}
.stock__list li {
	padding-top: 4px;
	padding-bottom: 4px;
	margin-bottom: 4px;
}
@media screen and (max-width: 880px) {
	.stock__img {
		border-radius: 0px;
		margin-top: 0;
	}
}
.about .container > div {
	margin-bottom: 64px;
	margin-top: 24px;
}
.about__banner {
	height: 684px;
	border-radius: 32px;
	width: 100%;
	overflow: hidden;
}
.about__banner img {
	height: 100%;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}
.about__mission {
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	padding: 64px;
	background: rgba(36, 43, 69, 0.03);
	border-radius: 36px;
}
.advantages {
	display: flex;
	align-items: start;
	justify-content: space-between;
	flex-wrap: wrap;
}
.advantages__item {
	background-color: #E9F6F6;
	padding: 32px;
	border-radius: 36px;
	height: 330px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	flex-basis: 24%;
}
.advantages__text {
	font-weight: 700;
	font-size: 22px;
	line-height: 28px;
	color: rgb(23, 26, 35);
}
.advantages__img {
	max-width: 168px;
	height: 168px;
	-o-object-fit: cover;
	object-fit: cover;
	border-radius: 16px;
}
.way {
	background-color: rgba(36, 43, 69, 0.03);
	padding: 64px;
	border-radius: 36px;
}
.way__title {
	font-weight: 700;
	font-size: 44px;
	line-height: 48px;
	color: #4E8616;
	margin-bottom: 24px;
}
.way__text {
	font-weight: 700;
	font-size: 28px;
	line-height: 36px;
	max-width: 459px;
	margin-bottom: 48px;
}
.way .line-green {
	width: 100%;
	height: 1px;
	display: block;
	background-color: #4E8616;
	margin-bottom: 24px;
}
.timeline {
	display: flex;
	align-items: start;
	justify-content: space-between;
}
.timeline__item {
	flex-basis: 18%;
}
.timeline__year {
	margin-bottom: 16px;
	font-weight: 700;
	font-size: 28px;
	line-height: 36px;
	color: #4E8616;
}
.timeline__text {
	font-size: 14px;
	line-height: 20px;
	color: rgba(23, 26, 35, 0.8);
}
.mission__title {
	font-weight: 700;
	font-size: 64px;
	line-height: 100%;
	color: #4E8616;
	margin-bottom: 24px;
}
.mission__text {
	font-weight: 700;
	font-size: 28px;
	line-height: 36px;
	color: #171A23;
}
.mission__left {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.mission__item {
	display: flex;
	align-items: start;
	justify-content: flex-start;
}
.mission__item:not(:last-child) {
	margin-bottom: 32px;
}
.mission__item img {
	margin-right: 29px;
}
.mission__desc {
	font-size: 17px;
	line-height: 24px;
	color: rgba(23, 26, 35, 0.8);
}
@media screen and (max-width: 1050px) {
	.mission {
		flex-direction: column;
	}
	.mission__left {
		margin-bottom: 36px;
	}
	.mission__left img {
		margin-top: 24px;
	}
	.advantages__item {
		flex-basis: 49%;
		margin-bottom: 20px;
	}
	.timeline {
		overflow: scroll;
	}
	.timeline__item {
		min-width: 150px;
	}
}
@media screen and (max-width: 750px) {
	.about {
		padding: 0 16px;
	}
	.about__mission,
	.about__way {
		padding: 24px;
	}
	.about__banner {
		height: 400px;
	}
	.advantages__item {
		padding: 16px;
		height: 300px;
	}
	.mission__title,
	.way__title {
		font-size: 40px;
	}
	.mission__text,
	.way__text {
		font-size: 20px;
		line-height: 26px;
	}
}
@media screen and (max-width: 500px) {
	.advantages__item {
		flex-basis: 100%;
	}
}
.certificates {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	padding-top: 16px;
}
.certificates__left {
	flex-basis: 25%;
}
.certificates__link {
	font-family: "TT_Norms_Pro", sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 17px;
	line-height: 20px;
	color: rgba(32, 38, 56, 0.6);
	display: block;
	margin-bottom: 8px;
}
.certificates__link--active {
	color: #000;
}
.certificates__items {
	max-width: 656px;
	width: 100%;
}
.certificate {
	padding: 16px;
	background-color: rgba(36, 43, 69, 0.03);
	border-radius: 16px;
	margin-bottom: 16px;
}
.certificate__num {
	font-size: 14px;
	line-height: 16px;
	color: rgba(32, 38, 56, 0.6);
	margin-bottom: 12px;
}
.certificate__name {
	font-size: 17px;
	line-height: 24px;
	color: #171A23;
	margin-bottom: 12px;
}
.certificate__data {
	border-top: 1px solid rgba(36, 43, 69, 0.1);
	display: flex;
	align-items: center;
	padding: 12px 0;
	justify-content: flex-start;
}
.certificate__img {
	flex-basis: 60%;
	font-size: 14px;
	line-height: 16px;
	color: #4E8616;
}
.certificate__title {
	flex-basis: 40%;
	font-size: 14px;
	line-height: 16px;
	color: rgba(32, 38, 56, 0.6);
}
.certificate__search {
	margin-top: 40px;
	position: relative;
	border-bottom: 1px solid rgba(36, 43, 69, 0.2);
	margin-bottom: 16px;
}
.certificate__search .search__img {
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 0;
}
.certificate__search input[type=search] {
	width: 100%;
	padding: 14px;
	padding-right: 34px;
	padding-left: 0;
	font-family: "TT_Norms_Pro", sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 17px;
	line-height: 20px;
	letter-spacing: -0.02em;
	color: rgba(32, 38, 56, 0.6);
}
.buy__item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 8px 0;
	border-bottom: 1px solid rgba(36, 43, 69, 0.1);
}
.buy__name {
	margin-bottom: 8px;
	line-height: 24px;
	color: #171A23;
}
.buy__link {
	color: rgb(87, 155, 17);
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
}
.buy__right {
	height: 144px;
}
.buy__right img {
	height: 100%;
	-o-object-fit: contain;
	object-fit: contain;
}
@media screen and (max-width: 900px) {
	.certificates__left {
		display: none;
	}
}
@media screen and (max-width: 750px) {
	.certificates {
		padding: 0 16px;
	}
}
.modal {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.12);
	border-radius: 24px;
	z-index: 3000;
	background-color: #fff;
}
.modal__banner {
	border-top-left-radius: 24px;
	border-top-right-radius: 24px;
	max-height: 192px;
	-o-object-fit: cover;
	object-fit: cover;
	width: 100%;
}
.modal__map {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
.modal__cards {
	flex-basis: 70%;
	min-width: 50%;
	height: 100%;
}
.modal__cards .map ymaps {
	border-top-right-radius: 40px;
	border-bottom-right-radius: 40px;
}
.modal--auth,
.modal--sale,
.modal--reg,
.modal--login,
.modal--code,
.modal--sort {
	max-width: 440px;
	max-height: -moz-fit-content;
	max-height: fit-content;
	display: none;
}
.modal--my-address .btn,
.modal--persons .btn {
	display: flex;
	align-items: center;
	margin-bottom: 16px;
}
.modal--my-address .btn span,
.modal--persons .btn span {
	color: rgba(23, 26, 35, 0.8);
	margin-left: 10px;
}
.modal--add-address,
.modal--my-address,
.modal--persons,
.modal--add-person,
.modal--rewiev {
	max-width: 600px;
	max-height: -moz-fit-content;
	max-height: fit-content;
	display: none;
}
.modal--add-address .modal__content,
.modal--my-address .modal__content,
.modal--persons .modal__content,
.modal--add-person .modal__content,
.modal--rewiev .modal__content {
	padding: 48px 40px;
}
.modal--add-address .count-words,
.modal--my-address .count-words,
.modal--persons .count-words,
.modal--add-person .count-words,
.modal--rewiev .count-words {
	text-align: right;
	font-size: 14px;
	line-height: 16px;
	margin-top: 8px;
	color: rgba(32, 38, 56, 0.6);
}
.modal--add-address .rewiev__go,
.modal--my-address .rewiev__go,
.modal--persons .rewiev__go,
.modal--add-person .rewiev__go,
.modal--rewiev .rewiev__go {
	margin-top: 48px;
	font-size: 17px;
	font-weight: 500;
	line-height: 20px;
	letter-spacing: -0.02em;
}
.modal--add-address .rewiev__form,
.modal--my-address .rewiev__form,
.modal--persons .rewiev__form,
.modal--add-person .rewiev__form,
.modal--rewiev .rewiev__form {
	margin-top: 24px;
}
.modal--map {
	width: 943px;
	max-width: 90%;
	max-height: -moz-fit-content;
	max-height: fit-content;
	display: none;
}
.modal--map .modal__close {
	z-index: 100;
}
.modal__area {
	margin-bottom: 48px;
}
.modal__comment {
	padding: 14px;
	width: 100%;
	font-family: Inter, sans-serif;
	font-size: 17px;
	font-weight: 500;
	line-height: 24px;
	letter-spacing: -0.02em;
	border: 1px solid rgba(36, 43, 69, 0.2);
}
.modal .comment-count {
	font-size: 14px;
	line-height: 16px;
	text-align: right;
	color: rgba(32, 38, 56, 0.6);
	margin-top: 8px;
}
.modal .btn--address,
.modal .btn--person,
.modal .btn-add-person {
	width: 100%;
	font-family: Inter, sans-serif;
	font-size: 17px;
	font-weight: 500;
	line-height: 20px;
	letter-spacing: -0.02em;
}
.modal__input {
	width: 100%;
	font-size: 17px;
	line-height: 20px;
	color: rgb(23, 26, 35);
	padding: 14px 0;
	border-bottom: 1px solid rgba(36, 43, 69, 0.2);
}
.modal__inp {
	margin-bottom: 24px;
}
.modal__inp--text {
	font-size: 14px;
	line-height: 16px;
	color: rgba(32, 38, 56, 0.6);
	margin-top: 8px;
}
.modal__block {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}
.modal__block .modal__inp {
	flex-basis: 49%;
}
.modal__label {
	margin-bottom: 8px;
	display: block;
}
.modal--code {
	padding-top: 40px;
}
.modal--code .modal__code {
	font-size: 17px;
	line-height: 24px;
	color: rgba(32, 38, 56, 0.6);
	margin-bottom: 16px;
}
.modal--code .modal__code a {
	display: block;
	color: rgb(23, 26, 35);
	font-weight: 600;
}
.modal--code .modal__repeat {
	text-align: center;
	color: rgba(32, 38, 56, 0.6);
	font-size: 14px;
	line-height: 20px;
}
.modal--code .modal__inp {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	width: 100%;
	margin-bottom: 32px;
}
.modal--code .modal__inp input {
	border-bottom: 1px solid rgba(36, 43, 69, 0.2);
	padding: 14px 0;
	text-align: center;
	max-width: 80px;
}
.modal--code .modal__inp input:focus {
	border-bottom: 1px solid rgb(87, 155, 17);
}
.modal--reg a,
.modal--login a {
	display: block;
}
.modal--reg .btn,
.modal--login .btn {
	margin-top: 32px;
}
.modal__content {
	padding: 40px;
	padding-top: 24px;
}
.modal--cookie {
	top: auto;
	left: auto;
	bottom: 32px;
	right: 32px;
	max-width: 252px;
	display: none;
}
.modal--cookie .modal__content {
	padding: 24px;
}
.modal--cookie .modal__agree {
	color: rgb(23, 26, 35);
	margin-bottom: 16px;
	margin-top: 0;
}
.modal--cookie .btn {
	height: 36px;
}
.modal--sort .modal__content {
	padding: 16px;
}
.modal--sort .modal__title {
	font-size: 19px !important;
	line-height: 20px !important;
	margin: 10px 0;
}
.modal--sort .modal__close {
	right: 8px;
}
.modal--city {
	max-width: 440px;
	max-height: -moz-fit-content;
	max-height: fit-content;
	display: none;
}
.modal--city .modal__content {
	padding: 24px;
	padding-top: 48px;
}
.modal--city .modal__title {
	padding-left: 16px;
	font-size: 28px;
	font-weight: 700;
	line-height: 36px;
	margin-top: 0;
	margin-bottom: 0;
}
.modal__search {
	position: relative;
	padding: 16px;
}
.modal__search .search__img {
	position: absolute;
	right: 16px;
	top: 0;
	bottom: 0;
	margin: auto;
}
.modal__search input {
	width: 100%;
	border-bottom: 1px solid rgba(36, 43, 69, 0.2);
	padding: 14px 0;
}
.modal__search input:focus-visible ~ img {
	display: none;
}
.modal input::-moz-placeholder {
	font-size: 17px;
	line-height: 20px;
}
.modal input::placeholder {
	font-size: 17px;
	line-height: 20px;
}
.modal__auto {
	display: flex;
	margin-bottom: 16px;
	align-items: center;
	justify-content: flex-start;
	padding: 0 16px;
	cursor: pointer;
}
.modal__auto img {
	margin-right: 4px;
}
.modal__auto span {
	font-size: 17px;
	line-height: 24px;
	color: rgb(87, 155, 17);
}
.modal__list {
	overflow-y: scroll;
	max-height: 360px;
}
.modal__li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px 16px;
	border-radius: 6px;
	cursor: pointer;
}
.modal__li:hover {
	background-color: rgba(36, 43, 69, 0.05);
}
.modal__li img {
	display: none;
}
.modal__li--active {
	color: rgb(87, 155, 17);
}
.modal__li--active img {
	display: block;
}
.modal--moscow,
.modal--done {
	position: absolute;
	top: 130px;
	right: auto;
	display: none;
	width: 320px;
	height: 152px;
}
.modal--moscow .modal__agree,
.modal--done .modal__agree {
	color: rgb(23, 26, 35);
	margin-top: 0;
	margin-bottom: 0;
}
.modal--moscow .modal__city,
.modal--done .modal__city {
	font-size: 22px;
	font-weight: 700;
	line-height: 28px;
	color: rgb(23, 26, 35);
	margin-bottom: 16px;
}
.modal--moscow .modal__content,
.modal--done .modal__content {
	padding: 24px;
}
.modal--moscow .modal__btns,
.modal--done .modal__btns {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.modal--moscow .modal__btns .btn,
.modal--done .modal__btns .btn {
	flex-basis: 48%;
	padding: 10px 12px 10px 12px;
	border-radius: 8px;
}
.modal--done .modal__btns {
	margin-top: 20px;
}
.modal--active {
	display: block;
}
.modal__title {
	font-size: 36px;
	font-weight: 700;
	line-height: 40px;
	color: rgb(23, 26, 35);
	margin-bottom: 16px;
}
.modal__text {
	margin-bottom: 16px;
	color: rgba(32, 38, 56, 0.6);
}
.modal__mail {
	padding: 14px 0;
	width: 100%;
	border: none;
	outline: none;
	border-bottom: 1px solid rgba(36, 43, 69, 0.2);
	margin-bottom: 32px;
}
.modal__mail:placeholder {
	font-size: 17px;
	line-height: 20px;
	color: rgba(32, 38, 56, 0.6);
}
.modal__btn {
	width: 100%;
}
.modal__agree {
	font-size: 14px;
	line-height: 20px;
	color: rgba(32, 38, 56, 0.6);
	margin-top: 16px;
}
.modal__agree a {
	color: rgb(87, 155, 17);
}
.modal__close,
.modal__back {
	position: absolute;
	top: 16px;
	right: 16px;
}
.modal__back {
	left: 16px;
	right: auto;
	width: 40px;
	height: 44px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.modal-change_data {
	margin-top: 24px;
	margin-bottom: 48px;
}
.modal-change_data__input {
	padding: 16px;
	padding-left: 48px;
	background-color: rgba(36, 43, 69, 0.03);
	border-radius: 16px;
	margin-bottom: 16px;
	position: relative;
}
.modal-change_data__input input {
	width: 20px;
	height: 20px;
	accent-color: rgb(87, 155, 17);
	display: none;
}
.modal-change_data__radio {
	display: flex;
	align-items: center;
}
.modal-change_data__img {
	position: absolute;
	cursor: pointer;
	top: 16px;
	right: 16px;
}
.modal-change_data__label {
	font-size: 17px;
	line-height: 20px;
	color: rgba(23, 26, 35, 0.8);
	max-width: 90%;
	cursor: pointer;
}
.modal-change_data__label::before {
	content: "";
	width: 20px;
	height: 20px;
	background-color: rgba(36, 43, 69, 0.1);
	border-radius: 50%;
	display: block;
	position: absolute;
	left: 16px;
}
.modal-change_data input[type=radio]:checked + label:before {
	background: url("../img/icons/radio-active.svg") no-repeat center;
}
.modal-change_data__comment {
	color: rgba(32, 38, 56, 0.6);
	font-size: 17px;
	line-height: 20px;
	margin-top: 8px;
}
.modal--persons .modal-change_data__label {
	color: rgb(23, 26, 35);
}
.modal--persons .modal-change_data__comment {
	color: rgba(23, 26, 35, 0.8);
}
@media screen and (max-width: 515px) {
	.modal {
		border-radius: 0;
		border-top-left-radius: 24px;
		border-top-right-radius: 24px;
		max-width: 100%;
	}
	.modal--sale,
	.modal--auth,
	.modal--reg,
	.modal--login,
	.modal--code,
	.modal--sort,
	.modal--add-address,
	.modal--my-address,
	.modal--persons,
	.modal--add-person,
	.modal--rewiev {
		bottom: 0;
		top: auto;
		max-height: 80%;
	}
	.modal--sale .modal__title,
	.modal--auth .modal__title,
	.modal--reg .modal__title,
	.modal--login .modal__title,
	.modal--code .modal__title,
	.modal--sort .modal__title,
	.modal--add-address .modal__title,
	.modal--my-address .modal__title,
	.modal--persons .modal__title,
	.modal--add-person .modal__title,
	.modal--rewiev .modal__title {
		font-size: 28px;
		line-height: 36px;
	}
	.modal--cookie {
		right: 0;
		bottom: 0;
	}
	.modal--city {
		top: auto;
	}
	.modal--moscow,
	.modal--done {
		top: 80px;
		border-radius: 24px;
	}
	.modal-address,
	.modal-person {
		margin-bottom: 32px;
	}
	.modal--my-address .modal__content,
	.modal--persons .modal__content {
		padding: 40px 16px 24px;
	}
}
@media screen and (max-width: 420px) {
	.modal__inp input {
		max-width: 45px !important;
	}
	.modal__inp .modal__input {
		max-width: 100% !important;
	}
	.modal--add-address,
	.modal--add-person,
	.modal--rewiev {
		max-height: 100%;
		height: 100vh;
		border-radius: 0;
	}
	.modal--add-address .modal__content,
	.modal--add-person .modal__content,
	.modal--rewiev .modal__content {
		padding: 40px 16px;
	}
}
@media screen and (max-width: 380px) {
	.modal--auth .modal__title {
		font-size: 25px;
	}
}
.list-reset {
	margin: 0;
	padding: 0;
	list-style: none;
}
.btn-reset {
	padding: 0;
	border: none;
	background-color: transparent;
	cursor: pointer;
}
.modal__map .title {
	margin: 0;
	margin-bottom: 20px;
	padding-top: 48px;
	font-weight: 700;
	font-size: 28px;
	line-height: 36px;
	color: #000;
}
.tabs {
	margin-bottom: 16px;
	gap: 8px;
	padding: 6px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: rgba(36, 43, 69, 0.0509803922);
	border-radius: 14px;
}
.tab {
	padding: 8px 20px;
	background: transparent;
	border-radius: 8px;
	font-weight: 500;
	font-size: 14px;
	line-height: 16px;
	color: #000;
	text-align: center;
}
.tab.active {
	background: #fff;
	box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.0588235294);
}
.select-city {
	padding: 14px 0;
	gap: 10px;
	display: flex;
	align-items: center;
	border: none;
	outline: none;
	border-bottom: 1px solid rgba(36, 43, 69, 0.2);
}
.city {
	width: 100%;
	font-weight: 500;
	font-size: 17px;
	line-height: 20px;
	color: #000;
	border: none;
}
.city:focus-visible {
	outline: none;
}
.city-btn {
	min-width: 24px;
	height: 24px;
	font-size: 0;
	background-image: url("../img/map/arrow.svg");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	border: none;
	background-color: transparent;
	cursor: pointer;
}
.info-map {
	display: none;
	margin-top: 68px;
}
.info-map.active {
	display: block;
}
.subtitle {
	margin: 0;
	margin-bottom: 12px;
	font-weight: 700;
	font-size: 22px;
	line-height: 28px;
	color: #000;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.worktime {
	margin-bottom: 12px;
	font-weight: 500;
	font-size: 17px;
	line-height: 20px;
	color: rgba(23, 26, 35, 0.8);
}
.address {
	margin-bottom: 24px;
	font-weight: 500;
	font-size: 17px;
	line-height: 20px;
	color: rgba(32, 38, 56, 0.6);
}
.take {
	padding: 14px 0;
	width: 100%;
	background: #579B11;
	border-radius: 8px;
	font-weight: 500;
	font-size: 17px;
	line-height: 20px;
	color: #fff;
	text-align: center;
}
.map {
	display: none;
	width: 100%;
	height: 100%;
}
.map.active {
	display: block;
	height: 560px;
}
footer {
	background-color: rgba(36, 43, 69, 0.05);
	padding: 64px 0 48px;
	margin-top: 30px;
}
.footer__social a:nth-child(4) {
	display: none;
}
.footer__logo {
	margin-bottom: 64px;
}
.footer__content {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: wrap;
}
.footer__menu {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	margin-bottom: 64px;
}
.footer__links {
	margin-right: 81px;
}
.footer__info {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
.footer__links li {
	margin-bottom: 16px;
}
.footer__link {
	font-size: 17px;
	line-height: 20px;
	color: rgba(23, 26, 35, 0.8);
}
.footer__link:hover {
	color: rgb(23, 26, 35);
}
.footer__link--active {
	color: rgb(23, 26, 35);
	font-weight: 600;
}
.footer__phone {
	font-size: 28px;
	font-weight: 600;
	line-height: 36px;
	margin-bottom: 8px;
	color: rgba(23, 26, 35, 0.8);
	transition: all 0.3s;
}
.footer__phone:hover {
	color: rgb(87, 155, 17);
}
.footer__time {
	font-size: 17px;
	line-height: 20px;
	margin-bottom: 16px;
	color: rgba(32, 38, 56, 0.6);
}
.footer__address {
	font-size: 17px;
	line-height: 20px;
	margin-bottom: 16px;
	margin-top: 16px;
	color: rgba(23, 26, 35, 0.8);
}
.footer__icons {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.footer__doc {
	margin-left: 49px;
}
.footer__mail {
	display: block;
	margin-bottom: 40px;
	transition: all 0.3s;
}
.footer__mail:hover {
	color: rgb(87, 155, 17);
}
.footer__media {
	display: none;
}
.subscribe {
	margin-top: 40px;
}
.subscribe--mobile {
	display: none;
}
.subscribe__form {
	position: relative;
	cursor: pointer;
	margin-top: 12px;
}
.subscribe__form input {
	background: none;
	padding: 14px 0;
	border-bottom: 1px solid rgba(36, 43, 69, 0.2);
	width: 100%;
}
.subscribe__form input::-moz-placeholder {
	font-size: 17px;
	line-height: 20px;
	color: rgba(32, 38, 56, 0.6);
}
.subscribe__form input::placeholder {
	font-size: 17px;
	line-height: 20px;
	color: rgba(32, 38, 56, 0.6);
}
.subscribe__form img {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
}
.consent {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 13px;
	color: #333;
	margin-top: 10px;
	flex-wrap: wrap;
}
#consentCheckbox {
	width: 16px;
	height: 16px;
}
.subscribe-btn {
	cursor: pointer;
}
.subscribe-btn[disabled] {
	opacity: 0.5;
	pointer-events: none;
}
.consent a {
	text-decoration: underline;
}
@media screen and (max-width: 975px) {
	footer {
		padding-bottom: 90px;
		padding-left: 16px;
		padding-right: 16px;
	}
	.footer__logo {
		margin-left: 50px;
	}
	.search-title {
		padding-left: 12px;
	}
}
@media screen and (max-width: 840px) {
	.footer__links {
		margin-right: 40px;
	}
}
@media screen and (max-width: 750px) {
	.footer .container {
		padding: 0 16px;
	}
}
@media screen and (max-width: 700px) {
	.subscribe {
		display: none;
	}
	.subscribe--mobile {
		display: block;
		margin-bottom: 40px;
		width: 100%;
	}
	.footer__menu {
		flex-direction: column;
		flex-basis: 100%;
	}
	.footer__items {
		padding-top: 24px;
		border-bottom: 1px solid rgba(39, 46, 73, 0.4);
		width: 100%;
		max-width: 100%;
	}
	.footer__media {
		display: block;
		fill: rgba(23, 26, 35, 0.8);
		width: 16px;
		height: 16px;
	}
	.footer__links {
		margin-right: 0;
	}
	.footer__link {
		display: none;
	}
	.footer__link--active {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.footer__info .footer__link {
		display: block;
	}
	.footer__links--active .footer__link {
		display: flex;
	}
	.footer__info {
		flex-direction: column;
		align-items: flex-start;
	}
	.footer__doc {
		margin-left: 0;
		margin-top: 20px;
	}
	.footer__contacts {
		text-align: center;
		margin: auto;
		width: 80%;
	}
	.footer__social {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-around;
		margin-top: 32px;
		margin-bottom: 32px;
	}
	.footer__logo {
		margin: auto;
		margin-bottom: 40px;
		display: block;
	}
	.footer__phone {
		display: block;
		margin-bottom: 16px;
	}
	footer {
		padding-top: 48px;
	}
}
.news__block img {
	margin-top: 16px;
	margin-bottom: 8px;
	border-radius: 8px;
	width: 100%;
}