@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100..900;1,100..900&display=swap");

.roboto-thin {
  font-family: "Roboto", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.roboto-light {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.roboto-regular {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.roboto-medium {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.roboto-bold {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.roboto-black {
  font-family: "Roboto", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.roboto-thin-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.roboto-light-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.roboto-regular-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.roboto-medium-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.roboto-bold-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.roboto-black-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 900;
  font-style: italic;
}

/* Chrome, Safari, Edge, Opera */
/* Убирает стрелочки у числа в input */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

*,
*::after,
*::before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

*:focus:not(:focus-visible) {
  outline: none;
}

html,
body {
  font-size: 62.5%;
}

body {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #000;
}

body {
  margin: 0;
  padding: 0;
  /* Для вызова затемнённого меню */
  position: relative;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
}

a {
  text-decoration: none;
  color: #000;
}

button {
  cursor: pointer;
}

label:hover,
label:active,
label:focus,
input:hover,
input:active,
input:focus,
button:hover,
button:active,
button:focus,
textarea:hover,
textarea:active,
textarea:focus {
  outline: 0;
  outline-offset: 0;
}

button {
  border-width: 0;
  border-style: none;
  -o-border-image: none;
  border-image: none;
}

ul {
  text-decoration: none;
  list-style: none;
}

section {
  margin: 0;
  padding: 0;
}

.hidden {
  display: none !important;
}

/* Изменение rem при экранах от 1200px до 360px */
@media (max-width: 1200px) {

  html,
  body {
    font-size: calc(5px + 5 * (100vw - 360px) / 840);
  }
}

/* @import url('https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,300;0,400;500,600,700;0,900;1,900&display=swap'); */
/* Блок перемещён в _variables.scss */
/* :root {
    --color-gray-bg: #B6B8BC;
    --color-gray-menu: #CFD1D5;
    --color-gray-text: #929292;
    --color-black-text: #1E1D21;
    --color-black-btn-border: #28272B;

    --color-black: #2A2A2A;
    --color-red: #E31235;
    --color-white: #fff;

    --color-black-header-bg: #1E1D21;
    --color-black-footer: #1E1D21;
    --color-black-header-border: #333333;


    --color-green: #45AC34;

    --color-black-header-top: #28272B;

    --margin-60: 60px;
    --margin-40: 40px;
    --margin-50-20: 50px;
} */
/* responsive */
/* @media (max-width: 1199px) {
    :root {
        --margin-60: calc(30px + (60 - 30) * ((100vw - 320px) / (1199 - 320)));
        --margin-50-20: calc(20px + (50 - 20) * ((100vw - 320px) / (1199 - 320)))
    }
} */
/* responsive */
body {
  font-family: "Exo 2", sans-serif;
}

/* header main footer */
body {
  height: 100%;
  overflow-x: hidden;
}

.wrapper {
  min-height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow-x: hidden;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

/* header {} */
main {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

footer {
  display: none;
}

/* header main footer */
/* [class*="container"] {
    width: 100%;
    max-width: 1200px;
    min-width: 320px;
    margin: 0 auto;
    padding: 0 15px;
} */
[class*=container]:not(.fancybox__container, .mfilter-opts-container, .mfilter-options-container, .mfilter-slider-container) {
  width: 100%;
  /* max-width: 1170px; */
  max-width: 1200px;
  min-width: 320px;
  margin: 0 auto;
  padding: 0 15px;
}

button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: none;
}

input {
  border: 0;
  outline: none;
  color: var(--color-black);
  font-weight: 400;
}

textarea::-webkit-input-placeholder,
input::-webkit-input-placeholder {
  color: var(--color-gray-text);
}

textarea::-moz-placeholder,
input::-moz-placeholder {
  color: var(--color-gray-text);
}

textarea:-ms-input-placeholder,
input:-ms-input-placeholder {
  color: var(--color-gray-text);
}

textarea::-ms-input-placeholder,
input::-ms-input-placeholder {
  color: var(--color-gray-text);
}

textarea::placeholder,
input::placeholder {
  color: var(--color-gray-text);
}

textarea:focus::-webkit-input-placeholder,
input:focus::-webkit-input-placeholder {
  color: transparent;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

textarea:focus::-moz-placeholder,
input:focus::-moz-placeholder {
  color: transparent;
  -moz-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

textarea:focus:-ms-input-placeholder,
input:focus:-ms-input-placeholder {
  color: transparent;
  -ms-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

textarea:focus::-ms-input-placeholder,
input:focus::-ms-input-placeholder {
  color: transparent;
  -ms-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

textarea:focus::placeholder,
input:focus::placeholder {
  color: transparent;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

:where(a[class]) {
  text-decoration: none;
}

.d-flex-row-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 5px;
}

.d-flex-column-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 5px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.opacity-hover {
  -webkit-transition: opacity 0.3s ease 0s;
  transition: opacity 0.3s ease 0s;
}

.opacity-hover:hover {
  opacity: 0.75;
}

.black-hover {
  color: var(--color-black);
  -webkit-transition: color 0.3s ease 0s;
  transition: color 0.3s ease 0s;
}

.black-hover:hover {
  color: var(--color-red);
}

.text-center {
  text-align: center;
}

/* social */
.social-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* justify-content: space-between; */
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 15px;
}

/* .social-list__item {} */
.social-list__link {
  display: block;
  height: 36px;
  width: 36px;
}

@media (max-width: 767px) {
  [class*=container]:not(.fancybox__container, .mfilter-opts-container, .mfilter-options-container, .mfilter-slider-container) {
    padding: 0 20px;
  }
}

/* .social-list__link:hover {} */
/* .social-list__icon {} */
/* .social-list__item_telegram {} */
/* .social-list__item_viber {} */
/* .social-list__item_instagram {} */
/* social */
/* Ислкючение hover-бага на тач-устройствах (button) */
/* В структуре Block > a > img для создания дополнительного слоя */
/* над картинкой и изменения его прозрачности при наведении мыши */
/* Добавлено исключение залипания hover на мобильных */
/* То же, что и предыдущий, но с параметрами, определяющими непрозрачность */
/* opb = opacity before; opa = opacity after */
/* Центрирование отдельной секции страницы */
.center {
  /*    padding-left: calc(50% - 60.0rem);
  padding-right: calc(50% - 60.0rem); */
  margin: 0 auto;
}

/* Общий стиль для контейнера секции страницы */
/* .container {
   display: flex;
   max-width: 120.0rem;
   padding-left: 20px;
   padding-right: 20px;
} */
/* Стрелка слайдера вправо */
/* и Стрелка слайдера влево */
.arrow-right,
.arrow-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 36px;
  height: 36px;
  background-color: #F1C9A5;
  stroke: #8B4513;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.arrow-right:hover,
.arrow-left:hover {
  background-color: #A66321;
  stroke: #fff;
}

/* Блок суммирования цены по примеру корзины (1200 руб. + 1 -) */
.price-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 500;
  color: #2A2A2A;
}

.price-block__price {
  font-size: 32px;
  color: #2A2A2A;
  font-weight: 500;
}

.price-block__minus,
.price-block__plus {
  width: 24px;
  height: 24px;
  border: 1px solid #8B4513;
  border-radius: 2px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.price-block__minus svg,
.price-block__plus svg {
  stroke: #2A2A2A;
}

.price-block__minus:hover,
.price-block__plus:hover {
  background-color: #A66321;
}

.price-block__minus:hover svg,
.price-block__plus:hover svg {
  stroke: #fff;
}

.price-block__minus {
  margin-left: 30px;
  margin-right: 14px;
  padding-top: 6px;
}

.price-block__minus svg {
  margin-bottom: 5px;
}

.price-block__counter {
  width: 10px;
  color: #2A2A2A;
  background-color: #fff;
  border: none;
  font-size: 16px;
}

.price-block__plus {
  margin-left: 14px;
  margin-right: 20px;
}

.price-block__plus svg {
  margin-bottom: -1px;
}

/* Делает блок прозрачным */
.opacity--zero {
  opacity: 0;
  pointer-events: none;
  /* background-color: rgba(255, 255, 255, 0); */
}

/* Делает блок непрозрачным */
.opacity--max {
  opacity: 1;
  pointer-events: all;
  /* background-color: rgba(255, 255, 255, 1); */
}

/* Удаляет блок из DOM */
.display--none {
  display: none;
}

/* Возвращает блок в DOM */
.display--block {
  display: block;
}

/* Возвращает флекс-блок в DOM */
.display--flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

/* $project-bg: #F2E8DE;
$project-color: #8B4513; */
:root {
  --color-gray-bg: #B6B8BC;
  --color-gray-menu: #CFD1D5;
  --color-gray-text: #929292;
  --color-gray-header-bg: #E6E6E7;
  --color-grey-form-bg: #F7F7F8;
  --color-black-text: #1E1D21;
  --color-black-header-bg: #1E1D21;
  --color-black-footer: #1E1D21;
  --color-black-btn-border: #28272B;
  --color-black-header-top: #28272B;
  --color-black: #2A2A2A;
  --color-black-header-border: #333333;
  --color-red: #E31235;
  --color-green: #45AC34;
  --color-white: #fff;
  --margin-60: 60px;
  --margin-40: 40px;
  --margin-50-20: 50px;
  --margin-50-30: 50px;
  --margin-100-50: 100px;
  --margin-100-40: 100px;
  --border-radius-6: 6px;
  --font-size-48-20: 48px;
  --font-size-36-18: 36px;
  --font-size-20-16: 20px;
  --font-size-16-14: 16px;
  --font-size-16-13: 16px;
  --font-size-16-12: 16px;
  --font-size-16-11: 16px;
  --font-size-16-10: 16px;
  --font-size-14-12: 14px;
  --font-size-14-11: 14px;
  --font-size-14-10: 14px;
  --font-size-12-10: 12px;
}

/* Responsive */
@media (max-width: 1199px) {
  :root {
    --margin-60: calc(30px + (60 - 30) * ((100vw - 320px) / (1199 - 320)));
    --margin-50-20: calc(20px + (50 - 20) * ((100vw - 320px) / (1199 - 320)));
    --margin-50-30: calc(30px + (50 - 30) * ((100vw - 320px) / (1199 - 320)));
    --margin-100-50: calc(50px + (100 - 50) * ((100vw - 320px) / (1199 - 320)));
    --margin-100-40: calc(40px + (100 - 40) * ((100vw - 320px) / (1199 - 320)));
    --font-size-48-20: calc(20px + (48 - 20) * ((100vw - 320px) / (1199 - 320)));
    --font-size-36-18: calc(18px + (36 - 18) * ((100vw - 320px) / (1199 - 320)));
    --font-size-20-16: calc(16px + (20 - 16) * ((100vw - 320px) / (1199 - 320)));
    --font-size-16-14: calc(14px + (16 - 14) * ((100vw - 320px) / (1199 - 320)));
    --font-size-16-13: calc(13px + (16 - 13) * ((100vw - 320px) / (1199 - 320)));
    --font-size-16-12: calc(12px + (16 - 12) * ((100vw - 320px) / (1199 - 320)));
    --font-size-16-11: calc(11px + (16 - 11) * ((100vw - 320px) / (1199 - 320)));
    --font-size-16-10: calc(10px + (16 - 10) * ((100vw - 320px) / (1199 - 320)));
    --font-size-14-12: calc(12px + (14 - 12) * ((100vw - 320px) / (1199 - 320)));
    --font-size-14-11: calc(11px + (14 - 11) * ((100vw - 320px) / (1199 - 320)));
    --font-size-14-10: calc(10px + (14 - 10) * ((100vw - 320px) / (1199 - 320)));
    --font-size-12-10: calc(10px + (12 - 10) * ((100vw - 320px) / (1199 - 320)));
  }
}

.product-card {
  padding-top: 65px;
  padding-bottom: 66px;
}

.product-card__title {
  font-size: 24px;
  line-height: 120%;
  color: var(--color-black-text);
  font-weight: 500;
  max-width: 1040px;
  text-transform: uppercase;
  margin-bottom: 17px;
}

.product-view {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 150px;
  margin-bottom: 60px;
}

.product-view:has(.product-item__sticker--5) {
  filter: grayscale(1);
  opacity: .75;
}

.product-images {
  max-width: 470px;
  margin-top: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.product-slider__main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden;
  /* width: 470px; */
  max-width: 470px;

  position: relative;
}

.product-slider__main-swiper-arrow-wrapper {
  /* position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  top: 0;
  right: 0;
  z-index: 1; */

  display: contents;

  .product-slider__main-swiper-arrow-left,
  .product-slider__main-swiper-arrow-right {
    cursor: pointer;
    background-color: #f5f5f5;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;

    position: absolute;
    top: 50%;
    margin-top: -20px;
    z-index: 1;

    opacity: .75;

    transition: all 0.3s ease;

    &:hover {
      /* background-color: #eee; */
      opacity: 1;
    }

    img {
      max-width: 8px;
    }
  }

  .product-slider__main-swiper-arrow-left {
    left: 20px;
  }

  .product-slider__main-swiper-arrow-right {
    right: 20px;
  }
}






.product-slider__main-slide.swiper-slide {
  /* width: 100%; */
  /* max-width: 470px; */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  overflow: hidden;
}

.product-slider__main-img {
  /* width: 100%; */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  max-width: 470px;
  overflow: hidden;
}

.product-slider__main-img img {
  width: 100%;
}

.product-slider__module {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden;
  margin-top: 25px;
  gap: 30px;
  /* max-width: 345px; */
  width: 345px;
  /*  */
}

.product-slider__arrow-left,
.product-slider__arrow-right {
  cursor: pointer;
  width: 8px;
  height: 15px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.product-slider__slide {}

.product-slider__slide.swiper-slide {
  /* width: 68px !important; */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  /* width: unset !important; */

  /* position: relative; */
  /* right: -7px; */

  min-width: 68px;
}

.product-slider__slide.swiper-slide img {
  /* width: 70px; */
  /* width: 100%; */

  border: 1px solid var(--color-gray-header-bg);
  border-radius: var(--border-radius-6);
  overflow: hidden;


}

.product-slider__slide.swiper-slide.swiper-slide-thumb-active img {
  border: 1px solid var(--color-red);
}

.product-info {
  max-width: 424px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.product-info--lacoste {
  margin-bottom: 20px;
}

.product-code {
  margin-bottom: 20px;
  /* font: 500 16px $font-family; */
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
  color: #929292;
}

.price-and-counter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: 40px;
  margin-bottom: 10px;

  .product-item__price-old {
    font-size: 16px;
  }

  .product-item__price-current {
    font-size: 22px;
  }

  .product-item__price-sale-percent {
    font-size: 16px;
  }
}

.price-and-counter .product-counter {
  display: none;
  margin-right: 0;
}

.product-card__stickers.product-item__stickers {
  position: static;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 10px;
}

.variants-title,
.sizes-title {
  font-size: 18px;
  /* color: #1e1d21; */
  color: var(--color-black-text);
  font-weight: 400;
  margin-bottom: 10px;
}

.variants-images {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  margin-bottom: 15px;
}

.variants-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 70px;
  border: 1px solid #e6e6e7;
  border-radius: 6px;
  overflow: hidden;

  &.active {
    border-color: var(--color-red);
  }
}

.variants-image a:hover {
  opacity: 0.8;
}

.product-sizes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  margin-bottom: 50px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.product-sizes>div,
.product-sizes>div>div {
  display: contents;
}

.custom-radio {
  display: inline-block;
  min-width: 60px;
  height: 40px;
  text-align: center;
  line-height: 100%;
  border: 1px solid #e6e6e7;
  padding-top: 9px;
  padding-bottom: 9px;
  border-radius: 6px;
  font-size: 18px;
  color: var(--color-black-text);
  cursor: pointer;
}

.real-radio {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  z-index: -1;
}

.real-radio:checked+.custom-radio {
  border: 1px solid var(--color-red);
  color: var(--color-red);
}

.product-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.product-counter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 25px;
  /* justify-content: space-between; */
}

.product__btn--minus,
.product__btn--plus {
  display: inline-block;
  width: 24px;
  height: 24px;
  font-size: 16px;
  color: var(--color-black-text);
  border: 1px solid #e6e6e7;
  border-radius: 2px;
  padding-left: 3px;
}

.product__btn--minus:hover,
.product__btn--plus:hover {
  background-color: #E6E6E7;
}

.product-number {
  font-size: 16px;
  width: 32px;
  color: var(--color-black-text);
  display: inline-block;
  text-align: center;
}

.red-btn__white-cart {
  background-color: #E31235;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 7px 22px 10px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border: 1px solid #E31235;
  border-radius: 6px;
  margin-right: 10px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

/* .red-btn__white-cart--6 {
  background-color: #4374E7;
  border-color: #4374E7;
} */

.red-btn__white-cart:hover {
  opacity: 0.7;
}

.red-btn__white-cart span {
  /* display: inline-block; */
  color: #ffffff;
  font-size: 15px;
  font-weight: 400;
}

.white-btn {
  /* display: inline-block; */
  padding: 7px 17px 10px;
  background-color: transparent;
  color: var(--color-black-text);
  font-size: 15px;
  border: 1px solid var(--color-black-btn-border);
  border-radius: 6px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.white-btn:hover {
  opacity: 0.7;
}

.product-description__tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-bottom: -2px;
  padding-left: 40px;
  gap: 10px;
}

.product-description__header {
  padding: 16px 20px 14px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 6px 6px 0 0;
  font-size: 14px;
  font-weight: 600;
  color: var(--color-black-text);
  text-transform: uppercase;
  background: #ffffff;
  border: 2px solid #e6e6e7;
  cursor: pointer;
}

.product-description__header:first-child {
  margin-left: 40px;
}

.product-description__header.active {
  background: #e6e6e7;
}

.product-description__header:hover {
  opacity: 0.7;
}

.real-radio:checked+.product-description__header {
  background: #e6e6e7;
}

.product-description__info {
  border: 2px solid #e6e6e7;
  border-radius: 6px;
  padding: 30px 20px;
}

.info--hidden {
  display: none;
}

.product-description__info p {
  font-size: 18px;
  font-weight: 300;
  color: var(--color-black-text);
  margin-bottom: 16px;
}

.product-description__table-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  width: 100%;
}

.product-description__table-row~.product-description__table-row {
  margin-top: 10px;
}

.product-description__table-column--1,
.product-description__table-column--2 {
  border: 1px solid #e6e6e7;
  border-radius: 4px;
  font-size: 14px;
  color: var(--color-black-text);
}

.product-description__table-column--1 {
  background: #e6e6e7;
  width: 33.62%;
  padding-top: 4px;
  padding-bottom: 5px;
  padding-left: 10px;
}

.product-description__table-column--2 {
  background: #fff;
  width: 65.487%;
  padding-top: 5px;
  padding-bottom: 4px;
  padding-left: 14px;
}

.module-swiper.products-swiper {
  margin-bottom: 100px;
}

.module-swiper__heading.products-swiper__heading.fz-32 {
  font-size: 32px;
}

/* .product-item.product-item_options {
   height: 442px;
} */
/* responsive */
@media (max-width: 1199px) {
  .module-swiper__heading.products-swiper__heading.fz-32 {
    font-size: calc(20px + 12 * (100vw - 320px) / 879);
  }

  .module-swiper.products-swiper {
    margin-bottom: calc(50px + 50 * (100vw - 320px) / 879);
  }

  .product-card {
    padding-top: calc(20px + 45 * (100vw - 320px) / 879);
    padding-bottom: calc(30px + 36 * (100vw - 320px) / 879);
  }

  .product-card__title {
    font-size: calc(16px + 8 * (100vw - 320px) / 879);
    font-weight: 500;
    max-width: 1040px;
    margin-bottom: 17px;
  }

  .product-view {
    gap: calc(20px + 130 * (100vw - 992px) / 207);
    margin-bottom: calc(30px + 30 * (100vw - 320px) / 879);
  }

  .product-card .product-item__stickers {
    top: calc(30px + 5 * (100vw - 320px) / 879);
    gap: 10px;
  }

  .product-card .product-item__sticker {
    --border-radius: 6px;
    font-size: 12px;
    padding-bottom: 5px;
    padding-top: 3px;
    height: 20px;
    /* width: 87px; */
    width: unset;
  }

  .product-view .product-item__sticker {
    padding-inline: 10px;
  }

  .price-and-counter .product-item__price-old {
    font-size: 14px;
  }

  .price-and-counter .product-item__price-current {
    font-size: 18px;
  }

  .price-and-counter .product-item__price-sale-percent {
    font-size: 14px;
  }

  .product-sizes {
    margin-bottom: calc(40px + 10 * (100vw - 320px) / 879);
  }

  .product-description__tabs {
    padding-left: calc(20px + 20 * (100vw - 320px) / 879);
  }

  .product-description__header {
    font-size: calc(12px + 2 * (100vw - 320px) / 879);
  }

  .product-description__info p {
    font-size: calc(15px + 3 * (100vw - 320px) / 879);
    margin-bottom: calc(20px + -4 * (100vw - 320px) / 879);
  }
}

@media (max-width: 992px) {
  .product-view {
    gap: 20px;
  }

  .price-and-counter .product-counter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .product-buttons .product-counter {
    display: none;
  }
}

@media (max-width: 860px) {
  .product-view {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .product-info {
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }

  .product-slider__main {
    width: calc(378px + 92 * (100vw - 767px) / 93);
    /* width: 470px; */
  }

  .product-slider__main-img {
    width: calc(378px + 92 * (100vw - 767px) / 93);
  }
}

@media (max-width: 767px) {
  .product-view {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .product-images {
    -ms-flex-item-align: center;
    align-self: center;
    margin-top: 0;
  }

  .product-slider__main {
    width: 378px;
  }

  .product-slider__main-img {
    width: 378px;
  }

  .product-info {
    /* max-width: none; */
    width: 100%;
    max-width: 100%;
    -ms-flex-item-align: center;
    align-self: center;
  }

  .product-info--lacoste {
    -ms-flex-item-align: center;
    align-self: center;
  }

  .sizes-title {
    max-width: 175px;
  }

  .product-buttons {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 10px;
  }

  .red-btn__white-cart {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 135px;
    padding: 6px 0 9px;
    margin-right: 0;
    /* padding: 6px 20px 9px 20px; */
  }

  .white-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 135px;
    padding: 6px 0 9px;
    /* padding: 6px 15px 9px 15px; */
  }

  .product-description__info {
    /* padding: 30px 0; */
    border-radius: 0;
  }

  .product-description__table {
    gap: 10px;
  }

  .product-description__table-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0;
  }

  [class^=product-description__table-column] {
    width: 100%;
    letter-spacing: -0.3px;
  }
}

@media (max-width: 420px) {
  .product-slider__main {
    width: calc(280px + 100 * (100vw - 320px) / 100);
  }

  .product-slider__main-img {
    width: calc(280px + 98 * (100vw - 320px) / 100);
  }
}

@media (max-width: 479px) {
  .product-slider__module {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    margin-top: 25px;
    /* gap: 20px; */
    width: 245px;
    /*  */
  }
}

/* .cart.page-header__wrapper {
    margin-top: var(--margin-50-20);
    margin-bottom: 20px;
} */
.order-info {
  max-width: 66.2%;
}

.order__title {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  background-color: var(--color-gray-header-bg);
  /* border-radius: var(--border-radius-6); */
  border-radius: 0 0 var(--border-radius-6) var(--border-radius-6);
  border: 2px solid var(--color-gray-header-bg);
  /* border-radius: 6px; */
  padding: 5px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.order__title-text {
  font-size: 20px;
  font-weight: 500;
  text-transform: uppercase;
  color: var(--color-black-text);
}

.goods>.order__title {
  border-radius: var(--border-radius-6);
}

.page-header__wrapper.cart {
  margin-top: var(--margin-50-20);
  margin-bottom: 20px;
}

.goods {
  /* margin-bottom: 30px; */
}

.goods__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  /* gap: var(--margin-50-20); */
}

.goods-items {
  margin-top: var(--margin-50-20);
  margin-bottom: calc(var(--margin-60) / 2);
}

.goods-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: 20px;
}

.goods-item__img {
  width: 100px;
  min-width: 80px;
  height: auto;
}

.goods-item__img img {
  width: 100%;
}

.goods-item__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 2px;
  max-width: 350px;
}

.goods-item__info-txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
  /* gap: 10px; */
}

.goods-item__money-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  gap: 38px;
}

.goods-item__price {
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.goods-item:not(:last-child) {
  margin-bottom: 10px;
}

.goods-item {
  /* padding-right: 20px; */
}

.goods-item__price-and-cart {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
}

.goods-item__price {
  font-size: var(--font-size-16-12);
  font-weight: 500;
  text-transform: uppercase;
  text-align: right;
  color: #1e1d21;
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
  min-width: 115px;
}

.goods-item__cart-img {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.goods-item__cart-img img {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.goods-item__cart-img {
  width: 14px;
  height: 19px;
}

.cart .goods-item__info .category {
  font-size: var(--font-size-16-11);
  font-weight: 500;
  color: var(--color-gray-text);
}

.cart .goods-item__info .name {
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  color: var(--color-black-text);
}

.more-info span {
  font-size: var(--font-size-14-10);
  color: var(--color-gray-text);
}

.size {
  font-size: 14px;
  font-weight: 400;
  color: var(--color-gray-text);
}

.count-complete__unit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 10px;
}

.goods-item .product-counter {
  margin: 0;
  margin-left: 10px;
}

.order-review {
  border: 2px solid var(--color-gray-header-bg);
  border-radius: var(--border-radius-6);
  width: 30%;
}

.order-review .order__title-text {
  font-weight: 400;
  text-transform: none;
}

.order-calculation {
  padding: 20px 20px 30px;
}

.order-calculation span {
  font-size: 20px;
  font-weight: 500;
  color: var(--color-black-text);
}

.order-calculation__sum,
.order-calculation__delivery,
.order-calculation__result {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;

  gap: 10px;
}

.order-calculation__sum {
  margin-bottom: 15px;
}

.order-calculation__delivery {
  margin-bottom: 15px;
}

.order-calculation__discount-code {
  position: relative;
  width: 100%;
  font-size: 20px;
  padding-top: 4px;
  margin-bottom: 32px;
  /* padding: 12px 17px; */
  height: 35px;
  padding-left: 17px;
  border: 1px solid var(--color-gray-header-bg);
  border-radius: var(--border-radius-6);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

.order-calculation__discount-code::-webkit-input-placeholder {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 16px;
  font-weight: 400;
  color: var(--color-gray-text);
}

.order-calculation__discount-code::-moz-placeholder {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 16px;
  font-weight: 400;
  color: var(--color-gray-text);
}

.order-calculation__discount-code:-ms-input-placeholder {
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 16px;
  font-weight: 400;
  color: var(--color-gray-text);
}

.order-calculation__discount-code::-ms-input-placeholder {
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 16px;
  font-weight: 400;
  color: var(--color-gray-text);
}

.order-calculation__discount-code::placeholder {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 16px;
  font-weight: 400;
  color: var(--color-gray-text);
}

.order-calculation__sum--total span,
.order-calculation__result span {
  font-weight: 600;
}

.delivery {
  border: 2px solid var(--color-gray-header-bg);
  border-radius: var(--border-radius-6);
  margin-bottom: 30px;
  /* border-radius: 6px; */
}

.delivery__list {
  padding: 20px 20px 30px;
}

.delivery__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.delivery__info {
  font-size: 13px;
  line-height: 130%;
  padding: 5px 10px;
  border: 1px solid #eee;
  border-radius: 5px;
  margin-block: 7px;

  p:not(:last-child) {
    padding-bottom: 10px;
  }

  a {
    color: #E31235;
    text-decoration: underline;
  }

  a:hover {
    text-decoration: none;
  }
}

.delivery .filter__custom-radio {
  margin: 0 10px 0 0;
}

.delivery__price {
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
  text-align: right;
  color: var(--color-black-text);
}

.payment {
  border: 2px solid var(--color-gray-header-bg);
  border-radius: var(--border-radius-6);
  margin-bottom: 30px;
}

.payment__logos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 20px;
  padding: 30px 45px;
}

.payment__logo {
  display: inline-block;
  border: 1px solid var(--color-gray-header-bg);
  border-radius: var(--border-radius-6);
}

.payment__logo.custom-radio {
  width: 80px;
  height: 60px;
  padding: 0;
}

.authentication {
  margin-bottom: 100px;
}

.authentication__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  /* gap: var(--margin-50-20); */
}

.registration {
  width: 66.2%;
  border: 2px solid var(--color-gray-header-bg);
  border-radius: var(--border-radius-6);
}

.registration__title {
  /* width: 100%; */
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  background-color: var(--color-gray-header-bg);
  border-radius: 0 0 var(--border-radius-6) var(--border-radius-6);
  border: 2px solid var(--color-gray-header-bg);
  /* border-radius: 6px; */
  padding: 5px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 18px;
}

.registration__title-text {
  font-size: 20px;
  font-weight: 500;
  text-transform: uppercase;
  color: var(--color-black-text);
}

.registration__title.no-border-radius {
  border-radius: 0;
}

.registration__title--address {
  margin-bottom: 0;
}

.registration__tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 20px;
  margin-bottom: 30px;
  margin-right: 20px;
}

.registration__tab {
  position: relative;
}

.registration__tab a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  text-decoration: none;
  color: transparent;
}

.registration__requisites {
  padding: 0 20px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(232px, 1fr));
  gap: 20px 20px;
  margin-top: 30px;
  margin-bottom: 30px;
}

.registration__address {
  padding: 0 20px;

  margin-top: 12px;
  margin-bottom: 30px;

  >div {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(232px, 1fr));
    /* grid-template-columns: repeat(2, minmax(232px, 1fr)); */
    gap: 20px 20px;
  }
}

.registration--submit,
.authorization--submit {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 4px;
}

.btn-red {
  display: inline-block;
  width: 100%;
  border-radius: 4px;
  padding: 13px;
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  color: #fff;

  cursor: pointer;

  transition: all 0.3s ease 0s;

  background-color: var(--color-red);

  &:hover {
    background-color: var(--color-black-btn-border);
  }
}

.authorization--submit button,
.registration--submit button,
.registration--submit .button,
.registration--submit input,
.authorization--submit input {
  display: inline-block;
  width: 100%;
  border-radius: 4px;
  padding: 13px;
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  color: #fff;

  transition: all 0.3s ease 0s;
}

.registration--submit.person .button:hover,
.registration--submit button:hover,
.registration--submit .button:hover {
  background-color: var(--color-black-btn-border);
}

.registration--submit {
  grid-column: -2/-1;
}

.registration--submit.person .button,
.registration--submit.person button,
.registration--submit.person input {
  background-color: var(--color-red);
}

.registration--submit.company input {
  background-color: var(--color-black-btn-border);
}

.authorization--submit.person input {
  background-color: var(--color-red);
}

.authorization--submit.company input {
  background-color: var(--color-black-btn-border);
}

.company .registration__requisites {
  margin: 30px 0 20px;
}

.company .registration__nds-checkbox {
  margin-bottom: 30px;
}

.company .registration__address-checkbox {
  grid-column: 1/-1;
}

.requisites-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.requisites-item label {
  font-size: 20px;
  font-weight: 400;
  color: var(--color-black-text);
  margin-bottom: 4px;
  padding-left: 20px;
}

.requisites-item label span {
  color: var(--color-red);
}

/* responsive */
@media (max-width: 480px) {
  .requisites-item.button label {
    display: none;
  }
}

/* responsive */

.requisites-item input {
  padding: 16px 20px 15px;
  border: 1px solid var(--color-gray-header-bg);
  border-radius: var(--border-radius-6);
  font-size: var(--font-size-16-14);
  font-weight: 400;
  line-height: 100%;
  /*             width: 355px;
  height: 50px; */

  width: 100%;

  &.error {
    border-color: var(--color-red);
  }
}

.requisites-item textarea {
  padding: 16px 20px 15px;
  border: 1px solid var(--color-gray-header-bg);
  border-radius: var(--border-radius-6);
  font-size: var(--font-size-16-14);
  font-weight: 400;
  line-height: 100%;
  width: 100%;
  resize: none;
  min-height: 100px;

  &.error {
    border-color: var(--color-red);
  }
}

.requisites-item .text-danger {
  padding: 5px 0 0 5px;
}

.requisites-item select {
  padding: 16px 20px 15px;
  border: 1px solid var(--color-gray-header-bg);
  border-radius: var(--border-radius-6);
  font-size: var(--font-size-16-14);
  font-weight: 400;
  line-height: 100%;

  appearance: none;
  /* Убираем стандартный стиль */
  background-image: url('./../image/category/drop_down_arrow.svg');
  /* Устанавливаем кастомное изображение */
  background-repeat: no-repeat;
  background-position: right 10px center;
  /* Позиционирование изображения */
  background-size: 12px;
  /* Размер изображения */
  width: 100%;
}

.requisites-item input[data-valid="false"] {
  border-color: red;
}

.requisites-item input::-webkit-input-placeholder {
  font-size: 16px;
  font-weight: 400;
  color: var(--color-gray-text);
}

.requisites-item input::-moz-placeholder {
  font-size: 16px;
  font-weight: 400;
  color: var(--color-gray-text);
}

.requisites-item input:-ms-input-placeholder {
  font-size: 16px;
  font-weight: 400;
  color: var(--color-gray-text);
}

.requisites-item input::-ms-input-placeholder {
  font-size: 16px;
  font-weight: 400;
  color: var(--color-gray-text);
}

.requisites-item input::placeholder {
  font-size: 16px;
  font-weight: 400;
  color: var(--color-gray-text);
}

.authorization {
  width: 31.6%;
  border-radius: var(--border-radius-6);
  border: 2px solid var(--color-gray-header-bg);
  -ms-flex-negative: 0;
  flex-shrink: 0;
  /*     & label {
      margin-top: 20px;
  } */
}

.authorization form {
  padding: 0 20px 30px;
}

.authorization .registration__title {
  margin-bottom: 0;
}

.authorization--submit {
  margin-top: 30px;
}

.registration--submit {
  margin-top: 10px;
}

/* Медиа - запросы */
@media (max-width: 1199px) {
  .goods-items {
    margin-top: calc(20px + 30 * (100vw - 360px) / 839);
  }

  .goods-item {
    gap: calc(10px + 10 * (100vw - 768px) / 431);
  }

  .goods-item__money-block {
    gap: calc(8px + 30 * (100vw - 768px) / 431);
  }

  .cart .goods-item__info .category {
    font-size: calc(11px + 5 * (100vw - 320px) / 879);
  }

  .cart .goods-item__info .name {
    font-size: calc(10px + 4 * (100vw - 320px) / 879);
  }

  .goods-item__price {
    font-size: calc(12px + 4 * (100vw - 320px) / 879);
  }

  .more-info span {
    font-size: calc(10px + 4 * (100vw - 320px) / 879);
  }

  .order__title-text {
    font-size: calc(16px + 4 * (100vw - 768px) / 431);
  }

  .order-calculation span {
    font-size: calc(16px + 4 * (100vw - 768px) / 431);
  }

  .authentication {
    margin-bottom: calc(50px + 50 * (100vw - 320px) / 879);
  }

  .requisites-item input::-webkit-input-placeholder {
    font-size: calc(14px + 2 * (100vw - 320px) / 879);
  }

  .requisites-item input::-moz-placeholder {
    font-size: calc(14px + 2 * (100vw - 320px) / 879);
  }

  .requisites-item input:-ms-input-placeholder {
    font-size: calc(14px + 2 * (100vw - 320px) / 879);
  }

  .requisites-item input::-ms-input-placeholder {
    font-size: calc(14px + 2 * (100vw - 320px) / 879);
  }

  .requisites-item input::placeholder {
    font-size: calc(14px + 2 * (100vw - 320px) / 879);
  }

  .company .registration__nds-checkbox {
    margin-bottom: calc(50px + -20 * (100vw - 320px) / 879);
  }

  .company .registration__address,
  .person .registration__address {
    margin-top: calc(20px + -8 * (100vw - 320px) / 879);
    margin-bottom: calc(40px + -10 * (100vw - 320px) / 879);
  }

  .company .registration__address.legal,
  .person .registration__address.legal {
    margin-bottom: calc(40px + -10 * (100vw - 320px) / 879);
  }
}

@media (max-width: 1040px) {

  /* ------------- @media 767 --------------------------- */
  .authentication__container {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 30px;
  }

  .authorization {
    width: 328px;
  }

  .registration {
    max-width: 527px;
  }
}

/* ------------- @media 767 --------------------------- */
@media (max-width: 767px) {
  .goods__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }

  .order-review {
    width: 100%;
    margin-bottom: 20px;
  }

  .order-info {
    max-width: 100%;
    width: 100%;
  }

  .goods {
    /* margin-bottom: 20px; */
  }

  .goods-items {
    margin-top: 20px;
  }

  .goods-item {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    gap: calc(10px + 10 * (100vw - 320px) / 447);
  }

  .goods-item__money-block {
    gap: calc(8px + 30 * (100vw - 575px) / 192);
  }

  .goods-item__info {
    max-width: calc(178px + 172 * (100vw - 575px) / 192);
  }

  .goods-item__info-txt {
    /* gap: 20px; */
    gap: 0;
  }

  .goods-item__price {
    min-width: 91px;
  }

  .delivery {
    margin-bottom: 20px;
  }

  .payment {
    margin-bottom: 20px;
  }

  .order__title-text {
    font-size: 20px;
  }

  .order-calculation span {
    font-size: 20px;
  }

  /*     .authentication {
      margin-bottom: 0;
  } */
  .authentication__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }

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

  .authorization--submit {
    margin-bottom: 10px;
  }

  .registration {
    width: 100%;
    max-width: initial;
  }
}

