@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

:root {
  --brown: rgb(100, 63, 54);
  --light-gray: rgb(233, 235, 236);
  --dark-gray: rgba(71, 65, 65, 1);
  --gray: rgba(0, 0, 0, 0.05);
  --text-light: rgb(255, 255, 255);
  --text-light-gray: rgba(154, 154, 154, 1);
  --smok-gray: rgba(192, 192, 192, 1);
  --light-gray: rgba(246, 246, 246, 1);
  --border-gray: rgba(217, 217, 217, 1);
  --new: rgb(110, 150, 112);
  --soft-red: rgb(200, 95, 95);
  --table-head: rgba(236, 236, 236, 1);
  --text-green: rgba(109, 149, 111, 1);
  --text-orange: rgba(252, 198, 112, 1);
}

.text-sm  { font-size: 0.875em !important; }
.text-xs  { font-size: 0.75em !important; }
.text-xxs { font-size: 0.625em !important; }

.text-red { color: var(--soft-red) !important; }

.text-left { text-align: left !important;}

input::-ms-reveal,
input::-ms-clear {
  display: none;
}

html {
  scroll-behavior: smooth;
  box-sizing: border-box;
  background-color: var(--main-blue);
}

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

a {
  text-decoration: inherit;
  color: inherit;
}

body {
  padding: 0;
  margin: 0;
  overflow-x: hidden;
  font-family: "Montserrat", sans-serif;
}

h2 {
  font-weight: 600;
  font-size: 1.625em;
}

h3 {
  font-weight: 500;
  font-size: 1.625em;
}

h4 {
  font-weight: 600;
  font-size: 1.625em;
}

p {
  font-size: 1.25em;
}

.main {
  max-width: 1920px;
  width: 100%;
  margin: auto;
}

/*------------------------------------------header--------------------------------*/

.header {
  width: 100%;
  height: 100px;
  transition: 0.5s;
}

.header-main {
  position: absolute;
  z-index: 100;
  left: 0;
  right: 0;
  color: var(--text-light);
}

.header-wrapper {
  padding: 0 70px;
  max-width: 1920px;
  height: 100%;
  margin: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}

.header__indicators,
.header__navigation {
  display: flex;
  align-items: center;
  gap: 30px;
  font-size: 1em;
  font-weight: 500;
  width: 410px;
}

.header__indicators {
  justify-content: flex-end;
  padding-top: 11px;
}
@media (max-width: 576px) {
  .header__indicators {
    padding-top: 7px;
  }
}

.header-wrapper img,
.header-wrapper a {
  transition: 0.5s;
  transition: 0.5s;
}
@media (max-width: 1200px) {
  .header-wrapper a {
    order: 10;
  }
  .header-menu-link {
    display: none;
  }
}
@media(hover:hover) {
  .header-wrapper img:hover {
    transform: scale(1.1);
    cursor: pointer;
  }
}

.header-wrapper img:active {
  transition: 0.2s;
  transform: scale(0.9);
}

.header .btn-burger {
  padding: 0;
  margin: 0;
  border: none;
  background: none;
  min-height: fit-content;
  min-width: fit-content;
  width: 30px;
  height: 30px;
}

.header .btn-burger:hover {
  background: none;
}

.header-def {
  position: sticky;
  z-index: 100;
  top: 0;
  background: white;
  color: black;
  border-bottom: solid 1px var(--smok-gray);
}

.header-def .menu-icon {
  filter: invert(1);
}

.header_scrolled {
  height: 80px;
}

.container {
  position: absolute;
}

/*-------------------------------------------menu---------------------------------*/

.offcanvas-header {
  padding: 15px;
}

.offcanvas-body {
  padding: 0 0 70px 70px;
}

.menu-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  transition: 0.5s;
  font-family: "Montserrat", sans-serif;
  font-size: 1.25em;
  font-weight: 400;
}
.menu-list__item--mobile {
  display: none;
}
@media (max-width: 1200px) {
  .menu-list__item--mobile {
    display: block;
  }
}
.menu-list__item a,
.submenu-list__item a {
  width: 100%;
  height: 100%;
  padding: 8px 50px 8px 15px;
  display: flex;
  justify-content: space-between;
  white-space: nowrap;
}
.submenu-list__item a {
  padding-left: 50px;
  padding-right: 75px;
}

.menu-list__item:hover,
.submenu-list__item:hover {
  background: var(--gray);
}

.submenu-list {
  padding: 46px 0 0 0 ;
  list-style: none;
  display: none;
  position: absolute;
  top: 0;
  left: 100%;
  min-width: 200px;
  background-color: white;
}

.menu-list__item:hover .submenu-list {
  display: block;
  height: 100%;
  overflow: hidden auto;
}

.menu-count {
  position: relative;
  user-select: none;
  color: #000;
}

.menu-count__item {
  position: absolute;
  bottom: -5px;
  right: -5px;
  width: 15.4px;
  height: 15.4px;
  font-size: 9px;
  font-weight: 500;
  border-radius: 100%;
  background-color: var(--smok-gray);
  color: black;
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: none;
}

.offcanvas-body .header__indicators {
  margin-top: 20px;
  justify-content: flex-start;
  display: none;
}

.offcanvas-body .header__indicators .menu-icon {
  filter: invert(1);
}

/*------------------------------------------swiper--------------------------------*/
.swiper-button-next,
.swiper-button-prev {
  transition: 0.5s;
}

@media(hover:hover) {
  .swiper-button-next:hover,
  .swiper-button-prev:hover {
    transform: scale(1.2);
  }
}

.swiper-button-next:active,
.swiper-button-prev:active {
  transition: 0.2s;
  transform: scale(0.8);
}

.main-swiper .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.main-swiper .swiper-slide video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/*------------------------------------------five-swipper--------------------------*/

.swiper-container {
  position: relative;
  width: 100%;
  padding: 10px;
}
.swiper-container--cards {
  padding: 30px 0 0 0;
}
@media (max-width: 575px) {
  .swiper-container--cards {
    width: 420px;
    max-width: 100%;
    margin: 0 auto;
  }
}
.swiper-container--cards .card-wrapper {
  padding: 0;
}
.swiper-container .swiper-slide {
  position: relative;
}
.swiper-container--equal-heights .swiper-slide {
  height: auto !important;
}
.swiper-container--cards .card-promo {
  left: 12px;
  top: 15px;
}
.swiper-container--cards .card-heart {
  top: 17px;
  right: 17px;
}
.swiper-container--cards .card-eye {
  top: 50px;
  right: 17px;
}
.swiper-container--cards .card-description {
  margin-bottom: 4px;
}

.swiper-container .catalog__card {
  position: relative;
  background-color: white;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  height: 100%;
  max-width: 100%;
}

.swiper-container .catalog .card-slider__images {
  height: 400px;
}

.bottom-slider-button-prev {
  position: absolute;
  z-index: 10;
  left: 20px;
  top: calc(35%);
  rotate: 180deg;
}

.bottom-slider-button-next {
  position: absolute;
  z-index: 10;
  right: 20px;
  top: calc(35%);
}

/*-----------------------------------------card-slider----------------------------*/

.card-slider__images {
  position: relative;
  display: flex;
  width: 100%;
  overflow: hidden;
  cursor: pointer;
  aspect-ratio: 307 / 400;
}

.card-slider__images__image {
  position: absolute;
  object-fit: cover;
  width: 100%;
  height: 100%;
  background-color: #E9EBEC; /* var(--light-gray)*/
  border-radius: 20px;
  transition: 0.3s;
  opacity: 0;
}

.card-slider__images__image-first {
  opacity: 1;
}

.card-slider__images-zone {
  position: absolute;
  z-index: 1;
  height: 99%;
  width: 20%;
  top: 0;
  transition: 0.3s;
  opacity: 0;
  border-bottom: solid 2px var(--brown);
}

@media (hover:hover) {
  .card-slider__images-zone:hover {
    opacity: 1;
  }
  .card-slider__images-zone:hover + picture .card-slider__images__image {
    opacity: 1;
  }
}

.card-slider__images-zone:nth-of-type(1) {
  left: 0;
}
.card-slider__images-zone:nth-of-type(2) {
  left: 20%;
}
.card-slider__images-zone:nth-of-type(3) {
  left: 40%;
}
.card-slider__images-zone:nth-of-type(4) {
  left: 60%;
}
.card-slider__images-zone:nth-of-type(5) {
  left: 80%;
}

/*------------------------------------------catalog-------------------------------*/

.catalog.block {
  display: grid;
  gap: 5px;
  grid-template-columns: minmax(0, 291px) minmax(0, 1fr);
  padding: 29px 75px 70px 76px;
}
@media (max-width: 1400px) {
  .catalog.block {
    padding: 20px;
  }
}

.catalog-wrapper {
  position: relative;
  z-index: 2;
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + 27.6px);
  transform: translateX(-13.8px);
  row-gap: 27px;
  width: calc(100% + 27.6px);
  transform: translateX(-13.8px);
  row-gap: 27px;
}

.catalog-wrapper .catalog__card {
  width: calc(100% / 3);
  max-width: 100%;
}

.catalog-wrapper .catalog__card--half {
  width: 50%;
}

.catalog-wrapper .catalog__card--quarter {
  width: 25%;
}

/*-------------------------------------catalog-many-cards------------------------------*/

.catalog-wrapper-many .catalog__card {
  min-width: 25%;
  width: 25%;
}

.catalog-wrapper-many .catalog__card:nth-of-type(8),
.catalog-wrapper-many .catalog__card:nth-of-type(9) {
  min-height: auto;
  min-width: 25%;
  width: 25%;
}

.catalog .catalog-wrapper-many .card-slider__images {
  height: 400px;
}

.catalog-wrapper .pages {
  grid-column: span 4;
  width: 100%;
  display: flex;
  justify-content: center;
  gap: 15px;
  font-size: 1.25em;
  font-weight: 500;
  margin-top: 40px;
}

.pages__item {
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.5s;
  user-select: none;
}

@media(hover:hover) {
  .pages__item:hover {
    cursor: pointer;
    transform: scale(1.2);
  }
}

.pages__item:active {
  transition: 0.2s;
  transform: scale(0.8);
}

.pages__item_active {
  background-color: var(--light-gray);
}

/*-----------------------------------filters-and-sorts---------------------------------*/

.sort-top {
  grid-column: span 3;
  width: 100%;
  display: flex;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
}

.sort-top p {
  margin: 0;
}

.filters {
  max-width: 460px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 5px 49px;
}
@media (max-width: 1330px) {
  .filters {
    margin-right: 0;
    column-gap: 30px;
  }
}

.filters__filter,
.sorts__sort {
  position: relative;
  font-size: 0.875em;
  font-weight: 400;
  cursor: pointer;
}
.sorts__sort {
  margin-right: 20px;
  transform: translateY(11px);
  z-index: 1;
}

.filter-name {
  font-size: 0.875em;
  font-weight: 400;
}

.sorts {
  display: flex;
  align-items: flex-end;
  gap: 10px;
  flex-wrap: nowrap;
  transform: translateY(-10px);
}

.sorts__image {
  transition: 0.4s;
  cursor: pointer;
  opacity: 0.5;
}

.sorts__image_active {
  opacity: 1;
}

@media (hover:hover) {
  .sorts__image:hover {
    transform: scale(1.2);
  }
}

.sorts__image:active {
  transition: 0.2s;
  transform: scale(0.8);
}

.filters__filter .carret {
  transform: rotate(180deg);
}

.filter-count {
  color: var(--smok-gray);
  pointer-events: none;
}

.select-list {
  display: none;
  position: absolute;
  left: -10px;
  top: -10px;
  transform: translateX(-10px);
  z-index: 80;
  padding: 8px 20px 20px 20px;
  background: white;
  border-radius: 20px;
  width: 245px;
  overflow: hidden;
  box-shadow: 0px 0px 13.8px 0px rgba(0, 0, 0, 0.23);
}

.select-list__selected {
  font-size: 0.875em;
  font-weight: 400;
  color: var(--smok-gray);
  padding-bottom: 20px;
}

.select-list__selected span {
  color: black;
}

.select-list_open {
  display: block;
}

.select-box {
  font-size: 0.875em;
  font-weight: 400;
  overflow-y: auto;
  max-height: 260px;
}

.select-list .carret {
  transform: rotate(0);
}

.form-check-input,
.form-check-label {
  cursor: pointer;
}

.select-list_default .form-check-input:checked {
  background-color: var(--brown);
}
.select-list_colors .form-check-input:focus,
.select-list_default .form-check-input:focus {
  outline: none;
  box-shadow: none;
}
.select-list_colors .form-check .form-check-input {
  background-color: #fff;
}
/*
.select-list_colors .form-check:nth-of-type(1) .form-check-input {
  background-color: rgba(211, 202, 197, 1);
}
.select-list_colors .form-check:nth-of-type(2) .form-check-input {
  background-color: rgba(178, 178, 178, 1);
}
.select-list_colors .form-check:nth-of-type(3) .form-check-input {
  background-color: rgba(230, 199, 196, 1);
}
.select-list_colors .form-check:nth-of-type(4) .form-check-input {
  background-color: rgba(157, 125, 116, 1);
}
.select-list_colors .form-check:nth-of-type(5) .form-check-input {
  background-color: rgba(132, 132, 140, 1);
}
.select-list_colors .form-check:nth-of-type(6) .form-check-input {
  background-color: rgba(96, 94, 97, 1);
}
.select-list_colors .form-check:nth-of-type(7) .form-check-input {
  background-color: rgba(136, 133, 116, 1);
}
.select-list_colors .form-check:nth-of-type(8) .form-check-input {
  background-color: rgba(67, 84, 121, 1);
}
.select-list_colors .form-check:nth-of-type(9) .form-check-input {
  background-color: rgba(48, 59, 74, 1);
}
.select-list_colors .form-check:nth-of-type(10) .form-check-input {
  background-color: rgba(0, 0, 0, 1);
}
.select-list_colors .form-check:nth-of-type(11) .form-check-input {
  background-color: rgb(194, 61, 61);
}*/

/*---------------------------------------fast-cart--------------------------------*/

.fast-cart {
  position: absolute;
  top: calc(100% + 15px);
  right: -100px;
  padding: 26px;
  background-color: white;
  width: 350px;
  border-radius: 20px;
  box-shadow: 0px 0px 13.8px 0px #0000003B;
  display: none;
}

.fast-cart_open {
  display: block;
}
.fast-cart-item{
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}

.fast-cart__image {
  max-width: 107px;
  width: 100%;
  max-height: 143px;
  object-fit: contain;
  border-radius: 10px;
  background-color: var(--light-gray);
}

.fast-cart__close {
  position: absolute;
  top: 10px;
  right: 10px;
  transition: 0.5s;
}

@media (hover:hover) {
  .fast-cart .fast-cart__close:hover {
    transform: scale(1.5);
    cursor: pointer;
  }
}

.fast-cart .fast-cart__close:active {
  transform: scale(0.8);
  transition: 0.2s;
}

.fast-cart__content__title {
  font-size: 1em;
  font-weight: 500;
  margin: 0 0 15px 0;
}

.fast-cart__content__description {
  font-size: 0.75em;
  font-weight: 400;
  margin: 0;
  max-width: 175px;
}

.fast-cart__content__price {
  font-weight: 500;
  font-size: 0.875em;
  margin: 15px 0 0 0;
}

