/*
** Основные переменные шаблона
*/
:root {
  --color-primary: #519381; /* 1_основной */
  --color-secondary: #ff8194; /* 2_основной */
  --color-tertiary: #d1f4f6; /* 3_основной */
  --color-black: #3b4141; /* черный */
  --color-gray: #dceded; /* серый */
  --color-darkgray: #8dacac; /* темный серый */
  --color-lightgray: #e5eeed; /* фоновой2 */
  --color-background: #f0f6f4; /* фоновой f8f8ff */
  --color-primary-light: #85B3A7;
  --color-white: #fff;
  --color-text-primary: var(--color-black);
  --color-border: var(--color-lightgray);
  --color-border-secondary: var(--color-text-primary);
  --color-disabled: var(--color-lightgray);
  --color-error: #f9504d;
  --border-radius: 4px;
  --drop-shadow: 0 4px 12px rgb(86 81 132 / 10%);
  --scrollbar-width: 16px;
  --scrollbar-width-thin: 4px;
  --duration: 300ms;
  --transition: all var(--duration) ease;
  --font-primary: "Nunito", "Arial", sans-serif;
  /* Глобальные настройки переменных */
  --button-small: 32px;
  --button-medium: 44px;
  --button-large: 48px;
  --text-size-small: 12px;
  --text-size-regular: 14px;
  --text-size-medium: 16px;
  --text-size-large: 18px;
  --line-height-small: 16px;
  --line-height-regular: 18px;
  --line-height-medium: 20px;
  --line-height-large: 24px;
  --icon-size-small: 14px;
  --icon-size-regular: 16px;
  --icon-size-medium: 20px;
  --icon-size-large: 24px;
  --heading-01: 36px;
  --heading-02: 32px;
  --heading-03: 28px;
  --heading-04: 24px;
  --heading-05: 22px;
  --heading-06: 18px;
}
/*
** Основные стили
*/
html {
  font-size: 100%;
  -webkit-font-smoothing: antialiased;
  scroll-behavior: smooth;
  scrollbar-gutter: stable;
}
body {
  color: var(--color-text-primary);
  font-size: var(--text-size-medium);
  font-family: var(--font-primary);
  background-color: var(--color-background);
}
/*
** Секции
*/
.section {margin-block: 60px;}
@media all and (min-width: 1024px) {
  .section {margin-block: 80px;}
}
/*
** Заголовки основных блоков
*/
.headline {margin-bottom: 32px;text-align: center;}
.headline--navigation {position: relative;display: flex;gap: 32px;align-items: center;justify-content: center;}
.headline__title {text-align: center;}
@media all and (max-width: 767px) {
	.headline__title {font-size: var(--heading-04);}
}
/*
** Swiper слайдер
*/
.swiper {width: 100%;--swiper-theme-color: var(--color-primary);}
.swiper-initialized .swiper-wrapper {gap: 0;}
.swiper .swiper-pagination {position: relative;margin-top: 24px;}
.swiper--overlay .swiper-slide {margin: 0 -30px;}
:is(.swiper-button-next, .swiper-button-prev) {
	--swiper-navigation-size: var(--button-large);
	--swiper-navigation-sides-offset: 0;
  position: relative;
	z-index: 4;
	width: var(--swiper-navigation-size);
	height: var(--swiper-navigation-size);
  background-color: rgb(255 255 255 / 40%);
  border: 1px solid var(--color-border);
  border-radius: 100%;
	transition: background var(--duration);
}
:is(.swiper-button-next, .swiper-button-prev)::after {display: none;}
.swiper-button-prev::before {background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.9691 0.00019598C12.2073 -0.00418485 12.4409 0.0649744 12.6377 0.198104C12.8345 0.331233 12.9847 0.52175 13.0676 0.743291C13.1504 0.964831 13.1618 1.20644 13.1002 1.43469C13.0385 1.66293 12.9069 1.86653 12.7235 2.0173L5.70427 7.97829L12.7278 13.9393C12.8561 14.0321 12.9637 14.1502 13.0436 14.2863C13.1236 14.4224 13.1743 14.5735 13.1924 14.73C13.2106 14.8864 13.1958 15.045 13.1491 15.1955C13.1024 15.3461 13.0248 15.4854 12.921 15.6047C12.8173 15.7239 12.6898 15.8206 12.5466 15.8885C12.4033 15.9565 12.2474 15.9942 12.0887 15.9994C11.93 16.0046 11.7719 15.977 11.6245 15.9186C11.4771 15.8601 11.3434 15.7719 11.2321 15.6596L3.20267 8.85137C3.07639 8.74437 2.975 8.61149 2.90548 8.46188C2.83595 8.31227 2.79995 8.14948 2.79995 7.98474C2.79995 7.82 2.83595 7.65722 2.90548 7.50761C2.975 7.358 3.07639 7.22512 3.20267 7.11812L11.2321 0.288353C11.4365 0.110244 11.6971 0.00835384 11.9691 0.00019598Z' fill='%23D4E4E4'/%3E%3C/svg%3E%0A");}
.swiper-button-next::before {background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.03088 0.00019598C3.79272 -0.00418485 3.55908 0.0649744 3.36228 0.198104C3.16549 0.331233 3.01527 0.52175 2.93241 0.743291C2.84956 0.964831 2.83816 1.20644 2.89981 1.43469C2.96146 1.66293 3.09309 1.86653 3.2765 2.0173L10.2957 7.97829L3.27217 13.9393C3.14385 14.0321 3.03632 14.1502 2.95636 14.2863C2.8764 14.4224 2.82574 14.5735 2.80758 14.73C2.78943 14.8864 2.80417 15.045 2.85088 15.1955C2.89758 15.3461 2.97524 15.4854 3.07895 15.6047C3.18266 15.7239 3.31017 15.8206 3.45343 15.8885C3.59669 15.9565 3.75259 15.9942 3.91129 15.9994C4.07 16.0046 4.22805 15.977 4.3755 15.9186C4.52294 15.8601 4.65656 15.7719 4.76793 15.6596L12.7973 8.85137C12.9236 8.74437 13.025 8.61149 13.0945 8.46188C13.164 8.31227 13.2 8.14948 13.2 7.98474C13.2 7.82 13.164 7.65722 13.0945 7.50761C13.025 7.358 12.9236 7.22512 12.7973 7.11812L4.76793 0.288353C4.56347 0.110244 4.30286 0.00835384 4.03088 0.00019598Z' fill='%23D4E4E4'/%3E%3C/svg%3E%0A");}
.headline--navigation :is(.swiper-button-next, .swiper-button-prev) {
  position: relative;
	width: var(--swiper-navigation-size);
	height: var(--swiper-navigation-size);
  margin: 0;
  inset: auto;
}
.headline--navigation :is(.swiper-button-next, .swiper-button-prev)::before {
  width: 16px;
  height: 16px;
	background-repeat: no-repeat;
  background-position: center;
  background-size: 16px;
  content: '';
}
@media (hover: hover) and (pointer: fine) {	
  :is(.swiper-button-next, .swiper-button-prev):hover {color: var(--color-primary);border-color: var(--color-primary);}
  .swiper-button-prev:hover::before {background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.9691 0.00019598C12.2073 -0.00418485 12.4409 0.0649744 12.6377 0.198104C12.8345 0.331233 12.9847 0.52175 13.0676 0.743291C13.1504 0.964831 13.1618 1.20644 13.1002 1.43469C13.0385 1.66293 12.9069 1.86653 12.7235 2.0173L5.70427 7.97829L12.7278 13.9393C12.8561 14.0321 12.9637 14.1502 13.0436 14.2863C13.1236 14.4224 13.1743 14.5735 13.1924 14.73C13.2106 14.8864 13.1958 15.045 13.1491 15.1955C13.1024 15.3461 13.0248 15.4854 12.921 15.6047C12.8173 15.7239 12.6898 15.8206 12.5466 15.8885C12.4033 15.9565 12.2474 15.9942 12.0887 15.9994C11.93 16.0046 11.7719 15.977 11.6245 15.9186C11.4771 15.8601 11.3434 15.7719 11.2321 15.6596L3.20267 8.85137C3.07639 8.74437 2.975 8.61149 2.90548 8.46188C2.83595 8.31227 2.79995 8.14948 2.79995 7.98474C2.79995 7.82 2.83595 7.65722 2.90548 7.50761C2.975 7.358 3.07639 7.22512 3.20267 7.11812L11.2321 0.288353C11.4365 0.110244 11.6971 0.00835384 11.9691 0.00019598Z' fill='%23519381'/%3E%3C/svg%3E%0A");}
  .swiper-button-next:hover::before {background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.03088 0.00019598C3.79272 -0.00418485 3.55908 0.0649744 3.36228 0.198104C3.16549 0.331233 3.01527 0.52175 2.93241 0.743291C2.84956 0.964831 2.83816 1.20644 2.89981 1.43469C2.96146 1.66293 3.09309 1.86653 3.2765 2.0173L10.2957 7.97829L3.27217 13.9393C3.14385 14.0321 3.03632 14.1502 2.95636 14.2863C2.8764 14.4224 2.82574 14.5735 2.80758 14.73C2.78943 14.8864 2.80417 15.045 2.85088 15.1955C2.89758 15.3461 2.97524 15.4854 3.07895 15.6047C3.18266 15.7239 3.31017 15.8206 3.45343 15.8885C3.59669 15.9565 3.75259 15.9942 3.91129 15.9994C4.07 16.0046 4.22805 15.977 4.3755 15.9186C4.52294 15.8601 4.65656 15.7719 4.76793 15.6596L12.7973 8.85137C12.9236 8.74437 13.025 8.61149 13.0945 8.46188C13.164 8.31227 13.2 8.14948 13.2 7.98474C13.2 7.82 13.164 7.65722 13.0945 7.50761C13.025 7.358 12.9236 7.22512 12.7973 7.11812L4.76793 0.288353C4.56347 0.110244 4.30286 0.00835384 4.03088 0.00019598Z' fill='%23519381'/%3E%3C/svg%3E%0A");}
}
/*
** Дополнительные стили для форм
*/
.form__help {
  display: block;
  margin-top: 4px;
  color: var(--color-darkgray);
  font-size: var(--text-size-small);
  line-height: var(--line-height-small);
}
/*
** Товарные Иконки: Новинка, Хит, Скидка
*/
.sticker {
	position: relative;
	width: 44px;
	color: var(--color-white);
	font-weight: bold;
	font-size: var(--text-size-small);
  line-height: 20px;
  text-align: center;
  border-radius: 12px;
}
.sticker::before {position: relative;z-index: 2;}
.sticker--sales {background: var(--color-secondary);}
.sticker--sale {background: var(--color-secondary);}
.sticker--sale::before {content: 'sale';}
.sticker--best {background: #F4C054;}
.sticker--best::before {content: 'hit';}
.sticker--new {background: #53A1E2;}
.sticker--new::before {content: 'new';}
/*
** Шапка
*/
#header {margin-block: 24px;}
.header__inner {
  position: relative;
  display: flex;
  gap: 32px;
  align-items: center;
  padding: 8px;
  background-color: var(--color-white);
  border-radius: 16px;
}
.header-logo {flex-shrink: 0;margin-inline: 12px;}
.header-logo__link {display: flex;}
/* Шапка. Каталог */
.header-catalog__button {width: 40px;height: 40px;border-radius: 100%;}
/* Шапка. Поиск */
.search__form {position: relative;display: none;align-items: center;width: 100%;text-align: left;}
.search__form button {position: absolute;height: 100%;padding: 0;}
.search__form button svg {flex-shrink: 0;}
.search__input {color: var(--color-text-primary);font-size: var(--text-size-regular);padding-inline: 72px 96px;border-radius: 24px;}
.search__submit {right: 16px;pointer-events: none;padding-inline: 16px;}
.search--success .search__submit {pointer-events: all;}
.search__reset {right: 52px;width: 14px;opacity: 0;pointer-events: none;}
.search--filled .search__reset {opacity: 1;pointer-events: all;}
.search__loader {
  position: absolute;
  right: 72px;
  display: flex;
  align-items: center;
  width: 24px;
  height: 100%;
  opacity: 0;
}
.search__loader span {
	position: absolute;
	display: block;
	width: 16px;
	height: 16px;
	margin: 0;
	border: 2px solid;
	border-color: var(--color-gray) transparent transparent transparent;
	border-radius: 100%;
	animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
}
.search__loader span:nth-child(1) {animation-delay: -0.45s;}
.search__loader span:nth-child(2) {animation-delay: -0.3s;}
.search__loader span:nth-child(3) {animation-delay: -0.15s;}
.search--loading .search__loader {opacity: 1;}
@keyframes lds-ring {
	0% {transform: rotate(0deg);}
	100% {transform: rotate(360deg);}
}
/* Шапка. Добавить в */
.addto {display: flex;gap: 16px;align-items: center;}
.addto__link {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: center;
  font-size: var(--text-size-regular);
}
.addto__count {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  font-weight: bold;
  font-size: 10px;
  background-color: var(--color-tertiary);
  border-radius: 100%;
}
.addto__count[value="0"] {display: none;}
/* Шапка. Контакты */
.header-contacts {
  display: flex;
  gap: 12px;
  align-items: center;
  padding: 8px 12px;
  background-color: var(--color-tertiary);
  border-radius: 16px;
}
.header-contacts__content {display: flex;flex-direction: column;gap: 8px;}
.header-contacts__icon {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  color: var(--color-text-primary);
  background-color: var(--color-white);
  border-radius: 100%;
}
.header-contacts__label {font-size: var(--text-size-regular);}
.header-contacts__link {font-weight: bold;font-size: var(--text-size-regular);}
/* Шапка. Адаптивность */
@media all and (min-width: 1024px) {
	.header-search {position: relative;flex-grow: 1;}
	.search__icon {display: none;}
	.search__form {display: flex;}
  .header-catalog {position: absolute;top: -8px;left: -8px;z-index: 2;}
  .header-catalog__button {width: 60px;height: 60px;}
  .header-catalog__button svg {width: 30px;height: 30px;}
  .header-logo__link {width: 176px;height: 57px;}
}
@media all and (min-width: 1200px) {
  .header-search {width: 350px;}
	.header-contacts {width: 218px;}
}
@media all and (max-width: 1199px) {
	.header-contacts__content {display: none;}
}
@media all and (max-width: 1023px) {
  .header__inner {justify-content: space-between;}
  .header-logo__link {width: 134px;height: 44px;}
  .header-catalog {order: -1;}
	.header-contacts {display: none;}
	.header-search {display: contents;}
  .header-search.is-opened .search__form {
		position: absolute;
		top: 40px;
		left: 0;
		z-index: 2;
		display: flex;
		width: 100%;
	}
	.addto {display: none;}
}
/* Шапка. Меню */
#menu {margin-block: 24px;}
.mainnav {overflow: hidden;}
.mainnav__list {
  display: flex;
  gap: 32px;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
  list-style: none;
}
.mainnav__link {line-height: var(--line-height-medium);white-space: nowrap;}
/*
** Категории на главной
*/
.categories__items {display: flex;align-items: center;justify-content: center;}
.categories__items:not(.swiper-wrapper) {flex-wrap: wrap;}
.categories__item {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: center;
  justify-content: center;
}
.categories__images {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 160px;
  height: 160px;
  overflow: hidden;
  background-color: var(--color-white);
  border: 3px solid var(--color-white);
  border-radius: 100%;
}
.categories__name {font-weight: bold;font-size: var(--text-size-large);}
/*
** Товар
*/
.product__item {position: relative;}
.product__images {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: center;
  padding: 12px;
  overflow: hidden;
  background-color: var(--color-white);
  border-radius: 12px;
}
.product__image {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background-color: var(--color-white);
  border-radius: 12px;
}
.product__sticker {
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.product__links {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.product__link span {display: none;}
.product__link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  background-color: var(--color-white);
  border-radius: 100%;
  box-shadow: 0 4px 12px rgb(86 81 132 / 10%);
  fill: currentcolor;
}
.product__shop {
  display: flex;
  align-items: center;
  padding: 6px 12px;
  background-color: var(--color-white);
  border-radius: 12px;
  box-shadow: 0 4px 12px 0 rgb(86 81 132 / 10%);
}
.product__name {
	display: flex;
	align-items: flex-start;
	width: 100%;
	height: 60px;
	overflow: hidden;
	line-height: 20px;
}
.product__name span {
	display: -webkit-box;
	text-overflow: ellipsis;
	overflow-wrap: anywhere;
	hyphens: auto;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
.product__addto {display: flex;gap: 8px;align-items: center;justify-content: space-between;width: 100%;}
.product__add {width: 34px;height: 34px;padding: 0;border-radius: 8px;}
.product__add span {display: none;}
.product__price {display: flex;flex-direction: column;align-items: flex-start;}
.price__now {font-weight: bold;font-size: var(--text-size-medium);white-space: nowrap;}
.price__old {
  position: relative;
	order: 2;
	overflow: hidden;
  font-weight: normal;
	font-size: var(--text-size-regular);
	white-space: nowrap;
  text-decoration: none;
	text-overflow: ellipsis;
}
.price__old::after {
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 1px;
  background-color: var(--color-secondary);
  transform: rotate(-15deg);
  content: '';
}
.price__old + .price__now {color: var(--color-secondary);}
/*
** Товары таблицей
*/
.products__grid {display: grid;grid-template-columns: repeat(auto-fill, minmax(136px, 1fr));gap: 12px;}
.products__grid .product__image {width: 120px;height: 120px;}
.products__grid .product__shop {margin-top: 8px;}
@media all and (min-width: 480px) {
  .products__grid {grid-template-columns: repeat(auto-fill, minmax(216px, 1fr));}
  .products__grid .product__image {width: 192px;height: 192px;}
  .product__price {flex-direction: row;gap: 8px;align-items: center;}
}
@media all and (min-width: 640px) {
  .products__grid {grid-template-columns: repeat(auto-fill, minmax(192px, 1fr));}
  .products__grid .product__image {width: 168px;height: 168px;}
}
@media all and (min-width: 768px) {
  .products__grid {grid-template-columns: repeat(auto-fill, minmax(212px, 1fr));}
  .products__grid .product__image {width: 212px;height: 212px;}
}
@media all and (min-width: 1200px) {
  .products__grid {grid-template-columns: repeat(auto-fill, minmax(224px, 1fr));}
  .products__grid .product__image {width: 200px;height: 200px;}
}
/*
** Товары списком
*/
.products__list {display: grid;grid-template-columns: repeat(auto-fill, minmax(356px, 1fr));gap: 12px;}
.products__list .product__form {display: flex;background-color: var(--color-white);border-radius: 12px;}
.products__list .product__images {width: 124px;}
.products__list .product__image {width: 100px;height: 100px;}
.products__list .product__shop {flex-direction: column;gap: 6px;width: calc(100% - 124px);padding: 12px 12px 12px 0;}
.products__list .product__links {top: 16px;right: 16px;}
.products__list .product__sticker {top: 16px;left: 16px;}
.products__list .sticker + .sticker {display: none;}
.products__list .product__addto {align-items: flex-end;}
/* 
** Подвал. Контакты
*/
#footer {margin-top: 150px;}
.footer__inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
  padding: 60px 20px 32px;
  background-color: var(--color-lightgray);
  border-radius: 30px;
}
.footer__copyright {color: var(--color-primary-light);font-size: var(--text-size-regular);text-align: center;}
.footer__title {margin-bottom: 24px;text-transform: capitalize;}
.footer__blocks {display: contents;}
.footer__block--subscribe {flex-shrink: 0;width: 336px;}
.footer__block--contacts {grid-row: span 2;grid-column: 1;}
.footer__block--links {grid-column: span 2;}
.footer__links {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.footer__link {position: relative;transform: translateX(0);}
.footer__link:active {transform: translateX(8px);}
@media (hover: hover) and (pointer: fine) {	
  .footer__link:hover {transform: translateX(8px);}
}
@media all and (min-width: 480px) and (max-width: 1023px) {
  .footer__links--contacts {display: grid;grid-template-columns: 1fr 1fr;gap: 20px;}
}
@media all and (min-width: 640px) and (max-width: 1023px) {
  .footer__inner {grid-template-columns: 300px 1fr 1fr;}
  .footer__block--contacts {grid-column: span 3;order: 4;}
  .footer__block--company {margin-left: -64px;}
}
@media all and (min-width: 768px) and (max-width: 1023px) {
  .footer__inner {grid-template-columns: 340px 1fr 1fr;column-gap: 80px;}
  .footer__block--contacts {grid-column: span 3;order: 4;}
  .footer__block--company {margin-left: -64px;}
}
@media all and (min-width: 1024px) {
  .footer__inner {display: flex;column-gap: 64px;}
  .footer__blocks {
    display: grid;
    grid-auto-rows: auto;
    grid-template-columns: 244px 1fr 1fr;
    gap: 24px;
    width: calc(100% - 336px - 60px);
  }
}
@media all and (min-width: 1200px) {
  .footer__inner {padding: 60px;column-gap: 100px;}
  .footer__blocks {grid-template-columns: 280px 1fr 1fr;width: calc(100% - 336px - 100px);}
}
@media all and (max-width: 1023px) {
  .footer__block--links {grid-column: span 2;}
  .footer__block--subscribe {grid-row: span 2;}
}
@media all and (max-width: 767px) {
  #footer .container {padding: 0;}
  .footer__block--company {margin-left: -24px;}
  .footer__block--subscribe {width: 300px;}
}
@media all and (max-width: 639px) {
  .footer__block--subscribe {grid-column: span 2;width: 100%;}
  .footer__block--contacts {grid-column: span 2;}
  .footer__block--company {margin-left: 0;}
}
/* 
** Подвал. Социальные сети
*/
.social__links {
  display: flex;
  gap: 12px;
  align-items: center;
  margin: 0;
  padding: 0;
  list-style: none;
}
.social__link {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background-color: var(--color-white);
  border-radius: 100%;
}
.social__link span {display: none;}
/* 
** Подвал. Способы оплаты
*/
.payments__links {
  display: flex;
  gap: 12px;
  align-items: center;
  margin: 20px 0 0;
  padding: 0;
  list-style: none;
}
.payments__link {color: var(--color-darkgray);fill: currentcolor;}
.payments__link:active {color: var(--color-primary);}
@media (hover: hover) and (pointer: fine) {	
  .payments__link:hover {color: var(--color-primary);}
}
/* 
** Подвал. Контакты
*/
.contacts__item {display: flex;gap: 12px;align-items: center;}
.contacts__label {margin-bottom: 12px;color: var(--color-darkgray);font-size: var(--text-size-regular);}
.contacts__icon {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: var(--button-large);
  height: var(--button-large);
  color: var(--color-primary);
  background-color: var(--color-tertiary);
  border: 2px solid var(--color-white);
  border-radius: 100%;
  fill: currentcolor;
}
.contacts__link {display: block;margin-top: 12px;font-size: var(--text-size-regular);}
.contacts__link:first-child {margin-top: 0;font-weight: bold;font-size: var(--text-size-medium);}
.contacts__link--phone {font-weight: bold;font-size: var(--text-size-medium);}
@media all and (min-width: 768px) {
  .contacts__item + .contacts__item {margin-top: 20px;}
}
/* 
** Подвал. Подписка
*/
.subscribe {position: relative;padding: 126px 32px 40px;text-align: center;background-color: var(--color-primary);border-radius: 40px;}
.subscribe__title {margin-bottom: 16px;color: var(--color-white);}
.subscribe-form__input {height: var(--button-large);color: var(--color-white);background-color: var(--color-darkgray);border-color: var(--color-darkgray);}
.subscribe-form__button {justify-content: space-between;width: 100%;height: var(--button-large);margin-top: 16px;padding-inline: 20px 6px;}
.subscribe-form__button svg {
  width: 38px;
  height: 38px;
  padding: 10px;
  color: var(--color-black);
  background-color: var(--color-white);
  border-radius: 8px;
}
.subscribe-form__policy {margin-top: 24px;color: var(--color-primary-light);}
.subscribe-form__policy a {color: inherit;text-decoration: underline;}
.subscribe__image {
  position: absolute;
  top: -126px;
  left: 50%;
  width: 240px;
  height: 226px;
  overflow: hidden;
  border: 10px solid var(--color-lightgray);
  border-radius: 30px;
  transform: translateX(-50%);
}
/* 
** Новости
*/
.is-loading #news .swiper-wrapper {display: grid;grid-template-columns: 100%;gap: 16px;}
.news__item {overflow: hidden;background-color: var(--color-white);border-radius: 20px;}
.news__image {height: 178px;overflow: hidden;border-radius: 20px;}
.news__content {padding: 20px;}
.news__title {
	display: flex;
	align-items: flex-start;
	width: 100%;
	height: 44px;
	overflow: hidden;
  font-weight: 800;
  font-size: var(--text-size-large);
	line-height: 22px;
  text-transform: uppercase;
}
.news__title span {
	display: -webkit-box;
	text-overflow: ellipsis;
	overflow-wrap: anywhere;
	hyphens: auto;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.news__date {color: var(--color-darkgray);font-size: var(--text-size-regular);}
.news__date::before {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-right: 8px;
  background-color: var(--color-secondary);
  border-radius: 100%;
  content: '';
}
.news__buttons {display: flex;gap: 12px;align-items: center;justify-content: space-between;margin-top: 8px;}
.news__button {border-radius: 30px;}
.news__desc {display: none;}
@media all and (min-width: 480px) {
  .is-loading #news .swiper-wrapper {grid-template-columns: repeat(2, 1fr);}
}
@media all and (min-width: 1024px) {
  .is-loading #news .swiper-wrapper {grid-template-columns: repeat(3, 1fr);}
}
/* 
** Баннеры
*/
.banners__inner {padding: 40px;background-color: var(--color-primary);border-radius: 30px;}
.banners__swiper {margin-top: -88px;}
.banners__list {display: grid;grid-template-columns: repeat(2, 1fr);gap: 12px;}
.banners__image {
  display: block;
  height: 100px;
  padding: 20px;
  overflow: hidden;
  background-color: var(--color-white);
  border-radius: 30px;
}
@media all and (min-width: 480px) {
  .banners__list {grid-template-columns: repeat(3, 1fr);}
}
@media all and (min-width: 640px) {
  .banners__list {grid-template-columns: repeat(4, 1fr);}
}
@media all and (min-width: 1024px) {
  .banners__list {grid-template-columns: repeat(5, 1fr);}
}
@media all and (min-width: 1200px) {
  .banners__list {grid-template-columns: repeat(6, 1fr);}
}
/* 
** Промо
*/
.promo__inner {position: relative;max-width: 360px;margin-top: 40px;margin-inline: auto;}
.promo__list {display: grid;grid-template-columns: 100%;gap: 20px;}
.promo__item {display: flex;flex-direction: column;gap: 12px;align-items: flex-start;color: var(--color-white);}
.promo__icon {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 88px;
  height: 88px;
  color: var(--color-primary);
  background-color: var(--color-tertiary);
  border: 4px solid var(--color-white);
  border-radius: 100%;
  fill: currentcolor;
}
.promo__title {display: flex;gap: 8px;align-items: center;font-weight: 700;}
.promo__desc {font-size: var(--text-size-regular);line-height: var(--line-height-regular);margin-block: 6px 0}
.promo__step {
  display: inline-block;
  font-size: var(--text-size-small);
  line-height: var(--line-height-small);
  white-space: nowrap;
  text-align: center;
  text-transform: uppercase;
  background-color: var(--color-secondary);
  border-radius: 20px;
  padding-inline: 10px;
}
.promo_arrow {position: absolute;color: var(--color-primary-light);fill: currentcolor;}
@media all and (min-width: 480px) {
  .promo__title {font-size: var(--text-size-large);line-height: var(--line-height-large);}
  .promo__item {flex-direction: row;}
}
@media all and (min-width: 1024px) {
  .promo__inner {max-width: 100%;}
  .promo__list {grid-template-columns: repeat(3, 1fr);}
  .promo_arrow--top {top: -38px;left: 60%;}
  .promo_arrow--bottom {bottom: -16px;left: 30%;}
}
@media all and (min-width: 1024px) and (max-width: 1199px) {
  .promo__title {flex-direction: column;align-items: flex-start;}
}
@media all and (min-width: 1200px) {
  .promo__inner {padding-block: 40px;}
  .promo__desc {margin-block: 10px 0;}
  .promo_arrow--top {top: -16px;left: 64%;}
  .promo_arrow--bottom {bottom: 0;left: 28%;}
}
@media all and (max-width: 1023px) {
  .promo_arrow--bottom {top: 23%;left: -64px;transform: rotate(60deg);}
  .promo_arrow--top {top: 54%;right: -56px;transform: rotate(80deg);}
}
@media all and (max-width: 767px) {
  #banners .container {padding: 0;}
}
/* Основное */
.main__list {display: flex;flex-direction: column;gap: 32px;align-items: flex-start;max-width: 340px;}
.main__item {background-color: var(--color-white);border-color: currentcolor;border-width: 2px;border-radius: 46px;padding-inline: 24px;}
.main__item:nth-child(1) {color: var(--color-secondary);transform: rotate(-8.62deg) translate(80px, 28px);}
.main__item:nth-child(2) {color: #F4C054;transform: rotate(5.45deg) translate(-28px, 16px);}
.main__item:nth-child(3) {color: var(--color-primary);transform: rotate(-2.63deg) translate(36px, -6px);}
.main__item:nth-child(4) {color: #3A94DE;transform: rotate(7.72deg) translate(-16px, -8px);}
.main__image {max-width: 370px;height: 180px;overflow: hidden;border-radius: 30px;}
.main__image img {object-fit: cover;}
.main__body {padding: 32px 16px;background-color: var(--color-lightgray);border-radius: 30px;}
/* Основное. Контакты */
.main__inner {display: grid;grid-template-columns: 100%;gap: 20px;}
.main__contacts {
  display: flex;
  gap: 12px 60px;
  align-items: center;
  margin-top: 20px;
  padding: 10px 10px 10px 24px;
  overflow: hidden;
  background-color: var(--color-white);
  border-radius: 16px;
}
.main-contacts__content {text-align: center;}
.main-contacts__link {display: block;margin-top: 4px;font-weight: bold;font-size: var(--text-size-large);line-height: var(--line-height-large);}
.main-contacts__button {justify-content: space-between;width: 220px;height: var(--button-large);padding-inline: 16px 6px;margin-left: auto;}
.main-contacts__button svg {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  padding: 10px;
  color: var(--color-text-primary);
  background-color: var(--color-white);
  border-radius: 8px;
}
.main-contacts__images {display: flex;align-items: center;}
.main-contacts__image {
  width: var(--button-large);
  height: var(--button-large);
  overflow: hidden;
  border-radius: 100%;
  outline: 2px solid var(--color-white);
}
.main-contacts__image + .main-contacts__image {margin-left: -12px;}
.main__left {display: flex;flex-direction: column;gap: 16px;align-items: center;}
@media (hover: hover) and (pointer: fine) {
  .main-contacts__image:hover img {transform: scale(1.1);}
  .main__item:hover {color: var(--color-white);}
  .main__item:nth-child(1):hover {background-color: var(--color-secondary);border-color: var(--color-secondary);}
  .main__item:nth-child(2):hover {background-color: #F4C054;border-color: #F4C054;}
  .main__item:nth-child(3):hover {background-color: var(--color-primary);border-color: var(--color-primary);}
  .main__item:nth-child(4):hover {background-color: #3A94DE;border-color: #3A94DE;}
}
@media all and (min-width: 480px) {
  .main__image {height: 280px;}
}
@media all and (min-width: 768px) {
  .main__image {height: 315px;}
}
@media all and (min-width: 1024px) {
  .main__contacts {gap: 12px 24px;}
  .main__image {width: 330px;}
  .main__inner {grid-template-columns: 330px 1fr;}
  .main__left {flex-direction: column;}
}
@media all and (min-width: 1200px) {
  .main__contacts {gap: 12px 60px;}
  .main__image {width: 378px;}
  .main__inner {grid-template-columns: 378px 1fr;}
  .main__body {padding: 40px;}
}
/* 
** Сезонная распродажа
*/
.pdtSales__inner {position: relative;padding: 100px 32px 32px;background-color: var(--color-lightgray);border-radius: 40px;}
.pdtSales__bg {position: absolute;top: -40px;left: 50%;text-align: center;transform: translateX(-50%);}
.pdtSales__bg .headline__title {
  display: inline-flex;
  justify-content: center;
  width: 500px;
  padding: 16px;
  font-size: 22px;
  background-color: var(--color-tertiary);
  border: 8px solid var(--color-white);
  border-radius: 16px;
}
/* 
** Таймер
*/
.blocktime {display: flex;align-items: center;justify-content: center;margin-top: -20px;}
.blocktime__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 54px;
  height: 54px;
  color: var(--color-white);
  background-color: var(--color-primary);
  border-radius: 100%;
  outline: 2px solid var(--color-white);
}
.blocktime__item span {font-size: var(--text-size-regular);}
.blocktime__item + .blocktime__item {margin-left: -12px;}
.blocktime__item:nth-child(1) {z-index: 4;}
.blocktime__item:nth-child(2) {z-index: 3;}
.blocktime__item:nth-child(3) {z-index: 2;}
.blocktime__item:nth-child(4) {z-index: 1;}