/* ------------- @media 637 --------------------------- */
@media (max-width: 637px) {

  .registration__requisites,
  .registration__address {
    grid-template-columns: repeat(auto-fit, minmax(267px, 1fr));
  }
}

/* ------------- / @media 637 --------------------------- */
/* ------------- / @media 767 --------------------------- */
@media (max-width: 575px) {
  .page-header__wrapper.cart {
    margin-top: 20px;
  }

  .cart .goods__container {
    padding-left: 0;
    padding-right: 0;
  }

  .cart.authentication__container {
    padding: 0 0;
  }

  .goods>.order__title {
    border-radius: 0;
  }

  .cart .goods-item {
    margin-left: 0px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .goods-item .product-counter {
    margin: 0;
    /* margin-left: 0; */
  }

  .goods-item__info {
    max-width: none;
  }

  .goods-item__info-txt {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    /* max-width: fit-content; */
  }

  .goods-item__money-block {
    gap: calc(0px + 20 * (100vw - 320px) / 255);
  }

  .goods-item__price {
    min-width: 91px;
  }

  .count-complete__unit {
    gap: 8px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
  }

  .product-number {
    width: 26px;
  }

  [class$=-checkbox] label {
    font-size: 15px;
  }
}

.add-to-cart.fancybox__content.pop-up {
  position: absolute;
  right: 0;
}

.pop-up.add-to-cart {
  position: relative;
  padding: 0;
  padding-top: 30px;
  max-width: 370px;
  border-radius: var(--border-radius-6) 0 0 var(--border-radius-6);
}

.add-to-cart__title {
  padding: 10px 20px;
  background-color: var(--color-black-header-top);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  margin-bottom: 30px;
}

.add-to-cart span {
  font-size: 22px;
  font-weight: 400;
  color: #fff;
}

.add-to-cart__result-price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 20px;
  margin-bottom: 30px;
}