/*------------------------------------------card----------------------------------*/

.catalog__card {
  position: relative;
  background-color: white;
  max-width: 420px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}

@media(hover:hover) {
  .catalog__card:hover {
    box-shadow: 0px 0px 13.8px 0px rgba(0, 0, 0, 0.23);
  }

  .catalog__card:hover .card-colors {
    opacity: 0;
  }

  .swiper-container .catalog__card:hover {
    box-shadow: none;
  }
  
  .swiper-container .catalog__card:hover .card-colors {
    opacity: 1;
  }
}

.catalog .card-slider__images {
  height: auto;
  aspect-ratio: 312 / 400;
}

.card-description {
  font-size: 1em;
  line-height: normal;
  margin: 21px 0 10px 0;
  overflow-y: auto;
  box-sizing: border-box;
  flex: 1;
}

.card-price {
  font-size: 1.25em;
  font-weight: 600;
  white-space: nowrap;
  display: flex;
  gap: 10px;
  align-items: center;
  margin-bottom: 6px;
}

.card-price__discont {
  color: var(--soft-red);
}

.card-price__old-price {
  font-weight: 400;
  text-decoration: line-through;
  color: var(--text-light-gray);
}

.card-price__procent {
  font-weight: 400;
  font-size: 1.125rem;
  display: block;
  background-color: var(--soft-red);
  color: var(--text-light);
  border-radius: 93px;
  padding: 3px 8px;
}

.card-colors {
  display: flex;
  gap: 5px;
}

.card-colors span {
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 100%;
}

.card-additional {
  position: absolute;
  width: 100%;
  z-index: 10;
  left: 0;
  top: calc(95% + 10px);
  background-color: white;
  box-shadow: 0px 17px 13.8px 0px rgba(0, 0, 0, 0.23);
  padding: 0px 15px 3px 15px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  display: none;
}
.card-additional:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: -11px;
  width: 100%;
  height: 20px;
  background-color: #fff;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}
.catalog__card--half .card-additional {
  top: calc(95% + 20px);
}
.swiper-slide .card-additional {
  width: calc(100% - 30px);
}

.card-wrapper {
  position: relative;
  z-index: 10;
  background: white;
  padding: 15px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  display: flex;
  flex-direction: column;
  height: 100%;
}

@media(hover:hover) {
  .catalog__card:hover .card-additional {
    display: block;
  }
}

.card-additional__controls {
  width: calc(100% + 30px);
  transform: translateX(-15px);
  display: flex;
  height: 40px;
}

.card-additional__controls__count {
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.25em;
  gap: 15%;
  user-select: none;
  background-color: var(--light-gray);
}

.card-additional__controls__count span {
  margin: 0;
  font-size: 16px;
}

.card-additional__controls__count img {
  cursor: pointer;
  transition: 0.5s;
  width: 15px;
  height: 15px;
  object-fit: contain;
  object-position: center;
}

@media (hover:hover) {
  .card-additional__controls__count img:hover {
    transform: scale(1.4);
  }
}

.card-additional__controls__count img:active {
  transition: 0.2s;
  transform: scale(0.8);
}

.card-additional__controls__btn {
  background-color: #474141;
  color: white;
  width: 50%;
  border-radius: 0;
  border: none;
  transition: 0.5s;
  font-size: 14px;
}

@media(hover:hover) {
  .card-additional__controls__btn:hover {
    background-color: rgb(159, 101, 87);
  }
}

.card-additional__color-name,
.card-additional__size-name {
  font-size: 0.875em;
  margin: 13px 0 7px 0;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}



.color-box {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.color-box input {
  display: none;
}

.color-box label {
  display: block;
  cursor: pointer;
  width: 23px;
  height: 22px;
  border-radius: 100%;
  border-width: 2px;
  border-style: solid;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.5s;
}

.color-box label span {
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.4);
}

@media (hover:hover) {
  .color-box label:hover {
    transform: scale(1.2);
  }
}

.color-box label:active {
  transition: 0.2;
  transform: scale(0.8);
}

.color-box label span {
  border: solid 2px white;
  border-radius: 100%;
  width: 20px;
  height: 20px;
}
.color-box label,
.card-colors span {
  background-color: #fff;
  border-color: #fff;
}
/*
.color-box label:nth-of-type(1),
.card-colors span:nth-of-type(1) {
  background-color: #CAA26D;
  border-color: #CAA26D;
}
.color-box label:nth-of-type(2),
.card-colors span:nth-of-type(2) {
  background-color: #D3CAC5;
  border-color: #D3CAC5;
}
.color-box label:nth-of-type(3),
.card-colors span:nth-of-type(3) {
  background-color: rgb(182, 51, 51);
  border-color: rgb(182, 51, 51);
}
.color-box label:nth-of-type(4),
.card-colors span:nth-of-type(4) {
  background-color: #84848C;
  border-color: #84848C;
}
.color-box label:nth-of-type(5),
.card-colors span:nth-of-type(5) {
  background-color: #E6C7C4;
  border-color: #E6C7C4;
}
.color-box label:nth-of-type(6),
.card-colors span:nth-of-type(6) {
  background-color: #E26E34;
  border-color: #E26E34;
}
.color-box label:nth-of-type(7),
.card-colors span:nth-of-type(7) {
  background-color: #BACEDE;
  border-color: #BACEDE;
}
.color-box label:nth-of-type(8),
.card-colors span:nth-of-type(8) {
  background-color: #A0825C;
  border-color: #A0825C;
}*/

.color-box input:checked + label {
  border-color: black;
}

.size-box {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  position: relative;
}

.size-box input {
  display: none;
}

.size-box label {
  cursor: pointer;
  /* width: 35px;*/
  padding: 5px;
  height: 30px;
  border: solid 1px white;
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.4);
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  transition: 0.5s;
}

.size-box input:checked + label {
  background-color: #474141;
  color: var(--text-light);
}

@media (hover:hover) {
  .size-box  label:hover {
    transform: scale(1.1);
  }
}

.size-box  label:active {
  transition: 0.2;
  transform: scale(0.9);
}

.size-box input:disabled + label {
  opacity: 0.5;
  cursor: default;
  transform: scale(1);
  pointer-events: none;
}

.card-heart,
.card-eye {
  position: absolute;
  z-index: 10;
  width: 30px;
  height: 30px;
  right: 30px;
  top: 30px;
  border-radius: 100%;
  transition: 0.5s;
}

.card-eye {
  display: none;
  top: 60px;
}

@media (hover:hover) {
  .card-heart:hover,
  .card-eye:hover {
    cursor: pointer;
    filter: brightness(1.5);
    transform: scale(1.2);
  }
  .sliders-box__heart:hover {
    cursor: pointer;
    filter: brightness(1.1);
    transform: scale(1.2);
  }
}

.card-heart:active,
.card-eye:active {
  transition: 0.2s;
  transform: scale(0.8);
}

