/*
** Основные переменные шаблона
*/
: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--navigation :is(.swiper-button-next, .swiper-button-prev) {--swiper-navigation-sides-offset: auto;--swiper-navigation-top-offset: auto;position: relative;margin: 0;}
.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;}
:is(.swiper-button-next, .swiper-button-prev) {
	--swiper-navigation-size: var(--button-large);
	--swiper-navigation-sides-offset: 0;
  --swiper-navigation-color: var(--color-gray);
  --swiper-theme-color: var(--color-primary);
  padding: 12px;
  background-color: rgb(255 255 255 / 40%);
  border: 1px solid var(--color-lightgray);
  border-radius: 100%;
	transition: all var(--duration);
}
.swiper-pagination-bullet {margin: 8px !important;--swiper-pagination-bullet-inactive-color: var(--color-darkgray);--swiper-pagination-bullet-inactive-opacity: 1;}
.swiper-pagination-bullet-active {outline: 1px solid var(--color-primary);outline-offset: 6px;}
@media (hover: hover) and (pointer: fine) {	
  :is(.swiper-button-next, .swiper-button-prev):hover {color: var(--color-primary);border-color: var(--color-primary);}
}
/*
** Дополнительные стили для форм
*/
.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;}
/*
** Категории на главной
*/
.is-loading #categories .swiper-wrapper {display: flex;flex-wrap: nowrap;}
.categories__inner {position: relative;display: flex;align-items: center;justify-content: center;}
.categories__swiper {margin-inline: auto;width: calc(100% - 48px);}
.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: 94px;
  height: 94px;
  overflow: hidden;
  background-color: var(--color-white);
  border: 3px solid var(--color-white);
  border-radius: 100%;
  transition: border-color var(--duration);
}
.categories__name {font-weight: bold;font-size: var(--text-size-large);text-align: center;word-break: break-all;}
@media (hover: hover) and (pointer: fine) {	
  .categories__images:hover {border-color: var(--color-primary);}
}
@media all and (min-width: 480px) {
  .categories__swiper {margin-inline: auto;width: calc(100% - 128px);}
  .categories__images {width: 126px;height: 126px;}
}
@media all and (min-width: 768px) {
  .categories__swiper {width: calc(100% - 144px);}
}
@media all and (min-width: 1024px) {
  .categories__swiper {width: calc(100% - 188px);}
  .categories__images {width: 166px;height: 166px;}
}
/*
** Товар
*/
.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 .swiper-pagination-bullet-active {--swiper-theme-color: var(--color-tertiary);outline-color: var(--color-tertiary);}
.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;}
/*
** Товары таблицей на главной
*/
.products__grid--visible .product__item {display: none;}
.products__grid--visible .product__item:nth-child(-n+4) {display: block;}
.pdt__visible.is-active .product__item {display: block;}
.pdt__visible.is-active [data-visible-button] svg {transform: rotate(-90deg);}
.products__buttons {margin-top: 20px;text-align: center;}
@media all and (min-width: 640px) and (max-width: 1023px) {
	.products__grid--visible .product__item:nth-child(-n+6) {display: block;}
}
@media all and (min-width: 1024px) and (max-width: 1199px) {
	.products__grid--visible .product__item:nth-child(-n+8) {display: block;}
	.products__buttons {margin-top: 30px;}
}
@media all and (min-width: 1200px) {
	.products__grid--visible .product__item:nth-child(-n+10) {display: block;}
	.products__buttons {margin-top: 40px;}
}
/* 
** Преимущества
*/
#advantage {margin-top: 72px;}
#advantage .swiper {margin-top: -72px;}
#advantage .swiper-pagination-bullet-active {--swiper-theme-color: var(--color-tertiary);outline-color: var(--color-tertiary);}
#advantage .swiper-wrapper {align-items: stretch;}
#advantage .swiper-slide {height: auto;}
.is-loading #advantage .swiper-wrapper {display: grid;grid-template-columns: 100%;gap: 16px;}
.advantage__inner {padding: 16px;background-color: var(--color-primary);border-radius: 30px;}
.advantage__item {height: 100%;border-radius: 16px;}
.advantage__image {
  width: 114px;
  height: 118px;
  margin-bottom: -6px;
  margin-left: -6px;
  overflow: hidden;
  border: 6px solid var(--color-primary);
  border-radius: 100% 100% 100% 16px;
}
.advantage__title {font-weight: 800;text-transform: uppercase;}
.advantage__text {font-size: var(--text-size-regular);line-height: var(--line-height-regular);margin-block: 6px 0}
.advantage__button {margin-top: auto;border-width: 2px;border-radius: 30px;}
.advantage__content {width: calc(100% - 114px);padding: 20px 12px;}
.advantage__body {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  height: calc(100% - 42px);
  overflow: hidden;
  background-color: var(--color-white);
  border-radius: 16px 0 16px 16px;
}
.advantage__header {display: flex;align-items: center;justify-content: space-between;width: 100%;}
.advantage__date {
  flex-grow: 1;
  padding: 12px;
  text-align: center;
  background-color: var(--color-background);
  border-radius: 16px;
}
.advantage__discount {
  padding: 8px;
  color: var(--color-secondary);
  font-weight: 800;
  font-size: 26px;
  background-color: var(--color-white);
  border-radius: 16px 16px 0 0;
}
@media all and (min-width: 480px) {
  .advantage__title {font-weight: 800;font-size: 22px;}
}
@media all and (min-width: 768px) {
  .is-loading #advantage .swiper-wrapper {grid-template-columns: repeat(auto-fill, minmax(344px, 1fr));}
}
@media all and (min-width: 1024px) {
  .is-loading #advantage .swiper-wrapper {grid-template-columns: repeat(auto-fill, minmax(458px, 1fr));}
  .advantage__inner {padding: 30px;}
}
@media all and (min-width: 1200px) {
  #advantage .swiper {margin-top: -96px;}
  .is-loading #advantage .swiper-wrapper {grid-template-columns: repeat(auto-fill, minmax(352px, 1fr));}
  .advantage__inner {padding: 40px;}
  .advantage__image {width: 168px;height: 174px;}
  .advantage__content {width: calc(100% - 168px);}
}
@media all and (max-width: 767px) {
  #advantage .container {padding: 0;}
}