.add-to-cart__result-price span {
  font-size: 18px;
  font-weight: 500;
  color: var(--color-black-header-border);
}

.add-to-cart .pop-up.product-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  width: 222px;
  margin: 0 auto;
  margin-bottom: 30px;
}

.add-to-cart .pop-up.product-buttons [class*=-btn] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  font-size: 16px;
  margin: 0;
  padding-left: 0;
  padding-right: 0;
}

.add-to-cart .pop-up.product-buttons [class*=-btn] span {
  font-size: 16px;
}

.pop-up .goods {
  padding-left: 20px;
  padding-right: 20px;
}

.pop-up .goods-items {
  margin: 0;
  padding-bottom: 30px;
  border-bottom: 1px solid var(--color-black-header-top);
  margin-bottom: 20px;
}

.pop-up .goods-item {
  gap: 10px;
}

.pop-up .goods-item__img {
  width: 80px;
}

.pop-up .goods-item__info {
  max-width: 100%;
  /*             & .more-info {
      display: flex;
  } */
}

.pop-up .goods-item__info .category {
  font-size: 16px;
  margin-bottom: 5px;
}

.pop-up .goods-item__info .name {
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  /* margin-bottom: 10px; */
  /* text-wrap: wrap; */
  white-space: normal;
  overflow-wrap: break-word;
}

.pop-up .goods-item__info .more-info {
  /* display: none; */
  margin-bottom: 10px;
}

.pop-up .goods-item__info .more-info span {
  font-size: var(--font-size-14-10);
  color: var(--color-gray-text);
}

.pop-up .goods-item__info-txt {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  /* max-width: 200px; */
}

.pop-up .goods-item__money-block {
  width: 100%;
  gap: 8px;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
}

.pop-up .goods-item__price {
  font-size: 14px;
}

.pop-up .goods-item .product-counter {
  margin-left: 0;
}

@media (max-width: 767px) {
  .pop-up .goods-item__info .category {
    font-size: calc(11px + 5 * (100vw - 320px) / 447);
  }

  .pop-up .goods-item__info .name {
    font-size: calc(10px + 4 * (100vw - 320px) / 447);
  }

  .pop-up .goods-item__price {
    font-size: calc(12px + 2 * (100vw - 320px) / 447);
  }

  .add-to-cart__title span {
    font-size: calc(16px + 6 * (100vw - 320px) / 447);
  }
}

.product-item {
  position: relative;
  border-radius: 6px;
  /* border-radius: 6px 6px 0 0; */
  border: 1px solid #E6E6E7;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 30px;
  padding-bottom: 20px;
  line-height: 1;
}

.product-item__wishlist-button {
  display: block;
  width: 20px;
  height: 20px;
  background: url("../icons/product/heart_empty.svg") no-repeat center center/18px 18px;
  cursor: pointer;
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 2;
}

.product-item__wishlist-button.active {
  background-image: url("../icons/product/heart_fill.svg");
}

.product-item__stickers {
  position: static;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 10px;
  margin-bottom: 20px;
}

.product-item__sticker {
  border-radius: var(--border-radius);
  padding-top: 1px;
  display: none;
}

.product-item__sticker.active {
  border-radius: var(--border-radius);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.product-item__content {
  --gap: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: var(--gap);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

/* product item images slider */
.product-item__images-slider-wrapper {
  padding: 25px 25px 0 25px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
}

.product-item__images-item {
  /* width: unset !important; */
  /* width: 270px !important */
  /*     width: 100% !important;
      max-width: 100 !important; */
}

.product-item__images-link {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}

.product-item__images-img {
  border-radius: 6px;
}

.product-item__images-swiper {
  max-width: 220px;
}

.product-item__images-swiper-pagination {
  position: unset !important;
  display: block;
  height: 24px;
}

.product-item__images-swiper-pagination .swiper-pagination-bullet {
  opacity: 1 !important;
  background-color: var(--color-gray-bg);
  margin: 0 3px !important;
}

.product-item__images-swiper-pagination .swiper-pagination-bullet-active {
  background-color: var(--color-green);
}

/* product item images slider */
.product-item__brand {
  height: 30px;
  margin-bottom: 15px;
}

.product-item__brand-img {
  max-height: 100%;
}

.product-item__description {
  --padding: 15px;
  padding: 0 var(--padding);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10px;
}

.product-item__category {
  color: var(--color-gray-text);
  font-size: 16px;
  font-weight: 400;
  line-height: 120%;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 20px;
}

.product-item__name {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 66px;
  margin-bottom: 6px;
}

.product-item__name-link {
  color: var(--color-black);
  font-size: 18px;
  font-weight: 400;
  line-height: 120%;
}

.product-item__price {
  padding: 0;
  margin-bottom: 10px;
}

.product-item__stock {
  font-size: 12px;
  flex-shrink: 0;

  /* В наличии */
  &--1 {}

  /* Нет в наличии */
  &--5 {}

  /* Под заказ */
  &--6 {}
}

/* size */
.product-item__size {
  width: calc(100% + 2px);
  font-size: 14px;
  line-height: 120%;
  color: var(--color-black);
  position: absolute;
  top: 100%;
  left: -1px;
  border-radius: 0 0 6px 6px;
  border: 1px solid #E6E6E7;
  background-color: #fff;
  display: none;
  pointer-events: none;
  z-index: 10;
}

.product-item_options,
.product-item__size {
  transition: box-shadow 0.3s ease-in-out;
}

@media (min-width: 1200px) {
  .product-item_options:hover {
    border-radius: 6px 6px 0 0;
    box-shadow: 0 2px 10px 0 rgba(178, 178, 179, 0.7);
  }

  .product-item_options:hover .product-item__size {
    display: block;
    pointer-events: unset;
    box-shadow: 0 10px 10px 0 rgba(178, 178, 179, 0.7);
  }
}

@media (max-width: 1199px) {
  .product-item_options {
    border-radius: 6px;
  }

  .product-item__size {
    --padding-inline: calc(10px + 5*(100vw - 320px) / 880);
    --padding-bottom: calc(15px + 5*(100vw - 320px) / 879);
    position: relative;
    display: block;
    pointer-events: unset;
    bottom: calc(-1* var(--padding-bottom) - 1px);
    top: unset;
    left: calc(-1* var(--padding-inline) - 1px);
    width: calc(100% + 2* var(--padding-inline) + 2px);
    font-size: 12px;
  }
}

.product-item__size-title {
  font-weight: 400;
  padding: 5px 0;
  background: #E6E6E7;
  text-align: center;
}

.product-item__size-list {
  font-weight: 500;
  padding: 10px 10px;
  text-align: center;
}

@media (max-width: 1199px) {
  .product-item__size-list {
    padding-block: 5px;
  }
}

.product-item__size-list-item {
  display: inline;
}

.product-item__size-list-item:not(:last-child):after {
  content: " • ";
}

/* size */
/* responsive */
@media (max-width: 1199px) {
  .product-item__category {
    font-size: calc(12px + 4 * (100vw - 320px) / 879);
    height: calc(15px + 5 * (100vw - 320px) / 879);
  }

  .product-item__name-link {
    font-size: calc(13px + 5 * (100vw - 320px) / 879);
  }

  .product-item__description {
    gap: calc(8px + 2 * (100vw - 320px) / 879);
    --padding: calc(10px + (15 - 10) * ((100vw - 320px) / (1199 - 320)));
  }

  .product-item__images-slider-wrapper {
    padding-top: calc(20px + 5 * (100vw - 320px) / 879);
    padding-left: calc(15px + 10 * (100vw - 320px) / 879);
    padding-right: calc(15px + 10 * (100vw - 320px) / 879);
  }

  .product-item__brand {
    height: calc(15px + 15 * (100vw - 320px) / 879);
    margin-bottom: calc(5px + 10 * (100vw - 320px) / 879);
  }

  .product-item__content {
    --gap: calc(5px + (15 - 5) * ((100vw - 320px) / (1199 - 320)));
  }

  .product-item {
    gap: calc(15px + 15 * (100vw - 320px) / 879);
    padding-bottom: calc(15px + 5 * (100vw - 320px) / 879);
  }

  .product-item__name {
    height: calc(48px + 18 * (100vw - 320px) / 879);
    margin-bottom: calc(11px + -5 * (100vw - 320px) / 879);
  }
}

@media (max-width: 767px) {
  .product-item__wishlist-button {
    width: 18px;
    height: 18px;
    background-size: 16px 16px;
    top: 5px;
    left: 5px;
  }

  .product-item__name {
    -webkit-line-clamp: 3;
    /* height: 55px; */
  }

  .product-item__images-swiper-pagination .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    margin: 0 2px !important;
  }
}

@media (max-width: 480px) {
  .product-item__images-slider-wrapper {
    /*         padding-top: calc(20px + (25 - 20) * ((100vw - 320px) / (1199 - 320)));
            padding-left: calc(15px + (25 - 15) * ((100vw - 320px) / (1199 - 320)));
            padding-right: calc(15px + (25 - 15) * ((100vw - 320px) / (1199 - 320))); */
    padding-left: 0;
    padding-right: 0;
  }
}

/* responsive */
.page-header {
  color: var(--color-black-text);
}

.page-header__wrapper {
  margin-bottom: calc(var(--margin-60) / 3);
  margin-top: calc(var(--margin-40));
}

.filters {
  margin-bottom: 20px;
}

.filters__container {
  padding-left: 15px;
  padding-right: 15px;
}

.filters__wrapper {
  padding: 20px;
  min-height: 125px;
  background-color: #E6E6E7;
  border-radius: 6px;
}

.filters-new__module {
  width: 100%;
  display: grid;
  /* grid-template-columns: repeat(5, 1fr); */
  grid-template-columns: repeat(auto-fit, minmax(182px, 1fr));
  /* grid-template-rows: minmax(30px, 35px); */
  gap: 10px;
}

.filters__btn--open {
  grid-column: 1/-1;
  font-size: 20px;
  font-weight: 300;
  color: var(--color-black-text);
  background-color: #fff;
  border-radius: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 10px;

  border: 1px solid #e6e6e7;
  border-radius: 6px;
}

.filters__btn--open.big {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.filters__btn--open.small {
  display: none;
}

.grid-item .drop-list-content {
  width: 100%;
}

.category-top-pagination {
  margin-bottom: 25px;
}

.category-top-pagination__container {
  padding-top: 20px;
  padding-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

/* Drop list */
.drop-list {
  position: relative;
  height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.drop-list a {
  font-size: 16px;
  line-height: 30px;
  color: #1E1D21;
}

.drop-list-legend {
  font-size: 16px;
  line-height: 30px;
  color: #1E1D21;
  display: block;
}

.drop-list-content {
  position: absolute;
  right: 0;
  top: 0px;
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #e6e6e7;
  border-radius: 6px;
  background: #fff;
}

.drop-list-content a,
.drop-list-content span {
  padding-left: 20px;
}

.drop-list-content a,
.drop-list-content label,
.drop-list-content span {
  width: 100%;
  cursor: pointer;
}

.drop-list-content a:hover,
.drop-list-content label:hover,
.drop-list-content span:hover {
  background-color: #28272B;
  color: #fff;
}

.drop-list-content a:hover span.filter__custom-radio,
.drop-list-content label:hover span.filter__custom-radio,
.drop-list-content span:hover span.filter__custom-radio {
  border: 1px solid var(--color-white);
}

.drop-list-content a:hover span.filter__custom-radio::before,
.drop-list-content label:hover span.filter__custom-radio::before,
.drop-list-content span:hover span.filter__custom-radio::before {
  background-color: var(--color-white);
}

.drop-list-content a:not(:first-of-type) {
  display: none;
}

.drop-list-content .drop-list__box label {
  display: none;
}

.drop-list-content:hover {
  z-index: 20;
  padding-top: 0px;
  -webkit-box-shadow: 0 2px 10px 0 rgba(178, 178, 179, 0.7);
  box-shadow: 0 2px 10px 0 rgba(178, 178, 179, 0.7);
}

.drop-list-content:hover a:not(:first-child) {
  display: block;
}

.drop-list-content:hover .drop-list__box label {
  display: block;
}

.drop-list-content:hover .drop-list__dropup-arrow {
  display: block;
}

.drop-list-content:hover .drop-list__dropdown-arrow {
  display: none;
}

.drop-list__dropdown-arrows {
  position: absolute;
  top: 10px;
  right: 10px;
}

.drop-list__dropup-arrow {
  display: none;
}

.quantity.drop-list {
  width: 240px;
}

.quantity .drop-list-content {
  width: 72px;
}

.quantity .drop-list-content:hover {
  padding-bottom: 4px;
  z-index: 20;
}

.sorting.drop-list {
  width: 315px;
}

.sorting .drop-list-content {
  width: 210px;
}

.sorting .drop-list-content:hover {
  padding-bottom: 8px;
}

.sorting .drop-list-content:hover a:nth-of-type(2) {
  margin-top: 18px;
}

/* /Drop list */
/* Фильтры */
/* Радио-кнопки */
span.filter__custom-radio {
  padding: 0;
  display: inline-block;
  width: 14px;
  height: 14px;
  border-radius: 3px;
  border: 1px solid var(--color-black-btn-border);
  margin-right: 10px;
  margin-left: 20px;
  position: relative;
}

span.filter__custom-radio::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 1px;
  background-color: var(--color-black-btn-border);
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) scale(0);
  -ms-transform: translate(-50%, -50%) scale(0);
  transform: translate(-50%, -50%) scale(0);
  /* display: none; */
  -webkit-transition: 0.2s ease-in;
  transition: 0.2s ease-in;
}

.real-radio:checked+.filter__custom-radio::before {
  /* display: inline-block; */
  -webkit-transform: translate(-50%, -50%) scale(1);
  -ms-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
}

.drop-list__box {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.drop-list__box label {
  font-size: 18px;
  font-weight: 300;
  color: var(--color-black-text);
}

span.custom-selected {
  font-weight: 400;
  height: 100%;
  margin-bottom: 3px;
}

.grid-item.drop-list {
  width: 100%;
}

.custom-selected,
label {
  font-size: 18px;
  font-weight: 300;
  color: var(--color-gray-text);
  cursor: pointer;
}

.custom-radio {
  display: inline-block;
  min-width: 60px;
  height: 40px;
  text-align: center;
  line-height: 100%;
  border: 1px solid #e6e6e7;
  padding-top: 9px;
  padding-bottom: 9px;
  border-radius: 6px;
  font-size: 18px;
  color: var(--color-black-text);
  cursor: pointer;

  padding-inline: 10px;
}

.real-radio {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  z-index: -1;
}

.real-radio:checked+.custom-radio {
  border: 1px solid var(--color-red);
  color: var(--color-red);
}

/*  */
.custom-radio {
  display: inline-block;
  min-width: 60px;
  height: 40px;
  text-align: center;
  line-height: 100%;
  border: 1px solid #e6e6e7;
  padding-top: 9px;
  padding-bottom: 9px;
  border-radius: 6px;
  font-size: 18px;
  color: var(--color-black-text);
  cursor: pointer;
}

.filter__custom-radio {
  font-size: 18px;
  font-weight: 300;
}

.filters-active__module {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 20px;
}

.filters-active__title {
  font-size: 18px;
  font-weight: 600;
  color: var(--color-black-text);
}

.filters--switched {
  font-size: 18px;
  line-height: 120%;
  font-weight: 300;
  color: var(--color-black-text);
  display: inline-block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background-color: var(--color-white);
  border-radius: 6px;
  padding: 4px 20px;
}

.filters--switched img {
  display: inline-block;
  cursor: pointer;
}

/* /Радио-кнопки */
.filters__btn--clear {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 20px;
  font-size: 18px;
  font-weight: 400;
  color: var(--color-white);
  background-color: var(--color-black-btn-border);
  border-radius: 6px;
  padding: 4px 20px;
}

.filters__btn--clear img {
  display: inline-block;
  cursor: pointer;
}

/* Progress-Bar */
.values {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 14px;
  padding-left: 20px;
  padding-right: 20px;
  margin-top: 11px;
  /* margin-bottom: 11px; */
}

.values #min-value,
.values #max-value {
  font-size: 18px;
  font-weight: 400;
  text-align: center;
  color: var(--color-black-text);
  padding: 4px 18px;
  border: 1px solid var(--color-gray-header-bg);
  border-radius: var(--border-radius-6);
}

.range-slider {
  position: relative;
  /* width: 176px; */
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  /*  */
  padding-top: 20px;
  padding-bottom: 30px;
}

.range-slider__range {
  position: absolute;
  /* top: 50%; */
  bottom: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 50%);
  -ms-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
  /* transform: translateY(-50%); */
  z-index: 100;
  width: 176px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* width: 100%; */
  height: 10px;
  border-radius: 5px;
  background-color: transparent;
  outline: none;
  padding: 0;
  margin: 0;
}

.range-slider__range::-webkit-slider-thumb {
  position: relative;
  z-index: 15;
  -webkit-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  border: 2px solid var(--color-gray-header-bg);
  border-radius: 50%;
  background: #fff;
  cursor: pointer;
}

.range-slider__progress {
  height: 10px;
  width: 176px;
  background: var(--color-gray-text);
  border-radius: 5px;
  position: absolute;
  /*    top: 50%;
  transform: translateY(-50%); */
  bottom: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 50%);
  -ms-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
  pointer-events: none;
}

.values {
  display: none;
}

.range-slider {
  display: none;
}

.drop-list__box:hover .values {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.drop-list__box:hover .range-slider {
  display: block;
}

/* /Progress-Bar */
/* /Фильтры */
.category-cards__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.category-cards__wraper {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(4, minmax(270px, 1fr));
  gap: 30px 30px;
}

.products-swiper__swiper-slide.category-swiper__swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  /* height: fit-content; */
}

.product-item {
  /* If we have one image only, then imitate pagination */
  /* If we have no any image, then show message "No Image" */
  /*    .product-item__images:not(:has(.    product-item__images-item)) {
        margin-bottom: 21px;
     } */
}