.card-promo {
  position: absolute;
  z-index: 10;
  left: 30px;
  top: 30px;
  width: calc(100% - 80px);
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

.card-promo span {
  display: block;
  background-color: var(--new);
  border-radius: 91px;
  padding: 5px 10px;
  font-weight: 500;
  font-size: 0.875em;
  color: var(--text-light);
}

.card-promo-discont span {
  background-color: var(--soft-red);
}

.card-promo-hit span {
  background-color: var(--brown);
}

.card-promo-coming span {
  background-color:#E1D9D7;
  color: #643F36;
}

@media(hover:hover) {
  .catalog__card:hover {
    z-index: 50;
  }

  .catalog__card:hover .card-eye {
    display: block;
  }
}

/*--------------------------------------side-menu---------------------------------*/

.side-menu {
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-size: 1em;
  padding-top: 11px;
}

.carret {
  transition: 0.3s;
  transform: rotate(180deg);
  user-select: none;
}

.side-menu__item_open .carret {
  transform: rotate(0);
}

.side-menu__item_open .carret {
  display: inline-block;
}

.side-menu__item {
  margin-bottom: 9px;
  cursor: pointer;
}

.side-menu__item span {
  pointer-events: none;
}

.side-menu__item:last-of-type {
  margin-bottom: 0;
}

.side-submenu {
  font-size: 14px;
  list-style: none;
  margin: 0 0 16px 0;
  padding: 0;
  display: none;
  flex-direction: column;
  gap: 4px;
}

.side-menu__item_open .side-submenu {
  display: flex;
}

.side-submenu__item {
  font-weight: 400;
}
.side-submenu__item.active{
  font-weight: bold;
}
.side-menu__item_checked,
.side-submenu__item_checked {
  font-weight: 600;
}

.sorts__sort input {
  display: none;
}

.sorts__sort .form-check-label span {
  display: none;
}

.sorts__sort input:checked + .form-check-label span {
  display: inline-block;
}

.btn-filters {
  display: none;
  width: 30px;
  transition: 0.5s;
  border-radius: 100%;
  padding: 3px;
}

.btn-filters_active {
  background-color: var(--smok-gray);
}

@media(hover:hover) {
  .btn-filters:hover {
    transform: scale(1.1);
    cursor: pointer;
  }
}

.btn-filters:active {
  transform: scale(0.8);
  transition: 0.2s;
}

/*-----------------------------------------bread-crumbs---------------------------*/

.bread-crumbs {
  display: flex;
  gap: 3px;
  flex-wrap: wrap;
  font-size: 0.875em;
  font-weight: 400;
  color: var(--smok-gray);
  margin-bottom: 40px;
}

.bread-crumbs__current {
  color: black;
}

/*------------------------------------------section-------------------------------*/

.section h2 {
 width: 100%;
 text-align: center;
 margin-bottom: 40px;
}

/*------------------------------------about-section-------------------------------*/

.about-section .btn {
  display: block;
  margin: auto;
}
.about-section__inner {
  display: grid;
  grid-template-columns: minmax(0, 54fr) minmax(0, 46fr);
  gap: 24px 110px;
  margin-bottom: 25px;
}
@media (max-width: 1200px) {
  .about-section__inner {
    column-gap: 60px;
  }
}
@media (max-width: 991px) {
  .about-section__inner {
    grid-template-columns: minmax(0, 1fr);
  }
}

/*----------------------------------special-section-------------------------------*/

.advantages {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  margin-top: 70px;
}
@media (max-width: 1200px) {
  .advantages {
    flex-wrap: wrap;
    justify-content: center;
    gap: 31px 10px;
    padding-bottom: 20px;
  }
}

.advantages__card {
  display: flex;
  justify-content: center;
  flex-direction: column;
  flex-wrap: wrap;
  max-width: 325px;
}
@media (max-width: 1200px) {
  .advantages__card {
    width: calc(100% / 3);
  }
}
@media (max-width: 840px) {
  .advantages__card {
    width: 50%;
  }
}
@media (max-width: 699px) {
  .advantages__card {
    width: 100%;
  }
}

.advantages__card h4,
.advantages__card p {
  width: 100%;
  text-align: center;
  gap: 5px;
  margin: 0;
}

.advantages__card h4 {
  font-weight: 600;
  font-size: 1.25em;
  margin-top: 10px;
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 699px) {
  .advantages__card h4 {
    white-space: unset;
  }
}
.advantages__card p {
  font-weight: 400;
  font-size: 14px;
  margin-top: 10px;
  flex: 1;
}

/*------------------------------------bootstrap-buttons---------------------------*/

.btn {
  border-radius: 37px;
  min-height: 54px;
  max-width: 240px;
  width: 100%;
  font-size: 1em;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  line-height: 2.4em;
}
.btn--default {
  max-width: unset;
  min-height: unset;
  font-weight: 500;
  box-sizing: border-box;
  padding: 13px 10px 10px 10px;
}
.btn--compact {
  width: clamp(0%, 240px, 100%);
}
.btn--thin {
  font-weight: 400;
}
.btn--big {
  padding: 15px 10px 13px 10px;
}
.btn-dark {
  background-color: var(--dark-gray);
  color: #fff;
}
.btn-border {
  background-color: #fff;
  color: #000;
  border: 1px solid #000;
}

.btn-dark:hover {
  background-color: var(--brown);
  color: #fff;
}

/*--------------------------bootstrap-modal-registration---------------------------*/

.input-pass {
  position: relative;
}

.input-pass__eye {
  all: unset;
  display: block;
  cursor: pointer;
  position: absolute;
  top: 52%;
  transform: translateY(-50%);
  right: 20px;
  width: 18px;
  height: 18px;
  background-image: url('../assets/images/svg/eye-closed.svg');
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.input-pass__eye--active {
  background-image: url('../assets/images/svg/eye.svg');
}

.modal {
  backdrop-filter: blur(10px);
}

@media (max-width: 560px) {
  .modal-dialog {
    max-width: 95% !important;
    margin-left: auto;
    margin-right: auto;
  }
}
.modal--gift .modal-dialog {
  width: 742px;
  max-width: 100%;
  box-sizing: border-box;
}
.modal--activate-gift .modal-dialog {
  width: 533px;
  max-width: 100%;
}
.modal--otp .modal-dialog {
  width: 568px;
  max-width: 100%;
}
.modal--change-customer .modal-dialog {
  width: 1000px;
  max-width: 100%;
  box-sizing: border-box;
}
  .modal--change-customer .modal-content {
    padding-left: 40px;
    padding-right: 40px;
  }
@media (max-width: 590px) {
  .modal--otp .modal-dialog {
    margin-left: auto;
    margin-right: auto;
  }
}
.modal--subscribe .modal-dialog {
  width: 658px;
  max-width: 100%;
  box-sizing: border-box;
}
.modal--gift .modal-content {
  background: rgba(255, 255, 255, 0.80);
  border-radius: 20px;
  box-shadow: 0px 0px 13.8px 0px rgba(0, 0, 0, 0.23);
}
.modal--activate-gift .modal-content,
.modal--otp .modal-content {
  border-radius: 20px;
  background: #FFF;
  box-shadow: 0px 0px 13.8px 0px rgba(0, 0, 0, 0.23);
}
.modal--otp .modal-content {
  padding: 41px 78px 39px 78px;
}
@media (max-width: 590px) {
  .modal--otp .modal-content {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.modal--subscribe .form__submit {
  width: 360px;
}
.modal__fireworks {
  position: absolute;
  top: -80px;
  left: -80px;
  width: calc(100% + 160px);
  height: calc(100% + 160px);
  z-index: 11;
  pointer-events: none;
  transition: all .25s ease-in-out;
  opacity: 0;
}
.modal__fireworks--active {
  opacity: 1;
}
.modal__fireworks-media {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: top center;
}

.modal .btn {
  margin: auto;
}

.modal .btn:disabled {
  background-color: white;
  border-color: var(--text-light-gray);
  color: var(--text-light-gray);
}

.modal-content {
  position: relative;
  padding: 40px 67px;
  box-sizing: border-box;
  border-radius: 20px;
}
.modal-content__title {
  display: block;
  margin: 0 0 11px 0;
  color: #000;
  text-align: center;
  font-size: 26px;
  font-weight: 500;
  line-height: 154%;
}
.modal-content__title--single {
  margin-bottom: 30px;
}
.modal--gift .modal-content__title {
  font-size: 20px;
}
.modal-content__desc {
  display: block;
  margin: 0 0 13px 0;
  color: #9A9A9A;
  font-size: 14px;
  line-height: 150%;
}
.modal-content__desc--strong {
  color: #000;
}
.modal-content__card {
  display: flex;
  justify-content: center;
  margin-bottom: 26px;
}
.modal .modal-content__btn {
  margin-top: 14px;
  width: 360px;
  max-width: 100%;
}
.modal .modal-content__btn[type="submit"] {
  margin-top: 41px;
  width: 100%;
}
.modal-content .btn-close {
  position: absolute;
  top: 10px;
  right: 10px;
}

.modal-content .modal-title {
  text-align: center;
  font-size: 1.625em;
  margin-bottom: 10px;
}
.modal--otp .modal-content .modal-title {
  margin-bottom: 22px;
}

.modal-content .second-btn {
  margin: auto;
  min-height: 40px;
  max-width: 234px;
  width: 100%;
  font-size: 0.875em;
  font-weight: 500;
  border: solid 2px var(--border-gray);
  color: var(--text-light-gray);
  margin-bottom: 15px;
}

.modal-content .second-btn:hover {
  background-color: var(--light-gray);
  color: black;
}

.modal-content .second-btn_active {
  background-color: var(--light-gray);
  color: black;
}

.modal-content .btn-choice-two {
  margin-bottom: 40px;
}

.modal-content .modal-content__input {
  max-width: 360px;
  width: 100%;
  padding: 14px 20px;
  background-color: var(--light-gray);
  border-radius: 42px;
  border: solid 2px var(--border-gray);
  font-family: "Montserrat", sans-serif;
  font-size: 0.875em;
}
.modal-content .modal-content__input--subscribe {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
}
.input-pass input {
  padding-right: 40px;
}

.modal-content .form-check-label {
  font-size: 0.75em;
  color: var(--text-light-gray);
}

.modal-choice {
  display: flex;
  gap: 25px;
  justify-content: center;
  margin-bottom: 20px;
}

.modal-choice__item {
  user-select: none;
  color: rgba(154, 154, 154, 1);
  font-size: 1em;
  cursor: pointer;
  transition: 0.5s;
}

@media (hover:hover) {
  .modal-choice__item:hover {
    transform: scale(1.1);
  }
}

.modal-choice__item:active {
  transition: 0.2s;
  transform: scale(0.9);
}

.modal-choice__item_active {
  color: black;
}

.modal-save-log {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 10px;
  align-items: center;
}

.modal-info {
  margin-top: 20px;
  font-size: 1em;
  font-weight: 500;
  text-align: center;
}

.modal-info a,
.text-underlinte {
  text-decoration: underline;
  cursor: pointer;
}

.text-semibold {
  font-weight: 500;
}
.modal-description--secondary .text-semibold {
  color: #000;
}
.text-small {
  font-size: 0.75em;
}

.modal h4 {
  text-align: center;
}

.modal-or {
  text-align: center;
  margin: 10px 0;
  font-size: 1em;
  font-weight: 500;
}

.modal-description {
  font-size: 0.875em;
  font-weight: 400;
}
.modal-description--secondary {
  color: #9A9A9A;
}
.modal--otp .modal-description {
  margin-bottom: 19px;
}

.pass-confirm {
  display: flex;
  justify-content: center;
  gap: 10px;
  width: 100%;
  height: 80px;
  margin-bottom: 21px;
}
@media (max-width: 590px) {
  .pass-confirm {
    height: 60px;
  }
}
@media (max-width: 350px) {
  .pass-confirm {
    height: 40px;
    gap: 8px;
  }
}

.pass-confirm input {
  padding: 5px;
  box-sizing: border-box;
  width: 60px;
  height: 100%;
  display: block;
  flex: 0;
  background-color: var(--light-gray);
  border: solid 1px #000;
  border-radius: 10px;
  font-family: "Montserrat", sans-serif;
  font-size: 48px;
  text-align: center;
  transition: all .15s ease;
}
.pass-confirm input:placeholder-shown {
  border-color: var(--border-gray);
}

.pass-confirm input:focus {
  outline: none;
}
.pass-confirm input::placeholder {
  color: transparent;
}
@media (max-width: 590px) {
  .pass-confirm input {
    width: 45px;
    font-size: 36px;
  }
}
@media (max-width: 350px) {
  .pass-confirm input {
    width: 30px;
    font-size: 24px;
  }
}
.pass-confirm input::-webkit-outer-spin-button,
.pass-confirm input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.pass-confirm input {
  -moz-appearance: textfield;
  appearance: textfield;
}
.account-data .btn {
  display: block;
  margin: auto;
}

/*------------------------------------modal-table-sizes---------------------------*/

.modal-table-sizes {
  --bs-modal-width: 800px;
}

.modal-image {
  width: 100%;
}

/*-------------------------------------tanks-modal--------------------------------*/

.tanks-modal {
  --bs-modal-width: 600px;
  text-align: center;
}

/*-------------------------------------modal-swiper-------------------------------*/

.modal-product {
  --bs-modal-width: 800px;
}

/*-------------------------------------main-swiper--------------------------------*/

.main-swiper .swiper-button-next,
.main-swiper .swiper-button-prev {
  color: white;
  width: 30px;
  height: 30px;
}

.main-swiper .swiper-button-next {
  margin-right: 3%;
}
.main-swiper .swiper-button-prev {
  margin-left: 3%;
}

.main-swiper .swiper-pagination-bullet {
  background: white;
}

.main-swiper .swiper-pagination {
  margin-bottom: 2%;
}

.main-swiper .swiper-button-next::after {
  content: url('../assets/images/svg/right-white.svg');
}

.main-swiper .swiper-slide {
  position: relative;
  width: 100%;
  height: 100vh;
}

.main-swiper .swiper-button-prev::after {
  content: url('../assets/images/svg/left-white.svg')
}

.swiper-slide__text-box {
  position: absolute;
  color: var(--text-light);
  text-align: center;
}

.swiper-slide__text-box p,
.swiper-slide__text-box h3 {
  margin: 0;
}

.swiper-slide__text-box_top-left {
  left: 6%;
  top: 10%;
}
.swiper-slide__text-box_top-center {
  top: 10%;
  left: 0;
  right: 0;
}
.swiper-slide__text-box_top-right {
  top: 10%;
  right: 6%;
}
.swiper-slide__text-box_center-left {
  left: 6%;
  top: 50%;
  transform: translateY(-50%);
}
.swiper-slide__text-box_center-center {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.swiper-slide__text-box_center-right {
  right: 6%;
  top: 50%;
  transform: translateY(-50%);
}
.swiper-slide__text-box_bottom-left {
  bottom: 6%;
  left: 6%;
}
.swiper-slide__text-box_bottom-center {
  bottom: 7%;
  left: 0;
  right: 0;
}
.swiper-slide__text-box_bottom-right {
  bottom: 6%;
  right: 6%;
}

.main-swiper {
  position: relative;
}

.main-swiper .chat {
  position: absolute;
  z-index: 10;
  right: 3%;
  bottom: 3%;
}

/*----------------------------------------chat----------------------------------*/

.chat {
  position: absolute;
  z-index: 10;
  right: 3%;
  bottom: 3%;
  border-radius: 50%;
  transition: 0.5s;
  cursor: pointer;
}
.chat img {
  width: auto;
  max-width: 100%;
  display: block;
}

@media(hover:hover) {
  .chat:hover {
    transform: scale(1.1);
    box-shadow: 0 0 4px 4px rgba(255, 255, 255, 0.5);
  }
}

.chat:active {
  box-shadow: none;
  transition: 0.2;
  transform: scale(0.9);
}

/*------------------------------------categories--------------------------------*/

.categories {
  display: block;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
}

.categories__card {
  grid-column: span 2;
  width: 100%;
  height: 370px;
  background-color: #eaebed;
  /*
  background-color: var(--light-gray);*/
  border-radius: 20px;
  position: relative;
  overflow: hidden;
  padding: 40px;
}

@media (hover:hover) {
  .categories__card:hover img {
    transform: scale(1.05);
  }
}

.categories__card:active {
  transition: 0.2s;
  transform: scale(0.95);
}

.categories__card:nth-of-type(1),
.categories__card:nth-of-type(2) {
  grid-column: span 1;
}

.categories__card:nth-of-type(4),
.categories__card:nth-of-type(5),
.categories__card:nth-of-type(6) {
  height: 500px;
}

.categories__card:nth-of-type(4) {
  grid-column: span 2;
}
.categories__card:nth-of-type(5),
.categories__card:nth-of-type(6),
.categories__card:nth-of-type(9),
.categories__card:nth-of-type(10) {
  grid-column: span 1;
}

.categories__card img {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 1;
  max-height: 100%;
  max-width: 100%;
  transition: 0.5s;
  z-index: 0;
}

.categories__card:nth-of-type(7) img {
  object-fit: cover;
  min-height: 100%;
}

.categories__card h3 {
  margin: 0;
  z-index: 1;
  position: relative;
}

.categories__card:nth-of-type(1) h3 {
  max-width: 200px;
}

.categories__card:nth-of-type(9),
.categories__card:nth-of-type(10),
.categories__card:nth-of-type(11) {
  height: 450px;
  text-align: center;
}
.categories__card:nth-of-type(9) h3,
.categories__card:nth-of-type(10) h3 {
  width: 100%;
  text-align: center;
}
.categories__card:nth-of-type(11) h3 { text-align: left; }
.categories__card:nth-of-type(11) img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.categories__card:nth-of-type(6) h3 {
  max-width: 260px;
}

/*------------------------------------account-sidebar---------------------------*/

@media (max-width: 767px) {
  .account-sidebar {
    grid-column: span 2;
    width: 238px;
    max-width: 100%;
  }
}

.account-sidebar__user {
  font-size: 1em;
  background-color: var(--light-gray);
  padding: 9px 20px 7px 20px;
  box-sizing: border-box;
  font-weight: 500;
  margin-bottom: 19px;
}
.account-sidebar__head {
  font-size: 1.25em;
  box-sizing: border-box;
  font-weight: 600;
  margin-bottom: 19px;
}

.account-menu {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 11px;
}

.account-menu__item {
  width: 100%;
}

.account-menu__item_active {
  font-weight: 600;
}

.account-menu__item a {
  display: block;
  width: 100%;
  white-space: nowrap;
}

.account-menu__item.last {
  margin-top: 45px;
}
div.empty {
  width: auto!important;
  height: auto!important;
  overflow: auto!important;
}
/*----------------------------------section-data--------------------------------*/

.account__form-info {
  grid-column: span 2;
  padding: 0px 0 19px 0;
}
.account__activate-btn {
  margin-bottom: 21px;
}

.section-data {
  position: relative;
  display: flex;
  flex-direction: row;
  gap: 70px;
}

.account-data {
  width: 100%;
}

.account-data h4,
.account-orders h4 {
  font-size: 1.25em;
  margin-bottom: 40px;
}

.data-box {
  width: 100%;
  margin-bottom: 20px;
}

.data-box__title {
  display: block;
  margin-bottom: 10px;
  font-weight: 500;
}

.data-box__title span {
  color: var(--soft-red);
}

.data-box__input {
  width: 100%;
  border-radius: 42px;
  padding: 13.5px 27px;
  font-size: 0.875em;
  background-color: var(--light-gray);
  border: solid 1px var(--border-gray);
}

.data-FIO,
.data-contacts {
  display: flex;
  gap: 15px;
}

.data-many {
  display: flex;
  gap: 15px;
  margin-bottom: 15px;
}

/*-------------------------------------footer-----------------------------------*/

.footer {
  background: var(--dark-gray);
  color: var(--text-light);
}

.footer h3 {
  color: var(--text-light);
  font-size: 1em;
  font-weight: 700;
}

.footer-wrapper {
  max-width: 1920px;
  padding: 60px 70px 60px 70px;
  margin: auto;
}

.footer__top {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 40px;
  margin-bottom: 60px;
}

.footer__top h3 {
  max-width: 240px;
  margin-bottom: 0;
}

.footer-categories h3 + h3 {
  margin-top: 15px;
}

.footer-categories h3:nth-last-of-type() {
  padding-bottom: 0;
}

.footer__center,
.footer-info {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 30px;
}
.footer-info h3 { margin-bottom: 10px; }
.footer-info p + p { margin-top: 5px; }

.footer__center {
  margin-bottom: 85px;
}

.footer-info {
  max-width: 60%;
  width: 100%;
}

.footer__center p {
  font-size: .875em;
}

.footer__center p {
  margin-bottom: 10px;
}

.footer .btn {
  max-width: 300px;
  width: 100%;
  font-family: "Montserrat", sans-serif;
}

.footer__bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.bank-cards {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  max-width: 217px;
  width: 100%;
  justify-content: space-evenly;
}

.footer__bottom p {
  font-size: 1em;
  margin: 0;
}

/*-------------------------------------block------------------------------------*/

.block {
  padding: 70px 75px 70px 76px;
}
.block--product {
  padding-top: 15px;
}
.block--account {
  box-sizing: border-box;
  padding: 5px 75px 150px 75px;
  gap: 55px 72px;
  display: grid;
  grid-template-columns: minmax(0, 228px) minmax(0, 1fr);
}
@media (max-width: 1340px) {
  .block--account {
    padding-bottom: 45px !important;
  }
}
@media (max-width: 991px) {
  .block--account {
    gap: 50px;
  }
}
@media (max-width: 767px) {
  .block--account {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media (max-width: 600px) {
  .block--account {
    flex-direction: column;
    gap: 60px;
  }
}
.block-first {
  padding: 29px 76px 0 76px;
  box-sizing: border-box;
}

.block_last {
  padding-bottom: 300px;
}

.spec-header {
  display: flex;
  gap: 30px;
  border-bottom: solid 1px var(--smok-gray);
  padding-top: 55px;
}

.spec-header__btn {
  font-size: 1em;
  font-weight: 400;
  border-radius: 10px;
  margin-bottom: 32px;
  padding: 8px 22px;
  transition: 0.5s;
  user-select: none;
}

.spec-header__btn_active {
  background-color: var(--light-gray);
}

@media(hover:hover) {
  .spec-header__btn:hover {
    cursor: pointer;
    background-color: var(--brown);
    color: var(--text-light);
  }
}

.spec-content__description {
  margin-bottom: 22px;
  overflow: hidden;
  height: 130px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}

.spec-content__description_open {
  display: block;
  height: fit-content;
}

.spec-content__description h4 {
  font-size: 1em;
  font-weight: 500;
  margin: 40px 0 20px 0;
}

.spec-content__description p {
  font-size: 1em;
  font-weight: 400;
  margin: 0;
}

.spec-content__description p span {
  font-weight: 500;
}

.spec-content__description ul {
  font-size: 1em;
}

.spec-content__description .line-space {
  margin-bottom: 24px;
}

.spec-content__description_hide {
  display: none;
}

.spec-content__show-hide {
  display: block;
  width: fit-content;
  user-select: none;
  cursor: pointer;
  font-size: 0.875em;
}

.spec-content__show-hide img {
  transition: 0.5s;
}

.spec-content__show-hide_open img {
  rotate: 180deg;
}

.spec-content__show-hide_btn-close {
  display: none;
}

.spec-content__show-hide_open .spec-content__show-hide_btn-close {
  display: inline-block;
}

.spec-content__show-hide_open .spec-content__show-hide_btn-open {
  display: none;
}

/*---------------------------------------product-sliders-box--------------------*/

.sliders-box {
  gap: 20px;
  display: flex;
  justify-content: space-between;
}
#productModal .sliders-box {
  flex-wrap: wrap;
  justify-content: center;
}
.sliders-box__heart {
  top: 0;
  right: 0;
  width: 34px;
  height: 34px;
}
.sliders-box .chat {
  position: absolute;
  z-index: 30;
  bottom: 3%;
  right: 3%;
}

.sliders-box__content {
  max-width: 865px;
  width: 100%;
  position: relative;
}

.sliders-box__content h1 {
  font-size: 1.625em;
  font-weight: 500;
  margin-bottom: 40px;
  max-width: 100%;
  box-sizing: border-box;
  padding-right: 35px;
}

.sliders-box__content p {
  font-size: 1em;
  font-weight: 400;
}

.sliders-box__content p span {
  font-weight: 500;
}

.sliders-box__content__price {
  display: block;
  font-weight: 500;
  font-size: 1.25em;
  padding: 10px 30px;
  background-color: var(--light-gray);
  border-radius: 110px;
  width: fit-content;
  margin-bottom: 40px;
}

.sliders-box__content__price_discont {
  border: solid 1px var(--soft-red);
  background-color: white;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}

.sliders-box__content__price_discont span:nth-of-type(1) {
  text-decoration: line-through;
  color: var(--text-light-gray);
}

.sliders-box__content__price_discont span:nth-of-type(2) {
  color: var(--soft-red);
  font-size: 0.825em;
}

.sliders-box__content__size {
  margin-top: 40px;
}

.sliders-box__content__table-sizes {
  cursor: pointer;
  text-decoration: underline;
  font-size: 1em;
  font-style: italic;
  margin-top: 20px;
}

.product-controls {
  display: flex;
  height: 54px;
  max-width: 338px;
  width: 100%;
}

.product-controls__left {
  display: flex;
  gap: 20px;
  justify-content: center;
  align-items: center;
  width: 50%;
  background-color: var(--light-gray);
  border-top-left-radius: 60px;
  border-bottom-left-radius: 60px;
}

.product-controls__left img {
  transition: 0.5s;
}

@media(hover:hover) {
  .product-controls__left img:hover {
    cursor: pointer;
    transform: scale(1.5);
  }
}

.product-controls__left img:active {
  transition: 0.2s;
  transform: scale(0.8);
}

.product-controls__right {
  background-color: var(--brown);
  color: var(--text-light);
  border: none;
  width: 50%;
  border-top-right-radius: 60px;
  border-bottom-right-radius: 60px;
  transition: 0.5s;
}

@media(hover:hover) {
  .product-controls__right:hover {
    cursor: pointer;
    background-color: rgb(159, 101, 87);
  }
}

.sliders-box__content__warn {
  color: var(--soft-red);
  font-weight: 400;
  font-size: 1em;
}

/*--------------------------------vertical-swiper-------------------------------*/

.vertical-swiper {
  width: 165px;
  height: 800px; 
  overflow: hidden;
  position: relative;
  user-select: none;
}

.vertical-swiper .swiper-slide {
  width: 99%;
  background-color: var(--light-gray);
  border-radius: 20px;
}

.vertical-swiper-wrapper .swiper-button-disabled,
.mini-swiper-wrapper .swiper-button-disabled,
.swiper-container .swiper-button-disabled,
.mini-modal-swiper-wrapper .swiper-button-disabled {
  display: none !important;
}

.vertical-button-prev {
  position: absolute;
  top: -30px;
  left: calc(50% - 15px);
  rotate: 180deg;
}

.vertical-button-next {
  position: absolute;
  z-index: 10;
  top: 100%;
  left: calc(50% - 15px);
}

.btn-swiper,
.btn-swiper {
  cursor: pointer;
  transition: 0.5s;
}

@media(hover:hover) {
  .btn-swiper:hover,
  .btn-swiper:hover {
    transform: scale(1.2);
  }
}

.btn-swiper:active,
.btn-swiper:active {
  transition: 0.2s;
  transform: scale(0.8);
}

.vertical-swiper .swiper-slide__image {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.vertical-swiper-wrapper,
.mini-modal-swiper-wrapper {
  position: relative;
  width: fit-content;
  height: fit-content;
}

.mini-swiper-wrapper{
  position: relative;
  width: fit-content;
  height: fit-content;
}

/*----------------------------------------mini-swiper---------------------------*/

.mini-swiper,
.mini-modal-swiper {
  max-width: 560px;
  width: 100%;
  overflow: hidden;
}

.mini-swiper-detail {
  max-width: 560px;
  width: 100%;
  overflow: hidden;
}

.mini-swiper .swiper-slide .swiper-slide__image,
.mini-swiper-detail .swiper-slide .swiper-slide__image,
.mini-modal-swiper .swiper-slide .swiper-slide__image {
  width: 100%;
  height: 100%;
  object-fit: contain;
  background-color: var(--light-gray);
  border-radius: 20px;
  user-select: none;
}

.mini-button-prev,
.mini-button-next,
.mini-modal-button-prev,
.mini-modal-button-next {
  position: absolute;
  user-select: none;
}

.mini-button-prev,
.mini-modal-button-prev {
  z-index: 10;
  top: calc(50% - 15px);
  left: -25px;
  rotate: 90deg;
}

.mini-button-next,
.mini-modal-button-next {
  top: calc(50% - 15px);
  right: -25px;
  rotate: -90deg;
}

.mini-swiper-detail .swiper-slide,
.mini-modal-swiper .swiper-slide {
  border-radius: 20px;
  border: 1px solid rgba(0, 0, 0, 0);
}

.mini-swiper .swiper-slide-active,
.mini-modal-swiper .swiper-slide-active {
  border-color: black;
}

.mini-swiper-detail .swiper-slide.active {
  border-color: var(--soft-red);
}

@media(hover:hover) {
  .mini-modal-swiper .swiper-slide:hover,
  .mini-swiper .swiper-slide:hover,
  .mini-swiper-detail .swiper-slide:hover,
  .vertical-swiper .swiper-slide:hover {
    border-color: var(--soft-red);
  }
}

/*-------------------------------------central-swiper----------------------------*/

.central-swiper-wrapper,
.central-modal-swiper-wrapper,
.central-vertical-swiper-wrapper {
  position: relative;
}

.central-swiper,
.central-swiper-detail,
.central-modal-swiper,
.central-vertical-swiper-wrapper {
  max-width: 600px;
  width: 100%;
  height: 800px;
  border-radius: 20px;
  overflow: hidden;
  position: relative;
}

.central-swiper .swiper-slide,
.central-swiper-detail .swiper-slide,
.central-modal-swiper .swiper-slide,
.central-vertical-swiper-wrapper .swiper-slide {
  background-color: var(--light-gray);
  border-radius: 20px;
}

.central-swiper .swiper-slide .swiper-slide__image,
.central-swiper-detail .swiper-slide .swiper-slide__image,
.central-modal-swiper .swiper-slide .swiper-slide__image,
.central-vertical-swiper-wrapper .swiper-slide .swiper-slide__image {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

.central-button-prev,
.central-vertical-button-prev,
.central-modal-button-prev {
  position: absolute;
  z-index: 20;
  left: 10px;
  top: calc(50% - 15px);
  rotate: 90deg;
}

.central-button-next,
.central-vertical-button-next,
.central-modal-button-next {
  position: absolute;
  z-index: 20;
  right: 10px;
  top: calc(50% - 15px);
  rotate: -90deg;
}

.swiper-hide {
  display: none;
}

.loop-card {
  position: absolute;
  z-index: 10;
  bottom: 10px;
  right: 10px;
  transition: 0.5s;
}

@media(hover:hover) {
  .loop-card:hover {
    cursor: pointer;
    transform: scale(1.2);
  }
}

.loop-card:active {
  transition: 0.2s;
  transform: scale(0.8);
}

/*---------------------------------------btn-to-top-----------------------------*/

.btn-top {
  position: fixed;
  z-index: -1;
  line-height: 0;
  right: 20px;
  bottom: 20px;
  display: none;
  cursor: pointer;
  transition: 0.5s;
}

.btn-top_show {
  z-index: 100;
  display: block;
}

@media (hover:hover) {
  .btn-top_show:hover {
    cursor: pointer;
    transform: scale(1.1);
  }
}

.btn-top_show:active {
  transition: 0.2;
  transform: scale(0.8);
}

/*---------------------------------orders-table-------------------------------*/

.account-orders {
  /* max-width: calc(100% - 275px); */
}

.orders-table-container {
  overflow: auto;
}

.orders-table {
  width: 100%;
  height: fit-content;
}

.orders-table__sort {
  cursor: pointer;
  user-select: none;
}
.sort-item {
  display: flex;
  align-items: center;
  gap: 3px;
}
.orders-table th {
  font-size: 14px;
  font-weight: 500;
  white-space: nowrap;
  text-align: left;
  padding: 13px 19px 10px 3px;
  background-color: var(--table-head);
}
@media (max-width: 1200px) {
  .orders-table th {
    display: none;
  }
}
.orders-table th:first-child {
  padding-left: 20px;
}
.orders-table--compact th {
  font-size: 12px;
}
@media (max-width: 1200px) {
  .orders-table th.orders-table__sort {
    display: flex;
    box-sizing: border-box;
    text-align: center;
    padding: 10px 10px;
    border-radius: 10px !important;
  }
}
.orders-table th:first-of-type {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}

.orders-table th:last-of-type {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

.orders-table tbody tr {
  position: relative;
  border-bottom: solid 1px rgba(0, 0, 0, 0.1);
}
.orders-table tbody tr.noborder { border: none; }
@media (max-width: 1200px) {
  .orders-table tbody tr {
    display: flex;
    flex-wrap: wrap;
    gap: 26px 47px;
    box-sizing: border-box;
    padding: 15px 21px;
    border-radius: 20px;
    background: #F6F6F6;
    border-bottom: 0;
  }
  .orders-table tbody tr + tr {
    margin-top: 10px;
  }
}

.orders-table tbody tr td a {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  transition: 0.5s;
}
.orders-table tbody tr td strong {
  font-weight: 500;
}
@media(hover:hover) {
  .orders-table tbody tr td a:hover {
    background-color: rgba(0, 0, 0, 0.05);
  }
}
@media (max-width: 1200px) {
  .orders-table thead tr {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px 10px;
    margin-bottom: 15px;
  }
}
.orders-table tbody tr td {
  padding: 20px 7px 20px 3px;
  box-sizing: border-box;
  vertical-align: top;
  font-size: 12px;
}
.orders-table:not(.orders-table--checkboxes) tbody tr td:first-child {
  padding-left: 20px;
}
@media (max-width: 1200px) {
  .orders-table tbody tr td {
    display: flex;
    flex-direction: column;
    gap: 3px;
    padding: 0;
    font-weight: 500;
  }
  .orders-table tbody tr td:first-child,
  .orders-table:not(.orders-table--checkboxes) tbody tr td:first-child {
    padding-left: 0;
  }
  .orders-table tbody tr td:before {
    content: attr(aria-label);
    color: #9A9A9A;
    font-weight: 400;
  }
}
.orders-table td {
  font-size: 0.875em;
}
.orders-table--compact td {
  font-size: 12px;
}

.order-info {
  display: block;
}
.order-info--time {
  color: var(--text-light-gray);
}
.order-green {
  color: var(--text-green);
}
.order-red {
  color: var(--soft-red);
}
.order-orange {
  color: var(--text-orange);
}

.orders-table-container .pages {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 40px 0;
}

.account-orders__top {
  display: flex;
  flex-wrap: wrap;
  gap: 5px 60px;
  margin-bottom: 21px;
}

.back-link {
  margin: 18px 0;
  font-size: .842em;
  font-weight: 500;
}

.account__content h4 {
  font-size: 1.21em;
  font-weight: 500;
  margin-bottom: 18px;
}
.account__btn {
  display: block;
  width: clamp(0%, 283px, 100%);
}
.account__btn--margin {
  margin-top: 30px;
}
.account__btn--large-margin {
  margin-top: 40px;
}
.account__btn--centered {
  margin: 0 auto;
}
.account__btn--hidden {
  display: none !important;
}
.account__btn--submit {
  margin-top: 50px;
}
.account__btn--submit[disabled] {
  background-color: white;
  border-color: var(--text-light-gray);
  color: var(--text-light-gray);
}
.btn--fullwidth {
  width: 100%;
  max-width: unset;
}
.form__heading,
.account__heading {
  display: block;
  margin: 0 0 6px 0;
  color: #000;
  font-size: .98em;
  font-weight: 500;
  line-height: 137.5%;
  letter-spacing: -0.01em;
  /*width: 700px;*/
  max-width: 100%;
}
.account__heading--strong {
  font-weight: 600;
  margin-bottom: 5px;
}
.form__heading {
  margin: 0 0 10px 0;
}
.account__heading--default {
  margin-bottom: 17px;
}
.account__heading--big {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 17px;
}
.account__heading--large {
  font-size: 26px;
  line-height: 84.615%;
  letter-spacing: -0.52px;
  font-weight: 500;
  margin-bottom: 32px;
}
.account__heading--form {
  font-weight: 500;
  font-size: 16px;
  line-height: 137.5%;
  letter-spacing: -0.32px;
  margin-bottom: 10px;
}
.account__header {
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin-bottom: 21px;
}
.account__title {
  display: block;
  margin: 0;
  color: #000;
  font-size: 20px;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.4px;
}
.account__title--personal {
  margin-bottom: 39px;
}
.account__desc {
  display: block;
  margin: 0;
  color: #000;
  font-size: 14px;
  line-height: 150%;
}
.account__text {
  display: block;
  margin: 0 0 41px 0;
  color: #000;
  font-size: .86em;
  line-height: 157.143%;
  letter-spacing: -0.01em;
}
.account__text--strong {
  color: #9A9A9A;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 36px;
}
.account__text a {
  text-decoration: underline;
}
.account__text a:hover {
  text-decoration: none;
}
.search-input {
  position: relative;
}

.search-input input {
  width: 302px;
  max-width: 100%;
  border-radius: 42px;
  padding: 15px 27px 14px 56px;
  font-size: 0.85em;
  background-color: var(--light-gray);
  border: none;
}

.search-input img {
  position: absolute;
  left: 28px;
  top: 52%;
  transform: translateY(-50%);
}

.text-input {
  display: block;
  max-width: 100%;
  width: 100%;
  box-sizing: border-box;
  padding: 15px 20px 14px 20px;
  border-radius: 20px;
  border: 1px solid #D9D9D9;
  background: #F6F6F6;
  color: #000;
  font-size: 14px;
  line-height: 128.571%;
  letter-spacing: -0.28px;
  transition: all .15s ease-in-out;
}
.text-input::placeholder {
  color: #9A9A9A;
}
.text-input:focus {
  outline: none;
  box-shadow: none;
  border-color: #000;
}
.form--modal .text-input {
  border: 1px solid #ECECEC;
}
.form--default .text-input,
.form-layout .text-input {
  border-radius: 42px;
}
.modal .validation-input--error {
  padding-bottom: 15px;
}
.text-input--error {
  border: 1px solid #C85F5F !important;
}
.text-input--no-outline:focus {
  border-color: #D9D9D9;
}
.text-input-hint {
  display: block;
  margin-top: 12px;
  color: #000;
  font-size: 14px;
  line-height: 157.143%;
  letter-spacing: -0.28px;

}
.text-input-hint--error {
  display: none;
  color: #C85F5F;
  margin: 2px 20px 0 20px;
  font-size: 12px;
  position: absolute;
  min-width: 187px;
}
.form__group--validation-static .text-input-hint--error {
  position: static;
}
.checkbox-list__additional {
  display: none;
  padding-top: 15px;
}
.checkbox-list__additional .text-input {
  width: 474px;
}
/*-------------------------------------menu-btns------------------------------*/

.menu-search,
.menu-language {
  position: relative;
}
.menu-search__input {
  padding: 10px 15px 10px 0;
  border-radius: 0;
  background: none;
  border: none;
  border-bottom: 1px solid #000;
  color: #000 !important;
}
.menu-search__input:focus { 
  background: none;
  border: none;
  border-bottom: 1px solid #000;
}
.header-index .menu-search__input {
  border-bottom: 1px solid #fff;
  color: #fff !important;
}
.header-index .menu-search__input:focus { border-bottom: 1px solid #fff; }
.header-index .menu-search__input::placeholder {
	color: rgb(245, 245, 245);
}
.header-index .menu-search__input::-webkit-input-placeholder {
	color: rgb(245, 245, 245);
}
.header-index .menu-search__input::-moz-placeholder {
	color: rgb(245, 245, 245);
}
.header-index .menu-search__input:-moz-placeholder {
	color: rgb(245, 245, 245);
}
.header-index .menu-search__input:-ms-input-placeholder {
	color: rgb(245, 245, 245);
}

.header_scrolled .menu-search__input { 
  border-bottom-color: #000 !important; 
  color: #000 !important;
}
.header_scrolled .menu-search__input::placeholder {
	color: #000 !important;
}
.header_scrolled .menu-search__input::-webkit-input-placeholder {
	color: #000 !important;
}
.header_scrolled .menu-search__input::-moz-placeholder {
	color: #000 !important;
}
.header_scrolled .menu-search__input:-moz-placeholder {
	color: #000 !important;
}
.header_scrolled .menu-search__input:-ms-input-placeholder {
	color: #000 !important;
}

.menu-search__window { 
  right: 0;
  margin-right: 30px;
  position: absolute;
  z-index: 10;
  top: -25px;
  background-color: none;
  border-radius: 20px;
  padding: 15px 14px;
  flex-wrap: wrap;
  gap: 10px;
  width: 200px;
  max-width: 100vw;
  box-sizing: border-box;
  display: none;
}
/* .menu-search__window {
  transform: translateX(-50%);
  left: 50%;
  position: absolute;
  z-index: 10;
  top: calc(100% + 12px);
  background-color: white;
  border-radius: 20px;
  padding: 15px 14px;
  flex-wrap: wrap;
  gap: 10px;
  width: 420px;
  max-width: 100vw;
  box-sizing: border-box;
  border: 1px solid #e8e8e8;
  display: none;
} */
@media (max-width: 515px) {
  .menu-search__window {
    position: fixed;
    left: 10px;
    top: 53px;
    transform: none;
    width: calc(100vw - 20px);
  }
}

.menu-language__window {
  position: absolute;
  z-index: 10;
  top: 100%;
  background-color: rgba(255,255,255,.8);
  border-radius: 10px;
  padding: 20px 10px;
  color: black;
  text-align: center;
  flex-wrap: wrap;
  display: none;
  right: 0;
  margin-top: 10px;
}

.menu-search__window_open,
.menu-language__window_open {
  display: flex;
}

.menu-search__window .btn {
  min-width: fit-content;
  min-height: fit-content;
  width: 100%;
  max-width: unset;
  padding: 9px 15px 8px 15px;
  display: none;
}
.menu-search__window .btn.btn-clear {
  display: block;
  padding: 0;
  width: 16px;
  height: 16px;
  border-radius: 0;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -13px;
  display: none;
  border: none;
}
.menu-search__window .btn.btn-clear.active { display: block; }
.menu-search__window .btn.btn-clear svg { stroke: #9A9A9A; }
@media (max-width: 576px) {
  .menu-search__window .btn {
    padding: 9px 15px 8px 15px;
    font-size: 16px;
  }
}

.btn-lang {
  cursor: pointer;
  transition: 0.5s;
  white-space: nowrap;
}

@media(hover:hover) {
  .btn-lang:hover {
    transform: scale(1.1);
  }
}

.btn-lang:active {
  transition: 0.2s;
  transform: scale(0.9);
}

.menu-language__window > div {
  transition: 0.5s;
  cursor: pointer;
  padding: 5px;
  text-align: center;
  border-radius: 0;
  user-select: none;
  display: flex;
  align-items: center;
  gap: 5px;
  width: 100%;
}
.menu-language__window > div:before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
}
.menu-language__window > div.active:before {
  background-image: url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 7'%3E%3Cpath d='M3.50052 5.10013L1.75052 3.35013C1.70476 3.30381 1.65025 3.26703 1.59017 3.24193C1.53009 3.21683 1.46563 3.20391 1.40052 3.20391C1.3354 3.20391 1.27094 3.21683 1.21086 3.24193C1.15078 3.26703 1.09628 3.30381 1.05052 3.35013C1.0042 3.39589 0.967421 3.45039 0.942321 3.51047C0.917221 3.57055 0.904297 3.63501 0.904297 3.70013C0.904297 3.76524 0.917221 3.8297 0.942321 3.88978C0.967421 3.94986 1.0042 4.00436 1.05052 4.05013L3.14552 6.14513C3.34052 6.34013 3.65552 6.34013 3.85052 6.14513L9.15052 0.850126C9.19684 0.804364 9.23361 0.749864 9.25871 0.689784C9.28381 0.629703 9.29674 0.565238 9.29674 0.500126C9.29674 0.435013 9.28381 0.370548 9.25871 0.310468C9.23361 0.250388 9.19684 0.195887 9.15052 0.150126C9.10476 0.103806 9.05025 0.0670302 8.99017 0.0419304C8.93009 0.0168307 8.86563 0.00390625 8.80052 0.00390625C8.7354 0.00390625 8.67094 0.0168307 8.61086 0.0419304C8.55078 0.0670302 8.49628 0.103806 8.45052 0.150126L3.50052 5.10013Z'/%3E%3C/svg%3E" );
  background-repeat: no-repeat;
  background-position: center;
}
.menu-language__window > div span:first-child {
  width: 40px;
  text-align: right;
}

@media (hover:hover) {
  .menu-language__window div:hover,
  .menu-language__window div.active {
    background-color: rgba(0,0,0,.1);
  }
}

.menu-icon_rotate {
  rotate: 180deg;
}

.offcanvas-body .menu-search__window {
  width: 240px;
}

/*-------------------------------------scrollbar--------------------------------*/

*::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

*::-webkit-scrollbar-track {
  background-color: rgba(255, 255, 255, 0);
}
*::-webkit-scrollbar-track:hover {
  background-color: rgba(255, 255, 255, 0);
}
*::-webkit-scrollbar-track:active {
  background-color: rgba(255, 255, 255, 0);
}

*::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: var(--brown);
}
*::-webkit-scrollbar-thumb:hover {
  background-color: var(--brown);
}
*::-webkit-scrollbar-thumb:active {
  background-color: var(--brown);
}
textarea::-webkit-scrollbar-thumb{
  background-color:transparent!important;
}

.scroll-off {
  overflow-y: hidden;
}
@media (max-width: 767px) {
  .account__content {
    grid-column: span 2;
  }
}
.account-info {
  box-sizing: border-box;
  padding: 21px 29px 16px 29px;
  border-radius: 20px;
  background: #F6F6F6;
  margin-bottom: 20px;
  width: 100%;
}
.account-info--product {
  margin-bottom: 10px;
}
.account-info--checkboxes {
  cursor: pointer;
  padding: 26px 13px 22px 29px;
}
.account-info__title {
  display: block;
  margin: 0;
  color: #000;
  font-size: 1em;
  font-weight: 600;
  line-height: 150% /* 24px */;
}
@media (max-width: 1340px) {
  .account-info__title {
    margin-bottom: 25px;
  }
}
.account-info__body {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.account-info__columns {
  justify-content: flex-start;
  margin: 20px 0 0 0;
  display: flex;
  gap: 22px 32px;
}
@media (max-width: 1340px) {
  .account-info__columns {
    flex-wrap: wrap;
    margin: 0;
  }
}
.account-info__columns + .account-info__columns {
  margin-top: 25px;
}
.account-info--delivery .account-info__columns {
  column-gap: 21px;
}
.account-info--product .account-info__columns {
  column-gap: 25px;
}
.account-info__columns--table-format {
  margin-top: -7px;
  gap: 17px 54px;
}
.account-info__column {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (max-width: 1340px) {
  .account-info__column {
    justify-content: center; 
  }
}
.account-info--product .account-info__column:not(.account-info__column--checkbox) {
  min-width: 82px;
}
.account__action .account-info__column:last-child {
  align-self: flex-end;
  box-sizing: border-box;
  width: 219px;
  max-width: 100%;
  flex: 0 1 219px;
  width: auto;
  margin-left: auto;
}
.account-info--payment.account__action .account-info__column:last-child {
  transform: translateY(-21px);
}
@media (max-width: 1340px) {
  .account__action .account-info__column:last-child {
    margin: 0;
  }
  .account-info--payment.account__action .account-info__column:last-child {
    transform: none;
  }
}
.account-info--product .account-info__column--main {
  flex: 1;
  min-width: 299px;
}
@media (max-width: 1140px) {
  .account-info--product .account-info__column--main:not(.account-info__column--checkbox) {
    min-width: 100%;
  }
}
.account-info--product .account-info__column--checkbox + .account-info__column--main {
  max-width: 360px;
  transform: translateX(7px);
  margin-right: auto;
}
@media (max-width: 1200px) {
  .account-info--product .account-info__column--checkbox + .account-info__column--main {
    max-width: 100%;
    min-width: 300px;
  }
}
.account-info__column--name {
  width: 240px;
  max-width: 100%;
}
.account-info__heading {
  display: flex;
  align-items: flex-end;
  margin: 0 0 6px 0;
  color: #9A9A9A;
  font-size: .87em;
  line-height: 150% /* 21px */;
}
.account-info__columns--table-format .account-info__heading {
  min-height: 42px;
  flex: 1;
}
@media (max-width: 1340px) {
  .account-info__columns--table-format .account-info__heading {
    min-height: unset;
  }
}
.account-info--product .account-info__heading {
  flex: 0;
  min-height: 47px;
  align-items: flex-end;
}
@media (max-width: 1340px) {
  .account-info--product .account-info__heading {
    min-height: unset;
  }
}
.account-info--checkboxes .account-info__heading {
  min-height: unset;
}
.account-info__column--strong .account-info__heading {
  margin: 0 0 2px 0;
  color: #000;
  font-size: .88em;
  font-weight: 600;
  line-height: 150% /* 21px */;
}
.account-info__text {
  color: #000;
  font-size: .877em;
  font-weight: 500;
  line-height: 150% /* 21px */;
  display: block;
  margin: 0 0 5px 0;
}
.account-info__text--nowrap {
  white-space: nowrap;
}
.account-info__column--strong .account-info__text {
  margin: 0;
  color: #9A9A9A;
  font-size: .88em;
  font-weight: 500;
  line-height: 18px /* 128.571% */;
  letter-spacing: -0.28px;
  line-height: 1.7;
}
.account-info__text--strong {
  font-weight: 600;
  letter-spacing: -0.28px;
}
.account-info--product .account-info__text {
  flex: 1;
  display: flex;
  align-items: center;
}
@media (max-width: 1340px) {
  .account-info--product .account-info__text {
    align-items: flex-start;
  }
}
.show-more-btn {
  all: unset;
  display: block;
  cursor: pointer;
  color: #000;
  font-size: .87em;
  font-weight: 400;
  display: flex;
  gap: 11px;
  align-items: center;
}
.show-more-btn:before {
  content: '';
  background-image: url(../assets/images/svg/carret-down.svg);
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: 150% 150%;
  background-position: center;
  transition: all .25s ease-in-out;
  transform: none;
}
.show-more-btn.collapsed:before {
  transform: rotate(-180deg);
}
.payment-status {
  display: block;
  min-width: 134px;
  box-sizing: border-box;
  padding: 5px 10px 5px 8px;
  color: #FFF;
  text-align: center;
  font-size: .86em;
  font-weight: 500;
  border-radius: 63px;
  background-color: #6D956F;
}
.payment-status--pending {
  color: #C85F5F;
  border: 1px solid #C85F5F;
  background-color: transparent;
}
.delivery-logo {
  max-width: 260px;
  min-width: 60px;
  aspect-ratio: 260 / 73;
  display: block;
  object-fit: contain;
  object-position: center;
}
@media (max-width: 360px) {
  .delivery-logo {
    max-width: 100%;
  }
}
.link {
  text-decoration: underline;
  color: #000;
  font-size: .88em;
}
.link:hover {
  text-decoration: none;
}
.account-info__more {
  margin-bottom: 8px;
}
@media (max-width: 1340px) {
  .account-info__more {
    margin-top: 15px;
  }
}
.product-short {
  display: grid;
  grid-template-columns: minmax(0, 70px) minmax(0, 1fr);
  gap: 10px;
  align-items: flex-start;
}
.product-short__preview {
  aspect-ratio: 70 / 86;
  box-sizing: border-box;
  padding: 0;
  border-radius: 10px;
  background: #E9EBEC;
}
.product-short__image {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  border-radius: 10px;
  background: #E9EBEC;
}
.product-short__body {
  display: flex;
  flex-direction: column;
  gap: 3px;
  padding-top: 2px;
}
.product-short__title {
  color: #000;
  font-size: .88em;
  font-weight: 500;
  line-height: 150% /* 21px */;
}
.product-short__desc {
  font-size: .85em;
}
.order-total {
  width: 377px;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.order-total__row {
  display: grid;
  grid-template-columns: minmax(0, 79fr) minmax(0, 21fr);
  gap: 20px;
}
.order-total__key,
.order-total__value {
  color: #000;
  font-size: .88em;
  font-weight: 500;
  line-height: 128.571%;
  letter-spacing: -0.02em;
}
.order-total__row--strong .order-total__key,
.order-total__row--strong .order-total__value {
  font-size: 1em;
  line-height: 112.5%;
  letter-spacing: -0.01em;
  font-weight: 600;
}
.account-orders-item__total {
  padding-top: 26px;
  margin-left: auto;
}
@media (max-width: 1200px) {
  .account-orders-item__total {
    padding-top: 11px;
    width: 100%;
  }
}
.sort-button {
  all: unset;
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 18px;
  background-image: url(../assets/images/svg/arrow-sort.svg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  vertical-align: middle;
  margin-left: 2px;
  margin-bottom: 3px;
  display: flex;
}
.radio-group {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 10px;
}
.radio-group--variant-2 {
  gap: 8px;
}
.radio-group--variant-3 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (max-width: 420px) {
  .radio-group--variant-3 {
    grid-template-columns: minmax(0, 1fr);
  }
}
.radio-group__item {
  cursor: pointer;
}
.radio-group__input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.radio-group__text {
  display: block;
  box-sizing: border-box;
  padding: 11px 31px 9px 32px;
  color: #000;
  text-align: center;
  font-size: .86em;
  line-height: 128.571%;
  letter-spacing: -0.011em;
  border-radius: 72px;
  border: 1px solid #D9D9D9;
  background-color: #fff;
  transition: all .25s ease;
  min-width: 173px;
  user-select: none;
}
.radio-group__input:checked + .radio-group__text {
  background-color: #D9D9D9;
}
.radio-group--variant-2 .radio-group__text,
.radio-group--variant-3 .radio-group__text {
  border-radius: 37px;
  background-color: transparent;
  color: #9A9A9A;
  border: 1px solid #9A9A9A;
  font-weight: 500;
  min-width: unset;
  padding-left: 20px;
  padding-right: 20px;
}
.radio-group--variant-2 .radio-group__input:checked + .radio-group__text,
.radio-group--variant-3 .radio-group__input:checked + .radio-group__text {
  background-color: #474141;
  border-color: #474141;
  color: #fff;
}
.account__columns {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 40px;
}
@media (max-width: 991px) {
  .account__columns {
    grid-template-columns: minmax(0, 1fr);
  }
}
.account__columns--gift-constructor {
  grid-template-columns: minmax(0, 46.25fr) minmax(0, 53.75fr);
  gap: 50px;
}
@media (max-width: 991px) {
  .account__columns--gift-constructor {
    grid-template-columns: minmax(0, 1fr);
  }
}
.account__columns--three {
  grid-template-columns: minmax(0, 32fr) minmax(0, 31fr) minmax(0, 37fr);
  column-gap: 107px;
}
@media (max-width: 1200px) {
  .account__columns--three {
    column-gap: 40px;
  }
}
@media (max-width: 991px) {
  .account__columns--three {
    grid-template-columns: minmax(0, 1fr);
    width: 400px;
    max-width: 100%;
  }
}
.account__tabs {
  border: 0;
  margin-bottom: 20px;
  display: flex;
  flex-wrap: wrap;
  gap: 20px 60px;
}
@media (max-width: 1200px) {
  .account__tabs {
    column-gap: 33px;
  }
}
.account__tab {
  padding-top: 21px;
}
.account__tab--no-padding {
  padding-top: 0;
}
.account__tabs .nav-link {
  border: 0;
  color: #9A9A9A;
  font-size: 20px;
  font-weight: 500;
  line-height: 110%;
  padding: 0;
  letter-spacing: -0.015em;
  transition: all .15s ease;
}
@media (max-width: 1200px) {
  .account__tabs .nav-link {
    font-size: 16px;
  }
}
.account__tabs .nav-link.active {
  color: #000;
}
.nav-tabs--group {
  border: 0;
  /* padding-top: 21px; */
}
.account__steps {
  border: 0;
  padding-top: 27px;
}
.account__steps .account__btn,
.nav-tabs--group button {
  display: none;
}
.account__steps .account__btn.active + .account__btn,
.nav-tabs--group button.active + button {
  display: block;
}
.account__radio-group {
  margin-bottom: 26px;

}
.mce-content {
  color: #000;
}
.mce-content h2 {
  margin: 15px 0 10px 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 137.5%;
  letter-spacing: -0.32px;
}
.mce-content p + h2 {
  margin-top: 43px;
}
.mce-content p {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.28px;
  margin: 10px 0 13px 0;
}
.mce-content strong {
  font-weight: 500;
}
.mce-content--fancy strong {
  font-weight: 600;
}
.mce-content a {
  color: inherit;
  text-decoration: underline;
}
.mce-content a:hover {
  text-decoration: none;
}
.mce-content--fancy p {
  margin: 15px 0 26px 0;
  color: #000;
  font-size: 16px;
  line-height: 30px;
  letter-spacing: 0;
  line-height: 1.55;
}
.mce-content--fancy ul {
  all: unset;
  display: block;
  list-style: none;
  margin: 15px 0 15px 0;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.mce-content--fancy p + ul {
  margin-top: -25px;
}
.mce-content--fancy ul li {
  position: relative;
  color: #000;
  font-size: 16px;
  line-height: 1.55;
}
.mce-content--fancy ul li:before {
  content: '✦';
  margin: 0 5px 5px 0;
}
.account__steps .account__btn {
  width: clamp(0%, 300px, 100%);
}
.page-checkbox {
  cursor: pointer;
}
.page-checkbox--area:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.page-checkbox__input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.page-checkbox__text {
  position: relative;
  user-select: none;
  display: block;
  box-sizing: border-box;
  min-width: 18px;
  min-height: 18px;
}
.page-checkbox__text:not(:empty) {
  color: #000;
  padding-left: 28px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
}
.checkbox-list--compact .page-checkbox__text:not(:empty) {
  padding-left: 36px;
  letter-spacing: -0.32px;
  font-weight: 400;
}
.page-checkbox--compact .page-checkbox__text:not(:empty) {
  padding-left: 29px;
}
.page-checkbox--compact .page-checkbox__text {
  font-size: 14px;
}
.page-checkbox--secondary {
  opacity: .4;
}
.page-checkbox--secondary .page-checkbox__text {
  font-size: 12px;
  line-height: normal;
}
.page-checkbox .page-checkbox__text--promo {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 400;
}
.page-checkbox__text:before,
.page-checkbox__text:after {
  content: '';
  position: absolute;
  transition: all .15s ease;
}
.page-checkbox__text:before {
  left: 0;
  top: 0;
  width: 19px;
  height: 19px;
  border-radius: 4px;
  border: 1px solid #9A9A9A;
}
.page-checkbox__input:checked + .page-checkbox__text:before {
  background-color: #474141;
}
.page-checkbox--compact .page-checkbox__text:before {
  border: 1px solid #000;
  top: 50%;
  transform: translateY(-50%);
}
.page-checkbox--compact .page-checkbox__input:checked + .page-checkbox__text:before {
  background-color: transparent;
}
.page-checkbox__text:after {
  left: 4px;
  top: 5px;
  width: 11px;
  height: 9px;
  opacity: 0;
  background-image: url(../assets/images/svg/checkbox-white.svg);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.page-checkbox__input:checked + .page-checkbox__text:after {
  opacity: 1;
}
.page-checkbox--compact .page-checkbox__text:after {
  background-image: url(../assets/images/svg/checkbox-black.svg);
  top: 50%;
  transform: translateY(-50%);
  left: 5px;
}
.page-checkbox__text a {
  text-decoration: underline;
  color: inherit;
}
.page-checkbox__text a:hover {
  text-decoration: none;
}
.order-list {
  padding-top: 59px;
}
.order-list + .account__heading {
  margin-top: 30px;
}
.account__return-reason {
  margin-bottom: 40px;
}
.required {
  color: #C85F5F;
}
.icon-btn {
  all: unset;
  display: flex;
  cursor: pointer;
  align-items: center;
  gap: 9px;
  color: #000;
  font-size: 14px;
  font-weight: 400;
  line-height: 157.143%;
  letter-spacing: -0.28px;
}
.icon-btn:hover {
  text-decoration: underline;
}
.icon-btn:before {
  content: '';
  display: block;
  width: 15px;
  height: 15px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.icon-btn--plus:before {
  background-image: url(../assets/images/svg/plus-data.svg);
}
.page-textarea {
  resize: none;
  border-radius: 20px;
  border: 1px solid #D9D9D9;
  background: #F6F6F6;
  box-sizing: border-box;
  padding: 20px 32px;
  width: 100%;
  height: 250px;
  color: #9A9A9A;
  font-size: 14px;
  line-height: 128.571%;
  letter-spacing: -0.28px;
  transition: all .15s ease-in-out;
  display: block;
}
.page-textarea:focus {
  outline: none;
  box-shadow: none;
  border-color: #000;
}
.page-textarea--compact {
  padding: 15px 20px 14px 20px;
  height: 180px;
}
.page-textarea--small {
  padding: 2px 20px 1px 20px;
  height: 49px;
  line-height: 157.143%;
}
.media-uploader {
  border-radius: 20px;
  border: 1px solid #D9D9D9;
  background-color: #F6F6F6;
  box-sizing: border-box;
  padding: 20px 32px;
  position: relative;
  color: #9A9A9A;
  font-size: 14px;
  line-height: 128.571%;
  letter-spacing: -0.28px;
  min-height: 250px;
  background-image: url(../assets/images/svg/upload-media.svg);
  background-size: 141px 128px;
  background-repeat: no-repeat;
  background-position: center center;
  overflow: hidden;
}
.media-uploader__label {
  transition: all .25s ease-in-out;
}
.media-uploader__label.hidden {
  opacity: 0;
  pointer-events: none;
}
.media-uploader__label.error {
  color: #ff5757;
}
.media-uploader__input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.media-uploader__drop-area {
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #C85F5F88;
  opacity: 0;
  transition: all .25s ease-in-out;
}
.media-uploader__drop-area.active {
  opacity: 1;
}
.media-uploader__drop-area:hover {
  opacity: .2;
}
.media-uploader.error .media-uploader__drop-area {
  pointer-events: none;
}
.media-uploader__item {
  color: #2f2f2f;
  display: flex;
  gap: 10px;
  align-items: flex-start;
  pointer-events: none;
  width: 100%;
}
.media-uploader__remove {
  all: unset;
  cursor: pointer;
  display: block;
  color: red;
  opacity: .6;
  font-size: 34px;
  pointer-events: all;
  margin-left: auto;
}
.media-uploader__remove:hover {
  opacity: .9;
}
.media-uploader__list {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  box-sizing: border-box;
  padding: 11px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  background-color: rgb(220 220 220 / 50%);
  transition: all .25s ease-in-out;
  opacity: 0;
  pointer-events: none;
}
.media-uploader__list.visible {
  opacity: 1;
  pointer-events: all;
}
.returns-list {
  display: flex;
  flex-direction: column;
  padding-top: 40px;
}
.returns-list__item:not(:first-child) {
  padding-top: 40px;
  margin-top: 40px;
  border-top: 1px solid #9A9A9A;
}
.returns-list__product {
  margin-bottom: 39px;
}
.account__add-button {
  margin-top: 22px;
}
.account__add-button--kid {
  margin-top: 10px;
}
.page-tab__item {
  display: none;
}
.page-tab__item--active {
  display: block;
}
.returns-delivery {
  padding-top: 50px;
  width: 570px;
  max-width: 100%;
}
.returns-delivery .mce-content a {
  text-decoration: none;
}
.checkbox-list {
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.checkbox-list--compact {
  gap: 7px;
}
.checkbox-list__description {
  display: block;
  padding-top: 2px;
  color: #000;
  font-size: 14px;
  line-height: 128.571%;
  letter-spacing: -0.28px;
}
.form-note {
  display: block;
  margin: 30px auto 0 auto;
  width: 444px;
  text-align: center;
  max-width: 100%;
  color: #000;
  font-size: 14px;
  font-weight: 400;
  line-height: 128.571%;
  letter-spacing: -0.28px;
}
.form-note--privacy {
  max-width: 500px;
  width: 100%;
  margin: 0px auto 25px auto;
  font-size: 16px;
}
.form-note--privacy-desc{
  margin-bottom: 10px;
  font-weight: bold;
}
.form-note--privacy a {
  text-decoration: underline;
}
.form-note--privacy a:hover {
  text-decoration: none;
}
.form-note--privacy + .account__btn--submit {
  margin-top: 25px;
  width: clamp(0%, 240px, 100%);
}
.form {
  position: relative;
}
.form--subscribe {
  width: 498px;
  max-width: 100%;
  margin: 20px auto 0 auto;
  gap: 10px;
}
.form--centered {
  display: flex;
  flex-direction: column;
}
.form:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9;
  background-color: rgba(255, 255, 255, .5);
  background-image: url('../assets/images/svg/spinner.svg');
  background-size: 35px 35px;
  background-position: center center;
  background-repeat: no-repeat;
  transition: all .25s ease-in-out;
  opacity: 0;
  pointer-events: none;
}
.form--submitting {
  pointer-events: none;
}
.form--submitting:before {
  pointer-events: all;
  opacity: 1;
}
.form--default {
  width: 400px;
  max-width: 100%;
}
.form__submit {
  width: 268px;
  max-width: 100%;
  transition: all .25s ease;
}
.form--default .form__submit {
  margin-top: 41px;
  width: 100%;
}
.form__submit[disabled] {
  color: #9A9A9A;
  border: 1px solid #9A9A9A;
  background-color: transparent;
}
.form__metadata {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
  margin-bottom: 30px;
}
.form__group + .form__group {
  margin-top: 30px;
}
.account__form-info .form__group + .form__group {
  margin-top: 37px;
}
.form--default .form__group + .form__group {
  margin-top: 21px;
}
.form__columns {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px 15px;
}
.inputs-group {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.catalog--favorites {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 50px 0;
  padding-bottom: 90px;
}
@media (max-width: 1200px) {
  .catalog--favorites {
    gap: 50px 20px;
  }
}
@media (max-width: 1050px) {
  .catalog--favorites {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 0;
  }
}
@media (max-width: 560px) {
  .catalog--favorites {
    grid-template-columns: minmax(0, 1fr);
    gap: 30px;
  }
} 
.catalog--favorites .catalog__card {
  transform: translateX(-15px);
}
@media (max-width: 991px) {
  .catalog--favorites .catalog__card {
    margin: 0 auto;
    transform: none;
    width: 100%;
  }
}
.pagination__pages {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0 auto;
}
.gift-certificates {
  gap: 37px;
  box-sizing: border-box;
  width: 961px;
  max-width: 100%;
  margin-bottom: 41px;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
}
.gift-card {
  width: 300px;
  max-width: 100%;
  aspect-ratio: 300 / 203;
  position: relative;
  overflow: hidden;
  border-radius: 20px;
  background: #D9D9D9;
  box-shadow: 5px 0px 10px 0px rgba(0, 0, 0, 0.25);
  filter: drop-shadow(5px 0px 10px rgba(0, 0, 0, 0.25));
  user-select: none;
}
.gift-card__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.gift-card__logo {
  position: absolute;
  left: 50%;
  top: 8px;
  width: 63px;
  height: 20px;
  transform: translateX(calc(-50% - 5px));
  object-fit: contain;
  object-position: center;
}
.gift-card__title {
  position: absolute;
  left: 50%;
  top: 30%;
  width: calc(100% - 20px);
  box-sizing: border-box;
  padding: 30px 20px 100px 20px;
  transform: translateX(calc(-50% - 5px));
  font-size: 19px;
  line-height: 1.2;
  letter-spacing: .1px;
  font-weight: 500;
  text-align: center;
  color: #fff;
}
.gift-card--variant-2 .gift-card__title {
  color: #643F36;
  font-size: 23px;
  letter-spacing: .2px;
  font-weight: 600;
  transform: translateX(-50%);
  top: 27%;
  padding-left: 0;
  padding-right: 0;
}
.gift-card__bottom {
  position: absolute;
  bottom: 11px;
  left: 0;
  width: 100%;
  box-sizing: border-box;
  padding: 7px 15px;
  background: #E1D9D7;
  font-size: 11px;
  line-height: 1.2;
  text-align: center;
  color: #643F36;
  letter-spacing: -.2px;
}
.gift-card--variant-2 .gift-card__bottom {
  background: none;
  text-align: left;
  padding: 7px 33px;
  font-size: 13px;
  letter-spacing: .08px;
  line-height: 1.65;
  bottom: 18px;
}
.gift-card__bottom strong {
  font-weight: 600;
  font-size: 14px;
}
.gift-card--variant-2 .gift-card__bottom strong {
  font-size: 17px;
  font-weight: 500;
}
.gift-card__caption {
  box-sizing: border-box;
  padding: 0 15px;
  position: absolute;
  top: 22px;
  left: 0;
  width: 100%;
  font-weight: 500;
  font-size: 17px;
  letter-spacing: -.1px;
  text-align: center;
  color: #643F36;
}
.gift-constructor {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 15px;
  box-sizing: border-box;
  border-radius: 20px;
  background: #E9EBEC;
  height: 100%;
  min-height: 387px;
}
@media (max-width: 991px) {
  .gift-constructor {
    min-height: 300px;
  }
}
.slider__container {
  overflow: hidden;
  position: relative;
}
.slider-controls {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 100%;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  padding: 0 7px;
  pointer-events: none;
}
.slider-controls__btn {
  all: unset;
  display: block;
  pointer-events: all;
  cursor: pointer;
  width: 9px;
  height: 15px;
  background-image: url('../assets/images/svg/slider-arrow.svg');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  transition: all .25s ease;
}
.slider-controls__btn:hover {
  transform: scale(1.2);
}
.slider-controls__btn--prev {
  transform: scale(-1, 1);
}
.slider-controls__btn--prev:hover {
  transform: scale(-1.2, 1.2);
}
.slider-controls__btn.swiper-button-disabled {
  opacity: 0;
  pointer-events: none;
}
.pick-image {
  all: unset;
  display: block;
  cursor: pointer;
  border-radius: 10px;
  background: #9e9e9e;
  overflow: hidden;
  transition: all .15s ease-in-out;
  box-sizing: border-box;
  border: 2px solid #fff;
}
.pick-image--active {
  border-color: rgb(210, 210, 210);
}
.pick-image > * {
  pointer-events: none;
}
.pick-image__image {
  display: block;
  width: 100%;
  aspect-ratio: 98 / 65;
  object-fit: cover;
  object-position: center;
  box-sizing: border-box;
  backface-visibility: hidden;
  -webkit-font-smoothing: subpixel-antialiased;
  transition: all .1s ease-in-out;
}
.input-dropdown {
  position: relative;
}
.input-dropdown__list {
  position: absolute;
  z-index: 1;
  left: 50%;
  bottom: -10px;
  width: 350px;
  transform: translate(-50%, 100%);
  box-sizing: border-box;
  padding: 19px 18px 14px 16px;
  border-radius: 20px;
  background: #FFF;
  box-shadow: 0px 0px 13.8px 0px rgba(0, 0, 0, 0.23);
  transition: all .15s ease-in-out;
  pointer-events: none;
  opacity: 0;
}
.input-dropdown--inn .input-dropdown__list {
  width: 281px;
  padding-right: 13px;
  padding-bottom: 17px;
}
.input-dropdown__list--visible {
  pointer-events: all;
  opacity: 1;
}
.input-dropdown__list-content {
  scrollbar-width: thin;
  max-height: 320px;
  overflow: hidden auto;
  box-sizing: border-box;
}
.input-dropdown--inn .input-dropdown__list-content {
  padding-right: 11px;
  min-height: 415px;
}
.input-dropdown__item {
  all: unset;
  display: block;
  cursor: pointer;
  width: 100%;
}
.input-dropdown__item + .input-dropdown__item {
  margin-top: -3px;
}
.input-dropdown--inn .input-dropdown__item + .input-dropdown__item {
  margin-top: 12px;
}
.input-dropdown__item > * {
  pointer-events: none;
}
.dropdown-check {
  display: block;
  margin-left: 30px;
  box-sizing: border-box;
  padding: 8px 10px 5px 20px;
  position: relative;
  color: #000;
  font-size: 14px;
  line-height: 128.571%;
  letter-spacing: -0.28px;
}
.input-dropdown__item:hover .dropdown-check,
.input-dropdown__item--active .dropdown-check {
  background-color: #f2f2f2;
}
.dropdown-check:before {
  content: '';
  position: absolute;
  left: -20px;
  top: 14px;
  width: 9px;
  height: 7px;
  background-image: url('../assets/images/svg/checkbox-black.svg');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  transition: all .15s ease-in-out;
  opacity: 0;
}
.input-dropdown__item--active .dropdown-check:before {
  opacity: 1;
}
.input-dropdown__placeholder {
  position: absolute;
  pointer-events: none;
  left: 26px;
  top: 4px;
  transform: none;
  color: #9A9A9A;
  font-size: 12px;
  line-height: 150%;
  letter-spacing: -0.24px;
  transition: all .15s ease-in-out;
}
.input-dropdown__input:placeholder-shown:not(:focus) + .input-dropdown__placeholder {
  left: 22px;
  top: 50%;
  transform: translateY(-54%);
  font-size: 14px;
}
.input-dropdown:not(.input-dropdown--default-placeholder) .input-dropdown__input::placeholder {
  color: transparent;
}
.input-dropdown__input:not(:placeholder-shown),
.input-dropdown__input:focus {
  padding: 21px 25px 8px 25px;
}
.input-dropdown--default-placeholder .input-dropdown__input {
  padding: 15px 20px 14px 20px;
}
.form-layout {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin: 41px 0 41px 0;
}
.form-layout:first-of-type {
  margin-top: 0;
}
.form-layout__header {
  display: flex;
  flex-direction: column;
  margin-bottom: 5px;
}
.form-layout__heading {
  display: block;
  margin: 0 0 5px 0;
  color: #000;
  font-size: 16px;
  font-weight: 600;
  line-height: 137.5%;
  letter-spacing: -0.32px;
}
.form-layout__desc {
  display: block;
  margin: 0;
  color: #000;
  font-size: 12px;
  line-height: 183.333%;
  letter-spacing: -0.24px;
}
.form__heading + .form-layout__desc {
  margin: 19px 0 5px 0;
}
.form-layout__columns {
  display: grid;
  gap: 25px 15px;
  align-items: flex-end;
  margin-bottom: 8px;
}
.form-layout__columns + .form-layout__columns {
  margin-top: 4px;
}
.form-layout__columns:last-child {
  margin-bottom: 0;
}
.form-layout__columns--single {
  width: 634px;
  max-width: 100%;
  display: block;
}
.form-layout__columns--two {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (max-width: 991px) {
  .form-layout__columns--two {
    grid-template-columns: minmax(0, 1fr);
  }
}
.form-layout__columns--three {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media (max-width: 1200px) {
  .form-layout__columns--three {
    grid-template-columns: minmax(0, 1fr);
  }
}
.form-layout__columns--four-free {
  grid-template-columns: minmax(0, 36.7fr) repeat(3, minmax(0, 21.1fr));
}
@media (max-width: 991px) {
  .form-layout__columns--four-free {
    grid-template-columns: minmax(0, 1fr);
  }
}
.form-layout__columns--four {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
@media (max-width: 991px) {
  .form-layout__columns--four {
    grid-template-columns: minmax(0, 1fr);
  }
}
.form-layout__column {
  /* height: 100%; */
}
.form__important {
  position: relative;
  display: block;
  width: 642px;
  max-width: 100%;
  margin: 0 auto 18px auto;
  color: #000;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: -0.28px;
  box-sizing: border-box;
  padding: 11px 15px 12px 54px;
  background: #F6F6F6;
}
.form__important:before {
  content: '';
  position: absolute;
  left: 30px;
  top: 11px;
  width: 17px;
  height: 18px;
  background-image: url('../assets/images/svg/important.svg');
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.form__important a {
  text-decoration: underline;
}
.form__important a:hover {
  text-decoration: none;
}
.form__controls {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px 42px;
  flex-wrap: wrap;
}
.form__controls > button {
  width: 300px;
}
.license-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  box-sizing: border-box;
  padding: 9px 20px 16px 20px;
  border-radius: 10px;
  transition: all .15s ease-in-out;
}
.input-dropdown__item--active .license-card,
.input-dropdown__item:hover .license-card {
  background-color: rgba(0, 0, 0, 0.05);
}
.license-card__name {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 0 0 10px 0;
  color: #000;
  font-size: 10px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.2px;
}
.license-card__name:after {
  content: '';
  width: 15px;
  height: 15px;
  background-image: url('../assets/images/svg/verified.svg');
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.license-card__info {
  font-size: 10px;
  line-height: 1.2;
  color: #9A9A9A;
}
.license-card__info + .license-card__info {
  margin-top: 11px;
}
.license-card__info:last-of-type {
  margin-bottom: 7px;
}
.license-card__value {
  color: #000;
}
.input-dropdown__item--active .license-card__value--highlighted {
  background-color: #efe5a8;
}
.license-card__status {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  box-sizing: border-box;
  padding: 1px 14px 2px 14px;
  color: #6D956F;
  font-size: 10px;
  white-space: nowrap;
  letter-spacing: -0.2px;
  text-transform: uppercase;
  border-radius: 53px;
  border: 1px solid #6D956F;
}
.license-card__status--outdated {
  border-color: #C85F5F;
  color: #C85F5F;
}
.document-grid {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 25px 30px;
}
.document-grid__item {
  width: 155px;
}
.document-grid__item.large {
  width: 170px;
}
.document-file {
  display: block;
  box-sizing: border-box;
  padding: 21px 41px 20px 35px;
  border-radius: 20px;
  border: 1px solid #E9EBEC;
  cursor: pointer;
  transition: all .25s ease-in-out;
  position: relative;
}
.document-file:hover,
.document-file--active {
  background-color: #F6F6F6;
  border-color: #F6F6F6;
}
.document-file > * {
  pointer-events: none;
}
.document-file__preview {
  display: block;
  width: 100%;
  aspect-ratio: 78 / 99;
  object-fit: cover;
  object-position: center;
  margin-bottom: 4px;
}
.document-grid__item.large .document-file__preview {
  aspect-ratio: 120 / 173;
}
.document-wrap-file{
  width: 155px;
}
.document-wrap-text{
  font-size: 14px; margin-top: 10px;
}
.document-file__title {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #000;
  font-size: 12px;
  line-height: 183.333%;
  letter-spacing: -0.24px;
  overflow: hidden;
}
.document-file__controls {
  position: absolute;
  left: 0;
  bottom: 28%;
  width: 100%;
  box-sizing: border-box;
  padding: 0 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 14px;
  transition: all .25s ease;
  opacity: 0;
}
.document-file:hover .document-file__controls,
.document-file--active .document-file__controls {
  opacity: 1;
}
.document-file__button {
  all: unset;
  display: block;
  cursor: pointer;
  pointer-events: all;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.25));
  background-color: #E9EBEC;
  background-repeat: no-repeat;
  background-size: 24px 24px;
  background-position: center;
  transition: all .25s ease-in-out;
}
.document-file__button:hover {
  background-color: #fff;
}
.document-file__button--view {
  background-image: url('../assets/images/svg/file-view.svg');
}
.document-file__button--download {
  background-image: url('../assets/images/svg/file-download.svg');
}
.document-file__metainfo {
  position: absolute;
  z-index: 1;
  bottom: -12px;
  left: 0;
  width: 100%;
  transform: translateY(100%);
}
.document-file__meta {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  border-radius: 10px;
  background: #474141;
  box-sizing: border-box;
  padding: 7px 7px 5px 7px;
  color: #FFF;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: -0.24px;
  text-align: center;
  transition: all .25s ease;
  opacity: 0;
}
.document-file__meta--active {
  opacity: 1;
}
.text-button {
  all: unset;
  cursor: pointer;
  display: inline-block;
  color: #000;
  text-decoration: underline;
}
.text-button:hover {
  text-decoration: none;
}
.main__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  width: 1320px;
  margin: 0 auto;
  max-width: 100%;
  box-sizing: border-box;
  padding: 24px 15px 0 15px;
  position: relative;
  z-index: 3;
}
@media (max-width: 991px) {
  .main__header {
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 5px;
  }
}
.main__header .bread-crumbs {
  margin-bottom: 0;
  width: 444px;
  max-width: 100%;
  gap: 4px;
}
@media (max-width: 1330px) {
  .main__header .bread-crumbs {
    width: 323px;
  }
}
.main__filter {
  margin-right: auto;
}
@media (max-width: 1330px) {
  .main__filter {
    margin: 0;
  }
}
@media (max-width: 991px) {
  .main__filter,
  .main__sort {
    display: none;
  }
  .main__filter--open,
  .main__sort--open {
    display: flex;
  }
}
.main__filters-mobile {
  display: none;
}
@media (max-width: 991px) {
  .main__filters-mobile {
    display: block;
    width: 100%;
  }
}
.flip-card {
  position: relative;
}
.flip-card > * {
  pointer-events: none;
}
.flip-card__front,
.flip-card__back {
  backface-visibility: hidden;
  transition: transform .3s ease-in-out;
}
.flip-card__front,
.flip-card--flipped .flip-card__back {
  transform: perspective(800px) rotateY(0deg);
}
.flip-card--flipped .flip-card__front {
  transform: perspective(800px) rotateY(-180deg);
}
.flip-card__back {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.flip-card__back {
  transform: perspective(800px) rotateY(180deg);
}

/** CART **/
.cart-block.empty {
  padding-bottom: 300px;
}
.sidebar-banner { margin-top: 70px; }
.sidebar-banner .banner-item {}
.sidebar-banner .banner-item + .banner-item {
  margin-top: 20px;
}
.sidebar-banner .banner-item .wrap-block {
  position: relative;
  display: block;
}
  .sidebar-banner .banner-item .wrap-block span {
    display: block;
    padding: 20px 15px;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 5;
    color: #fff;
    font-weight: 700;
  }
  .sidebar-banner .banner-item .wrap-block:after {
    content: "";
    display: block;
    width: 100%;
    height: 60%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: linear-gradient(0deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 100%);
    z-index: 1;
  }

.cart-order {}
.cart__wrap {
  display: flex;
}
.cart-left {
  width: calc( 100% - 330px );
  padding-right: 30px;
}
.cart-right {
  width: 330px;
}
.cart__info {
  width: 100%;
  border: 1px solid #9A9A9A;
  border-radius: 10px;
  padding: 20px 30px;
}
  .cart__info .sum-info .wrap {
    font-size: 1.25em;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .cart__info .sum-info .wrap.info {
    font-size: 0.875em;
  }
  .cart__info .sum-info .wrap.discount {
    font-size: 0.875em;
    color: #C85F5F;
  }
  .cart__info .promocode { margin-top: 20px; }
  .cart__info .promocode p { 
    font-size: 1em;
    font-weight: 500;
  }
  .cart__info .promocode input.error {
    color: #C85F5F;
  }
  .cart__info .promocode .info-text {
    font-size: 0.75em;
    color: #C85F5F;
    padding-left: 20px;
    margin-top: 5px;
  }
  .details-info {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    gap: 5px;
  }
    .details-info span:first-child {
      font-size: 1em;
      font-weight: 500;
    }
    .details-info span + span {
      font-size: 0.875em;
      font-weight: 400;
    }
  .free-delivery {
    margin-top: 20px;
  }
  .free-delivery span {
    display: block;
    width: 100%;
    height: 20px;
    border-radius: 10px;
    background: #D9D9D9;
    position: relative;
    margin: 5px 0;
  }
    .free-delivery span > span {
      position: absolute;
      left: 0;
      top: 0;
      background: #6D956F;
      margin: 0;
    }
  .free-delivery p {
    font-size: 0.875em;
    font-weight: 500;
    text-align: center;
    margin: 0;
  }
  .free-delivery.opt p { text-align: left; }
  .free-delivery p.info {
    font-size: 0.75em;
    font-weight: 400;
  }
  .cart__info .btn-block {
    margin-top: 20px;
  }
  .cart__info .info-block {
    margin-top: 10px;
    font-size: 0.75em;
    font-weight: 400;
    text-align: center;
  }
    .cart__info .info-block a { text-decoration: underline; }

.catalog__card.long {
  max-width: 100%;
}
.catalog__card.long + .catalog__card.long { margin-top: 20px; }
.catalog__card.long:hover { box-shadow: none; }
.catalog__card.long .card-wrapper {
  display: flex;
  flex-direction: row;
  padding: 0;
  flex-wrap: wrap;
}
.catalog__card.long .card-price__procent {
  display: inline-block;
  font-size: 0.625em;
}
.catalog__card.long .card-image-block {
  width: 220px;
  position: relative;
}
.catalog__card.long .card-info-block {
  padding-left: 20px;
  width: calc( 100% - 220px );
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
}
  .catalog__card.long .card-description { flex: none;}
  .cart-order .card-promo {
    top: 15px;
    left: 15px;
  }
  .cart-order .card-promo span {
    font-size: 0.625em;
    padding: 2px 10px;
  }
  .cart-order .card-heart, 
  .cart-order .card-eye {
    top: 15px;
    right: 15px;
    width: 20px;
    height: 20px;
  }
.catalog__card.long .card-additional {
  position: static;
  display: block;
  box-shadow: none;
  padding: 0;
}
  .catalog__card.long .card-additional:before { display: none;}
  .catalog__card.long .card-additional__controls {
    width: 100%;
    transform: none;
    height: 30px;
    justify-content: space-between;
    gap: 20px;
  }
  .catalog__card.long .card-additional__controls .price-block {
    position: absolute;
    bottom: 0;
    right: 0;
    text-align: right;
  }
    .catalog__card.long .card-additional__controls .price-block .card-price-economy {
      color: #C85F5F;
      font-size: 0.875em;
    }
    .catalog__card.long .card-additional__controls .price-block .card-price {
      font-size: 1.25em;
      display: block;
      margin-bottom: 0;
    }
    .catalog__card.long .card-additional__controls .price-block .card-price__old-price {
      font-size: 1.125em;
    }
  .catalog__card.long .card-additional__controls .btn-delete {
    margin-right: auto;
  }
  .catalog__card.long .card-additional__controls .btn-delete svg { fill: #9A9A9A; }
  .catalog__card.long .card-additional__controls .btn-delete:hover svg { fill: #C85F5F; }
  .catalog__card.long .card-additional__controls__count {
    width: 100%;
    max-width: 110px;
    background: none;
    border: 1px solid #9A9A9A;
    border-radius: 15px;
    height: 30px;
  }
  .catalog__card.long .pc-price {
    width: 100% !important;
    color: #9A9A9A;
    font-size: 0.75em;
    font-weight: 400;
    margin-bottom: 5px;
  }
.catalog__card.long .item-instock-block {
  width: 100%;
  margin-top: 20px;
}
  .catalog__card.long .item-instock-block .btn {
    line-height: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    height: 30px;
  }
  .catalog__card.long .item-instock-block .btn svg { stroke: #fff; }

.catalog__card.long.disabled {}
.catalog__card.long.disabled .card-slider {
  position: relative;
}
  .catalog__card.long.disabled .card-slider:before,
  .catalog__card.long.disabled .card-slider:after { 
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 10;
    position: absolute;
  }
  .catalog__card.long.disabled .card-slider:before {
    content: "Товара уже нет в наличии";
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    z-index: 12;
    font-size: 1em;
    padding: 0 30px;
    text-align: center;
  }
  .catalog__card.long.disabled .card-slider:after {
    background: rgba(0,0,0,.6);
    position: absolute;
    border-radius: 10px;
  }
  .catalog__card.long.disabled .card-description,
  .catalog__card.long.disabled .card-additional__color-name, .catalog__card.long.disabled .card-additional__size-name,
  .catalog__card.long.disabled .card-additional__controls__count,
  .catalog__card.long.disabled .card-additional__controls .price-block .card-price,
  .catalog__card.long.disabled .size-box label,
  .catalog__card.long.disabled .size-box input:checked + label {
    color: #9A9A9A;
  }
  .catalog__card.long.disabled .size-box input:checked + label {
    background: #9A9A9A;
    color: #fff;
  }
.text-gray { color: #9A9A9A; }
.text-gray a { color: #9A9A9A; }
@media all and (max-width: 1199px) {
  .cart-block .account-sidebar { display: none; }
  .cart-block .block--account {
    display: block;
  }
}
@media all and (max-width: 991px) {
  .cart-block.empty {
    padding-bottom: 150px;
  }
  .cart__wrap {
    flex-direction: column;
    gap: 30px;
  }
  .cart-left {
    width: 100%;
    padding-right: 0;
  }
  .cart-right {
    width: 100%;
    max-width: 480px;
    margin: 0 auto;
  }
}
@media all and (max-width: 767px) {
  .cart-block.empty {
    padding-bottom: 50px;
  }
}

.order-block + .order-block { margin-top: 40px; }
.order-customer-info {}
.order-head {
  font-weight: 500;
  font-size: 1em;
  margin-bottom: 10px;
}
  .order-head span {
    color: #C85F5F;
  }
.order-customer-info .name,
.order-customer-info .email,
.order-customer-info .tel {
  font-size: 0.875em;
}
.order-customer-info .name {
  font-weight: 600;
}
.order-customer-info .change {
  margin-top: 5px;
  font-size: 0.875em;
}
  .order-customer-info .change a {
    color: #9A9A9A;
    text-decoration: underline;
  }

.delivery-block {}
.delivery-block + .delivery-block { margin-top: 10px;}
.delivery-block .page-checkbox span {
  font-size: 0.875em;
  display: flex;
  align-items: center;
}
.delivery-block .delivery-form { 
  margin-top: 10px; 
  display: none;
}
.delivery-block.active .delivery-form { display: block; }
  .delivery-block .delivery-form .text-block { 
    font-size: 0.75em;
    padding-left: 28px;
  }

.order-delivery-address {}
.delivery-block .cntrl-block {
  display: flex;
  gap: 20px;
  margin-top: 5px;
}
  .delivery-block .cntrl-block a {
    color: #9A9A9A;
    font-size: 0.875em;
    text-decoration: underline;
  }
.order-block .action-block {
  margin-top: 5px;
  font-size: 0.875em;
}
  .order-block .action-block a {
    color: #9A9A9A;
  }
  .order-block .action-block a span { text-decoration: underline; }
.pvz-block {
  padding: 20px 10px;
  position: relative;
  cursor: pointer;
}
.pvz-block.item-pvz{
  border-bottom: solid 1px #E9EBEC;
}
.pvz-block.item-pvz:hover{
  background-color: #E9EBEC;
}
.pvz-block svg{
  position: absolute;
  right: 10px;
  top: calc(50% - 7px);
}
.pvz-block .logo{
  margin-top: 10px;
}
.pvz-block .wrap {
  display: flex;
  justify-content: space-between;
  font-size: 0.75em;
}
.pvz-block .wrap + .wrap { margin-top: 15px; }
.pvz-block .wrap .address span,
.pvz-block .wrap .map span { color: #9A9A9A; }
.pvz-block .wrap .address span{
  text-transform: uppercase;
}
  .pvz-block .wrap .wtime {}
  .pvz-block .wrap .wtime ul {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  .pvz-block .wrap .wtime ul li {
    display: flex;
    justify-content: space-between;
    gap: 20px;
  }
  .pvz-block .wrap .wtime ul li span:last-child { text-align: right; }
.pvz-block .btn-block {
  margin-top: 20px;
}
  .pvz-block .btn-block .btn {
    font-size: .75em;
    padding-top: 5px;
    padding-bottom: 5px;
  }

.order-success {}
.order-success .order-info {
  padding-top: 40px;
}
.order-success .order-info .image-block { 
  text-align: center;
  margin-bottom: 20px;
}
.order-success .order-info p {
  font-size: 1em;
}
.order-success .order-info .btn-block {
  margin: 40px auto 30px;
  /*max-width: 200px;*/
}

/* LOOK BOOK */
.lookbook-page {}
.lookbook__item {}
.lookbook__item + .lookbook__item { margin-top: 100px; }
.lookbook__item .items__list {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  margin: -30px -15px 0;
}
  .lookbook__item .items__list .item {
    width: 50%;
    margin-top: 30px;
  }
  .lookbook__item .items__list .item .wrap {
    padding: 0 15px;
  }
  .lookbook__item .items__list .item:first-child { width: 100%; }
@media all and (max-width: 767px) {
  .lookbook__item .items__list {
    margin: -20px -10px 0;
  }
  .lookbook__item .items__list .item {
    margin-top: 20px;
  }
  .lookbook__item .items__list .item .wrap {
    padding: 0 10px;
  }
}
@media all and (max-width: 575px) {
  .lookbook__item .items__list {
    margin: -20px 0 0;
  }
  .lookbook__item .items__list .item { width: 100%; }
  .lookbook__item .items__list .item .wrap {
    padding: 0;
  }
}

/* PROMO PAGE */
.promo__list {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  margin: -30px -15px 50px;
}
.promo__list .item {
  width: 33.33333%;
  margin: 30px 0 0;
  padding: 0 15px;
}
.promo__list .item .wrap {
  position: relative;
  display: block;
}
  .promo__list .item .wrap span {
    display: block;
    padding: 20px 15px;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 5;
    color: #fff;
    font-weight: 700;
  }
  .promo__list .item .wrap:after {
    content: "";
    display: block;
    width: 100%;
    height: 60%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: linear-gradient(0deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 100%);
    z-index: 1;
  }
.promo-page.inner { padding-bottom: 80px;}
.promo-page.inner .image-main {
  margin-bottom: 40px;
}
.content-block {}
.content-block p {
  font-size: 1em;
}
@media all and (max-width: 991px) {
  .promo__list .item { width: 50%; }
}
@media all and (max-width: 767px) {
  .promo__list {
    margin: -20px -10px 50px;
  }
  .promo__list .item {
    margin: 20px 0 0;
    padding: 0 10px;
  }
}
@media all and (max-width: 575px) {
  .promo__list {
    margin: -20px 0 50px;
  }
  .promo__list .item {
    margin: 20px 0 0;
    padding: 0;
    width: 100%;
  }
}

/* BLOG PAGE */
.blog-page { padding-bottom: 80px !important; }
.blog__list {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  margin: -60px -15px 50px;
}
.blog__list .item {
  width: 33.33333%;
  margin: 60px 0 0;
  padding: 0 15px;
}
  .blog__list .item .image-block {
    margin-bottom: 20px;
  }
  .blog__list .item .image-block img { border-radius: 20px; }
  .blog__list .item .name {
    font-size: 1em;
    font-weight: 500;
  }
  .blog__list .item .date {
    font-size: .875em;
    color: #9A9A9A;
    margin-top: 10px;
  }
.blog-page.inner {}
.blog-page.inner .content-block {}
.content-block .btn-block { 
  display: inline-block; 
  margin-top: 30px;
}
  .content-block .btn-block .btn {
    padding-left: 30px;
    padding-right: 30px; 
  }
.content-block .list-ok {
  list-style: none;
  padding: 0;
  margin: 0 0 15px 0;
}
  .content-block .list-ok li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 10px;
    font-size: .875em;
  }
  .content-block .list-ok li .head {
    font-size: 1.125em;
    font-weight: 500;
  }
  .content-block .list-ok li:before {
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    left: 0;
    top: 50%;
    margin-top: -12px;
    background-image: url('../assets/images/svg/icon-ok-dark.svg');
    background-repeat: no-repeat;
  }
  .content-block ol {
    list-style: none;
    counter-reset: num;
    padding: 0;
    margin: 0;
  }
  .content-block ol > li {
    margin-bottom: 10px;
  }
  .content-block ol > li:before {
    content: counter(num) '.'; 
    font-weight: 600; 
    counter-increment: num;
    padding-right: 5px;
  }
  .content-block ol > li > ul > li { list-style-type: disc; }

.catalog-text {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  margin: 0 -10px 50px;
}
  .catalog-text .item {
    width: 20%;
    padding: 0 10px;
    margin: 20px 0 0;
  }
  .catalog-text .item .name {
    text-align: center;
    font-size: .875em;
    margin-top: 5px;
  }
@media all and (max-width: 991px) {
  .blog__list {
  }
  .blog__list .item {
    width: 50%;
  } 

  .catalog-text .item {
    width: 25%;
  }
}
@media all and (max-width: 767px) {
  .blog__list {
    margin: -40px -10px 50px;
  }
  .blog__list .item {
    margin: 40px 0 0;
    padding: 0 10px;
  }
  .catalog-text .item {
    width: 33.33333%;
  }
}
@media all and (max-width: 575px) {
  .blog__list {
    margin: -40px 0 50px;
  }
  .blog__list .item {
    padding: 0;
    width: 100%;
  }
  .catalog-text .item {
    width: 50%;
  }
}
@media all and (max-width: 420px) {
  .catalog-text { margin: 0; }
  .catalog-text .item {
    width: 100%;
    padding: 0;
  }
}

.orders-table tbody tr.hh-text td { padding-top: 0;}
.text-hidden {}
.text-hidden .text-block { 
  display: none;
}
.text-hidden.active .text-block { display: block; }
.text-hidden button {
  padding: 0;
  background: 0;
  border: none;
  display: flex;
  align-items: center;
}
  .text-hidden button:after {
    content: "";
    width: 10px;
    height: 10px;
    background-image: url('../assets/images/svg/carret-down.svg');
    background-position: center;
    background-repeat: no-repeat;
    margin-left: 5px;
  }
  .text-hidden.active button:after { 
    background-image: url('../assets/images/svg/carret-up.svg');
  }

.content-block .social-block {
  display: flex;
  align-items: center;
  gap: 30px;
}

.special-section { overflow: hidden; }
.js-last-q{
  color: var(--soft-red);
}
.btnTBank{
  color: #fff;
  background-color: var(--dark-gray)!important;
  max-width: unset!important;;
  min-height: unset!important;;
  font-weight: 500!important;;
  box-sizing: border-box!important;;
  padding: 13px 10px 10px 10px!important;

  border-radius: 37px!important;
  width: 100%!important;;
  font-size: 1em;
  font-family: "Montserrat", sans-serif;
  line-height: 2.4em;
}

.btnTBank:hover {
  background-color: var(--brown)!important;
  color: #fff;
}

#productModal {

}

#productModal .productModal_tableSizesModal {
  margin-bottom: 20px;
}

#productModal .catalog__card {
  max-width: none;
}

#productModal .catalog__card:hover {
  box-shadow: none;
}

#productModal .product-controls,
.block--product .product-controls {
  margin-top: 20px;
}