.product-item_options {
  padding-left: 15px;
  padding-right: 15px;
  gap: 10px;
  width: 100%;
}

.product-item__main-info {
  width: 100%;
}

.product-item__description-info {
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
}

.product-item__images {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /* aspect-ratio: 238 / 234; */
}

.product-item__images-item {
  width: 220px !important;
}

.product-item__images-swiper-pagination {
  height: 16px;
}

.product-item__images:not(:has(.product-item__images-item:nth-of-type(2))) {
  /* margin-bottom: 16px; */
}

.product-item__images-no {
  border: 1px solid #e7e7e7;
  width: 220px;
  height: 242px;
  margin: 0 auto;
  /* display: flex; */
  display: none;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 20px;
  margin-top: 20px;
  font-size: 32px;
  background-color: cyan;
}

.product-item__brand {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  /* margin-bottom: 15px; */
}

.category-bottom-pagination {
  margin-bottom: calc(var(--margin-60));
  margin-top: calc(var(--margin-40) / 2);
}

.category-bottom-pagination__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.category-info {
  margin-bottom: 100px;
}

.text h2 {
  font-size: 24px;
  font-weight: 400;
  color: calc(var(--color-black-footer));
}

.text h2:not(:first-of-type) {
  margin-top: 30px;
}

.text p {
  font-size: 18px;
  color: #929292;
}

.category-info__text~.category-info__text {
  margin-top: 0px;
}

.product-item__images-link img {
  height: auto;
}

@media (max-width: 1199px) {
  .quantity.drop-list {
    /* width: calc(221px + 39 * (100vw - 320px) / 880); */
  }

  .quantity .drop-list-legend,
  .quantity .drop-list-content a {
    /* font-size: calc(14px + 4 * (100vw - 320px) / 880); */
  }

  .sorting.drop-list {
    /* width: calc(257px + 68 * (100vw - 320px) / 880); */
  }

  .sorting .drop-list-content {
    width: calc(157px + 53 * (100vw - 320px) / 880);
  }

  .sorting .drop-list-legend,
  .sorting .drop-list-content a {
    /* font-size: calc(14px + 4 * (100vw - 320px) / 880); */
  }

  .category-cards__wraper {
    grid-template-columns: repeat(3, minmax(calc(134px + 136 * (100vw - 320px) / 880), 1fr));
    gap: calc(12px + 18 * (100vw - 320px) / 880) calc(12px + 18 * (100vw - 320px) / 880);
  }

  .text h2 {
    font-size: calc(15px + 9 * (100vw - 320px) / 880);
    font-weight: 400;
    color: calc(var(--color-black-footer));
    margin-bottom: 10px;
  }

  .text h2:not(:first-of-type) {
    margin-top: 30px;
  }

  .text p {
    font-size: calc(13px + 5 * (100vw - 320px) / 880);
    color: #929292;
  }

  .product-item {
    /* If we have one image only, then imitate pagination */
  }

  .product-item_options {
    padding-left: calc(10px + 5 * (100vw - 320px) / 880);
    padding-right: calc(10px + 5 * (100vw - 320px) / 880);
    gap: calc(8px + 2 * (100vw - 320px) / 880);
  }

  .product-item__wishlist-button {
    width: calc(16px + 2 * (100vw - 320px) / 880);
    height: calc(15px + 2 * (100vw - 320px) / 880);
  }

  .product-item__images:not(:has(.product-item__images-item:nth-of-type(2))) {
    /* margin-bottom: calc(11px + (16 - 11)*(100vw - 320px) / (1200 - 320)); */
  }

  .product-item__images-link img {
    width: calc(100px + 120 * (100vw - 320px) / 880);
  }

  .product-item__images-swiper-pagination {
    height: calc(11px + 5 * (100vw - 320px) / 880);
  }

  .product-item__images-no {
    font-size: calc(10px + 22 * (100vw - 320px) / 880);
    width: calc(100px + 120 * (100vw - 320px) / 880);
    height: calc(123px + 119 * (100vw - 320px) / 880);
    border-radius: calc(4px + 6 * (100vw - 320px) / 880);
  }

  .product-item__brand-img {
    width: calc(25px + 25 * (100vw - 320px) / 880);
  }

  .product-item__category {
    font-size: calc(12px + 4 * (100vw - 320px) / 880);
  }

  .product-item__name {
    font-size: calc(13px + 5 * (100vw - 320px) / 880);
  }
}

@media (max-width: 991px) {
  .category-top-pagination__container {
    /*    padding-top: 20px;
    padding-bottom: 20px; */
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    /* justify-content: center; */
    gap: 20px;
  }

  .drop-list,
  .category__sorting {
    /* justify-content: center; */
  }
}

/* responsive */
@media (max-width: 767px) {
  .category-cards__wraper {
    grid-template-columns: repeat(2, minmax(calc(134px + 136 * (100vw - 320px) / 880), 1fr));
  }
}

/* responsive */

@media (max-width: 575px) {
  .filters__btn--open.big {
    /* display: none; */
  }

  .filters__btn--open.small {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media (max-width: 443px) {
  .grid-item.drop-list:nth-child(even) .custom-selected {
    color: var(--color-black-btn-border);
  }
}

.category-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 3px;
  margin: 0 auto;
}

.category-pagination li.active {
  background-color: #E6E6E7;
  border: 1px solid #000000;
  border-radius: 6px;
}

.category-pagination a {
  font-size: 20px;
  color: #1E1D21;
  padding: 3px 11px;
}

@media (max-width: 479px) {

  /* Убираем "3" и "7" */
  .category-pagination li:nth-of-type(4),
  .category-pagination li:nth-of-type(6) {
    display: none;
  }
}

.favorites-goods {
  /* Если потребуется скрыть красную кнопку, то раскомментируем */
  /* & .white-cart__red-btn {
      display: none;
  } */
  margin-top: var(--margin-50-30);
  margin-bottom: var(--margin-100-40);
  /* Скрываем цену до скидки ======== */
  /* -------------------------------- */
  /* Скрываем процент скидки ====== */
  /* ------------------------------- */
}

.favorites-goods .page-title {
  /*         font-size: var(--font-size-48-20);
  font-weight: 500;
  text-transform: uppercase;
  color: var(--color-black-text); */
  margin-bottom: 20px;
}

.favorites-goods .product-buttons.all-to-cart {
  padding-right: 86px;
  margin-bottom: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
  gap: 30px;
}

.favorites-goods .product-buttons.all-to-cart .red-btn__white-cart {
  /* padding: 13px 0 17px; */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 2px;
  height: 50px;
  width: 270px;
  margin-right: 0;
}

.favorites-goods .product-buttons.all-to-cart .white-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 5px;
  /* padding: 15px 0 16px; */
  height: 50px;
  width: 270px;
  stroke: var(--color-black-text);
}

.favorites-goods .order__title {
  margin-bottom: 49px;
  border-radius: var(--border-radius-6) var(--border-radius-6) var(--border-radius-6) var(--border-radius-6);
  padding: 3px 20px;
}

.favorites-goods .white-cart__red-btn {
  /* padding: 8px 37px 12px; */
  /* padding: 6px 0 10px; */
  height: 40px;
  width: 170px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 2px;
}

@media (max-width: 1199px) {
  .favorites-goods .order__title {
    margin-bottom: calc(55px + -6 * (100vw - 320px) / 879);
  }

  .favorites-goods .product-buttons.all-to-cart {
    padding-right: calc(0px + 86 * (100vw - 767px) / 432);
    margin-bottom: calc(23px + 7 * (100vw - 320px) / 879);
  }
}

@media (max-width: 1000px) {
  .favorites-goods .white-cart__red-btn {
    padding: 8px 0px 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

@media (max-width: 767px) {
  .favorites-goods .product-buttons.all-to-cart {
    padding-right: 0;
    /* margin-bottom: 30px; */
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

@media (max-width: 610px) {
  .favorites-goods .product-buttons.all-to-cart {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
    /* justify-content: center; */
  }
}

.footer {
  background: var(--color-black-footer);
  padding: 60px 0 30px 0;
  display: block;
}

/* .footer__container {} */
.footer__contacts {
  margin-bottom: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 15px;
}

.footer__logo {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(25% - 15px);
  flex: 0 0 calc(25% - 15px);
}

.footer__logo-link {
  display: inline-block;
}

.footer__logo-img {
  max-width: 93px;
}


.footer__phones {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(25% - 15px);
  flex: 0 0 calc(25% - 15px);
  gap: 4px;

}

.footer__phone-link {
  color: #fff;
  /* background: url(../icons/contact/phone_blue.svg) no-repeat left center; */
  background: url(../icons/contact/phone_white.svg) no-repeat left center;
  padding-left: 20px;
  font-size: 18px;
}

/* .footer__social {} */
.footer__menu {
  margin-bottom: 60px;
}

.footer__nav {
  /* columns: 4; */
  /* column-gap: 60px; */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  /* justify-content: space-between; */
  -webkit-column-gap: 15px;
  -moz-column-gap: 15px;
  column-gap: 15px;
  row-gap: 60px;
}

.footer__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  /* break-inside: avoid; */
  -webkit-box-flex: 1;
  -ms-flex: 1 1 calc(25% - 15px);
  flex: 1 1 calc(25% - 15px);
}

.footer__item {
  line-height: 1;
}

.footer__item:not(:last-child) {
  margin-bottom: 8px;
}

.footer__link {
  color: #fff;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.footer__link_heading {
  color: var(--color-gray-text);
  font-size: 20px;
  font-weight: 300;
}

.footer__item:has(> .footer__link_heading) {
  margin-bottom: 15px;
}

.footer__copyright {
  color: var(--color-gray-text);
  text-align: center;
  font-size: 20px;
  font-weight: 400;
  line-height: normal;
}

.footer__copyright.legal-entity {
  font-size: 15px;
  line-height: 160%;

  display: block;
}

@media (max-width: 1199px) {
  .footer__copyright.legal-entity {
    font-size: calc(12px + (15 - 12) * ((100vw - 320px) / (1199 - 320)));
  }
}

.footer__copyright.small {
  display: none;
}

/* responsive */
@media (max-width: 1199px) {
  .footer {
    padding-top: calc(20px + 40 * (100vw - 320px) / 879);
  }

  .footer__link_heading {
    font-size: calc(15px + 5 * (100vw - 320px) / 879);
  }

  .footer__link {
    font-size: calc(12px + 4 * (100vw - 320px) / 879);
  }

  .footer__copyright {
    font-size: calc(12px + 8 * (100vw - 320px) / 879);
  }

  .footer__phone-link {
    font-size: calc(14px + 4 * (100vw - 320px) / 879);
  }

  .footer__nav {
    row-gap: calc(40px + 20 * (100vw - 320px) / 879);
  }

  .footer__menu {
    margin-bottom: calc(30px + 30 * (100vw - 320px) / 879);
  }
}

@media (max-width: 991px) {

  .footer__logo,
  .footer__phones,
  .footer__social,
  .footer__list {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(33% - 15px);
    flex: 0 0 calc(33% - 15px);
  }
}

@media (max-width: 767px) {
  .footer__item:has(> .footer__link_heading) {
    margin-bottom: 20px;
  }

  .footer__item:not(:last-child) {
    margin-bottom: 13px;
  }

  .footer__logo,
  .footer__phones,
  .footer__social,
  .footer__list {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(50% - 15px);
    flex: 0 0 calc(50% - 15px);
  }

  .footer__contacts {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
  }

  /*     .footer__contacts {
      grid-template-columns: 4fr 7fr;
  } */
  .footer__logo {
    grid-area: 1/1/3/2;
  }

  .footer__phones {
    grid-area: 1/2/2/3;
  }

  .footer__social {
    grid-area: 2/2/3/3;
  }

  .footer__copyright {
    display: none;
  }

  .footer__copyright.small {
    display: block;
  }
}

@media (max-width: 480px) {
  .footer__contacts {
    grid-template-columns: 4fr 7fr;
  }
}

/* responsive */
.authorization__pop-up-form {
  padding: 0px;
  width: 370px;
  border-radius: var(--border-radius-6);
}

.authorization__form.pop-up {
  padding: 20px;
  padding-top: 0;
}

.authorization__title.pop-up {
  margin-bottom: 0;
}

.authorization__form .requisites-item {
  margin-top: 20px;
}

.registration__pop-up-form {
  border-radius: var(--border-radius-6);
  /* top: 150px; */
}

.order__title.registration__title.pop-up {
  border-radius: var(--border-radius-6);
  margin-bottom: 20px;
}

.requisites-item input {
  position: relative;
}

.requisites-item input::-webkit-input-placeholder {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  margin-top: -3px;
}

.requisites-item input::-moz-placeholder {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin-top: -3px;
}

.requisites-item input:-ms-input-placeholder {
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  margin-top: -3px;
}

.requisites-item input::-ms-input-placeholder {
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  margin-top: -3px;
}

.requisites-item input::placeholder {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  margin-top: -3px;
}

.registration__nds-checkbox.pop-up {
  font-size: 16px;
  letter-spacing: -0.2px;
  grid-column: 1/-1;
}

.registration__nds-checkbox.pop-up label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
}

.registration__address-checkbox label {
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
}

span.filter__custom-radio.pop-up {
  margin-left: 0;
  margin-top: 6px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.carousel__button.is-close {
  display: none !important;
}

.fancybox__slide {
  padding: 0;
}

@media (max-width: 1199px) {
  .registration__requisites.pop-up {
    margin-bottom: calc(50px + -20 * (100vw - 320px) / 879);
  }

  .registration__requisites.pop-up.company {
    margin-bottom: 20px;
  }

  .registration__address.pop-up {
    margin-bottom: 30px;
  }

  .registration__nds-checkbox.pop-up {
    margin-bottom: calc(50px + -20 * (100vw - 320px) / 879);
    /*         padding-left: 20px;
    padding-right: 20px; */
  }
}

@media (max-width: 420px) {
  .registration__requisites.pop-up {
    margin-bottom: 20px;
  }

  .authorization__pop-up-form {
    width: calc(320px + 50 * (100vw - 360px) / 60);
    /*         width: calc(320px + (370 - 320) * ((100vw - 320px) / (420 - 320))); */
    width: 100%;
    /* border-radius: 0; */
    opacity: initial;

    max-width: 90dvw;

    border-radius: 6px;
  }

  .authorization__form.pop-up {
    padding-bottom: 40px;
  }

  .authorization__title.pop-up {
    /* margin-left: 20px;
    margin-right: 20px;
    margin-top: 20px; */
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .registration__address.pop-up {
    margin-bottom: calc(50px + -20 * (100vw - 320px) / 879);
  }

  .registration__address.pop-up.legal {
    margin-bottom: 30px;
  }

  .requisites-item input::-webkit-input-placeholder {
    font-size: calc(14px + 2 * (100vw - 320px) / 100);
  }

  .requisites-item input::-moz-placeholder {
    font-size: calc(14px + 2 * (100vw - 320px) / 100);
  }

  .requisites-item input:-ms-input-placeholder {
    font-size: calc(14px + 2 * (100vw - 320px) / 100);
  }

  .requisites-item input::-ms-input-placeholder {
    font-size: calc(14px + 2 * (100vw - 320px) / 100);
  }

  .requisites-item input::placeholder {
    font-size: calc(14px + 2 * (100vw - 320px) / 100);
  }
}

.header__top {
  /* background: var(--color-black); */
  background: var(--color-black-header-top);
  text-align: center;
  padding: 10px;
}

/* responsive */
@media (max-width: 1199px) {
  .header__top {
    padding: calc(5px + (10 - 5) * ((100vw - 320px) / (1199 - 320)));
  }
}

/* responsive */
@media (max-width: 767px) {
  .header__top {
    display: none;
  }
}

/* responsive */

.header__top-text {
  font-size: calc(10px + (14 - 10) * ((100vw - 320px) / (1199 - 320)));
  font-style: normal;
  font-weight: 400;
  color: var(--color-white);
  line-height: normal;
}

.header__top-menu {}

.top-menu {}

.top-menu__list {
  display: flex;
  gap: 40px;

  justify-content: center;
  align-items: center;
}

/* responsive */
@media (max-width: 1199px) {
  .top-menu__list {
    gap: calc(20px + (40 - 20) * ((100vw - 320px) / (1199 - 320)));
  }

}

/* responsive */

.top-menu__item {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  color: var(--color-white);
  line-height: normal;
  text-transform: uppercase;
}

/* responsive */
@media (max-width: 1199px) {
  .top-menu__item {
    font-size: calc(10px + (14 - 10) * ((100vw - 320px) / (1199 - 320)));
  }
}

/* responsive */

.top-menu__link {
  color: inherit;

  transition: color ease-in-out 0.3s;
}

.top-menu__link:hover {
  color: var(--color-green)
}

.header__content {
  /* background: var(--color-gray-bg); */
  background: var(--color-black-header-bg);
  border-bottom: 2px solid var(--color-black-header-border);
  padding: 7px 0;
  position: relative;
  z-index: 1000;
}

/* responsive */
@media (max-width: 767px) {
  .header__content {
    z-index: 9999;
  }
}

/* responsive */

.header__content-container {
  gap: 30px;
}

.header__col_1 {
  gap: 30px;
}

.header__logo {
  /*     width: 53px;
  height: 76px; */
}

.search-header {
  position: relative;
}

/* responsive */
/* @media (max-width: 767px) {
  .search-header {
    position: unset;
  }
} */
/* responsive */


.search-header__input {
  border-radius: 8px;
  border: 1px solid var(--color-white);
  background-color: transparent;
  color: var(--color-white);
  padding: 10px 10px 10px 45px;
  width: 100%;
  min-width: 390px;
  font-size: 16px;
  line-height: 1;
}

.search-header__btn {
  position: absolute;
  top: 50%;
  /* left: 5px; */
  left: 10px;
  margin-top: -12px;
}

.header__col_3 {
  gap: 40px;
}

.phone-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.phone-header__link {
  font-size: 18px;
  font-weight: 400;
  line-height: 1;
  background: url("../icons/contact/phone_white.svg") no-repeat left center;
  padding-left: 20px;
  color: var(--color-white);
}

.account-list {
  gap: 20px;
  position: relative;
}

.account-list__item .account-list__link {
  /* position: relative; */
  background: #000;
}

.account-list__link {
  background: var(--color-gray-text);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 36px;
  height: 37px;
  border-radius: 8px;
  /* transition: background 0.3s ease 0s; */
}

.account-list__item.hover .account-list__link,
.account-list__link:hover {
  background: #fff;
}

.account-list__item_wishlist.hover .account-list__link path,
.account-list__item_wishlist .account-list__link:hover path {
  stroke: var(--color-green);
}

.account-list__item_login.hover .account-list__link path,
.account-list__item_login .account-list__link:hover path {
  fill: var(--color-green);
}

.account-list__item_cart.hover .account-list__link path,
.account-list__item_cart .account-list__link:hover path {
  stroke: var(--color-green);
}

.account-list__link:hover {
  /* background: var(--color-gray-bg); */
}

.account-list__count {
  position: absolute;
  top: -5px;
  right: -5px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 20px;
  height: 20px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: var(--color-white);
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  background: var(--color-red);
}

.account-list__item_wishlist {
  position: relative;
}

.account-list__item_cart {
  position: relative;
}

/* account sub menu */


/* responsive */
@media (min-width: 768px) {
  .sub-menu-account {
    border-radius: 6px;
    background: var(--white, #FFF);
    -webkit-box-shadow: 0px 2px 10px 0px rgba(178, 178, 179, 0.7);
    box-shadow: 0px 2px 10px 0px rgba(178, 178, 179, 0.7);
    padding: 15px 40px 30px 40px;
    min-width: 280px;
    position: absolute;
    right: 0;
    top: calc(100% + 10px);
    z-index: 999;
    -webkit-transform: translateY(15px);
    -ms-transform: translateY(15px);
    transform: translateY(15px);
    opacity: 0;
    pointer-events: none;
    max-height: 0;
  }
}

@media (max-width: 767px) {
  #login-menu {
    display: flex;
    justify-content: center;
    width: 100%;
    max-width: 90dvw;
    border-radius: 6px;
    min-height: 200px;
  }
}

/* responsive */


.account-list__item.hover:not(.logged) .sub-menu-account {
  max-height: unset;
  opacity: 1;
  z-index: 1;
  /* transition: transform 200ms linear; */
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
  pointer-events: unset;
}

.account-list__item:nth-child(2).hover .sub-menu-account:before {
  content: "";
  width: 36px;
  height: 20px;
  display: block;
  position: absolute;
  right: 56px;
  top: -15px;
  background: #fff;
}

.sub-menu-account__heading {
  color: var(--color-black);
  font-size: 16px;
  font-weight: 400;
  line-height: 120%;
  margin-bottom: calc(var(--margin-60) / 4);
}

.sub-menu-account__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: calc(var(--margin-60) / 6);
}

/* responsive */
@media (max-width: 767px) {
  .sub-menu-account__buttons {
    gap: 10px;
  }
}

/* responsive */

/* account sub menu */
.header__col_4 {
  display: none;
}

/* responsive */
@media (max-width: 1199px) {
  .header__social {
    display: none;
  }
}

@media (max-width: 991px) {
  .header__phone {
    display: none;
  }
}

.logo-header__img {
  max-width: 53px;
}


@media (max-width: 767px) {
  .header__account {
    display: none;
  }

  .header__col_1 .header__flag {
    display: none;
  }

  /*     .header__logo {
      width: 35px;
      height: 50px;
  } */
  .logo-header__img {
    min-width: 50px;
  }

  .search-header__input {
    min-width: unset;
    font-size: calc(14px + 2 * (100vw - 320px) / 879);
    padding-left: 40px;
  }

  .search-header__icon {
    width: 18px;
  }

  .header__col_4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .header__flag__img {
    min-width: 28px;
  }

  .header__content-container {
    gap: 0;
  }

  .header__col_1 {
    margin-right: 15px;
  }

  .header__col_2 {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-right: 15px;
  }

  .header__search {
    width: 100%;
  }

  .banner__item {
    height: calc(200px + 400 * (100vw - 320px) / 879);
  }

  .banner__img {
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
    width: 100%;
  }
}

/* responsive */
/* .header__main-menu {} */
.main-menu {
  /* background: #fff; */
  background: var(--color-black-header-bg);
  line-height: 1;
}

/* .main-menu__container {} */
.main-menu__nav {
  position: relative;
  z-index: 999;
}

.main-menu__list {
  /* --gap: 15px; */
  --gap: calc(var(--margin-60) / 4);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: var(--gap);
}

/* .main-menu__item {} */
.main-menu__link {
  /* --padding: 15px 10px; */
  --padding: calc(var(--margin-60) / 4) calc(var(--margin-60) / 6);
  display: block;
  /* color: var(--color-black); */
  color: var(--color-white);
  font-size: 14px;
  font-weight: 700;
  line-height: 120%;
  text-transform: uppercase;
  padding: var(--padding);
  -webkit-transition: background ease-in-out 0.3s;
  transition: background ease-in-out 0.3s;
  text-align: center;
}

.main-menu__link.active,
.main-menu__item.hover .main-menu__link,
.main-menu__item:hover .main-menu__link {
  color: #fff;
  /* background: var(--color-gray-menu); */

  background-color: #28272B;
}

/* sub menu */
.main-menu__sub-menu {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 999;
  border-top: 20px solid var(--color-black-header-bg);
  border-radius: 0px 0px 6px 6px;
  /* box-shadow: 0px 2px 10px 0px rgba(178, 178, 179, 0.70); */
  -webkit-box-shadow: 1px 2px 2px 0px rgba(178, 178, 179, 0.7);
  box-shadow: 1px 2px 2px 0px rgba(178, 178, 179, 0.7);
  padding: 20px 25px;
  -webkit-transform: translateY(15px);
  -ms-transform: translateY(15px);
  transform: translateY(15px);
  opacity: 0;
  pointer-events: none;
  max-height: 0;
}

.main-menu__item.hover .main-menu__sub-menu {
  max-height: unset;
  opacity: 1;
  z-index: 1;
  -webkit-transition: -webkit-transform 200ms linear;
  transition: -webkit-transform 200ms linear;
  transition: transform 200ms linear;
  transition: transform 200ms linear, -webkit-transform 200ms linear;
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
  pointer-events: unset;
}

.sub-menu-main {
  background: #fff;
  min-height: 50vh;
}

.sub-menu-main__container {
  padding: 0;
}

.sub-menu-main__content {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: calc(var(--margin-60) / 3);
}

.sub-menu-main__list {
  -webkit-column-break-inside: avoid;
  -moz-column-break-inside: avoid;
  break-inside: avoid-column;
}

.sub-menu-main__item:not(:last-child) {
  margin-bottom: calc(var(--margin-60) / 6);
}

.sub-menu-main__link {
  color: var(--color-black);
  -webkit-transition: color ease-in-out 0.3s;
  transition: color ease-in-out 0.3s;
  font-size: 14px;
  font-weight: 400;
  line-height: 120%;
}

.sub-menu-main__link:hover {
  color: var(--color-green);
}

.sub-menu-main__item_title {
  margin-bottom: calc(var(--margin-60) / 4);
}

.sub-menu-main__link_title {
  font-size: 18px;
  font-weight: 700;
}

/* sub menu */
/* responsive */
@media (max-width: 1199px) {

  .sub-menu-main__link,
  .main-menu__link {
    font-size: calc(10px + 4 * (100vw - 320px) / 879);
  }

  .sub-menu-main__link_title {
    font-size: calc(13px + 5 * (100vw - 320px) / 879);
  }
}

@media (max-width: 991px) {
  .main-menu__list {
    gap: 0;
  }

  .sub-menu-main__link,
  .main-menu__link {
    font-size: 11px;
  }
}

@media (max-width: 767px) {
  .header__main-menu {
    display: none;
  }
}

/* responsive */
@media (min-width: 768px) {
  .mobile-main-menu {
    display: none !important;
    pointer-events: none !important;
  }
}

.mobile-main-menu {
  padding: 10px 0;
  position: relative;
  /* z-index: 99999; */
  z-index: 1000;
  /* background: #fff; */
  background: var(--color-black-header-bg);
}

.mobile-main-menu__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.mobile-main-menu__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 280px;
  /* gap: 20px; */
}

.mobile-main-menu__item {
  position: relative;
}

.mobile-main-menu__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  /* background: var(--color-gray-text); */
  /* border: 1px solid var(--color-gray-text); */
  background: var(--color-black-btn-border);
  border: 1px solid var(--color-black-btn-border);
  border-radius: 8px;
  min-height: 50px;
  cursor: pointer;
  aspect-ratio: 54/50;
  /* aspect-ratio: 1 / 1; */
}

.mobile-main-menu__btn svg {
  --icon-size: 26px;
  width: var(--icon-size);
  height: var(--icon-size);
}

.mobile-main-menu__btn.active {
  background: #fff;
  border-color: var(--color-green);
}

.mobile-main-menu__item_catalog .mobile-main-menu__btn.active svg g {
  fill: var(--color-green);
}

.mobile-main-menu__item_wishlist .mobile-main-menu__btn.active svg path {
  stroke: var(--color-green);
}

.mobile-main-menu__item_login .mobile-main-menu__btn.active svg path {
  fill: var(--color-green);
}

.mobile-main-menu__item_cart .mobile-main-menu__btn.active svg path {
  stroke: var(--color-green);
}

.mobile-main-menu__count {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: var(--color-red);
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  position: absolute;
  top: -5px;
  right: -5px;
}

@media (min-width: 768px) {
  .mobile-menu-catalog {
    display: none !important;
    pointer-events: none !important;
  }
}

.mobile-menu-catalog {
  --header-height: 162px;
  position: fixed;
  bottom: 0;
  background: #fff;
  height: calc(100vh - var(--header-height));
  z-index: 9999;
  padding-top: 115px;
  padding-right: 20px;
  padding-bottom: 20px;
  width: calc(100vw - 80px);
  max-width: 240px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transition: -webkit-transform 0.3s ease 0s;
  transition: -webkit-transform 0.3s ease 0s;
  transition: transform 0.3s ease 0s;
  transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
}

.show-mobile-menu-catalog .mobile-menu-catalog {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}

.mobile-menu-catalog__nav {
  position: relative;
  width: 200px;
}

.mobile-menu-catalog__list {
  height: 100%;
}

.mobile-menu-catalog__item {
  text-align: right;
}

.mobile-menu-catalog__item:not(:last-child) {
  margin-bottom: 20px;
}

.mobile-menu-catalog__item.back {
  margin-bottom: 40px;
}

.mobile-menu-catalog__link {
  color: var(--color-black);
  font-size: 14px;
  font-weight: 700;
  line-height: 120%;
  text-transform: uppercase;
}

.mobile-menu-catalog__link.info {
  color: #e31235;
}

.mobile-menu-catalog__item.forward>.mobile-menu-catalog__link {
  background: url("../icons/ui/arrow-chevron-right.svg") no-repeat right center/5px 10px;
  padding-right: 13px;
}

.mobile-menu-catalog__item.back>.mobile-menu-catalog__link {
  background: url("../icons/ui/arrow-chevron-left.svg") no-repeat left center/5px 10px;
  padding-left: 13px;
}

.mobile-menu-catalog__sub-menu {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  opacity: 0;
  pointer-events: none;
}

.active+.mobile-menu-catalog__sub-menu {
  opacity: 1;
  pointer-events: unset;
}

.mobile-menu-catalog__sub-menu .mobile-menu-catalog__item:not(:last-child) {
  margin-bottom: 15px;
}

.mobile-menu-catalog__sub-menu .mobile-menu-catalog__item:not(.main) .mobile-menu-catalog__link {
  font-size: 12px;
  font-weight: 500;
}

.registration__pop-up-form {
  /*     position: absolute;
  top: 160px; */
  padding: 0;
  width: 100%;
  max-width: 767px;
}

.registration__title.pop-up {
  margin-bottom: 20px;
}

.registration__tabs.pop-up {
  margin-right: 0;
  padding-left: 20px;
  padding-right: 20px;
}

.registration__tab.pop-up span {
  margin-left: 0;
}

.registration__requisites.pop-up {
  margin-top: 0;
}

@media (max-width: 767px) {
  .registration__pop-up-form {
    width: 100%;
    max-width: 95dvw;
  }
}

body.backdrop {
  overflow: hidden;
}

body.backdrop .backdrop-wall {
  position: fixed;
  background: rgba(0, 0, 0, 0.3);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100vw;
  height: 100vh;
  z-index: 9998;
}

.banner:last-child {
  margin-bottom: var(--margin-60);
}

.banner:not(:last-child) {
  margin-bottom: calc(var(--margin-60) / 2);
}

.banner__list_col-2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: calc(var(--margin-60) / 2);
}

.banner__img {
  max-width: unset;
  width: 100%;
}

/* нечетные изображения */
.banner__list_col-2 .banner__item:nth-child(odd) .banner__img {
  border-radius: 0 8px 8px 0;
}

/* четные изображения */
.banner__list_col-2 .banner__item:nth-child(even) .banner__img {
  border-radius: 8px 0px 0px 8px;
}

/* responsive */
@media (max-width: 767px) {
  .banner__img {
    border-radius: 0 !important;
  }

  .banner__list_col-2 {
    grid-template-columns: repeat(1, 1fr);
  }
}

/* responsive */
.categories-swiper__carousel {
  overflow: visible !important;
}

.categories-swiper__carousel-slide {
  position: relative;
}

.categories-swiper__carousel-slide-img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.categories-swiper__carousel-slide-caption {
  color: #fff;
  font-size: 36px;
  font-weight: 700;
  text-transform: uppercase;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

/* responsive */
@media (max-width: 1199px) {
  .categories-swiper__carousel-slide-caption {
    font-size: calc(18px + 18 * (100vw - 320px) / 879);
  }
}

/* responsive */
.module-swiper {
  margin-bottom: var(--margin-60);
}

.module-swiper__heading {
  margin-bottom: calc(var(--margin-60) / 2);
  color: var(--color-black-text);
  font-size: 48px;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
}

/* responsive */
@media (max-width: 1199px) {
  .module-swiper__heading {
    font-size: calc(24px + 24 * (100vw - 320px) / 879);
  }
}

/* responsive */
.product-blue-swiper__carousel {
  overflow: visible !important;
}

.product-blue__link {
  display: block;
  position: relative;
  border-radius: 8px;
  overflow: hidden;
  background: #CCEAFD;
}

.pproduct-blue__img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.product-blue__description {
  --padding: 20px;
  color: #fff;
  font-weight: 400;
  line-height: 1;
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.4);
  padding: 10px var(--padding) var(--padding) var(--padding);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 15px;
}

.product-blue__name {
  font-size: 20px;
  line-height: 120%;
}

.product-blue__price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 20px;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  line-height: 1;
}

.product-blue__price-current {
  font-size: 24px;
}

.product-blue__price-old {
  color: var(--color-gray-bg);
  font-size: 18px;
  text-decoration: line-through;
}

/* responsive */
@media (max-width: 1199px) {
  .product-blue__name {
    font-size: calc(10px + 10 * (100vw - 320px) / 879);
  }

  .product-blue__price-current {
    font-size: calc(13px + 11 * (100vw - 320px) / 879);
  }

  .product-blue__price-old {
    font-size: calc(13px + 5 * (100vw - 320px) / 879);
  }

  .product-blue__description {
    --padding: calc(10px + (20 - 10) * ((100vw - 320px) / (1199 - 320)));
    gap: calc(5px + 10 * (100vw - 320px) / 879);
  }

  .product-blue__price {
    gap: calc(5px + 15 * (100vw - 320px) / 879);
  }
}

/* responsive */
.products-swiper {
  position: relative;
  z-index: 2;
}

.products-swiper__swiper {
  overflow: visible !important;
}

/* responsive */
/* responsive */

.order-formed {
  padding-top: 40px;
  padding-bottom: 100px;
}

/* responsive */
@media (max-width: 1199px) {
  padding-top: calc(20px + (40 - 20) * ((100vw - 320px) / (1199 - 320)));
  padding-bottom: calc(50px + (100 - 50) * ((100vw - 320px) / (1199 - 320)));
}

/* responsive */

.order-formed__wrapper {
  width: 100%;
  background-image: url("../image/order_formed/bg.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding: 50px 50px 118px;
  border-radius: var(--border-radius-6);
}

.order-formed__page-title {
  font-size: var(--font-size-36-18);
  font-weight: 400;
  text-transform: uppercase;
  color: #fff;
  margin-bottom: 29px;
}

.order-formed__number {
  font-size: 30px;
  font-weight: 400;
  color: #fff;
  margin-bottom: 65px;
}

.order-formed__number span {
  font-size: 30px;
  font-weight: 500;
  color: inherit;
}

.order-formed__text-block {
  padding-left: 5px;
  margin-bottom: 80px;
}

.order-formed .text p {
  font-size: 18px;
  font-weight: 400;
  color: #fff;
}

.order-formed .text p:not(:last-child) {
  margin-bottom: 20px;
}

.order-formed__btn {
  padding-left: 5px;
  font-size: var(--font-size-16-12);
  font-weight: 400;
  color: #fff;
  display: block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #fff;
  border-radius: 4px;
  width: 250px;
  height: 50px;
}

@media (max-width: 1199px) {
  .order-formed__wrapper {
    padding: 50px 50px 118px;
    padding: 31px 20px 20px;
    padding-top: calc(31px + 19 * (100vw - 320px) / 880);
    padding-right: calc(20px + 30 * (100vw - 320px) / 880);
    padding-left: calc(20px + 30 * (100vw - 320px) / 880);
    padding-bottom: calc(20px + 98 * (100vw - 320px) / 880);
  }

  .order-formed__page-title {
    margin-bottom: calc(5px + 24 * (100vw - 320px) / 880);
  }

  .order-formed__number,
  .order-formed__number span {
    font-size: calc(14px + 16 * (100vw - 320px) / 880);
  }

  .order-formed__number {
    margin-bottom: calc(20px + 45 * (100vw - 320px) / 880);
  }

  .order-formed__text-block {
    padding-left: calc(0px + 5 * (100vw - 320px) / 880);
    margin-bottom: calc(20px + 60 * (100vw - 320px) / 880);
  }

  .order-formed .text p {
    font-size: calc(10px + 8 * (100vw - 320px) / 880);
  }

  .order-formed__btn {
    padding-left: calc(0px + 5 * (100vw - 320px) / 880);
    border-radius: calc(6px + -2 * (100vw - 320px) / 880);
    width: calc(140px + 110 * (100vw - 320px) / 880);
    height: calc(30px + 20 * (100vw - 320px) / 880);
  }
}

@media (max-width: 910px) {
  .order-formed__wrapper {
    /* padding: 50px 50px 118px; */
    border-radius: 0;
  }

  .order-formed .order-formed__container {
    padding-left: 0;
    padding-right: 0;
  }
}

.page-titles {
  margin-top: var(--margin-50-20);
  margin-bottom: 20px;
}

.profile__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;

  margin-bottom: var(--margin-100-50) !important;
}

.profile-menu {
  border: 2px solid var(--color-gray-header-bg);
  border-radius: calc(var(--border-radius-6) + 2px);
  width: 31%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.profile-menu__title {
  border-radius: 0 0 var(--border-radius-6) var(--border-radius-6);
  padding: 0 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 40px;
  background: var(--color-black-text);
  cursor: pointer;
  /* Белая галочка на заголовке */
  /* Не работает, так как родительский блок обрезает блок заголовка и не даёт ему "наползти" на границы */
  /*         position: relative;
  width: calc(100% + 2px);
  left: -1px;
  z-index: 2000; */
  /* Класс, управляющий зелёным цветом галочек при наведении
  и красным цветом иконки корзины в заголовке */
}

.profile-menu__title svg {
  cursor: pointer;
  stroke: var(--color-white);
}

.profile-menu__title.additional {
  /*             & svg {
      cursor: pointer;
      stroke: var(--color-white);
  } */
}

.profile-menu__title.additional:hover .profile-menu__arrow-down-img svg {
  stroke: var(--color-green);
}

.profile-menu__title.additional:hover .profile-menu__arrow-up-img svg {
  stroke: var(--color-green);
}

.profile-menu__title.additional h3 svg:hover {
  stroke: var(--color-red);
}

.profile-menu__title.all-round {
  border-radius: var(--border-radius-6);
}

.profile-menu__title-text {
  font-size: 20px;
  font-weight: 400;
  text-transform: uppercase;
  color: #fff;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.profile-menu__title-text.legal-addr-small {
  display: none;
}

.profile-menu__list {
  /* padding: 12px 18px 30px; */
  padding-top: 12px;
  padding-bottom: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  gap: 15px;
}

.profile-menu__list ul {
  width: 100%;
}

.profile-menu__list li {
  width: 100%;
}

.profile-menu__list a {
  padding-left: 20px;
  font-size: 20px;
  font-weight: 500;
  color: #b6b8bc;
}

.profile-menu .profile-menu-radio {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 20px;
  /*  */
  width: 100%;
  height: 40px;
  text-align: start;
  line-height: 100%;
  font-size: 20px;
  font-weight: 500;
  color: var(--color-black-text);
  cursor: pointer;
}

.profile-menu .profile-menu-radio.active,
.requisites-item select .profile-menu .profile-menu-radio:hover {
  /* background-color: var(--color-black-btn-border); */
  /* background-color: rgba(207, 209, 213, 0.3); */
  background-color: rgba(40, 39, 43, 0.3);
}

.profile-menu .real-radio:checked+.profile-menu-radio {
  background-color: rgba(40, 39, 43, 0.3);
}

.profile-menu__btn {
  width: 100%;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  gap: 15px;
}

.profile-menu__btn:hover {
  background-color: rgba(207, 209, 213, 0.3);
}

.profile .display--none {
  display: none;
}

.profile .display--flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.profile .profile-main {

  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /*         &__personal-data--module,
  &__address--module {
      margin-bottom: 30px;
  } */
}

.profile .profile-main__payment--module {
  margin-bottom: 83px;
}

.profile-main>div,
.profile-main>div>div {
  /* height: 100%; */
}

.profile .profile-main__personal-data--module,
.profile .profile-main__address--module,
.profile .profile-main__payment--module {
  border: 2px solid var(--color-gray-header-bg);
  border-radius: calc(var(--border-radius-6) + 2px);
  overflow: hidden;
}

.profile .profile-main__profile-module:not(:last-child) {
  margin-bottom: 30px;
}

.profile .profile-main .registration__nds-checkbox {
  margin-bottom: 30px;
}

.profile .profile-main .registration__nds-checkbox label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  color: var(--color-black-text);
}

.profile .profile-main .registration__address-checkbox {
  grid-column: 1/span 2;
}

.profile .profile-main .registration__address-checkbox label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  color: var(--color-black-text);
}

.profile .profile-main .registration__nds-checkbox .filter__custom-radio,
.profile .profile-main .registration__address-checkbox .filter__custom-radio {
  margin-left: 0;
  margin-right: 10px;
  margin-top: 7px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.profile .profile-main .registration__nds-checkbox label,
.profile .profile-main .registration__address-checkbox label {
  padding-left: 20px;
  padding-right: 20px;
}

.profile .registration__requisites {
  margin-bottom: 30px;
}

.profile .registration__requisites.no-edit input::-webkit-input-placeholder {
  color: var(--color-black-text);
}

.profile .registration__requisites.no-edit input::-moz-placeholder {
  color: var(--color-black-text);
}

.profile .registration__requisites.no-edit input:-ms-input-placeholder {
  color: var(--color-black-text);
}

.profile .registration__requisites.no-edit input::-ms-input-placeholder {
  color: var(--color-black-text);
}

.profile .registration__requisites.no-edit input::placeholder {
  color: var(--color-black-text);
}

.profile .registration__requisites.no-edit input:disabled {
  background-color: white;
}

.profile .registration__requisites.grid-btn {
  grid-template-columns: 1fr 1fr;
}

.profile .registration__requisites.grid-btn .registration--submit {
  margin-top: 0;
}

.profile .registration__requisites.grid-btn .white-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 16px;
  width: 100%;
  height: 50px;
  border-radius: 4px;
}

.profile input::-webkit-input-placeholder {
  font-size: var(--font-size-16-14);
}

.profile input::-moz-placeholder {
  font-size: var(--font-size-16-14);
}

.profile input:-ms-input-placeholder {
  font-size: var(--font-size-16-14);
}

.profile input::-ms-input-placeholder {
  font-size: var(--font-size-16-14);
}

.profile input::placeholder {
  font-size: var(--font-size-16-14);
}

.profile .default-address {
  margin-bottom: 20px;
}

.profile .default-address .profile-menu__arrow-up-img {
  display: none;
}

.profile .default-address .profile-menu__arrow-down-img {
  display: none;
}

.profile .additional-address img {
  margin-left: 30px;
}

.profile .additional-address h3 {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 334px;
}

.profile .additional-address .legal-addr-small {
  display: none;
}

.profile .additional-address:not(:last-child) {
  margin-bottom: 20px;
}

.profile .new-address {
  margin-bottom: 0;
  background-color: var(--color-grey-form-bg);
}

.profile .new-address .profile-menu__arrow-up-img {
  display: none;
}

.profile .new-address .profile-menu__arrow-down-img {
  display: none;
}

.profile .edit-address-btn input,
.profile .confirm-address-btn input,
.profile .add-address-btn input {
  cursor: pointer;
}

.profile .edit-address-btn input:hover,
.profile .confirm-address-btn input:hover,
.profile .add-address-btn input:hover {
  opacity: 0.7;
}

.profile .font-size-20-16 {
  font-size: var(--font-size-20-16);
}

.profile .set-default-address-btn {
  grid-column: 1/2;
}

.profile .edit-address-btn {
  grid-column: 2/3;
}

.profile .confirm-address-btn {
  grid-column: 2/3;
}

[class$=-big] {
  display: block;
}

[class$=-small] {
  display: none;
}

.orders {
  /* Дополнительные заголовки для каждого товара при малой ширине экрана */
}

.orders .additional-address.profile-main__address--module {
  padding-bottom: 10px;
  margin-bottom: 20px;
}

.orders .additional-address.profile-main__address--module:last-child {
  margin-bottom: 0px;
}

.orders.profile-menu__title {
  border-radius: var(--border-radius-6);
}

.orders.profile-menu__title h3 {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  /* align-items: end; */
  gap: 4px;
  font-size: var(--font-size-20-16);
  line-height: 100%;
  width: calc(100%);
}

.orders.profile-menu__title h3 span {
  display: inline-block;
}

.orders.profile-menu__title .order-time {
  font-size: var(--font-size-16-13);
  line-height: 100%;
  -ms-flex-item-align: end;
  align-self: end;
  margin-bottom: 4px;
}

.orders.profile-menu__title .order-dot {
  margin: 4px;
}

.orders .content-block {
  margin-top: 10px;
}

.orders.u-goods {
  border: 1px solid var(--color-gray-header-bg);
  border-radius: var(--border-radius-6) var(--border-radius-6) 0 0;
  border-bottom: none;
  margin-left: 10px;
  margin-right: 10px;
}

.orders .u-goods-items {
  margin-top: 15px;
  /* margin-bottom: 20px; */
  padding-bottom: 20px;
}

.orders.order__title {
  display: grid;
  grid-template-columns: 80px 3fr 1fr 1fr 1fr;
  gap: 10px;
  padding-left: 0;
  padding-right: 20;
}

.orders.order__title span {
  font-size: var(--font-size-14-12);
  font-weight: 400;
  text-align: center;
  color: var(--color-black-text);
}

.orders.order__title .order__title--empty {
  grid-column: 1/2;
}

.orders.order__title .order__title--name {
  grid-column: 2/3;
  justify-self: start;
}

.orders.order__title .order__title--quantity {
  grid-column: 3/4;
}

.orders.order__title .order__title--price {
  grid-column: 4/5;
}

.orders.order__title .order__title--sum {
  grid-column: 5/6;
}

.orders .subtitle {
  display: none;
  font-size: 12px;
  font-weight: 400;
  text-align: center;
  color: var(--color-black-text);
}

.orders .u-goods-item {
  display: grid;
  grid-template-columns: 80px 3fr 1fr 1fr 1fr;
  gap: 10px;
  padding-right: 20px;
  width: 100%;
}

.orders .u-goods-item__img {
  grid-column: 1/2;
}

.orders .u-goods-item__info-txt {
  grid-column: 2/3;
  justify-self: start;
}

.orders .u-goods-item .u-product-counter {
  grid-column: 3/4;
  justify-self: center;
}

.orders .u-goods-item .u-product-item__price {
  grid-column: 4/5;
  justify-self: center;
}

.orders .u-goods-item .u-product-item__sum {
  grid-column: 5/6;
  justify-self: center;
}

.orders .u-goods-item .u-goods-item__elem {
  -ms-flex-item-align: start;
  align-self: start;
  line-height: initial;
}

.orders .u-category {
  font-size: var(--font-size-14-11);
}

.orders .u-name {
  font-size: var(--font-size-12-10);
}

.orders .u-more-info span {
  font-size: var(--font-size-12-10);
}

.orders .u-product-number {
  font-size: 12px;
  width: initial;
}

.orders .u-product-item__price-current {
  font-size: 12px;
}

.orders .u-goods-item__img img {
  margin-left: 0;
  width: 80px;
}

/* Модуль краткой информации о заказе */
.orders-info--short {
  display: grid;
  /* grid-template-columns: repeat(auto-fit, minmax(135px, 1fr)); */
  /* grid-template-columns: repeat(auto-fit, minmax(135px, 142px)); */
  grid-template-rows: 62px;
  gap: 10px;
  padding: 10px 10px 0px;


  grid-template-columns: repeat(5, 1fr);
  /* justify-content: start; */
}

.orders-info__item {
  /* max-width: 142px; */
  height: 62px;
  border: 1px solid var(--color-gray-header-bg);
  border-radius: var(--border-radius-6);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 5px;
}

.orders-info__item .to-pay__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.orders-info__item .to-pay__btn:hover .warning {
  color: var(--color-green);
  font-weight: 500;
  /* opacity: .7; */
}

.orders-info__item .title,
.orders-info__item .text,
.orders-info__item .warning {
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  line-height: 120%;
}

.orders-info__item .title {
  color: var(--color-black-text);
}

.orders-info__item .text {
  color: var(--color-gray-text);
}

.orders-info__item .warning {
  color: var(--color-red);
}

.order-result {
  display: grid;
  grid-template-columns: 80px 150px auto 105px;
  grid-template-rows: repeat(2, 32px);
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
  /* padding-right: 10px; */
  background-color: var(--color-grey-form-bg);
  margin: 0 10px;
  border-radius: 0 0 6px 6px;
}

.order-repeat__btn {
  grid-column: 2/3;
  grid-row: 1/3;
  width: 100%;
  height: 33px;
  border: 1px solid var(--color-black-btn-border);
  border-radius: 4px;
  margin-top: 13px;
  font-size: 12px;
  font-weight: 400;
  /* text-align: center; */
  color: #1e1d21;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /* background-color: var(--color-white); */
}

.order-repeat__btn:hover {
  opacity: 0.7;
}

.order-delivery-sum__txt {
  grid-column: 3/4;
  grid-row: 1/2;
  align-self: self-end;
  text-align: right;
  padding-right: 20px;
  font-size: var(--font-size-14-12);
  font-weight: 500;
  color: #1e1d21;
}

.order-delivery-sum__result {
  grid-column: 4/5;
  grid-row: 1/2;
  align-self: self-end;
  font-size: var(--font-size-14-12);
  font-weight: 500;
  text-transform: uppercase;
  /* text-align: right; */
  color: #1e1d21;
}

.order-sum__txt {
  grid-column: 3/4;
  grid-row: 2/3;
  align-self: center;
  text-align: right;
  padding-right: 20px;
  font-size: var(--font-size-14-12);
  font-weight: 500;
  color: #1e1d21;
}

.order-sum__result {
  grid-column: 4/5;
  grid-row: 2/3;
  align-self: center;
  font-size: var(--font-size-14-12);
  font-weight: 500;
  text-transform: uppercase;
  /* text-align: right; */
  color: #1e1d21;
}

/* ------------- @media 1199 --------------------------- */
@media (max-width: 1199px) {
  .profile .payment__logos {
    padding: 30px calc(18px + 27 * (100vw - 320px) / 879);
  }

  .orders .profile-menu__title h3 {
    /*  width: calc(218px + (364 - 218) * ((100vw - 480px) / (1199 - 480))); */
    /* width: calc(350px + 14 * (100vw - 767px) / 432); */
    width: calc(100%);
  }
}

@media (max-width: 1194px) {
  .profile .profile-main__payment--module {
    margin-bottom: 0px;
  }
}

@media (max-width: 1030px) {
  .orders.order__title {
    grid-template-columns: 80px 1fr 70px 79px 85px;
  }

  .orders .u-goods-item {
    grid-template-columns: 80px 1fr 70px 79px 85px;
  }
}

@media (max-width: 950px) {
  .profile .registration__requisites {
    grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
  }

  .profile-main .registration__address-checkbox {
    grid-column: 1/span 1;
  }
}

@media (max-width: 870px) {
  .orders.order__title {
    grid-template-columns: 80px 1fr 50px 79px 85px;
  }

  .orders .u-goods-item {
    grid-template-columns: 80px 1fr 50px 79px 85px;
  }

  .order-delivery-sum__txt {
    padding-right: 0px;
  }

  .order-sum__txt {
    padding-right: 0px;
  }
}

@media (max-width: 850px) {
  .profile .registration__requisites.grid-btn {
    grid-template-columns: 1fr;
    /* grid-template-rows: 1fr 1fr; */
    justify-items: end;
  }

  .profile .registration__requisites .registration--submit {
    width: 60%;
  }

  .profile .set-default-address-btn {
    grid-column: 1/2;
    grid-row: 1/2;
  }

  .profile .edit-address-btn {
    grid-column: 1/2;
    grid-row: 2/3;
  }

  .profile .confirm-address-btn {
    grid-column: 1/2;
    grid-row: 2/3;
  }

  .order-result {
    grid-template-columns: 1fr auto 105px;
  }

  .order-repeat__btn {
    grid-column: 1/2;
    grid-row: 1/3;
    width: 150px;
    justify-self: center;
  }

  .order-delivery-sum__txt {
    grid-column: 2/3;
    grid-row: 1/2;
  }

  .order-delivery-sum__result {
    grid-column: 3/4;
    grid-row: 1/2;
  }

  .order-sum__txt {
    grid-column: 2/3;
    grid-row: 2/3;
  }

  .order-sum__result {
    grid-column: 3/4;
    grid-row: 2/3;
  }
}

/* ------------- @media 767 --------------------------- */
@media (max-width: 767px) {
  .profile__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0px;
  }

  .profile .registration__requisites.grid-btn {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    justify-items: end;
  }

  .profile .registration__requisites .registration--submit {
    width: 100%;
  }

  .profile .set-default-address-btn {
    grid-column: 1/2;
    grid-row: 1/2;
  }

  .profile .edit-address-btn {
    grid-column: 2/3;
    grid-row: 1/2;
  }

  .profile .confirm-address-btn {
    grid-column: 2/3;
    grid-row: 1/2;
  }

  .profile-menu {
    width: 100%;
    /* margin-bottom: 20px; */
    margin-bottom: 30px;
  }

  .profile-main {
    margin-bottom: 50px;
  }

  .profile-main .registration__address-checkbox {
    grid-column: 1/span 2;
  }
}

@media (max-width: 540px) {
  .profile .registration__requisites.grid-btn {
    grid-template-columns: 1fr;
    /* grid-template-rows: 1fr 1fr; */
    justify-items: end;
  }

  .profile .registration__requisites .registration--submit {
    width: 60%;
  }

  .profile .set-default-address-btn {
    grid-column: 1/2;
    grid-row: 1/2;
  }

  .profile .edit-address-btn {
    grid-column: 1/2;
    grid-row: 2/3;
  }

  .profile .confirm-address-btn {
    grid-column: 1/2;
    grid-row: 2/3;
  }

  .orders.order__title {
    display: none;
  }

  .orders {
    /* Первое перестроение */
    /* / Первое перестроение */
  }

  .orders .subtitle {
    display: block;
  }

  .orders .u-goods-item {
    grid-template-columns: 80px 1fr 65px 85px;
    grid-template-rows: repeat(4, auto);
    row-gap: 5px;
  }

  .orders .u-goods-item__img {
    grid-column: 1/2;
    grid-row: 1/5;
  }

  .orders .u-goods-item__info-txt {
    grid-column: 2/3;
    grid-row: 1/5;
    justify-self: start;
  }

  .orders .u-goods-item .order__title--quantity.subtitle {
    grid-row: 1/2;
    grid-column: 3/4;
    justify-self: start;
  }

  .orders .u-goods-item .u-product-counter {
    grid-row: 1/2;
    grid-column: 4/5;
    justify-self: start;
  }

  .orders .u-goods-item .order__title--price.subtitle {
    grid-row: 2/3;
    grid-column: 3/4;
    justify-self: start;
  }

  .orders .u-goods-item .u-product-item__price {
    grid-row: 2/3;
    grid-column: 4/5;
    justify-self: start;
  }

  .orders .u-goods-item .order__title--sum.subtitle {
    grid-row: 3/4;
    grid-column: 3/4;
    justify-self: start;
  }

  .orders .u-goods-item .u-product-item__sum {
    grid-row: 3/4;
    grid-column: 4/5;
    justify-self: start;
  }

  .orders .u-goods-item .u-goods-item__elem {
    -ms-flex-item-align: start;
    align-self: start;
    line-height: initial;
  }
}

@media (max-width: 480px) {
  .profile .profile__container {
    padding: 0;
  }

  [class$=-big] {
    display: none;
  }

  [class$=-small] {
    display: block;
  }

  .profile-menu__title-text.legal-addr-small {
    display: block;
  }

  .profile-menu__title-text.legal-addr-big {
    display: none;
  }

  .profile .registration__requisites .registration--submit {
    width: 100%;
  }

  .profile .default-address .profile-menu__arrow-up-img {
    display: block;
  }

  .profile .additional-address .legal-addr-big {
    display: none;
  }

  .profile .additional-address .legal-addr-small {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }

  .profile .additional-address h3 {
    width: 205px;
  }

  .profile .new-address .profile-menu__arrow-up-img {
    display: block;
  }

  .orders.profile-menu__title h3 {
    width: calc(100%);
  }

  .orders-info--short {
    padding: 10px 16px 0px;
  }

  .orders {
    /* Если в заказе скрыт перечень товаров, то добавляем отступ основному блоку, если не скрыт, то у него есть этот отступ */
  }

  .orders .additional-address {
    padding-bottom: 20px;
  }

  .orders .additional-address.profile-main__address--module {
    padding-bottom: 0px;
  }

  .orders .additional-address.profile-main__address--module:has(.content-block.display--none) {
    padding-bottom: 10px;
  }

  .orders.u-goods {
    margin-right: 0;
    margin-left: 0;
    padding-right: 20px;
    padding-left: 20px;
    border: none;
    border-radius: 0;
  }

  .orders .u-goods-items {
    margin-top: 40px;
  }

  .orders .u-goods-item {
    padding-right: 0;
  }

  .order-result {
    grid-template-columns: 1fr auto 85px;
    margin-left: 0;
    margin-right: 0;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
  }

  .order-repeat__btn {
    grid-column: 1/2;
    grid-row: 1/3;
    width: 150px;
    justify-self: center;
  }

  .order-delivery-sum__txt {
    grid-column: 2/3;
    grid-row: 1/2;
  }

  .order-delivery-sum__result {
    grid-column: 3/4;
    grid-row: 1/2;
  }

  .order-sum__txt {
    grid-column: 2/3;
    grid-row: 2/3;
  }

  .order-sum__result {
    grid-column: 3/4;
    grid-row: 2/3;
  }
}

@media (max-width: 450px) {
  .orders {
    /* Второе перестроение */
    /* / Второе перестроение */
  }

  .orders .u-goods-item {
    grid-template-columns: 80px 65px 85px auto;
    grid-template-rows: repeat(4, auto);
    /* row-gap: 3px; */
  }

  .orders .u-goods-item__img {
    grid-column: 1/2;
    grid-row: 1/5;
  }

  .orders .u-goods-item__info-txt {
    grid-column: 2/5;
    grid-row: 1/2;
    justify-self: start;
    margin-bottom: 7px;
  }

  .orders .u-goods-item .order__title--quantity.subtitle {
    grid-row: 2/3;
    grid-column: 2/3;
    justify-self: start;
    line-height: 100%;
  }

  .orders .u-goods-item .u-product-counter {
    grid-row: 2/3;
    grid-column: 3/4;
    justify-self: start;
    line-height: 100%;
  }

  .orders .u-goods-item .order__title--price.subtitle {
    grid-row: 3/4;
    grid-column: 2/3;
    justify-self: start;
    line-height: 100%;
  }

  .orders .u-goods-item .u-product-item__price {
    grid-row: 3/4;
    grid-column: 3/4;
    justify-self: start;
    line-height: 100%;
  }

  .orders .u-goods-item .order__title--sum.subtitle {
    grid-row: 4/5;
    grid-column: 2/3;
    justify-self: start;
    line-height: 100%;
  }

  .orders .u-goods-item .u-product-item__sum {
    grid-row: 4/5;
    grid-column: 3/4;
    justify-self: start;
    line-height: 100%;
  }

  .orders .u-goods-item .u-goods-item__elem {
    -ms-flex-item-align: start;
    align-self: start;
    line-height: initial;
  }

  .order-result {
    grid-template-columns: 1fr 36%;
    grid-template-rows: repeat(4, 38px);
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
    margin-left: 0;
    margin-right: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .order-repeat__btn {
    grid-column: 1/3;
    grid-row: 3/5;
    width: 100%;
    max-width: 280px;
    height: 50px;
    font-size: 16px;
    /* justify-self: center; */
  }

  .order-delivery-sum__txt {
    grid-column: 1/2;
    grid-row: 1/2;
    font-size: 14px;
    letter-spacing: -0.2px;
  }

  .order-delivery-sum__result {
    grid-column: 2/3;
    grid-row: 1/2;
    font-size: 14px;
  }

  .order-sum__txt {
    grid-column: 1/2;
    grid-row: 2/3;
    font-size: 14px;
  }

  .order-sum__result {
    grid-column: 2/3;
    grid-row: 2/3;
    font-size: 14px;
  }
}

/* Брейк-пойнты для краткого изложения заказа */
@media (max-width: 1144px) {
  .orders-info--short {
    /* grid-template-columns: repeat(auto-fit, minmax(135px, 142px)); */

    grid-template-columns: repeat(4, 1fr);
  }
}

@media (max-width: 974px) {
  .orders-info--short {
    /* grid-template-columns: repeat(auto-fit, minmax(135px, 1fr)); */
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (max-width: 935px) {
  .orders-info--short {
    /* grid-template-columns: repeat(auto-fit, minmax(135px, 142px)); */

    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 661px) {
  .orders-info--short {
    /* grid-template-columns: repeat(auto-fit, minmax(135px, 1fr)); */

    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 633px) {
  .orders-info--short {
    /* grid-template-columns: repeat(auto-fit, minmax(135px, 142px)); */
  }
}

@media (max-width: 509px) {
  .orders-info--short {
    /* grid-template-columns: repeat(auto-fit, minmax(135px, 1fr)); */
  }
}

@media (max-width: 488px) {
  .orders-info--short {
    /* grid-template-columns: repeat(auto-fit, minmax(135px, 142px)); */

    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 329px) {
  .orders-info--short {
    /* grid-template-columns: repeat(auto-fit, minmax(135px, 1fr)); */

    grid-template-columns: repeat(1, 1fr);
  }
}

.btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 6px;
  height: 40px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  cursor: pointer;
}

.btn_full {
  width: 100%;
}

.btn_green {
  color: #fff;
  background: var(--color-green);
  -webkit-transition: background 0.3s ease 0s;
  transition: background 0.3s ease 0s;
}

.btn_green:hover {
  background: var(--color-red);
}

.page-header {
  color: var(--color-black-text);
  font-size: 38px;
  font-weight: 400;
  line-height: normal;
  /* text-transform: uppercase; */
}

.page-title {
  font-size: var(--font-size-48-20);
  font-weight: 500;
  text-transform: uppercase;
  color: var(--color-black-text);
}

/* responsive */
@media (max-width: 1199px) {
  .page-header {
    font-size: calc(24px + 24 * (100vw - 320px) / 879);
  }
}

.product-item__price--wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.product-item__price {
  /* --padding: 15px; */
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 0;
  padding-right: 0;
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 3px;
  width: 100%;
  padding: 0 var(--padding);
  height: 60px;
  margin-top: 10px;
}

.product-item__price--product-item {
  margin: 0;
  padding: 0;
}

.product-item__price-old {
  color: var(--color-gray-text);
  font-size: 14px;
  font-weight: 400;
  text-decoration: line-through;
}

.product-item__price-current {
  color: var(--color-black);
  font-size: 18px;
  font-weight: 400;
  line-height: 120%;

  small {
    font-size: 65%;
  }
}

.product-item__price-sale-percent {
  color: var(--color-red);
  font-size: 14px;
  font-weight: 400;
}

@media (max-width: 1199px) {
  .product-item__price-old {
    font-size: calc(11px + 3 * (100vw - 320px) / 879);
  }

  .product-item__price-current {
    font-size: calc(13px + 5 * (100vw - 320px) / 879);
  }

  .product-item__price-sale-percent {
    font-size: calc(11px + 3 * (100vw - 320px) / 879);
  }

  .product-item__price {
    /* --padding: calc(10px + (15 - 10) * ((100vw - 320px) / (1199 - 320))); */
    padding-top: calc(10px + 5 * (100vw - 320px) / 879);
    padding-bottom: calc(10px + 5 * (100vw - 320px) / 879);
    height: calc(48px + 14 * (100vw - 320px) / 879);
    margin-top: calc(2px + 8 * (100vw - 320px) / 879);
  }
}

.product-item__stickers {
  position: absolute;
  left: 0;
  top: 35px;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 5px;
}

.product-item__sticker {
  --border-radius: 6px;
  color: #fff;
  font-size: 12px;
  font-style: italic;
  font-weight: 900;
  line-height: 1;
  /* border-radius: 0px var(--border-radius) var(--border-radius) 0px; */
  border-radius: var(--border-radius);
  padding-bottom: 5px;
  padding-top: 3px;
  height: 20px;
  width: 90px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.product-item__sticker--5 {
  width: unset;
  padding-inline: 10px;
}

.product-item__sticker--5,
.product-item__sticker_discount {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF1C3D), to(#D41128));
  background: linear-gradient(180deg, #FF1C3D 0%, #D41128 100%);
}

.product-item__sticker--1,
.product-item__sticker_new {
  background: -webkit-gradient(linear, left top, left bottom, from(#36B32D), to(#279324));
  background: linear-gradient(180deg, #36B32D 0%, #279324 100%);
}

.product-item__sticker--6,
.product-item__sticker_sale {
  background: -webkit-gradient(linear, left top, left bottom, from(#4A7EF2), to(#3561E8));
  background: linear-gradient(180deg, #4A7EF2 0%, #3561E8 100%);
}

.product-item__sticker_black {
  background-color: #1E1D21;
  color: #fff;
  min-width: 120px;
}

[class*=product-item__sticker_] {
  display: none;
}

.stickers-active {
  display: block;
}

@media (max-width: 1199px) {
  .product-item__stickers {
    top: calc(30px + 5 * (100vw - 320px) / 879);
    gap: calc(2px + 3 * (100vw - 320px) / 879);
  }

  .product-item__sticker {
    --border-radius: calc(3px + (6 - 3) * ((100vw - 320px) / (1199 - 320)));
    font-size: calc(6px + 6 * (100vw - 320px) / 879);
    padding-bottom: calc(2px + 3 * (100vw - 320px) / 879);
    padding-top: calc(2px + 1 * (100vw - 320px) / 879);
    height: calc(12px + 8 * (100vw - 320px) / 879);
    width: calc(45px + 45 * (100vw - 320px) / 879);
  }
}

.white-cart__red-btn {
  background-color: #E31235;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 7px 22px 10px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border: 1px solid #E31235;
  border-radius: 6px;
  margin-right: 10px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.white-cart__red-btn:hover {
  opacity: 0.7;
}

.white-cart__red-btn span {
  /* display: inline-block; */
  color: #ffffff;
  font-size: 15px;
  font-weight: 400;
}

/* При необходимости скрываем красную кнопку в точке применения */
/* .white-cart__red-btn {
    display: none;
} */
@media (max-width: 767px) {
  .white-cart__red-btn {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 135px;
    padding: 6px 0 9px;
    /* margin-right: 0; */
    /* padding: 6px 20px 9px 20px; */
  }
}

/* u-block (universal) */
.u-goods {
  margin: 0;
  padding: 0;
}

.u-goods-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  gap: 20px;
}

.u-goods-item {
  display: grid;
  grid-template-columns: minmax(80px, 100px) 38.5% auto;
  gap: 20px;
  /*     grid-template-columns: minmax(80px, 100px) 38.5% 80px 1fr minmax(14px, 20.8%); */
  width: 100%;
}

.u-goods-item__img {
  grid-column: 1/2;
  /* max-width: 100px; */
}

.u-goods-item__img img {
  width: 100%;
}

.u-goods-item__info-txt {
  grid-column: 2/3;
}

.u-goods-item__money-block {
  grid-column: 3/4;
}

.u-category {
  font-size: var(--font-size-16-11);
  line-height: 130%;
  font-weight: 500;
  margin-bottom: 5px;
  color: var(--color-gray-text);
}

.u-name {
  font-size: var(--font-size-14-10);
  line-height: 130%;
  font-weight: 400;
  text-transform: uppercase;
  margin-bottom: 2px;
  color: var(--color-black-text);
}

/* При необходимости скрываем цвет и размер товара */
/* .u-more-info {
    display: none;
} */
.u-more-info {
  display: block;
}

.u-more-info span {
  font-size: var(--font-size-14-10);
  line-height: 130%;
  font-weight: 400;
  color: var(--color-gray-text);
}

.u-goods-item__money-block {
  display: grid;
  grid-template-columns: 2fr 105px 4fr 1fr;
  gap: 20px;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
}

.u-product-counter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-self: end;
}

.u-product__btn--minus,
.u-product__btn--plus {
  display: inline-block;
  width: 24px;
  height: 24px;
  font-size: 16px;
  color: var(--color-black-text);
  border: 1px solid #e6e6e7;
  border-radius: 2px;
  padding-left: 3px;
}

.u-product__btn--minus:hover,
.u-product__btn--plus:hover {
  background-color: #E6E6E7;
}

.u-product-number {
  font-size: 16px;
  width: 32px;
  color: var(--color-black-text);
  display: inline-block;
  text-align: center;
}

.u-product-item__price {
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 3px;
  justify-self: end;
}

.u-product-item__price-old {
  color: var(--color-gray-text);
  font-size: var(--font-size-14-11);
  font-weight: 400;
  text-decoration: line-through;
}

.u-product-item__price-current {
  font-size: var(--font-size-16-12);
  font-weight: 500;
  text-transform: uppercase;
  color: var(--color-black-text);
}

.u-product-item__price-sale-percent {
  color: var(--color-red);
  font-size: var(--font-size-14-11);
  font-weight: 400;
}

.white-cart__red-btn {
  margin-right: 0;
  justify-self: end;
  -ms-flex-item-align: center;
  align-self: center;
}

.u-goods-item__cart-img {
  width: 14px;
  justify-self: end;
  display: flex;
}

/* Если потребуется скрыть красную кнопку, то в точке вызова применим следующий код (в след. примере вызов данного модуля в элементе .favorites-goods) */
/* .favorites-goods .white-cart__red-btn {
    display: none;
} */
@media (max-width: 1199px) {
  :root {
    --font-size-16-11: calc(11px + (16 - 11) * ((100vw - 320px) / (1199 - 320)));
    --font-size-14-11: calc(11px + (14 - 11) * ((100vw - 320px) / (1199 - 320)));
    --font-size-14-10: calc(10px + (14 - 10) * ((100vw - 320px) / (1199 - 320)));
  }

  .u-goods-item__money-block .white-cart__red-btn {
    padding: 8px 0 12px;
    width: 170px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

@media (max-width: 1000px) {
  .u-goods-item__money-block {
    grid-template-columns: 2fr 3fr 4fr 1fr;
  }

  .u-goods-item__money-block .white-cart__red-btn {
    width: 100%;
  }
}

@media (max-width: 910px) {
  .u-goods-item__money-block {
    grid-template-columns: 2fr 96px 146px auto;
    /* grid-template-columns: 2fr 78px 146px 1fr; */
  }
}

@media (max-width: 848px) {
  .u-goods-item__money-block {
    grid-template-columns: 2fr 96px 2fr 1fr;
  }

  .u-goods-item__money-block .white-cart__red-btn span {
    display: none;
  }
}

@media (max-width: 767px) {
  .u-goods-item {
    /* display: grid; */
    grid-template-columns: calc(80px + 20 * (100vw - 320px) / 448) auto;
    gap: 10px;
  }

  .u-goods-item__money-block {
    grid-column: span 2;
    grid-template-columns: 2fr 2fr 3fr 1fr;
  }

  .u-goods-item__money-block .white-cart__red-btn {
    width: 80%;
    justify-self: end;
  }

  .u-goods-item__money-block .white-cart__red-btn span {
    display: block;
  }

  .u-product-counter {
    justify-self: start;
  }
}

@media (max-width: 576px) {
  .u-goods-item__money-block {
    grid-template-columns: 2fr minmax(86px, 2fr) 3fr 1fr;
  }

  .u-goods-item__money-block .white-cart__red-btn {
    width: 144px;
  }

  .u-goods-item__money-block .white-cart__red-btn span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media (max-width: 420px) {
  .u-goods-item__money-block {
    gap: 10px;
  }

  .u-goods-item__money-block .white-cart__red-btn {
    width: 100%;
  }

  .u-goods-item__money-block .white-cart__red-btn span {
    display: none;
  }

  .u-goods-item__money-block .u-product-item__price {
    width: 86px;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
  }
}

/* / u-block (universal) */

.product-slider__main-img img,
.product-slider__slide.swiper-slide img {
  cursor: pointer;
}

.text-danger {
  font-size: 14px;
  color: red;
  padding: 10px 0;
}

.sizes-title a {
  color: #E31235;
  text-decoration: underline;
}

.sizes-title a:hover {
  text-decoration: none;
  /* color: var(--color-black-text); */
}

.sizechart-popup {
  font-size: 14px;

  h4 {
    font-size: 17px;
    margin-bottom: 20px;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 10px;
    background-color: #f9f9f9;
  }
}

/* table */
.table-responsive {
  overflow-x: auto;
  margin-bottom: 20px;
}

.table {
  width: 100%;
  margin-bottom: 1rem;
  border-collapse: collapse;
  background-color: #fff;
}

.table-bordered {
  border: 1px solid #ddd;
}

.table-bordered th,
.table-bordered td {
  border: 1px solid #ddd;
  padding: 12px;
}

.table-hover tbody tr:hover {
  background-color: #f5f5f5;
}

.table th {
  background-color: #f1f1f1;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  color: #333;
}

.table td {
  text-align: center;
  font-size: 14px;
  color: #555;
}

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

.table .text-right {
  text-align: right !important;
}

/* Add some styling to alternate rows for better readability */
.table tbody tr:nth-child(odd) {
  background-color: #fcfcfc;
}

/* Make the table responsive on smaller screens */
@media (max-width: 768px) {

  .table th,
  .table td {
    font-size: 12px;
    padding: 8px;
  }
}

.pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  margin: 0 auto;
}

.pagination li.active span {
  /* background-color: #E6E6E7;
  border: 1px solid #000000;
  border-radius: 6px; */

  background-color: #ffed00;
  border-color: #ffed00;
  color: #424242;
}

.pagination .prev svg {
  transform: scale(1.5) rotate(-90deg);
}

.pagination .next svg {
  transform: scale(1.5) rotate(90deg);
}

.pagination a,
.pagination span {
  font-size: 16px;
  color: #1E1D21;
  padding: 3px 11px;

  display: flex;
  align-items: center;
  justify-content: center;

  width: 30px;
  height: 30px;

  transition: all 0.33s ease-in-out;

  border-radius: 7px;

  background-color: #fff;
  border: 1px solid #eee;
}

.pagination a:hover {
  background-color: #eee;
}

@media (max-width: 479px) {

  /* Убираем "3" и "7" */
  /* .pagination li:nth-of-type(4),
  .pagination li:nth-of-type(6) {
    display: none;
  } */
}

.product-item__stickers {
  left: 10px;
}

.product-item__stickers--bottom {
  left: unset;
  right: 10px;
  bottom: 20px;
  pointer-events: none;
  justify-content: flex-end;

  padding: 0;
  margin: 0;

  .product-item__sticker {
    width: unset;
    padding-inline: 10px;
    opacity: .9;
    font-weight: 600;
    font-style: normal;
    border-radius: 5px;
  }
}

.mobile-main-menu__list {
  width: unset;
  gap: 15px;
}

.categories-swiper__carousel-slide-img {
  border-radius: 6px;
}

.add-to-cart__result-price+.add-to-cart__result-price {
  margin-top: -25px;
}

.product-item__wishlist-button {
  /* display: none; */
}

.product-card__category {
  font-size: 15px;
  line-height: 120%;
  color: var(--color-gray-text);
  font-weight: 500;
  max-width: 1040px;
  text-transform: uppercase;
  margin-bottom: 5px;
}

.footer__payment {
  background: #fffffff0;
  max-width: 500px;
  margin: 20px auto;
  border-radius: 10px;
  padding: 5px 25px;
}

/* responsive */
@media (max-width: 767px) {
  .footer__payment {
    margin: 10px auto;
    border-radius: 5px;
    padding: 5px 15px;
  }
}

/* responsive */

.footer__payment-img {}


.fancybox__caption {
  font-size: 14px;
}

.information {
  padding-bottom: 100px !important;
}

/* responsive */
@media (max-width: 1199px) {
  .information {
    padding-bottom: calc(50px + (100 - 50) * ((100vw - 320px) / (1199 - 320))) !important;
  }
}

/* responsive */

.information__breadcrumb {}

.information__content {}


.breadcrumb {
  padding-block: 30px;
  font-size: 16px;
  line-height: 1.2;
}

/* responsive */
@media (max-width: 1199px) {
  .breadcrumb {
    padding-block: calc(20px + (30 - 20) * ((100vw - 320px) / (1199 - 320)));
    font-size: calc(13px + (16 - 13) * ((100vw - 320px) / (1199 - 320)));
  }
}

/* responsive */

.breadcrumb__list {
  display: flex;
  gap: 10px;
}

.breadcrumb__item {
  position: relative;

  &:not(:last-child) {
    &::after {
      content: "/";
    }
  }
}

.breadcrumb__link {
  color: #929292;
}

.breadcrumb__link:hover {}

.breadcrumb__caption {
  color: #1e1d21;
}

:root {
  --font-size-text: 18px;
  --font-size-h1: 48px;
  --line-height: 1.2;

  --padding: calc(var(--line-height) * var(--font-size-text));
}


/* responsive */
@media (max-width: 1199px) {
  :root {
    --font-size-text: calc(15px + (18 - 15) * ((100vw - 320px) / (1199 - 320)));
    --font-size-h1: calc(20px + (48 - 20) * ((100vw - 320px) / (1199 - 320)));
  }
}

/* responsive */

.wysiwyg {
  *:not(button) {
    margin: 0;
    padding: 0;

    color: #28272b;

    font-weight: 400;

    font-size: var(--font-size-text);
    line-height: var(--line-height);

    a+ul,
    span+ul {
      padding-top: var(--padding);
    }

    &:not(:last-child) {
      padding-bottom: var(--padding);
    }
  }

  h1,
  .h1 {
    color: #1e1d21;

    font-size: var(--font-size-h1);
    font-weight: 500;

    text-transform: uppercase;

    &:not(:last-child) {
      padding-bottom: var(--padding);
    }
  }

  h2,
  .h2 {
    font-weight: 600;
    text-transform: uppercase;
  }

  h3,
  .h3 {
    font-weight: 600;
  }

  p {

    &+h2 {
      padding-top: var(--padding);
    }

    &+h3 {
      padding-top: var(--padding);
    }

    &+.h2 {
      padding-top: var(--padding);
    }

    &+.h3 {
      padding-top: var(--padding);
    }
  }

  ol,
  ul {
    padding-left: 20px;

    &+h2 {
      padding-top: var(--padding);
    }

    &+h3 {
      padding-top: var(--padding);
    }

    &+.h2 {
      padding-top: var(--padding);
    }

    &+.h3 {
      padding-top: var(--padding);
    }
  }

  ol {
    li {}
  }

  ul {
    list-style-type: disc;

    li {}
  }

  a {
    color: #0098F5;
    text-decoration: none;

    &:hover {
      text-decoration: underline;
    }
  }
}

.product-item__stock-info {
  font-size: 17px;
  padding-block: 20px;
  font-weight: 500;
  line-height: 1.2;
  border-top: 1px solid #eee;
  margin-top: 20px;
}

.product-item__stock-info--out {
  color: #E31235;
}

/* .product-item__stock-info--preorder {
  color: #4373E7;
} */

/* responsive */
@media (max-width: 1199px) {
  .product-item__stock-info {
    font-size: calc(14px + (17 - 14) * ((100vw - 320px) / (1199 - 320)));
  }
}

/* responsive */
.error-not_found,
.product-product:has(.information__container),
.information-information,
.information-sitemap {
  .main-menu {
    border-bottom: 2px solid var(--color-black-header-border);
  }

  .main {
    background-color: #1E1D21;
    border-bottom: 2px solid var(--color-black-header-border);

    .breadcrumb__caption {
      color: #fff;
    }

    .breadcrumb__item {
      &:not(:last-child) {
        &::after {
          content: "/";
          color: #929292;
        }
      }
    }


    .wysiwyg {
      * {
        color: #fff;
      }
    }
  }
}

/*
.mfilter-box {
  width: 100%;
  max-width: 1200px;
  min-width: 320px;
  margin: 0 auto;
  padding: 0 15px;

  margin-bottom: 20px;

  .box-heading {
    display: none;
  }

  .mfilter-content {
    padding: 20px;
    min-height: 125px;
    background-color: #f7f7f8;
    border-radius: 6px;

    .mfilter-selected-filters {}

    >ul {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 10px;

      >li {
        position: relative;

        .mfilter-heading {
          border: 1px solid #e6e6e7;
          border-radius: 6px;
          background: #fff;
          font-weight: 300;
          font-size: 18px;
          color: #929292;
          height: 35px;
          display: flex;
          align-items: center;
          padding-left: 20px;
          padding-right: 35px;

          cursor: pointer;
        }

        .mfilter-content-opts {
          position: absolute;
          display: block;
          background: #ffff;
          width: calc(100% - 2px);
          top: calc(100% - 0);
          left: 1px;
          z-index: 1;

          pointer-events: none;
          opacity: 0;
          visibility: hidden;

          transition: all 0.2s ease;

          border-radius: 0 0 6px 6px;
        }

        &:hover {
          .mfilter-content-opts {
            pointer-events: unset;
            opacity: 1;
            visibility: visible;

            box-shadow: 0 2px 10px 0 rgba(178, 178, 179, 0.7);

          }
        }
      }
    }
  }
}
*/

.mfilter-col-input:has(input[type=checkbox]) {
  display: flex;
  border: 1px solid #28272b;
  border-radius: 3px;
  width: 14px;
  height: 14px;

  position: relative;

  input[type=checkbox] {
    display: none !important;
  }

  &::after {
    content: "";
    display: flex;
    border-radius: 1px;
    width: 8px;
    height: 8px;
    background: #28272b;

    position: absolute;
    left: 50%;
    top: 50%;

    margin-left: -4px;
    margin-top: -4px;

    opacity: 0;
    visibility: hidden;

    transition: all 0.2s ease;
  }
}

.mfilter-col-input:has(input[type=checkbox]:checked) {
  &::after {
    opacity: 1;
    visibility: visible;
  }
}

.mfilter-slider,
.mfilter-price {
  padding-top: 10px;

  .mfilter-slider-inputs,
  .mfilter-price-inputs {
    font-weight: 400;
    font-size: 18px;
    color: #1e1d21;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;

    padding-bottom: 10px;

    input {
      border: 1px solid #e6e6e7;
      border-radius: 6px;
      padding: 0 20px;
      font-weight: 400;
      font-size: 18px;
      text-align: center;
      color: #1e1d21;
      height: 30px;
      display: flex;
      align-items: center;
      justify-content: center;
      max-width: 85px;
    }

  }

  .mfilter-price-slider {}
}


.mfilter-selected-filters {
  &:not(:has(.mfilter-selected-filters-item)) {
    display: none !important;
  }

  .mfilter-selected-filters-cnt {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;

    strong {
      font-weight: 600;
      font-size: 18px;
      color: #1e1d21;
    }

    a {
      border: 1px solid #e6e6e7;
      border-radius: 6px;
      padding: 14px 20px;
      height: 30px;
      background: #fff;

      display: inline-flex;
      align-items: center;
      gap: 20px;

      transition: all 0.2s ease;

      &.black {
        background: #28272b;
        border-color: #28272b;

        span {
          &:first-of-type {
            color: #fff;
          }

          &.mfilter-close {
            i {}
          }
        }
      }

      &:hover {
        opacity: .75;
      }

      span {
        &:first-of-type {
          font-weight: 300;
          font-size: 18px;
          color: #1e1d21;
        }

        &.mfilter-close {

          i {}
        }
      }
    }
  }
}


.mfilter-box {
  margin-bottom: 25px;

  .box-heading {
    display: none;
  }

  .mfilter-content {
    padding: 20px;
    background-color: #f7f7f8;
    border-radius: 6px;

    display: flex;
    flex-direction: column;

    .mfilter-selected-filters {
      order: 2;
      padding-top: 20px;
    }

    >ul {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 10px;

      >li {
        position: relative;
        cursor: pointer;
        z-index: 99;

        &:nth-child(n + 5) {
          order: 100;
          display: none;
        }

        /* &:has( .mfilter-slider ),  */
        &.active,
        &:has(input[type=checkbox]:checked) {
          order: unset;
          display: block;
        }

        &:has(.filters__btn--open) {
          grid-column: span 4;
          order: 99;
          display: block;

          .filters__btn--open.big {
            height: 40px;
            width: 100%;
          }

          &::after {
            display: none;
          }
        }

        &::after {
          content: "";
          background: #fff;
          display: block;
          width: 100%;
          height: 10px;
          position: absolute;
          z-index: 9;
          bottom: -2px;
          left: 1px;
          /* right: 29px; */
          width: calc(100% - 2px);
          box-shadow: none;

          pointer-events: none;
          opacity: 0;
          visibility: hidden;

          transition: all 0.2s ease;
        }

        .mfilter-heading {
          border: 1px solid #e6e6e7;
          border-radius: 6px;
          background: #fff;
          font-weight: 300;
          font-size: 18px;
          color: #929292;
          height: 35px;
          display: flex;
          align-items: center;
          padding-left: 20px;
          padding-right: 35px;
          position: relative;

          pointer-events: none;

          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
        }

        .mfilter-content-opts {
          position: absolute;
          display: block;
          background: #ffff;
          width: calc(100% - 2px);
          top: calc(100% - 0);
          left: 1px;
          z-index: 1;

          pointer-events: none;
          opacity: 0;
          visibility: hidden;

          transition: all 0.2s ease;

          border-radius: 0 0 6px 6px;

          /* display: block !important; */
        }

        &:hover {
          z-index: 101;

          &::after {
            pointer-events: unset;
            opacity: 1;
            visibility: visible;

          }

          .mfilter-heading {
            color: #28272b;
            box-shadow: 0 2px 10px 0 rgba(178, 178, 179, 0.7);

            border-radius: 6px 6px 0 0;

            .mfilter-head-icon {
              transform: rotate(-180deg);
            }
          }

          .mfilter-content-opts {
            pointer-events: unset;
            opacity: 1;
            visibility: visible;

            box-shadow: 0 2px 10px 0 rgba(178, 178, 179, 0.7);
          }
        }
      }
    }
  }
}

.mfilter-box:not(:has(.mfilter-content>ul>li:nth-child(6))) {
  .mfilter-content>ul>li:has(.filters__btn--open) {
    display: none !important;
  }
}

/* responsive */
@media (max-width: 1199px) {
  .mfilter-box {
    /* display: none !important; */
  }
}

@media (max-width: 991px) {
  .mfilter-box {
    .mfilter-content {
      >ul {
        grid-template-columns: repeat(2, 1fr);

        >li {
          &:has(.filters__btn--open) {
            grid-column: span 2;
          }
        }
      }
    }
  }
}

@media (min-width: 768px) {
  .mfilter-content-opts {
    display: block !important;
  }
}

@media (max-width: 767px) {
  .mfilter-box {
    .mfilter-content {

      .mfilter-selected-filters {
        padding-top: 10px;

        .mfilter-selected-filters-cnt {
          >*:not(.black) {
            display: none !important;
          }

          & a {
            &.black {
              height: 40px;
              width: 100%;
              justify-content: center;
            }
          }
        }
      }

      >ul {
        grid-template-columns: repeat(1, 1fr);

        >li {
          &:has(.filters__btn--open) {
            grid-column: span 1;
          }

          &.active,
          &:has(input[type=checkbox]:checked) {
            .mfilter-heading {
              color: #28272b;
            }
          }

          &::after {
            display: none;
          }

          &:hover {
            .mfilter-heading {
              color: unset;
              box-shadow: unset;

              border-radius: 6px;
            }

            .mfilter-content-opts {
              box-shadow: unset;
            }
          }

          .mfilter-heading {
            pointer-events: unset;

            &:not(.mfilter-collapsed) {
              border-radius: 6px 6px 0 0;
              border-bottom: 0;

              .mfilter-head-icon {
                transform: rotate(-180deg);
              }
            }
          }

          .mfilter-content-opts {
            position: unset;
            opacity: 1;
            visibility: visible;
            pointer-events: unset;
            border: 1px solid #e6e6e7;
            border-top: 0;

            width: calc(100% + 0px);

            .mfilter-opts-container {
              border: 0;
            }

            .mfilter-options {
              padding-bottom: 10px;
            }
          }
        }
      }
    }
  }
}

@media (max-width: 480px) {}

@media (max-width: 320px) {}

/* responsive */

@media (min-width: 768px) {
  .show-md {
    display: none !important;
  }
}

@media (max-width: 767.98px) {
  .hidden-md {
    display: none !important;
  }
}


.fancybox-close {
  border: 0;
  box-shadow: none;
  padding: 0;
  outline: none;

  cursor: pointer;

  color: #929292;

  &:hover {
    color: #1E1D21;
  }
}


.registration__info {
  margin: 0 20px 20px 20px;
  border-top: 1px solid #eee;
  padding-top: 20px;
  font-size: 14px;

  p {}

  b {
    font-weight: 600;
  }

  a {
    font-weight: 500;
    color: var(--color-red);
    text-decoration: underline;
  }
}

.carousel-swiper {}

.carousel-swiper-wrapper {}

.carousel-swiper-pagination {
  position: unset;
  margin-top: 30px;

  .swiper-pagination-bullet-active {
    background-color: var(--color-red);
  }
}

.carousel-swiper-btn {
  outline: none !important;

  &:after {
    color: var(--color-black-text);
  }
}

.carousel-swiper-btn--prev {
  left: -50px;
}

.carousel-swiper-btn--next {
  right: -50px;
}


@media (max-width: 1299px) {
  .carousel-swiper-btn {
    cursor: pointer;
    background-color: rgb(245, 245, 245);
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 50%;

    border: 1px solid var(--color-gray-bg);

    &:after {
      font-size: 16px;
    }

    &.swiper-button-disabled {
      display: none !important;
    }
  }


  .carousel-swiper-btn--prev {
    left: -15px;
    margin-top: -35px;
  }

  .carousel-swiper-btn--next {
    right: -15px;
    margin-top: -35px;
  }
}

.swiper-slide {
  transition: all 0.3s ease;
}

.swiper-slide-hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.swiper:not(.swiper-initialized) {

  .swiper-button-prev,
  .swiper-button-next,
  .swiper-pagination {
    display: none;
  }
}

.product-swiper__swiper-slide:has(.product-item__sticker--5),
.product-layout:has(.product-item__sticker--5) {
  filter: grayscale(1);
  opacity: .75;
}

.text-decoration-none {
  text-decoration: none !important;
}

.pt-50 {
  padding-top: 50px !important;
}

.simplecheckout-warning-block {
  clear: both;
  margin-bottom: 15px;
  padding: 10px 10px 10px 10px;
  border: 1px solid #F8ACAC;
  border-radius: 5px 5px 5px 5px;
  color: #555555;
  text-align: left;
  font-size: 15px;
  margin-top: 5px;

  background: red;
  color: #fff;
  border-color: red;
}

.form-account {
  display: flex;
  flex-direction: column;
  gap: 25px;
  margin-block: 25px;

  button {
    max-width: 250px;
  }
}

.alert.alert-success.alert-dismissible {
  clear: both;
  margin-bottom: 15px;
  padding: 10px 10px 10px 10px;
  border: 1px solid green;
  border-radius: 5px 5px 5px 5px;
  color: #555555;
  text-align: left;
  font-size: 15px;
  margin-top: 5px;
  background: green;
  color: #fff;
  border-color: green;
}

[data-js-preorder-form] {
  display: flex;
  flex-direction: column;
}

.preorder__pop-up-form {
  max-width: 800px;
}




/* view switch - list and grid */
.view-switch {
  display: flex;
  gap: 20px;
  margin-left: 25px;
}

.view-switch .btn__switch {
  outline: none !important;
  background: transparent !important;
  color: #B6B8BC;

  display: flex;
  align-items: center;
  justify-content: center;

  width: 30px;
  height: 26px;

  flex-shrink: 0;
}

.view-switch .btn__switch.active {
  color: #1E1D21;
}

.view-switch .btn__switch rect {
  stroke: currentColor;
}

/* responsive */
@media (max-width: 767px) {
  .view-switch {
    display: none;
  }
}

/* responsive */

.products-swiper__swiper-wrapper {
  .product-item__attributes {
    display: none;
  }
}

.category-cards__wraper:not(.category-cards__wraper--list) {
  .product-item__attributes {
    display: none;
  }
}

/* responsive */
@media (min-width: 768px) {
  .category-cards__wraper>div {
    transition: all 0.3s ease;
  }

  .category-cards__wraper:not(.category-cards__wraper--list, .category-cards__wraper--grid)>div {
    opacity: 0;
    visibility: hidden;
  }

  .category-cards__wraper--list {
    grid-template-columns: repeat(1, minmax(270px, 1fr));
  }

  .category-cards__wraper--list .product-item_options {
    flex-direction: row;
  }

  .category-cards__wraper--list .product-item__main-info {
    max-width: 300px;
  }

  .category-cards__wraper--list .product-item__description-info {
    height: calc(100% - 20px);
  }

  .category-cards__wraper--list .product-item__size {
    position: unset;
    display: block;
    pointer-events: all;
    border: 0;
    transition: none;
    box-shadow: none !important;
    background: none;
  }

  .category-cards__wraper--list .product-item__size-title {
    display: inline-flex;
    background: none;
    font-weight: 600;
    margin-top: 10px;
  }

  .category-cards__wraper--list .product-item__size-list {
    display: contents;
  }

  .category-cards__wraper--list .product-item__price--product-item {
    position: absolute;
    top: 20px;
    right: 20px;
    max-width: 100px;
  }

  .category-cards__wraper--list .product-item__attributes {
    color: var(--color-gray-text);
    font-size: 14px;
    font-weight: 400;

    max-width: 450px;
    line-height: 150%;
  }

  .category-cards__wraper--list .product-item__name {
    height: unset;
  }

  .category-cards__wraper--list .product-item__brand {
    justify-content: flex-start;
  }
}

@media (max-width: 1199px) {
  .category-cards__wraper--list .product-item__main-info {
    max-width: calc(100px + (300 - 100) * ((100vw - 320px) / (1199 - 320)));
  }

  .category-cards__wraper--list .product-item__attributes {
    max-width: unset;
  }
}

/* responsive */

@media (min-width: 768px) {
  ul.columns-2 {
    columns: 2;
  }
}


.footer__link-list {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 15px;
  margin-top: 15px;
  gap: 10px;
  border-top: 1px solid #322f39;
}

.footer__link-list-item {
  color: #fff;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;

  &:hover {
    opacity: 0.75;
  }
}

@media (max-width: 767px) {
  .footer__link-list {
    flex-direction: column;
  }

  .footer__link-list-item {
    font-size: 12px;
  }
}

@media (max-width: 640px) {
  .product-info {
    align-items: center;
  }

  .product-info>div {
    width: 100%;
    max-width: 320px;
  }
}