/* reset */

button:focus {
  outline: none;
}

/* base */

body {
  font-family: "Inter", sans-serif;
  box-sizing: border-box;
}

.header {
  border-bottom: 1px solid #EEEEEE;
}

.container {
  max-width: inherit;
  padding: 0 52px;
}

@media (max-width: 991px) {
  .container {
      padding: 0 15px;
  }
}

a {
  color: inherit;
}

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

.section {
  /* padding-top: 106px;
  padding-bottom: 106px; */
  padding-top: 60px;
  padding-bottom: 60px;
}

@media (max-width: 991px) {
  .section {
      padding-top: 48px;
      padding-bottom: 48px;
  }
}

.h1 {
  font-size: 40px;
  line-height: 40px;
  font-weight: 600;
  text-transform: uppercase;
  color: #000000;
}

@media (max-width: 991px) {
  .h1 {
      font-size: 32px;
  }
}

.h2 {
  font-size: 40px;
  line-height: 1.4;
  font-weight: 600;
  letter-spacing: 5%;
  text-transform: uppercase;
  margin-bottom: 40px;
}

@media (max-width: 991px) {
  .h2 {
      font-size: 30px;
      margin-bottom: 20px;
  }
}

.h3 {
  font-size: 30px;
  line-height: 42px;
  font-weight: 600;
  letter-spacing: 5%;
  text-transform: uppercase;
  margin-bottom: 40px;
}

.content-text {
  font-size: 16px;
  line-height: 26px;
  color: #343434;
}

.content-text a {
  text-decoration: underline;
}

.content-text p:not(:last-child) {
  margin-bottom: 16px;
}

.content-text ul {
  /* padding-left: 0; */
  padding-left: 20px;
  margin-bottom: 0;
  list-style: disc;
}

.content-text ul:not(:last-child) {
  margin-bottom: 12px;
}

.content-text ol {
  padding-left: 0;
  margin-bottom: 0;
  list-style: auto;
}

.content-text ul ol {
  padding-left: 20px;
}

.content-text ol ul {
  padding-left: 20px;
}

.content-text table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 26px;
  color: #343434;
  table-layout: fixed;
}

.content-text table th,
.content-text table td {
  border: 1px solid #e0e0e0;
  padding: 12px 16px;
  vertical-align: top;
  text-align: left;
}

.content-text table th {
  background-color: #f5f5f5;
  font-weight: 600;
}

.content-text table tr:nth-child(even) td {
  background-color: #fafafa;
}

.content-text table p {
  margin: 0;
}

.content-text table p:not(:last-child) {
  margin-bottom: 0;
}

/* Первая колонка — узкая, под нумерацию пунктов */
.content-text table td:first-child,
.content-text table th:first-child {
  width: 80px;
  white-space: nowrap;
}

@media (max-width: 768px) {
  .content-text table {
      display: block;
      width: 100%;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
      white-space: nowrap;
  }

  .content-text table th,
  .content-text table td {
      white-space: normal;
      min-width: 220px;
  }

  .content-text table td:first-child,
  .content-text table th:first-child {
      min-width: 80px;
      width: 80px;
  }
}

/* buttons */

.btn-reset {
  border: none;
  padding: 0;
  background-color: transparent;
  cursor: pointer;
}

.btn-yellow {
  background-color: #BEA163;
  height: 74px;
  flex-shrink: 0;
  width: fit-content;
  padding: 0 52px;
  font-size: 24px;
  line-height: 15px;
  font-weight: 400;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.2s ease-in-out;
  border: none;
}

@media (max-width: 991px) {
  .btn-yellow {
      height: 50px;
      font-size: 16px;
  }
}

.btn-yellow-empty {
  border: 1px solid #BEA163;
  background-color: transparent;
  height: 74px;
  flex-shrink: 0;
  width: fit-content;
  padding: 0 52px;
  font-size: 24px;
  line-height: 15px;
  font-weight: 400;
  color: #000000;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.2s ease-in-out;
}

@media (max-width: 991px) {
  .btn-yellow-empty {
      height: 55px;
      padding: 0 20px;
  }
}

.btn-label {
  background-color: #fff;
  height: 28px;
  flex-shrink: 0;
  width: fit-content;
  padding: 0 12px;
  font-size: 14px;
  line-height: 14px;
  font-weight: 400;
  color: #000000;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.2s ease-in-out;
  border-radius: 2px;
}

@media (max-width: 991px) {
  .btn-label {
      height: 16px;
      font-size: 10px;
      padding: 0 6px;
  }
}

.btn-yellow-empty-arrow {
  border: 1px solid #BEA163;
  background-color: transparent;
  height: 48px;
  flex-shrink: 0;
  width: fit-content;
  padding: 0 70px 0 30px;
  font-size: 24px;
  line-height: 15px;
  font-weight: 400;
  color: #BEA163;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.2s ease-in-out;
  position: relative;
}

@media (max-width: 991px) {
  .btn-yellow-empty-arrow {
      height: 34px;
      font-size: 14px;
      padding-left: 24px;
      padding-right: 56px;
  }
}

.btn-yellow-empty-arrow::before {
  content: '';
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
  width: 19px;
  height: 19px;
  background-image: url(../../../assets/templates/images-new/arrows/btn-arrow-right.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

/* breadcrumbs */

.breadcrumbs {
  margin-top: 0;
  margin-top: 30px;
}

@media (max-width: 767px) {
  .breadcrumbs {
      margin-top: 16px;
  }
}

.breadcrumbs ul li:after {
  content: ">";
  margin-left: 5px;
}

.breadcrumbs ul li a {
  font-size: 14px;
  line-height: 16px;
  color: #000000;
}

.breadcrumbs ul li.breadcrumb-item {
  color: #D2D2D2;
}

/* form */

.form__label {
  font-size: 16px;
  line-height: 14px;
  color: #242424;
  margin-bottom: 24px;
}

@media (max-width: 767px) {
  .form__label {
      margin-top: 8px;
      margin-bottom: 12px;
  }
}

.form .form__input {
  border: 1px solid #DFDFDF;
  border-radius: 5px;
  height: 68px;
  margin-bottom: 0;
}

.form__textarea {
  min-height: 150px;
  margin-top: 24px;
  border-radius: 5px;
}

/* swiper-style */

.swiper-style .swiper-button-next,
.swiper-style .swiper-button-prev {
  color: transparent;
  width: 47px;
  height: 47px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 50%;
  transform: translateY(-50%);
  margin: 0 !important;
}

@media (max-width: 767px) {

  .swiper-style .swiper-button-next,
  .swiper-style .swiper-button-prev {
      width: 27px;
      height: 27px;
  }
}

.swiper-style .swiper-button-prev {
  left: 6px;
  right: auto;
}

.swiper-style .swiper-button-next {
  left: auto;
  right: 6px;
}

.swiper-style .swiper-button-next svg,
.swiper-style .swiper-button-prev svg {
  width: 100%;
  height: 100%;
}

.swiper-style .swiper-pagination {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  column-gap: 15px;
  position: absolute;
  bottom: 36px;
}

@media (max-width: 991px) {
  .swiper-style .swiper-pagination {
      bottom: 32px;
  }
}

.swiper-style .swiper-pagination-bullet {
  border-radius: 0;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  background-color: #CBCBCB;
  opacity: 1;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

@media (max-width: 991px) {
  .swiper-style .swiper-pagination-bullet {
      height: 15px;
      width: 15px;
  }
}

.swiper-style .swiper-pagination-bullet-active {
  width: 24px;
  height: 24px;
  background-color: #BEA163;
}

@media (max-width: 991px) {
  .swiper-style .swiper-pagination-bullet-active {
      height: 20px;
      width: 20px;
  }
}

/* hero-slider */

.hero-slider {
  width: 100%;
}

.hero-slider__item {
  position: relative;
  height: 80vh;
  flex-shrink: 0;
  display: flex;
}

@media (max-width: 991px) {
  .hero-slider__item {
      height: calc(100vh - 62px);
  }
}

.hero-slider__item::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  /* background: linear-gradient(90deg, rgba(217, 217, 217, 0) 0%, rgba(50, 50, 50, 0.6) 100%); */
  z-index: 1;
}

@media (max-width: 767px) {
  .hero-slider__item::before {
      /* background: linear-gradient(180deg, rgba(217, 217, 217, 0) 0%, rgba(31, 31, 31, 0.8) 100%); */
  }
}

.hero-slider__image {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.hero-slider__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  /* object-position: left; */
}

@media (max-width: 767px) {
  .hero-slider__image img {
      object-position: top;
  } 
}

.hero-slider__item .container {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 100%;
}

@media (max-width: 767px) {
  .hero-slider__item .container {
      align-items: flex-end;
      justify-content: flex-start;
  }
}

.hero-slider__content {
  width: 600px;
  max-width: 600px;
  margin-right: 74px;
  position: relative;
  z-index: 1;
}

@media (max-width: 767px) {
  .hero-slider__content {
      margin-right: 0;
      margin-bottom: 100px;
  }
}

.hero-slider__subtitle {
  font-size: 38px;
  line-height: 1.2;
  font-weight: 400;
  color: #fff;
  margin-bottom: 30px;
}

@media (max-width: 767px) {
  .hero-slider__subtitle {
      font-size: 20px;
      margin-bottom: 8px;
  }
}

.hero-slider__title {
  font-size: 75px;
  line-height: 1.1;
  font-weight: 500;
  letter-spacing: 5%;
  color: #fff;
  margin-bottom: 100px;
}

@media (max-width: 767px) {
  .hero-slider__title {
      font-size: 38px;
      margin-bottom: 30px;
  }
}

@media (max-width: 991px) {
  .hero-slider .swiper-button-next,
  .hero-slider .swiper-button-prev {
      display: none;
  }
}

/* showcase-products */

.showcase-products {
  padding-bottom: 60px;
}

@media (max-width: 767px) {
  .showcase-products {
      padding-bottom: 50px;
  }
}

@media (max-width: 767px) {
.showcase-products__title {
  font-size: 24px;
}
}

.showcase-products.product-tabs {
  padding-top: 0;
}

.showcase-products__tabs {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  column-gap: 20px;
  margin-bottom: 40px;
  padding-bottom: 26px;
  /* border-bottom: 1px solid #ECECEC; */
}

@media (max-width: 991px) {
  .showcase-products__tabs {
      column-gap: 12px;
      margin-bottom: 40px;
  }
}

@media (max-width: 767px) {
  .showcase-products__tabs {
      padding-bottom: 16px;
      margin-bottom: 32px;
  }
}

@media (max-width: 400px) {
  .showcase-products__tabs {
      column-gap: 8px;
  }

  /* .showcase-products__separator {
      display: none;
  } */
}

.product-tabs .showcase-products__tabs {
  border-bottom: 1px solid #ECECEC;
}

.showcase-products__tab {
  font-size: 24px;
  line-height: 15px;
  letter-spacing: 5%;
  color: #000000;
  text-transform: uppercase;
}

@media (max-width: 991px) {
  .showcase-products__tab {
      font-size: 18px;
  }
}

@media (max-width: 400px) {
  .showcase-products__tab {
      font-size: 15px;
  }
}

.showcase-products__tab.active {
  color: #BEA163;
  position: relative;
}

.showcase-products__tab.active::before {
  content: '';
  position: absolute;
  bottom: -30px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #BEA163;
}

@media (max-width: 767px) {
  .showcase-products__tab.active::before {
      bottom: -20px;
  }
}

@media (max-width: 400px) {
  .showcase-products__tab.active::before {
      bottom: -2px;
  }

  .product-tabs .showcase-products__tab.active::before {
      bottom: -20px;
  }
}

.showcase-products__tab-content {
  display: none;
  /* padding-bottom: 40px;
  border-bottom: 1px solid #ECECEC; */
}

.showcase-products__tab-content.active {
  display: block;
}

.showcase-products .showcase-products__tab-content {

}

.showcase-products-slider__wrapper {
  position: relative;
  container-type: inline-size;
  container-name: showcase-slider;
}

/* Стрелки по центру квадратной карточки-изображения, а не всего слайда с текстом */
.showcase-products-slider__wrapper .swiper-button-prev,
.showcase-products-slider__wrapper .swiper-button-next {
  transform: translateY(-50%) !important;
  width: 36px;
  height: 36px;
  /* 4 слайда, gap 40px → сторона картинки (100cqi - 120px) / 4; центр = / 8 */
  top: calc((100cqi - 120px) / 8);
  margin: 0 !important;
}

@media (max-width: 991px) {
  .showcase-products-slider__wrapper .swiper-button-prev,
  .showcase-products-slider__wrapper .swiper-button-next {
      width: 15px;
      height: 15px;
      /* 2 слайда, gap 16px → сторона (100cqi - 16px) / 2; центр = / 4 */
      top: calc((100cqi - 16px) / 4);
  }
}

.showcase-products-slider__wrapper .swiper-button-prev {
  left: -47px;
}

@media (max-width: 991px) {
  .showcase-products-slider__wrapper .swiper-button-prev {
      left: -15px;
  }
}

.showcase-products.last .showcase-products-slider__wrapper .swiper-button-prev,
.showcase-products.last .showcase-products-slider__wrapper .swiper-button-next {
  top: calc((100cqi - 120px) / 8);
}

@media (max-width: 991px) {
  .showcase-products.last .showcase-products-slider__wrapper .swiper-button-prev,
  .showcase-products.last .showcase-products-slider__wrapper .swiper-button-next {
      top: calc((100cqi - 16px) / 4);
  }
}

.showcase-products-slider__wrapper .swiper-button-next {
  right: -47px;
}

@media (max-width: 991px) {
  .showcase-products-slider__wrapper .swiper-button-next {
      right: -15px;
  }
}

.showcase-products__item {
  width: 100%;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.showcase-products__item-head {
  box-sizing: border-box;
  width: 100%;
  background-color: #F2F2F2;
  position: relative;
  padding: 20px 16px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  /* height: 480px; */
  max-height: 360px;
  aspect-ratio: 1 / 1;
  flex-shrink: 0;
  overflow: hidden;
  min-height: 0;
}

@media (max-width: 991px) {
  .showcase-products__item-head {
      padding: 10px;
      /* height: 220px; */
      max-height: 220px;
  }
}

.showcase-products__item-top {
  position: absolute;
  left: 16px;
  right: 16px;
  top: 12px;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  align-items: flex-start;
}

@media (max-width: 767px) {
  .showcase-products__item-top {
      left: 8px;
      right: 8px;
  }
}

.showcase-products__item-left {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  flex-direction: column;
      align-items: flex-start;
}

@media (max-width: 767px) {
  .showcase-products__item-left {
      gap: 8px;
      
  }
}

.showcase-products__item-label {}

.showcase-products__item-discount {
  width: 44px;
  height: 44px;
  flex-shrink: 0;
  background-color: #FFBEBE;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  line-height: 100%;
  font-weight: 700;
  color: #fff;
}

@media (max-width: 767px) {
  .showcase-products__item-discount {
      width: 34px;
      height: 34px;
      font-size: 12px;
  }

  .product .showcase-products__item-discount {
      width: 48px;
      height: 48px;
      font-size: 12px;
  }
}

.showcase-products__item-discount.without-num {
  font-size: 20px;
}

.showcase-products__item-favorites {
  background-color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  flex-shrink: 0;
  position: relative;
  z-index: 2;align-self: flex-start;
}

@media (max-width: 991px) {
  .showcase-products__item-favorites {
      height: 36px;
      width: 36px;
  }

  .product .showcase-products__item-favorites {
      height: 48px;
      width: 48px;
  }

  .product .showcase-products__item-favorites svg {
      height: 20px;
      width: 20px;
  }

  .showcase-products__item-favorites svg {
      width: 16px;
      height: 16px;
  }
}

.showcase-products__item-favorites .comparison {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.showcase-products__item-favorites .comparison-link {
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  border: none !important;
  text-decoration: none;
}

.showcase-products__item-favorites .comparison .comparison-add {
  display: flex !important;
}

.showcase-products__item-favorites .comparison .comparison-remove,
.showcase-products__item-favorites .comparison .comparison-go,
.showcase-products__item-favorites .comparison .comparison-total {
  display: none !important;
}

.showcase-products__item-favorites .comparison.added .comparison-add {
  display: none !important;
}

.showcase-products__item-favorites .comparison.added .comparison-remove {
  display: flex !important;
}

.showcase-products__item-favorites .comparison-link svg {
  display: block;
}

.showcase-products__item-image {
  position: absolute;
  inset: 20px 16px;
  width: auto;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  min-width: 0;
  min-height: 0;
}

@media (max-width: 991px) {
  .showcase-products__item-image {
    inset: 10px;
  }
}

.showcase-products__item-image img {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.showcase-products__item-image #msGallery {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.showcase-products__item-image #msGallery img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.showcase-products__item-content {
  margin-top: 30px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  column-gap: 20px;
  width: 100%;
}

@media (max-width: 1199px) {
  .showcase-products__item-content {
      margin-top: 12px;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      row-gap: 12px;
  }
}

.showcase-products__item-info {
  min-width: 0;
}

.showcase-products__item-name {
  font-size: 20px;
  line-height: 14px;
  font-weight: 600;
  color: #242424;
  margin-bottom: 16px;
}

@media (max-width: 991px) {
  .showcase-products__item-name {
      font-size: 14px;
      margin-bottom: 12px;
  }
}

.showcase-products__item-color {
  font-size: 15px;
  line-height: 14px;
  font-weight: 400;
  color: #787878;
  margin-top: 16px;
}

@media (max-width: 991px) {
  .showcase-products__item-color {
      font-size: 12px;
      margin-top: 2px;
  }
}

.showcase-products__item-price {
  font-size: 20px;
  line-height: 14px;
  font-weight: 600;
  color: #BEA163;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-start;
  white-space: nowrap;
}

@media (max-width: 1199px) {
  .showcase-products__item-price {
      align-items: flex-start;
  }
}

@media (max-width: 767px) {
  .showcase-products__item-price {
      font-size: 14px;
  }
}

.showcase-products__item-price .old-price {
  font-size: 18px;
  line-height: 14px;
  font-weight: 400;
  color: #B4B4B4;
  text-decoration: line-through;
  margin-bottom: 14px;
}

@media (max-width: 767px) {
  .showcase-products__item-price .old-price {
      font-size: 14px;
      margin-bottom: 2px;
  }
}

.showcase-products__item-price .new-price {
  font-size: 20px;
  line-height: 20px;
  font-weight: 600;
  color: #DB0000;
}

@media (max-width: 767px) {
  .showcase-products__item-price .new-price {
      font-size: 14px;
  }
}

.showcase-products__button {
  margin: 0 auto;
  /* margin-top: 100px; */
  margin-top: 60px;
}

@media (max-width: 991px) {
  .showcase-products__button {
      font-size: 16px;
      margin-top: 45px;
      width: 100%;
  }
}

/* main-banner */

.main-banner {
  height: 60vh;
  width: 100vw;
  max-width: 100%;
  flex-shrink: 0;position: relative;
}

@media (max-width: 991px) {
  .main-banner {
      height: auto;
  }
}

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

.main-banner__content {
  display: none;
}

@media (max-width: 767px) {
  .main-banner__content {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-end;
      row-gap: 5px;
      position: absolute;
      bottom: 46px;
      left: 15px;
      width: 100%;
      max-width: 289px;
      color: #fff;
  }

  .main-banner__subtitle {
      font-size: 20px;
      line-height: 24px;
  }

  .main-banner__title {
      font-size: 64px;
      line-height: 64px;
      font-weight: 500;
      text-transform: uppercase;
  }

  .main-banner__text {
      font-size: 20px;
      line-height: 24px;
      margin-left: auto;
  }
}

/* categories-products */

.categories-products {
  padding-top: 0;
}

.categories-products__title {
  text-align: center;
  /* margin-bottom: 125px; */
  margin-bottom: 60px;
}

@media (max-width: 767px) {
  .categories-products__title {
      font-size: 24px;
      margin-bottom: 12px;
  }
}

.categories-products__items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 50px;
}

@media (max-width: 1440px) {
  .categories-products__items {
      grid-template-columns: repeat(2, 1fr);
      gap: 20px;
  }
}

@media (max-width: 767px) {
  .categories-products__items {
      grid-template-columns: repeat(1, 1fr);
      gap: 20px;
  }
}

.categories-products__item {
  width: 100%;
  position: relative;
  height: 364px;
  overflow: hidden;
  background-color: #F2F2F2;
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 16px;
}

@media (max-width: 1440px) {
  .categories-products__item {
      grid-row: auto !important;
  }
}

@media (max-width: 767px) {
  .categories-products__item {
      max-height: 200px;
  }
}

.categories-products__item:nth-child(1) {
  grid-row: 1/3;
}

.categories-products__item:nth-child(2) {
  grid-row: 1/2;
}

.categories-products__item:nth-child(3) {
  grid-row: 1/2;
}

.categories-products__item:nth-child(4) {
  grid-row: 2/3;
}

.categories-products__item:nth-child(5) {
  grid-row: 2/3;
}

.categories-products__image {
  display: flex;
  position: absolute;
  left: -120px;
  bottom: -77px;
  width: 100%;
  height: 100%;
}

/* @media (max-width: 991px) {
  .categories-products__image {
      height: 100%;
  }
} */

@media (max-width: 767px) {
  .categories-products__image {
      max-height: 210px;
      /* left: 24px; */
      left: clamp(-18px, calc(0.3622 * 100vw - 153.8px), 124px);
      bottom: -12px;
  }
}

.categories-products__image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: left bottom;
}

@media (max-width: 767px) {
  .categories-products__image img {
      transform: scale(1.6);
  }
}

.categories-products__item:nth-child(1) {
  height: 100%;
}

@media (max-width: 767px) {
  .categories-products__item:nth-child(1) {
      height: 200px;
  }
}

.categories-products__item:nth-child(1) .categories-products__image {
  bottom: -40px;
}

.categories-products__item:last-child .categories-products__image {
  height: 80%;
  left: 0;
  top: auto;
  transform: inherit;
  bottom: 0;
}

@media (max-width: 767px) {
.categories-products__item:last-child .categories-products__image img {
  transform: scale(1.0);
}
}

.categories-products__content {
  /* position: absolute;
  right: 30px;
  top: 30px; */
  width: 60%;
  margin-top: 14px;
  position: relative;
  z-index: 1;
}

.categories-products__name {
  font-size: 28px;
  line-height: 42px;
  font-weight: 600;
  letter-spacing: 5%;
  text-transform: uppercase;
  margin-bottom: 20px;
}

@media (max-width: 991px) {
  .categories-products__name {
      font-size: 18px;
      line-height: 42px;
  }
}

/* write-us */

.write-us {
  /* padding-top: 80px;
  padding-bottom: 80px; */
  padding-top: 60px;
  padding-bottom: 60px;
  background-color: #F2F2F2;
}

.write-us__container {
  display: grid;
  grid-template-columns: 1fr 2fr;
}

@media (max-width: 991px) {
  .write-us__container {
      grid-template-columns: 1.2fr 1.8fr;
  }
}

@media (max-width: 767px) {
  .write-us__container {
      grid-template-columns: 1fr;
      row-gap: 60px;
  }
}

.write-us__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  max-width: 450px;
  margin: 0 auto;
  padding-right: 20px;
}

@media (max-width: 767px) {
  .write-us__content {
      max-width: 100%;
      width: 100%;
  }
}

.write-us__subtitle {
  font-size: 24px;
  line-height: 65px;
  font-weight: 600;
  letter-spacing: 5%;
  text-transform: uppercase;
  color: #000000;
  margin-bottom: 20px;
}

@media (max-width: 991px) {
  .write-us__subtitle {
      font-size: 18px;
      line-height: 20px;
      margin-bottom: 12px;
  }
}

.write-us__title {
  font-size: 56px;
  line-height: 65px;
  font-weight: 600;
  letter-spacing: 5%;
  text-transform: uppercase;
  color: #000000;
  margin-bottom: 40px;
}

@media (max-width: 991px) {
  .write-us__title {
      font-size: 40px;
      line-height: 40px;
      margin-bottom: 20px;
  }
}

.write-us__text {
  font-size: 16px;
  line-height: 26px;
  color: #787878;
  max-width: 410px;
  margin-bottom: 80px;
}

@media (max-width: 767px) {
  .write-us__text {
      margin-bottom: 20px;
  }
}

.write-us__items {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

@media (max-width: 991px) {
  .write-us__items {
      grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.write-us__image {
  width: 100%;
  /* height: 300px; */
  height: 100%;
  flex-shrink: 0;
  aspect-ratio: 1 / 1;
}

@media (max-width: 767px) {
  .write-us__image {
      /* height: 200px; */
  }
}

.write-us__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* header */

.main_menu {
  margin-top: 0;
  margin-bottom: 0;
}

.main_menu .dropdown_menu {
  top: 0;
  /* мгновенное открытие без slide-анимации jQuery */
  transition: none !important;
  animation: none !important;
  background: #fff;
}

@media (min-width: 992px) {
  .main_menu .dropdown_menu {
      display: none;
      height: auto !important;
      overflow: visible !important;
      padding-top: 35px;
      padding-bottom: 35px;
  }

  .main_menu .dropdown_menu.is-open {
      display: block !important;
  }
}

body {
  padding-top: 93.25px;
}

@media (max-width: 991px) {
  body {
      padding-top: 62px;
  }
}

.header {
  padding-top: 24px;
  padding-bottom: 24px;
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 11;
  background-color: #fff;
}

@media (max-width: 991px) {
  .header {
      height: 62px;
  }
}

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

.header__left {
  display: flex;
  align-items: center;
  /* justify-content: space-between; */
  justify-content: flex-start;
  column-gap: 65px;
  min-width: 0;
  flex: 1;
}

.header__logo {
  width: 160px;
  flex-shrink: 0;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.header__logo img {
  width: 100%;
}

.header__logo h1, .header__logo div {
  font-size: 11px;
  color: #260b03;
  width: 100%;
  margin: 0;
  text-align: justify;
  text-align-last: justify;
}

@media (min-width: 240px) and (max-width: 1000px) {
  header .logo {
    align-items: flex-start;
  }
}

@media (max-width: 991px) {
  .header__logo h1, .header__logo div {
    font-size: 8px;
  }
}

.header__menu {
  /* width: 600px; */
  width: 100%;
  min-width: 0;
}

/* только корневой список — не трогаем .header__submenu */
.header__menu>ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  column-gap: 30px;
  flex-wrap: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.header__menu>ul::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}

.header__menu>ul>li {
  white-space: nowrap;
  border-bottom: 1px solid transparent;
}

.header__menu>ul>li:hover {
  color: #BEA163;
  border-bottom: 1px solid #BEA163;
}

@media (max-width: 991px) {
  .header__menu>ul>li:hover {
      border-bottom: none;
  }
}

.header__menu>ul>li:hover>a::after {
  background: url("data:image/svg+xml,%3Csvg width='19' height='19' viewBox='0 0 19 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.6667 7.91667L9.50004 11.0833L6.33337 7.91667' stroke='%23bea163' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
}

.header__menu>ul>li:hover>a {
  /* color: #BEA163;
  text-decoration: underline;
  text-underline-offset: 4px; */
}

.header__menu .drop-menu>a {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  line-height: 1;
}

.header__menu .drop-menu>a::after {
  content: "";
  display: block;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  background: url("data:image/svg+xml,%3Csvg width='19' height='19' viewBox='0 0 19 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.6667 7.91667L9.50004 11.0833L6.33337 7.91667' stroke='%235F5F5F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
  transition: transform 0.3s ease;
}

.header__menu .drop-menu.is-open>a::after {
  transform: rotate(180deg);
}

.header__submenu {
  display: none;
  list-style: none;
  margin: 0;
  padding: 0;
}

/* старая стрелка из bundle.js — скрываем, оставляем ::after */
.header__menu .drop-menu>i.icon.arrow-select-down {
  display: none !important;
}

.header-burger {
  display: none;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  flex-shrink: 0;
}

@media (max-width: 400px) {
  .header-burger {
      width: 24px;
      height: 24px;
  }
}

.header-burger__icon {
  display: block;
}

.header-burger__icon--close {
  display: none;
}

.header-burger.is-open .header-burger__icon--open {
  display: none;
}

.header-burger.is-open .header-burger__icon--close {
  display: block;
}

.header__right {
  display: flex;
  align-items: center;
  /* justify-content: space-between; */
  justify-content: flex-end;
  column-gap: 25px;
  flex-shrink: 0;
}

@media (max-width: 991px) {
  .header {
      position: fixed;
      z-index: 100;
      padding-top: 16px;
      padding-bottom: 16px;
  }

  .header__left {
      column-gap: 16px;
      flex: 1;
      min-width: 0;
  }

  .header__logo {
      width: 120px;
  }

  .header__right {
      column-gap: 16px;
  }

  .header-burger {
      display: inline-flex;
  }

  .header-price {
      display: none;
  }

  .header__menu {
      /* display: none;
      position: absolute;
      left: 0;
      right: 0;
      top: 100%;
      width: 100%;
      z-index: 200;
      background: #fff;
      padding: 8px 0 16px;
      box-shadow: 0 12px 24px rgba(0, 0, 0, 0.08);
      border-top: 1px solid #eee;
      overflow-x: hidden;
      overflow-y: auto;
      -webkit-overflow-scrolling: touch;
      height: calc(100vh - 63px);
      max-height: calc(100vh - 100%);
    max-height: calc(100dvh - 100%);
    max-height: calc(100svh - 100%);
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch; */
    display: none;
    /* fixed + top/bottom: тянется за видимый экран, когда панель браузера прячется */
    position: fixed;
    left: 0;
    right: 0;
    top: 62px;
    bottom: 0;
    width: 100%;
    height: auto;
    max-height: none;
    z-index: 200;
    background: #fff;
    padding: 8px 0 16px;
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.08);
    border-top: 1px solid #eee;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }

  .header.is-menu-open .header__menu {
      display: block;
  }

  .header__menu>ul {
      display: flex;
      flex-direction: column;
      align-items: stretch;
      justify-content: flex-start;
      flex-wrap: nowrap;
      column-gap: 0;
      row-gap: 0;
      overflow: visible;
      padding: 0 15px;
  }

  /* ul, который bundle.js вставляет рядом с Каталогом — прячем, JS перенесёт внутрь */
  .header__menu>ul>ul {
      display: none !important;
  }

  .header__menu>ul>li {
      display: list-item;
      white-space: normal;
      border-bottom: none;
  }

  .header__menu>ul>li:last-child {
      border-bottom: inherit;
  }

  .header__menu>ul>li>a {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 14px 0;
      font-size: 16px;
      line-height: 1.3;
      color: #333;
      text-decoration: none;
  }

  .header__menu>ul>li:hover>a {
      text-decoration: none;
  }

  .header__menu .drop-menu.is-open>a {
      color: #BEA163;
  }

  .header__menu .drop-menu>.header__submenu,
  .header__menu ul.header__submenu {
      display: none;
      list-style: none;
      padding: 0 0 12px 12px;
      padding-left: 50px;
      margin: 0;
      flex-direction: column;
      align-items: stretch;
      justify-content: flex-start;
      flex-wrap: nowrap;
      column-gap: 0;
      overflow: visible;
  }

  .header__menu ul.header__submenu > li {
      position: relative;
  }

  .header__menu ul.header__submenu > li::before {
      content: '';
      position: absolute;left: -50px;
      width: 30px;
      height: 1px;background-color: #BEA163;
      top: 50%;
      transform: translateY(-50%);
  }

  .header__menu .drop-menu.is-open>.header__submenu {
      display: flex;
  }

  .header__submenu>li {
      display: list-item;
      white-space: normal;
      border-bottom: none;
  }

  .header__submenu>li>a {
      display: block;
      padding: 10px 0;
      font-size: 15px;
      color: #555;
      text-decoration: none;
  }

  body.is-menu-open {
      overflow: hidden;
  }

  /* desktop dropdown not used on mobile — submenu lives inside burger */
  #top_nav.main_menu {
      display: none;
  }
}

@media (max-width: 400px) {
  .header__right {
      column-gap: 12px;
  }

  .header .logo {
      width: 100px;
  }

  .header__logo h1, .header__logo div {
    font-size: 7px;
}
}

.header-search {
  cursor: pointer;
}

.header-favorites {
  display: flex;
  position: relative;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  color: inherit;
}

.header-favorites.comparison>.header-favorites__count,
.header-favorites.comparison>.comparison-total,
.header-favorites .header-favorites__count.comparison-total {
  display: flex !important;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: -8px;
  top: -6px;
  width: 15px;
  height: 15px;
  flex-shrink: 0;
  border-radius: 50%;
  background-color: #BEA163;
  font-size: 10px;
  line-height: 16px;
  color: #fff;
}

.header-cart-link {
  display: flex;
  align-items: center;
  column-gap: 25px;
  text-decoration: none;
  color: inherit;
}

.header-cart {
  display: flex;
  align-items: center;
  column-gap: 25px;
}

@media (max-width: 400px) {
  .header-cart {
      column-gap: 12px;
  }
}

.header-basket {
  display: flex;
  position: relative;
  cursor: pointer;
}

.header-basket__count {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: -8px;
  top: -6px;
  width: 15px;
  height: 15px;
  flex-shrink: 0;
  border-radius: 50%;
  background-color: #BEA163;
  font-size: 10px;
  line-height: 16px;
  color: #fff;
}

.header-price {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 8px;
}

.header-price .count,
.header-price .currency {
  font-size: 14px;
  line-height: 18px;
  text-transform: uppercase;
  color: #000000;
}

.main_menu .dropdown_menu .container,
.main_menu .dropdown_menu_search .container {
  max-width: 100%;
}

.main_menu .dropdown_menu ul {
  margin-left: 225px;
  columns: 3;
  column-gap: 40px;
}

.main_menu .dropdown_menu ul li {
  width: fit-content;
  display: block;
  page-break-inside: avoid;
  -moz-column-break-inside: avoid;
  -webkit-column-break-inside: avoid;
  break-inside: avoid;
  break-inside: avoid-column;
  margin-right: 0;
  padding-bottom: 8px;
}

.main_menu ul>li>a:hover {
  text-decoration: inherit;
}

.main_menu .dropdown_menu ul li a {
  font-size: 16px;
  line-height: 40px;
  color: #000000;
  text-transform: inherit;
}

.main_menu .dropdown_menu ul li:hover a {
  color: #BEA163;
  border-bottom: 1px solid #BEA163;
}

/* ============================================
   ПОИСК - выпадающая подложка
   ============================================ */
.search-overlay {
  /* display: none;
  position: absolute;
  top: 76px;
  left: 0;
  right: 0;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.5); */
  display: none;
  position: fixed;
  top: 76px;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  background: #fff;
  overflow-y: auto;
}

@media (max-width: 768px) {
  .search-overlay {
      top: 62px;
  }
}

.search-overlay.active {
  display: block;
}

.search-overlay__container {
  background: #fff;
  padding-top: 40px;
  padding-bottom: 40px;
}

@media (max-width: 767px) {
  .search-overlay__container {
      padding-top: 20px;
      padding-bottom: 20px;
  }
}

.search-overlay__input-wrap {
  display: flex;
  align-items: center;
  gap: 24px;
  /* border-bottom: 1px solid #ddd; */
  /* padding-bottom: 12px; */
  padding: 18px 26px;
  background-color: #FAFAFA;
  border-radius: 5px;
  position: relative;
}

.search-overlay__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  pointer-events: none;
}

.search-overlay__input {
  flex: 1;
  border: 0;
  outline: none;
  font-size: 16px;
  line-height: 18px;
  background: transparent;
}

.search-overlay__close {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  padding: 4px;
}

@media (max-width: 767px) {
  .search-overlay__close {
      position: absolute;
      right: 26px;
      top: 50%;
      transform: translateY(-50%);
  }

  .search-overlay__close svg {
      width: 20px;
      height: 20px;
  }
}

.search-overlay__results {
  display: none;
  margin-top: 20px;
  /* max-height: 500px; */
  overflow-y: auto;
}

.search-overlay__results.active {
  display: block;
}

.search-overlay__item:not(:last-child) {
  margin-bottom: 20px;
}

.search-overlay__loading,
.search-overlay__empty,
.search-overlay__error {
  padding: 20px 0;
  text-align: left;
  color: #666;
}

.search-overlay__footer {
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: center;
}

.search-overlay__all {
  display: inline-block;
  padding: 10px 20px;
  border: 1px solid #333;
  text-decoration: none;
  color: #333;
}

/* Результаты mSearch2 */
.search-overlay__results .mse2-row {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  /* padding: 12px 0; */
  /* border-bottom: 1px solid #F0F0F0; */
  gap: 20px;
}

.search-overlay__results .mse2-row:last-child {
  border-bottom: none;
}

.search-overlay__results .mse2-row .img>a {
  display: flex;
  width: 80px;
  height: 80px;
  border-radius: 10px;
  overflow: hidden;
}

.search-overlay__results .mse2-row .img>a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.search-overlay__results .mse2-row .info {
  flex: 1;
}

.search-overlay__results .mse2-row .info .name {
  display: flex;
  font-size: 20px;
  font-weight: 600;
  color: #242424;
  text-decoration: none;
  margin-bottom: 8px;
}

.search-overlay__results .mse2-row .info a:hover {
  color: #BEA163;
}

.search-overlay__results .mse2-row .info .article,
.search-overlay__results .mse2-row .info .color {
  font-size: 14px;
  color: #787878;
  display: flex;
  column-gap: 4px;
}

.search-overlay__results .mse2-row .info p span {
  margin-left: 8px;
  color: #999;
}

.search-overlay__results .mse2-row .price {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 12px;
  font-size: 20px;
  line-height: 20px;
  font-weight: 600;
  color: #BEA163;
  width: 200px;
}

@media (max-width: 768px) {
  .search-overlay__results .mse2-row .price {
      justify-content: flex-start;
      padding-left: 90px;
  }
}

.search-overlay__results::-webkit-scrollbar {
  width: 4px;
}

.search-overlay__results::-webkit-scrollbar-track {
  background: #F5F0EB;
  border-radius: 4px;
}

.search-overlay__results::-webkit-scrollbar-thumb {
  background: #BEA163;
  border-radius: 4px;
}

@media (max-width: 768px) {
  .search-overlay__results .mse2-row {
      flex-wrap: wrap;
      gap: 10px;
  }

  .search-overlay__results .mse2-row .img {
      /* flex: 0 0 60px; */
  }

  .search-overlay__results .mse2-row .img img {
      width: 60px;
      height: 60px;
  }

  .search-overlay__results .mse2-row .info a {
      font-size: 14px;
  }

  .search-overlay__results .mse2-row .price {
      flex: 0 0 100%;
      text-align: left;
  }

  .search-overlay__results .mse2-row .price p {
      font-size: 16px;
  }
}

/* footer */

.footer {
  /* padding-top: 105px; */
  padding-top: 60px;
}

@media (max-width: 991px) {
  .footer {
      padding-top: 40px;
  }
}

.footer__logo {
  display: flex;
  width: 200px;
  height: auto;
  flex-shrink: 0;
  margin-bottom: 50px;
}

@media (max-width: 991px) {
  .footer__logo {
      width: 180px;
      margin-bottom: 40px;
  }
}

.footer__logo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.footer__columns {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  column-gap: 120px;
}

@media (max-width: 991px) {
  .footer__columns {
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      row-gap: 42px;
      margin-bottom: 22px;
  }
}

.footer__content {
  max-width: 520px;
}

.footer__text {
  font-size: 16px;
  line-height: 24px;
  color: #767676;
  margin-bottom: 50px;
}

@media (max-width: 991px) {
  .footer__text {
      margin-bottom: 26px;
  }
}

.footer__links {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  row-gap: 14px;
  margin-bottom: 50px;
}

@media (max-width: 991px) {
  .footer__links {
      margin-bottom: 0;
  }
}

.footer__link {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  column-gap: 16px;
}

.footer__link svg {
  width: 19px;
  height: 19px;
  flex-shrink: 0;
}

.footer__link-text {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  column-gap: 8px;
}

.footer__link-text span,
.footer__link-text a {
  font-size: 16px;
  line-height: 20px;
  color: #767676;
}

.footer__items {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  column-gap: 60px;
}

@media (max-width: 991px) {
  .footer__items {
      flex-direction: column;
      row-gap: 8px;
  }
}

.footer__items .menu ul {
  /* display: flex; */
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding-left: 0;
  list-style: none;
  margin-bottom: 0;
  columns: 2;
  column-gap: 60px;
}

@media (max-width: 991px) {
  .footer__items .menu ul {
      columns: 1;
  }
}

.footer__items .menu ul li {
  page-break-inside: avoid; 
  -moz-column-break-inside: avoid;
          -webkit-column-break-inside: avoid;
          break-inside: avoid; 
  break-inside: avoid-column;
}

.footer__items .menu ul li:hover, .footer__items .menu ul li:active {
  text-decoration-color: #767676;
  text-decoration: underline;
  text-underline-offset: 4px; 
}

.footer__items .menu ul li:not(:last-child) {
  margin-bottom: 20px;
}

@media (max-width: 991px) {
  .footer__items .menu ul li:not(:last-child) {
      margin-bottom: 14px;
  }
}

.footer__items .menu ul li a {
  font-size: 16px;
  line-height: 20px;
  color: #767676;
}

.footer__policy-links {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 20px;
}

@media (max-width: 575px) {
  .footer__policy-links {
      flex-direction: column;
      align-items: flex-start;
      row-gap: 16px;
  }
}

.footer__policy {
  font-size: 16px;
  line-height: 20px;
  color: #767676;
  text-decoration: underline;
}

.footer__line {
  background-color: #E7E7E7;
  width: 100%;
  height: 1px;
  margin-top: 30px;
  margin-bottom: 25px;
}

.footer__icon-pay {
  margin-bottom: 40px;
}

.footer__icon-pay ul {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  column-gap: 12px;
  padding-left: 0;
  list-style: none;
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .footer__icon-pay ul {
      flex-wrap: wrap;
      align-items: flex-start;
      flex-direction: row-reverse;
      gap: 12px;
  }
}

/* garanty */

.garanty {
  padding-bottom: 60px;
}

/* @media (max-width: 1000px) {
  .garanty {
      padding-top: 100px;
  }
} */

@media (max-width: 767px) {
  .garanty {
      padding-top: 0px;
  }
}

.garanty__title {
  margin-bottom: 50px;
}

@media (max-width: 991px) {
  .garanty__title {
      margin-bottom: 30px;
  }
}

.garanty__subtitle {
  font-size: 24px;
  font-weight: 600;
  letter-spacing: 5%;
  color: #000000;
  margin-bottom: 50px;
}

@media (max-width: 991px) {
  .garanty__subtitle {
      font-size: 20px;
      margin-bottom: 30px;
  }
}

.garanty__items {
  display: grid;
  grid-template-columns: 0.9fr 0.9fr 1.2fr;
  column-gap: 40px;
  margin-bottom: 60px;
}

@media (max-width: 1199px) {
  .garanty__items {
      gap: 20px;
  }
}

@media (max-width: 991px) {
  .garanty__items {
      grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 767px) {
  .garanty__items {
      grid-template-columns: repeat(1, 1fr);
      gap: 32px;
      margin-bottom: 40px;
  }
}

.garanty__item {
  background-color: #F9F9F9;
  border: 1px solid #E5E5E5;
  padding: 30px 20px;
  border-radius: 10px;
}

@media (max-width: 767px) {
  .garanty__item {
      padding: 20px 16px;
  }
}

.garanty__item-top {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  column-gap: 20px;
  margin-bottom: 20px;
}

@media (max-width: 1199px) {
  .garanty__item-top {
      column-gap: 16px;
  }
}

.garanty__item-count {
  font-size: 56px;
  line-height: 40px;
  font-weight: 600;
  letter-spacing: 5%;
  text-transform: uppercase;
  color: #BEA163;
}

@media (max-width: 1199px) {
  .garanty__item-count {
      font-size: 52px;
  }
}

@media (max-width: 767px) {
  .garanty__item-count {
      font-size: 52px;
  }
}

.garanty__item-name {
  font-size: 20px;
  line-height: 30px;
  font-weight: 600;
  letter-spacing: 5%;
  text-transform: uppercase;
}

@media (max-width: 1199px) {
  .garanty__item-name {
      font-size: 18px;
  }
}

.garanty__item-text {
  font-size: 16px;
  line-height: 26px;
  font-weight: 400;
  color: #343434;
}

.image-text-block {
  margin-bottom: 60px;
  display: grid;
  grid-template-columns: 2fr 3fr;
  column-gap: 100px;
  align-items: flex-start;
}

@media (max-width: 1199px) {
  .image-text-block {
      column-gap: 40px;
  }
}

@media (max-width: 767px) {
  .image-text-block {
      grid-template-columns: 1fr;
      gap: 50px;
  }
}

.image-text-block__image {
  width: 100%;
  height: 500px;
  flex-shrink: 0;
  border-radius: 10px;
  overflow: hidden;
}

@media (max-width: 767px) {
  .image-text-block__image {
      height: 280px;
  }
}

.image-text-block__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.image-text-block__text p a {
  text-decoration: underline;
}

.image-text-block__text ul {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.image-text-block__text ul:not(:last-child) {
  margin-bottom: 20px;
}

.image-text-block__text ul li {
  position: relative;
  padding-left: 50px;
}

.image-text-block__text ul li:not(:last-child) {
  margin-bottom: 30px;
}

.image-text-block__text ul li::before {
  content: '';
  position: absolute;
  background-color: #BEA163;
  width: 23px;
  height: 23px;
  border-radius: 50%;
  left: 0;
  top: 2px;
}

.media-block {
  background-color: #F9F9F9;
  border: 1px solid #E5E5E5;
  padding: 45px;
  border-radius: 10px;
}

@media (max-width: 767px) {
  .media-block {
      padding: 40px 20px;
  }
}

.media-block__text ul {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.media-block__text ul:not(:last-child) {
  margin-bottom: 20px;
}

.media-block__text ul li {
  position: relative;
  padding-left: 50px;
}

.media-block__text ul li:not(:last-child) {
  margin-bottom: 30px;
}

.media-block__text ul li::before {
  content: '';
  position: absolute;
  background-color: #BEA163;
  width: 23px;
  height: 23px;
  border-radius: 50%;
  left: 0;
  top: 2px;
}

/*  */

.payment {
  padding-bottom: 60px;
}

@media (max-width: 1000px) {
  .payment {
      padding-top: 100px;
  }

  .payment.p-page {
      padding-top: 0;
  }
}

.payment__title {
  margin-top: 20px;
  margin-bottom: 60px;
}

@media (max-width: 991px) {
  .payment__title {
      font-size: 30px;
      margin-top: 30px;
      margin-bottom: 30px;
  }
}

.payment__block {
  background-color: #F9F9F9;
  border: 1px solid #E5E5E5;
  padding: 30px;
  /* padding-bottom: 80px; */
  padding-bottom: 30px;
  border-radius: 10px;
  position: relative;
  cursor: pointer;
}

@media (max-width: 991px) {
  .payment__block {
      padding: 24px;
  }
}

.payment__block.is-open {
  padding-bottom: 60px;
}
.payment__block:not(.is-open) .js-payment-items,
.payment__block:not(.is-open) .js-payment-line {
  display: none;
}
.payment__block:not(.is-open) .payment__button {
  transform: rotate(180deg);
}

.payment__block:not(:last-child) {
  margin-bottom: 60px;
}

@media (max-width: 991px) {
  .payment__block:not(:last-child) {
      margin-bottom: 40px;
  }
}

.payment__block.payment-courier-delivery .payment__item:nth-child(3) {
  grid-row: 1 / 4;
  grid-column: 3 / 4;
}

.payment__block.payment-mail-delivery .payment__item:nth-child(3) {
  grid-row: 1 / 4;
  grid-column: 3 / 4;
}

.payment__button {
  width: 40px;
  height: 40px;
  background-color: #BEA163;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 40px;
  top: 42px;
  transition: transform 0.3s ease;
}

@media (max-width: 991px) {
  .payment__button {
      top: 26px;
      right: 24px;
      width: 30px;
      height: 30px;
  }
}

.payment__button.rotated {
  transform: rotate(180deg);
  transition: transform 0.3s ease;
}

.payment__top {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  column-gap: 36px;
}

@media (max-width: 991px) {
  .payment__top {
      column-gap: 20px;
  }
}

.payment__icon {
  width: 60px;
  height: 60px;
  flex-shrink: 0;
}

@media (max-width: 991px) {
  .payment__icon {
      width: 37px;
      height: 37px;
  }
}

.payment__icon img {
  width: 100%;
  height: 100%;
}

.payment__name {
  font-size: 30px;
  font-weight: 600;
  letter-spacing: 5%;
  text-transform: uppercase;
  color: #000000;
  padding-right: 32px;
}

@media (max-width: 991px) {
  .payment__name {
      font-size: 18px;
  }
}

.payment__name.js-payment-name {
  cursor: pointer;
}

.payment__line {
  border: 1px solid #E5E5E5;
  margin-top: 40px;
  margin-bottom: 50px;
}

@media (max-width: 991px) {
  .payment__line {
      margin-top: 16px;
      margin-bottom: 30px;
  }
}

.payment__items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px 50px;
  cursor: default;
}

@media (max-width: 1199px) {
  .payment__items {
      gap: 24px;
  }
}

@media (max-width: 1440px) {
  .payment__items {
      grid-template-columns: repeat(2, 1fr);
  }

  .payment__item {
      grid-row: inherit !important;
      grid-column: inherit !important;
  }
}

@media (max-width: 767px) {
  .payment__items {
      grid-template-columns: repeat(1, 1fr);
  }
}

.payment__item {
  background-color: #fff;
  border-radius: 10px;
  padding: 25px;
  height: fit-content;
  position: relative;
  /* height: 100%; */
}

.payment__item.js-payment-item {
  cursor: pointer;
}

@media (max-width: 767px) {
  .payment__item {
      padding: 22px 18px;
  }
}

.payment__item-arrow {
  position: absolute;
  right: 25px;
  top: 24px;
}

.payment__item-top {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  column-gap: 20px;
}

@media (max-width: 767px) {
  .payment__item-top {
      column-gap: 16px;
  }
}

.payment__item-icon {
  width: 60px;
  height: 60px;
  flex-shrink: 0;
  background-color: #BEA163;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 767px) {
  .payment__item-icon {
      width: 48px;
      height: 48px;
  }

  .payment__item-icon img {
      width: 24px;
      height: 24px;
  }
}

.payment__item-name {
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
  padding-right: 28px;
}

@media (max-width: 767px) {
  .payment__item-name {
      font-size: 16px;
  }
}

.payment__item-name.js-payment-item-name {
  cursor: pointer;
}

.payment__item-text {
  display: none;
  margin-top: 30px;
}

@media (max-width: 767px) {
  .payment__item-text {
      margin-top: 20px;
  }
}

.payment__item.payment__item--main .payment__item-text {
  display: block;
}

.payment__item-text a {
  color: #BEA163;
  text-decoration: underline;
}

.payment__item-text ol {
  padding-left: 20px;
}

/*  */



/* Для стрелок .js-payment-arrow */
.js-payment-arrow.active {
  transform: rotate(180deg);
  transition: transform 0.3s ease;
}

.js-payment-arrow {
  transition: transform 0.3s ease;
  cursor: pointer;
}

/* Если хотите, чтобы какой-то пункт был открыт по умолчанию, добавьте класс .open */
.payment__item.open .payment__item-text {
  display: block;
}

.payment__item.open .js-payment-arrow {
  transform: rotate(180deg);
}

/* services */

.services {
  padding-bottom: 60px;
}

@media (max-width: 1000px) {
  .services {
      /* padding-top: 100px; */
      padding-bottom: 40px;
  }
}

@media (max-width: 767px) {
  .services {
      padding-top: 0;
      padding-bottom: 40px;
  }
}

.services__title {
  margin-top: 50px;
  margin-bottom: 30px;
}

@media (max-width: 991px) {
  .services__title {
      margin-top: 30px;
      margin-bottom: 30px;
  }
}

/* @media (max-width: 767px) {
  .services__title {
      font-size: 40px;
  }
} */

@media (max-width: 575px) {
  .services__title {
      font-size: 28px;
  }
}

.services__text {
  max-width: 700px;
  margin-bottom: 60px;
}

@media (max-width: 767px) {
  .services__text {
      margin-bottom: 40px;
  }
}

.services__items {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(16px, 4vw, 90px);
}

@media (max-width: 1199px) {
  .services__items {
      grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .services__items {
      grid-template-columns: minmax(0, 1fr);
      gap: 45px;
  }
}

.services__item {
  background-color: #F9F9F9;
  border: 1px solid #E5E5E5;
  border-radius: 10px;
  padding: 0 clamp(14px, 1.5vw, 25px) clamp(20px, 3vw, 45px);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  min-width: 0;
}

.services__item-top {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  column-gap: clamp(12px, 2vw, 36px);
  row-gap: 8px;
  margin-bottom: 10px;
  width: 100%;
  min-width: 0;
}

.services__item-image {
  width: clamp(96px, 12vw, 200px);
  height: clamp(106px, 13.2vw, 220px);
  flex-shrink: 0;
  position: relative;
  top: -10px;
  display: flex;
}

.services__item-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.services__item-name {
  font-size: clamp(15px, 1.2vw + 0.4rem, 24px);
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #000000;
  min-width: 0;
  flex: 1 1 8em;
  max-width: 100%;
  line-height: 1.25;
  overflow-wrap: anywhere;
  word-break: break-word;
  hyphens: auto;
}

.services__item-text {
  margin-bottom: 20px;
  width: 100%;
  min-width: 0;
}

.services__item-button {
  height: 50px;
  font-size: clamp(14px, 1.1vw, 16px);
  padding: 0 clamp(14px, 1.5vw, 20px);
  margin-top: auto;
  max-width: 100%;
}

/*  */

.collection {
  padding-bottom: 60px;
}

@media (max-width: 1000px) {
  .collection {
      padding-top: 100px;
  }

  .collection.c-page {
      padding-top: 0;
  }
}

@media (max-width: 767px) {
  .collection {
      padding-bottom: 40px;
  }
}

.collection__title {
  margin-top: 50px;
  margin-bottom: 60px;
}

@media (max-width: 767px) {
  .collection__title {
      font-size: 30px;
      margin-top: 30px;
      margin-bottom: 30px;
  }
}

.collection__items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 60px 50px;
}

@media (max-width: 1199px) {
  .collection__items {
      grid-template-columns: repeat(2, 1fr); 
  }
}

@media (max-width: 767px) {
  .collection__items {
      grid-template-columns: repeat(1, 1fr); 
      gap: 40px 18px;
  }
}

.collection__item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  position: relative;
  /* height: 400px; */
  height: 300px;
  flex-shrink: 0;
  border-radius: 10px;
  overflow: hidden;
  padding: 30px;
}

@media (max-width: 767px) {
  .collection__item {
      height: 150px;
      padding: 26px 10px;
  }
}

.collection__item::before {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(217, 217, 217, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
  z-index: 1;
}

.collection__item-image {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  flex-shrink: 0;
}

.collection__item-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.0);
  transition: transform 0.2s ease-in-out;
}

.collection__item:hover .collection__item-image img {
  transform: scale(1.05);
}

.collection__item-content {
  position: relative;
  z-index: 1;
}

.collection__item-subtitle {
  font-size: 16px;
  line-height: 26px;
  color: #fff;
}

.collection__item-title {
  font-size: 30px;
  line-height: 30px;
  letter-spacing: 5%;
  font-weight: 500;
  color: #fff;
  margin-bottom: 15px;
}

@media (max-width: 767px) {
  .collection__item-title {
      font-size: 20px;
  }
}

@media (max-width: 400px) {
  .collection__item-title {
      font-size: 14px;
      line-height: 20px;
  }
}

.collection__item-link {
  font-size: 16px;
  line-height: 26px;
  font-weight: 700;
  color: #fff;
}

@media (max-width: 767px) {
  .collection__item-link {
      font-size: 14px;
  }
}

/* cards */

.cards {
  padding-bottom: 16px;
}

@media (max-width: 1000px) {
  .cards {
      padding-top: 100px;
  }

  .cards.с-page {
      padding-top: 0;
  }
}

.cards__title {
  margin-top: 30px;
  margin-bottom: 60px;
}

@media (max-width: 991px) {
  .cards__title {
      font-size: 32px;
      margin-bottom: 30px;
  }
}

.cards__block {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  /* margin-bottom: 0px; */
  margin-bottom: -50px;
}

@media (max-width: 1600px) {
  .cards__block {
      margin-bottom: 0;
  }
}

@media (max-width: 767px) {
  .cards__block {
      grid-template-columns: repeat(1, 1fr);
      margin-bottom: 40px;
  }
}

@media (max-width: 1500px) {
  .cards__image {
      width: 400px;
      position: relative;
      left: -40px;
  }
}

@media (max-width: 767px) {
  .cards__image {
      width: 100%;
      position: relative;
      left: 0;
  }
}

.cards__image img {
  width: 100%;
}

.cards__name {
  font-size: 30px;
  line-height: 30px;
  text-transform: uppercase;
  letter-spacing: 5%;
  font-weight: 600;
  margin-bottom: 50px;
}

@media (max-width: 767px) {
  .cards__name {
      font-size: 24px;
  }
}

.cards__items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 50px;
  margin-bottom: 30px;
}

@media (max-width: 1500px) {
  .cards__items {
      gap: 20px;
  }
}

@media (max-width: 1199px) {
  .cards__items {
      grid-template-columns: repeat(1, 1fr);
  }
}

.cards__item {
  background-color: #F9F9F9;
  padding: 50px 30px;
  border-radius: 10px;
}

@media (max-width: 767px) {
  .cards__item {
      padding: 30px 20px;
  }
}

.cards__item-top {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  column-gap: 25px;
  margin-bottom: 30px;
}

@media (max-width: 767px) {
  .cards__item-top {
      column-gap: 15px;
  }
}

.cards__item-count {
  font-size: 50px;
  line-height: 30px;
  font-weight: 600;
  letter-spacing: 5%;
  text-transform: uppercase;
  color: #BEA163;
}

@media (max-width: 767px) {
  .cards__item-count {
      font-size: 40px;
  }
}

.cards__item-name {
  font-size: 22px;
  line-height: 30px;
  letter-spacing: 5%;
  font-weight: 600;
  text-transform: uppercase;
  color: #000000;
}

@media (max-width: 767px) {
  .cards__item-name {
      font-size: 18px;
  }
}

/* cards-form */

.cards-form {
  /* margin-bottom: 160px; */
  margin-bottom: 60px;
  position: relative;
  z-index: 1;
}

@media (max-width: 767px) {
  .cards-form {
      margin-bottom: 90px;
  }
}

.cards-form.o-page {
  margin-bottom: 0;
}

.cards-form__content {
  border: 1px solid #E5E5E5;
  background-color: #F9F9F9;
  padding: 60px;
  border-radius: 10px;
}

@media (max-width: 767px) {
  .cards-form__content {
      padding: 46px 20px;
  }
}

.cards-form__block {
  max-width: 1200px;
}

.cards-form__block .top {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 30px;
  margin-bottom: 20px;
}

@media (max-width: 767px) {
  .cards-form__block .top {
      grid-template-columns: repeat(1, 1fr);
      gap: 10px;
  }
}

.cards-form__block .form__row {
  min-width: 0;
}

.form__row.last .form__textarea {
  margin-top: 0;
}

.cards-form__block .form__input,
.cards-form__block .form__textarea {
  width: 100%;
}

.cards-form__block .cards-form__button {
  margin-left: 0;
  margin-top: 24px;
}

.cards-form__title {
  font-size: 30px;
  line-height: 30px;
  font-weight: 600;
  letter-spacing: 5%;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.cards-form__text {
  margin-bottom: 50px;
}

@media (max-width: 767px) {
  .cards-form__text {
      margin-bottom: 20px;
  }
}

.cards-form .form .cards-form__button {
  margin-left: 0;
  background-color: #BEA163;
  border-radius: 0px;
}

/* news */

.news {
  padding-bottom: 60px;
}

/* @media (max-width: 1000px) {
  .news {
      padding-top: 100px;
  }
} */

@media (max-width: 767px) {
  .news {
      padding-top: 0;
      padding-bottom: 40px;
  }
}

.news__title {
  margin-top: 50px;
  margin-bottom: 60px;
}

@media (max-width: 991px) {
  .news__title {
      font-size: 32px;
      margin-top: 30px;
      margin-bottom: 30px;
  }
}

.news__items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 65px 50px;
}

@media (max-width: 1199px) {
  .news__items {
      gap: 45px 30px;
  }
}

@media (max-width: 991px) {
  .news__items {
      grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 767px) {
  .news__items {
      grid-template-columns: repeat(1, 1fr);
      row-gap: 46px;
  }
}

.news__item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.news__image {
  display: flex;
  border-radius: 10px;
  overflow: hidden;
  height: 400px;
  width: 100%;
  flex-shrink: 0;
  position: relative;
  margin-bottom: 20px;
}

@media (max-width: 767px) {
  .news__image {
      height: 280px;
  }
}

.news__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.news__date {
  position: absolute;
  left: 25px;
  top: 20px;
  width: 78px;
  height: 78px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #fff;
}

@media (max-width: 767px) {
  .news__date {
      left: 20px;
      top: 18px;
      width: 66px;
      height: 66px;
  }
}

.news__date .count {
  font-size: 40px;
  line-height: 24px;
  color: #000000;
}

@media (max-width: 767px) {
  .news__date .count {
      font-size: 30px;
  }
}

.news__date .month {
  font-size: 15px;
  line-height: 22px;
}

.news__top {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  column-gap: 12px;
  margin-bottom: 30px;
}

@media (max-width: 400px) {
  .news__top {
      flex-direction: column;
      align-items: flex-start;
      row-gap: 12px;
  }

  .news__line {
      display: none;
  }
}

.news__author {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  column-gap: 10px;
}

.news__author span {
  font-size: 14px;
  line-height: 26px;
  color: #787878;
}

.news__comment {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  column-gap: 10px;
}

.news__comment-image {
  position: relative;
}

.news__comment img {
  position: relative;
  top: 3px;
}

.news__comment-count {
  position: absolute;
  right: -4px;
  top: 0;
  width: 14px;
  height: 14px;
  background-color: #BEA163;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 10px;
  line-height: 10px;
  color: #fff;
}

.news__comment span {
  font-size: 14px;
  line-height: 26px;
  color: #787878;
}

.news__name {
  display: flex;
  font-size: 24px;
  font-weight: 600;
  color: #242424;
  margin-bottom: 25px;
}

@media (max-width: 767px) {
  .news__name {
      font-size: 20px;
      margin-bottom: 20px;
  }
}

.news__text {
  font-size: 18px;
  line-height: 26px;
  color: #787878;
}

.news__link {
  display: flex;
  font-size: 18px;
  line-height: 26px;
  font-weight: 700;
  color: #BEA163;
}

.news__pagination {
  margin-top: 80px;
}

/* pagination */

.pagination {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  column-gap: 12px;
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}

.pagination__item {
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #F3F3F3;
  font-size: 20px;
  line-height: 26px;
  font-weight: 500;
  letter-spacing: 7%;
  color: #102332;
}

.pagination__item>a {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.pagination__item.active {
  background-color: #102332;
  color: #fff;
}

.pagination__arrow a, .pagination__arrow span {
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #F2F2F2;
}

.pagination__arrow-left {
  margin-right: 36px;
}

.pagination__arrow-right {
  margin-left: 36px;
}

.pagination ul {
  border: none;
}

/* gifts */

.gifts__title {
  margin-top: 30px;
  margin-bottom: 60px;
}

@media (max-width: 991px) {
  .gifts__title {
      margin-top: 30px;
      margin-bottom: 30px;
      font-size: 32px;
  }
}

@media (max-width: 767px) {
  .gifts__title {
      font-size: 32px;
      line-height: 1.15;
  }
}

/* gifts-top */

.gifts-top {
  margin-bottom: 60px;
}

@media (max-width: 991px) {
  .gifts-top {
      margin-bottom: 60px;
  }
}

@media (max-width: 767px) {
  .gifts-top {
      margin-bottom: 56px;
  }
}

.gifts-top__container {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
  gap: clamp(24px, 5vw, 100px);
  align-items: start;
}

@media (max-width: 1199px) {
  .gifts-top__container {
      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
      gap: 40px;
  }
}

@media (max-width: 991px) {
  .gifts-top__container {
      grid-template-columns: minmax(0, 1fr);
      gap: 28px;
  }
}

.gifts-top__image {
  width: 100%;
  height: clamp(240px, 36vw, 500px);
  flex-shrink: 0;
  overflow: hidden;
  border-radius: 10px;
}

@media (max-width: 991px) {
  .gifts-top__image {
      height: clamp(220px, 55vw, 360px);
  }
}

.gifts-top__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.gifts-top__title {
  font-size: clamp(22px, 2vw, 30px);
  line-height: 1.3;
  letter-spacing: 0.05em;
  font-weight: 600;
  color: #000000;
  text-transform: uppercase;
  margin-bottom: clamp(20px, 3vw, 40px);
}

.gifts-top__text {
  margin-bottom: 24px;
}

.gifts-top__info {
  background-color: #F9F9F9;
  border-radius: 10px;
  padding: 45px 35px 25px 250px;
  position: relative;
  min-height: 160px;
}

@media (max-width: 1199px) {
  .gifts-top__info {
      padding: 32px 24px 24px 180px;
  }
}

@media (max-width: 767px) {
  .gifts-top__info {
      padding: 24px 18px 140px;
      min-height: 0;
  }
}

.gifts-top__info-image {
  position: absolute;
  left: 0;
  bottom: 0;
  max-width: 220px;
}

@media (max-width: 1199px) {
  .gifts-top__info-image {
      max-width: 160px;
  }
}

@media (max-width: 767px) {
  .gifts-top__info-image {
      left: 50%;
      transform: translateX(-50%);
      max-width: 140px;
  }
}

.gifts-top__info-image img {
  max-width: 100%;
  height: auto;
  display: block;
}

.gifts-top__info-text {
  font-weight: 700;
}

/* gifts-rules */

.gifts-rules {
  margin-bottom: 60px;
}

@media (max-width: 991px) {
  .gifts-rules {
      margin-bottom: 60px;
  }
}

@media (max-width: 767px) {
  .gifts-rules {
      margin-bottom: 56px;
  }
}

.gifts-rules__title {
  max-width: 1200px;
  margin: 0 auto 60px;
  text-align: center;
}

@media (max-width: 991px) {
  .gifts-rules__title {
      margin-bottom: 48px;
      font-size: 26px;
      line-height: 1.3;
  }
}

@media (max-width: 767px) {
  .gifts-rules__title {
      margin-bottom: 32px;
      font-size: 22px;
      text-align: left;
  }
}

.gifts-rules__item {
  border: 1px solid #E5E5E5;
  background-color: #F9F9F9;
  padding: clamp(24px, 4vw, 65px) clamp(16px, 3vw, 45px);
  border-radius: 10px;
}

.gifts-rules__item:not(:last-child) {
  margin-bottom: clamp(24px, 3vw, 45px);
}

.gifts-rules__top {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  column-gap: clamp(16px, 2vw, 30px);
  margin-bottom: clamp(24px, 3vw, 40px);
}

.gifts-rules__text {
  margin-bottom: clamp(24px, 3vw, 40px);
}

.gifts-rules__num {
  font-size: clamp(36px, 5vw, 60px);
  line-height: 1;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #BEA163;
  flex-shrink: 0;
}

.gifts-rules__name {
  font-size: clamp(16px, 1.6vw, 22px);
  line-height: 1.35;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #000000;
  min-width: 0;
}

.gifts-rules__container {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
  align-items: start;
  gap: clamp(24px, 5vw, 90px);
}

@media (max-width: 1199px) {
  .gifts-rules__container {
      grid-template-columns: minmax(0, 1fr);
  }
}

.gifts-rules__column-list {
  padding-left: 0;
  margin-bottom: 0;
}

.gifts-rules__column-list input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
  pointer-events: none;
}

.gifts-rules__column-list li {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 16px;
  cursor: pointer;
}

.gifts-rules__column-list .custom-checkbox {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin-top: 2px;
  border: 1px solid #E7E7E7;
  border-radius: 4px;
  background: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
  cursor: pointer;
  position: relative;
}

.gifts-rules__column-list .custom-checkbox::after {
  content: '✓';
  color: #FFFFFF;
  font-size: 14px;
  font-weight: bold;
  opacity: 0;
  transform: scale(0.5);
  transition: all 0.2s ease;
}

.gifts-rules__column-list input[type="checkbox"]:checked+.custom-checkbox {
  background: #BEA163;
  border-color: #BEA163;
}

.gifts-rules__column-list input[type="checkbox"]:checked+.custom-checkbox::after {
  opacity: 1;
  transform: scale(1);
}

.gifts-rules__column-list li:hover .custom-checkbox {
  border-color: #BEA163;
}

.gifts-rules__column-list label {
  cursor: pointer;
  font-size: clamp(14px, 1.1vw, 16px);
  line-height: 1.35;
  color: #000000;
  user-select: none;
  min-width: 0;
}

.gifts-rules__columns {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(28px, 5vw, 60px) clamp(20px, 3vw, 45px);
  min-width: 0;
}

@media (max-width: 767px) {
  .gifts-rules__columns {
      grid-template-columns: minmax(0, 1fr);
      gap: 28px;
  }
}

.gifts-rules__column-name {
  font-size: 18px;
  line-height: 1.4;
  font-weight: 500;
  color: #000000;
  margin-bottom: 15px;
}

.gifts-rules__main {
  background-color: #fff;
  padding: clamp(18px, 2vw, 25px) clamp(16px, 2vw, 30px);
  border-radius: 10px;
  min-width: 0;
}

.gifts-rules__main-line {
  background-color: #D9D9D9;
  width: 100%;
  height: 1px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.gifts-rules__main-map {
  height: clamp(220px, 40vw, 260px);
  width: 100%;
  flex-shrink: 0;
  border-radius: 10px;
  margin-top: 30px;
  overflow: hidden;
}

.gifts-rules__map {
  width: 100%;
  height: 100%;
}

.gifts-rules__bottom {
  margin-top: clamp(28px, 4vw, 50px);
}

.gifts-rules__bottom-info {
  margin-bottom: clamp(32px, 5vw, 64px);
  font-weight: 700;
}

.gifts-rules__bottom-name {
  font-size: clamp(16px, 1.6vw, 22px);
  line-height: 1.35;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #000000;
  margin-bottom: clamp(24px, 3vw, 40px);
}

.gifts-rules__bottom-text ul {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.gifts-rules__bottom-text ul:not(:last-child) {
  margin-bottom: 20px;
}

.gifts-rules__bottom-text ul li {
  position: relative;
  margin-bottom: 24px;
  padding-left: clamp(36px, 4vw, 50px);
}

.gifts-rules__bottom-text ul li::before {
  content: '';
  position: absolute;
  background-color: #BEA163;
  width: 23px;
  height: 23px;
  border-radius: 50%;
  left: 0;
  top: 2px;
}

.gifts-choice {
  margin-bottom: clamp(64px, 8vw, 60px);
}

.gifts-choice__container {
  position: relative;
  padding: 50px 20px 70px 440px;
  background-color: #FFF9EB;
  border-radius: 10px;
  overflow: hidden;
}

@media (max-width: 1199px) {
  .gifts-choice__container {
      padding: 40px 24px 56px 300px;
  }
}

@media (max-width: 991px) {
  .gifts-choice__container {
      padding: 32px 20px 206px;
      text-align: center;
  }
}

@media (max-width: 767px) {
  .gifts-choice__container {
      padding: 28px 16px 160px;
  }
}

.gifts-choice__image {
  position: absolute;
  left: 109px;
  bottom: 0;
  max-width: 400px;
}

@media (max-width: 1199px) {
  .gifts-choice__image {
      max-width: 280px;
      left: 38px;
  }
}

@media (max-width: 991px) {
  .gifts-choice__image {
      left: 50%;
      transform: translateX(-50%);
      max-width: 220px;
  }
}

@media (max-width: 767px) {
  .gifts-choice__image {
      max-width: 180px;
  }
}

.gifts-choice__image img {
  max-width: 100%;
  height: auto;
  display: block;
}

@media (max-width: 991px) {
.gifts-choice__content {
  text-align: left;
}  
}

.gifts-choice__name {
  font-size: clamp(22px, 2.2vw, 30px);
  line-height: 1.25;
  letter-spacing: 0.05em;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 30px;
}

@media (max-width: 991px) {
  .gifts-choice__name {
      margin-bottom: 16px;
  }
}

.gifts-choice__text {
  max-width: 560px;
}

@media (max-width: 991px) {
  .gifts-choice__text {
      max-width: none;
      margin: 0 auto;
  }
}

/* catalog */

.catalog-intro {}

.catalog-intro__title {
  margin-top: 50px;
  margin-bottom: 50px;
}

@media (max-width: 991px) {
  .catalog-intro__title {
      margin-top: 30px;
      margin-bottom: 30px;
  }
}

/* catalog-category */

.catalog-category {
  margin-bottom: 65px;
}

@media (max-width: 991px) {
  .catalog-category {
      margin-bottom: 40px;
  }
}

.catalog-category__title {
  font-size: 24px;
  line-height: 30px;
  font-weight: 600;
  letter-spacing: 5%;
  text-transform: uppercase;
  margin-bottom: 50px;
}

@media (max-width: 991px) {
  .catalog-category__title {
      margin-bottom: 30px;
  }
}

.catalog-category__item {
  display: flex;
  width: 100%;
  height: 125px;
  position: relative;
  padding: 20px;
  box-sizing: border-box;
  cursor: pointer;
  background-color: #F2F2F2;
}

@media (max-width: 767px) {
  .catalog-category__item {
      height: 74px;
      padding: 12px;
  }

}

.catalog-category__item-name {
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  letter-spacing: 3%;
  text-transform: uppercase;
  position: relative;
  z-index: 1;
  padding-right: 100px;
}

@media (max-width: 767px) {
  .catalog-category__item-name {
      font-size: 11px;
      line-height: 14px;
      max-width: 80px;
      padding-right: 0;
  }
}

.catalog-category__item-image {
  height: 100%;
  width: 50%;
  position: absolute;
  right: 0;
  top: 0;
}

.catalog-category__item-image img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.collection-category .catalog-category__item-image {
  padding: 20px;
}

@media (max-width: 767px) {
  .collection-category .catalog-category__item-image {
      padding: 8px;
  }
}

.catalog-category__slider-wrapper {
  position: relative;
}

.catalog-category__slider .swiper-button-prev,
.catalog-category__slider .swiper-button-next {
  width: 28px;
  height: 28px;
}

.catalog-category__slider-wrapper .swiper-button-prev {
  left: -45px;
}

@media (max-width: 991px) {
  .catalog-category__slider-wrapper .swiper-button-prev {
      width: 15px;
      height: 15px;
      left: -15px;
  }
}

/* @media (max-width: 767px) {
  .catalog-category__slider-wrapper .swiper-button-prev {
      left: -22px;
  }
}

@media (max-width: 575px) {
  .catalog-category__slider-wrapper .swiper-button-prev {
      left: -12px;
  }
} */

.catalog-category__slider-wrapper .swiper-button-next {
  right: -45px;
}

@media (max-width: 991px) {
  .catalog-category__slider-wrapper .swiper-button-next {
      width: 15px;
      height: 15px;
      right: -15px;
  }
}

/* @media (max-width: 767px) {
  .catalog-category__slider-wrapper .swiper-button-next {
      right: -22px;
  }
}

@media (max-width: 575px) {
  .catalog-category__slider-wrapper .swiper-button-next {
      right: -12px;
  }
} */

/* catalog */

.catalog {
  /* padding-bottom: 150px; */
  padding-bottom: 60px;
}

@media (max-width: 991px) {
  .catalog {
      /* padding-bottom: 90px; */
      padding-bottom: 40px;
  }
}

@media (max-width: 767px) {
  .catalog.collection-catalog {
      padding-bottom: 40px;
  }
}

.catalog__title {
  font-size: 24px;
  line-height: 30px;
  font-weight: 600;
  letter-spacing: 5%;
  text-transform: uppercase;
  margin-bottom: 32px;
}

@media (max-width: 767px) {
  .catalog__title {
      margin-bottom: 20px;
  }
}

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

@media (max-width: 767px) {
  .catalog__top {
      align-items: flex-end;
  }
}

.catalog__sort {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  column-gap: 15px;
  cursor: pointer;
}

@media (max-width: 767px) {
  .catalog__sort {
      column-gap: 4px;
  }
}

@media (max-width: 400px) {
  .catalog__sort {
      flex-direction: column;
      align-items: flex-start;
      row-gap: 8px;
  }
}

.catalog__sort-name {
  font-size: 14px;
  line-height: 16px;
  color: #000000;
}

@media (max-width: 767px) {
  .catalog__sort-name {
      font-size: 12px;
  }
}

.catalog__sort-select {
  position: relative;
  min-width: 240px;
}

@media (max-width: 767px) {
  .catalog__sort-select {
      min-width: inherit;
  }
}

.catalog__sort-select .filter-select {
  width: 100%;
  height: 28px;
  padding: 0 44px 0 16px;
  border: 1px solid #E1E1E1;
  border-radius: 3px;
  font-size: 14px;
  line-height: 16px;
  color: #000000;
  background-color: #fff;
  background-image: none;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

@media (max-width: 767px) {
  .catalog__sort-select .filter-select {
      padding-left: 12px;
      padding-right: 28px;
      width: 100%;
      font-size: 12px;
      height: 32px;
  }
}

.catalog__sort-select .filter-select:focus {
  outline: none;
  border-color: #0F1729;
}

.catalog__sort-select::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 12px;
  width: 12px;
  height: 8px;
  margin-top: -4px;
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23000000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transform: rotate(0deg);
  transition: transform 0.2s ease;
}

.catalog__sort-select.is-open::after,
.catalog__sort-select:focus-within::after {
  transform: rotate(180deg);
}

.catalog__line {
  margin-top: 20px;
  margin-bottom: 60px;
  background-color: #EEEEEE;
  width: 100%;
  height: 1px;
}

@media (max-width: 991px) {
  .catalog__line {
      margin-top: 15px;
      margin-bottom: 35px;
  }
}

.catalog__filter {
  border: 1px solid #E1E1E1;
  border-radius: 90px;
  background-color: transparent;
  height: 42px;
  flex-shrink: 0;
  width: fit-content;
  padding: 0 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 8px;
  transition: background-color 0.2s ease-in-out;
  cursor: pointer;
}

@media (max-width: 767px) {
  .catalog__filter {
      height: 32px;
      padding: 0 20px;
  }
}

.catalog__filter-name {
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
  color: #000000;
}

.catalog__items {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 60px 40px;
}

@media (max-width: 1439px) {
  .catalog__items {
      gap: 60px 24px;
  }
}

@media (max-width: 1199px) {
  .catalog__items {
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 35px 16px;
  }
}

@media (max-width: 767px) {
  .catalog__items {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 35px 16px;
  }
}

.filter-modal-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1000;
}

.filter-modal {
  position: absolute;
  top: 0;
  right: 0;
  background: #fff;
  width: 480px;
  max-width: 100%;
  height: 100vh;
  overflow-y: auto;
  padding: 24px 28px;
  box-shadow: -4px 0 20px rgba(0, 0, 0, 0.15);
  animation: slideIn 0.3s ease;
}

@media (max-width: 767px) {
  .filter-modal {
      padding: 40px 18px;
  }
}

@keyframes slideIn {
  from {
      transform: translateX(100%);
  }

  to {
      transform: translateX(0);
  }
}

.filter-modal__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 16px;
  border-bottom: 1px solid #eee;
  margin-bottom: 20px;
}

.filter-modal__title {
  font-size: 20px;
  font-weight: 600;
}

.filter-modal__close {
  background: none;
  border: none;
  font-size: 28px;
  cursor: pointer;
  color: #999;
  transition: color 0.2s;
}

.filter-modal__close:hover {
  color: #333;
}

.filter-group {
  margin-bottom: 24px;
}

.filter-group__title {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 12px;
  color: #333;
}

/* Чекбоксы в 2 колонки */
.filter-checkboxes--two-cols {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px 16px;
}

@media (max-width: 767px) {
  .filter-checkboxes--two-cols {
      grid-template-columns: 1fr;
  }
}

/* Кастомный чекбокс */
.filter-checkbox {
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  position: relative;
}

.filter-checkbox input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
  pointer-events: none;
}

.custom-checkbox {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  border: 1px solid #E7E7E7;
  border-radius: 4px;
  background: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
  cursor: pointer;
  position: relative;
}

.custom-checkbox::after {
  content: '✓';
  color: #FFFFFF;
  font-size: 14px;
  font-weight: bold;
  opacity: 0;
  transform: scale(0.5);
  transition: all 0.2s ease;
}

.filter-checkbox input[type="checkbox"]:checked+.custom-checkbox {
  background: #BEA163;
  border-color: #BEA163;
}

.filter-checkbox input[type="checkbox"]:checked+.custom-checkbox::after {
  opacity: 1;
  transform: scale(1);
}

.filter-checkbox:hover .custom-checkbox {
  border-color: #BEA163;
}

.filter-checkbox__label {
  font-size: 14px;
  color: #333;
  user-select: none;
}

.filter-price {
  display: flex;
  gap: 12px;
}

.filter-price input {
  width: 100%;
  padding: 8px 12px;
  border: 1px solid #ddd;
  border-radius: 6px;
  font-size: 14px;
}

.filter-price input:focus {
  outline: none;
  border-color: #0F1729;
}

.filter-select-wrap {
  position: relative;
}

.filter-select-wrap .filter-select {
  width: 100%;
  padding: 8px 40px 8px 12px;
  border: 1px solid #ddd;
  border-radius: 6px;
  font-size: 14px;
  background-color: #fff;
  background-image: none;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.filter-select-wrap .filter-select:focus {
  outline: none;
  border-color: #0F1729;
}

.filter-select-wrap::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 14px;
  width: 12px;
  height: 8px;
  margin-top: -4px;
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23000000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transform: rotate(0deg);
  transition: transform 0.2s ease;
}

.filter-select-wrap.is-open::after,
.filter-select-wrap:focus-within::after {
  transform: rotate(180deg);
}

.filter-select {
  width: 100%;
  padding: 8px 40px 8px 12px;
  border: 1px solid #ddd;
  border-radius: 6px;
  font-size: 14px;
  background-color: #fff;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.filter-select:focus {
  outline: none;
  border-color: #0F1729;
}

.filter-modal__footer {
  display: flex;
  gap: 12px;
  padding-top: 20px;
  border-top: 1px solid #eee;
  margin-top: 8px;
}

.filter-btn {
  flex: 1;
  padding: 12px;
  border: none;
  font-size: 15px;
  font-weight: 500;
  cursor: pointer;
  transition: background 0.2s;
  height: 52px;
  flex-shrink: 0;
}

@media (max-width: 767px) {
  .filter-btn {
      padding: 0;
  }
}

.filter-btn--apply {
  background-color: #BEA163;
  color: #fff;
}

.filter-btn--apply:hover {
  background: #1e293b;
}

.filter-btn--clear {
  background-color: transparent;
  border: 1px solid #B8B8B8;
  color: #535353;
}

.filter-btn--clear:hover {
  background: #e8e8e8;
}

.catalog__filter {
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 6px;
}

.catalog__filter:hover {
  opacity: 0.7;
}

.catalog__pagination {
  justify-content: center;
  column-gap: 14px;
}

.catalog__pagination:not(:empty) {
  margin-top: 60px !important;
}

@media (max-width: 991px) {
  .catalog__pagination {
      column-gap: 12px;
  }

  .catalog__pagination:not(:empty) {
      margin-top: 40px !important;
  }
}


.catalog__pagination .catalog__pagination {
  margin-top: 0 !important;
}

.catalog__pagination .pagination__item {
  width: 63px;
  height: 63px;
  background-color: #F2F2F2;
  color: #000000;
}

@media (max-width: 991px) {
  .catalog__pagination .pagination__item {
      width: 50px;
      height: 50px;
  }
}

.catalog__pagination .pagination__item.active {
  background-color: #FFF1D2;
  color: #000000;
}

.catalog__pagination .pagination__arrow-left,
.catalog__pagination .pagination__arrow-right {
  width: 63px;
  height: 63px;
  background-color: #F2F2F2;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 991px) {
  .catalog__pagination .pagination__arrow-left,
  .catalog__pagination .pagination__arrow-right {
      width: 50px;
      height: 50px;
      display: flex;
      align-items: center;
      justify-content: center;
  }
}

.catalog__pagination .pagination__arrow-left a,
.catalog__pagination .pagination__arrow-right a,
.catalog__pagination .pagination__arrow-left span,
.catalog__pagination .pagination__arrow-right span
{
  width: 63px;
  height: 63px;
}

@media (max-width: 991px) {
  .catalog__pagination .pagination__arrow-left a,
  .catalog__pagination .pagination__arrow-right a,
  .catalog__pagination .pagination__arrow-left span,
  .catalog__pagination .pagination__arrow-right span
  {
      width: 50px;
      height: 50px;
      display: flex;
      align-items: center;
      justify-content: center;
  }
}

.catalog__pagination .pagination__arrow-left {
  margin-right: 26px;
}

@media (max-width: 991px) {
  .catalog__pagination .pagination__arrow-left {
      margin-right: auto;
  }
}

.catalog__pagination .pagination__arrow-right {
  margin-left: 26px;
}

@media (max-width: 991px) {
  .catalog__pagination .pagination__arrow-right {
      margin-left: auto;
  }
}

/* product */

.product-top {}

/* @media (max-width: 1000px) {
  .product-top {
      padding-top: 100px;
  }
} */

@media (max-width: 767px) {
  .product-top {
      padding-top: 0px;
  }  
}

.product-top .breadcrumbs {
  margin-bottom: 50px;
}

@media (max-width: 767px) {
  .product-top .breadcrumbs {
      margin-top: 16px;
      margin-bottom: 40px;
  }
}

.product__container {
  display: grid;
  /* grid-template-columns: 5fr 7fr; */
  grid-template-columns: 4.5fr 7.5fr;
  column-gap: 90px;
  /* margin-bottom: 100px; */
  margin-bottom: 60px;
}

@media (max-width: 1199px) {
  .product__container {
      column-gap: 20px;
      margin-bottom: 60px;
  }
}

@media (max-width: 767px) {
  .product__container {
      grid-template-columns: 1fr;
      row-gap: 32px;
      margin-bottom: 50px;
  }
}

.product__image {
  overflow: hidden;
}

.product__image-main {
  position: relative;
}

.product__image-top {
  position: absolute;
  left: 16px;
  right: 16px;
  top: 12px;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: space-between;
  pointer-events: none;
}

.product__image-left {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  column-gap: 16px;
  pointer-events: none;

  flex-direction: column;
  align-items: flex-start;
  row-gap: 8px;
}

.product__image-discount[hidden] {
  display: none !important;
}

.product__image-favorites {
  margin-left: auto;
  pointer-events: auto;
}

.product__image-favorites .comparison-link {
  display: flex !important;
  align-items: center;
  justify-content: center;
}

.product-swiper__slider {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.product-swiper__slider .swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
  /* height: 720px; */
  aspect-ratio: 1/1;
  background-size: cover;
  background-position: center;
  border-radius: 10px;
  overflow: hidden;
}

@media (max-width: 767px) {
  .product-swiper__slider .swiper-slide {
      /* height: 450px; */
  }
}

.product-swiper__slider .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  /* object-fit: cover; */
  object-fit: contain;
  border-radius: 10px;
  overflow: hidden;
  background-color: #F2F2F2;
}

.product-swiper__slider-thumbs {
  box-sizing: border-box;
  margin-top: 20px;
}

@media (max-width: 767px) {
  .product-swiper__slider-thumbs {
      margin-top: 18px;
  }
}

.product-swiper__slider-thumbs .swiper-slide {
  /* height: 108px; */
  aspect-ratio: 1/1;
  border-radius: 5%;
  overflow: hidden;
  opacity: 1;

  /* padding: 10px; */
  box-sizing: border-box;
  background-color: #F2F2F2;
}

@media (max-width: 767px) {
  .product-swiper__slider-thumbs .swiper-slide {
      height: 94px;
  }
}

.product-swiper__slider-thumbs .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  background-color: #F2F2F2;
}

.product__title {
  margin-bottom: 20px;
}

@media (max-width: 767px) {
  .product__title {
      margin-bottom: 12px;
  }
}

.product__meta {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  column-gap: 16px;
  margin-bottom: 40px;
}

@media (max-width: 767px) {
  .product__meta {
      margin-bottom: 30px;
  }
}

@media (max-width: 575px) {
  .product__meta {
      column-gap: 8px;
  }
}

.product__meta .line {
  width: 1px;
  height: 20px;
  background-color: #DADADA;
}

.product__meta .sku,
.product__meta .stock {
  font-size: 14px;
  line-height: 16px;
  color: #A5A5A5;
}

.product__meta .stock {
  display: flex;
  align-items: center;
  column-gap: 8px;
}

.product__meta .stock__icon {
  width: 13px;
  height: 13px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.product__meta .stock__icon--in {
  background-color: #00870D;
}

.product__meta .stock__icon--out {
  background-color: #E20000;
}

.product__characteristics {
  margin-bottom: 60px;
}

.product__char-item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  column-gap: 8px;
}

@media (max-width: 575px) {
  .product__char-item {
      column-gap: 4px;
  }
}

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

.product__char-item .product__char-item {
  margin-bottom: 0;
}

.product__char-item .label,
.product__char-item .value {
  font-size: 16px;
  line-height: 22px;
  color: #767676;
  font-weight: 400;
}

.product__char-item .label {
  color: #333333;
  font-weight: 700;
}

.product__char-item .sizes {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  column-gap: 20px;
}

@media (max-width: 575px) {
  .product__char-item .sizes {
      column-gap: 10px;
      row-gap: 10px;
      flex-wrap: wrap;
  }
}

@media (max-width: 400px) {
  .product__char-item .sizes {
      /* flex-direction: column;
      align-items: flex-start; */
      row-gap: 10px;
  }
}

.product__char-item .size {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  column-gap: 8px;
}

.product__char-item .unit {
  font-size: 16px;
  line-height: 22px;
  color: #767676;
  font-weight: 400;
}

@media (max-width: 400px) {
  .product__char-item.material {
      /* flex-direction: column;
      align-items: flex-start;
      row-gap: 10px; */
      column-gap: 10px;
      flex-wrap: wrap;
  }
}

.product__color-options {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  column-gap: 8px;
  margin-top: 20px;
}

.product__color-btn {
  width: 19px;
  height: 19px;
  border-radius: 50%;
  position: relative;
  border-color: transparent;
}

.product__color-btn::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-52%, -49%);
  border: 1px solid #E7E7E7;
  width: 25px;
  height: 25px;
  border-radius: 50%;
}

.product__color-btn.product__color-btn--active {}

.product__color-btn.product__color-btn--active::before {
  border: 1px solid #000000;
}

.product__price {
  font-size: 32px;
  line-height: 32px;
  letter-spacing: 5%;
  text-transform: uppercase;
  font-weight: 600;
  color: #818181;
  margin-bottom: 50px;
}

@media (max-width: 767px) {
  .product__price {
      font-size: 28px;
  }
}

.product__price.product__price--new {
  color: #DB0000;
}

.product__cart-form {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  column-gap: 30px;
}

@media (max-width: 400px) {
  .product__cart-form {
      /* flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      row-gap: 20px; */
      column-gap: 16px;
      display: grid;
      grid-template-columns: 118px calc(100% - 134px);
  }

  .product__cart-form .product__order-btn {
      padding-left: inherit;
      padding-right: inherit;
      width: 100%;
      max-width: 100%;
  }
}

.product__quantity {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 56px;
}

@media (max-width: 767px) {
  .product__quantity {
      height: 42px;
  }
}

.product__qty-btn {
  background-color: transparent;
  border: 1px solid #E1E1E1;
  height: 100%;
}

.product__qty-btn--minus {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.product__qty-btn--plus {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.product__qty-input {
  background-color: transparent;
  border: 1px solid #E1E1E1;
  width: 70px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.product__order-btn {
  height: 56px;
  padding: 0 40px;
  font-size: 18px;
}

@media (max-width: 767px) {
  .product__order-btn {
      height: 42px;
      font-size: 16px;
  }
}

.product__line {
  background-color: #EEEEEE;
  width: 100%;
  height: 1px;
  margin-top: 50px;
  margin-bottom: 40px;
}

@media (max-width: 767px) {
  .product__line {
      margin-top: 45px;
      margin-bottom: 35px;
  }
}

.product__service-item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  column-gap: 20px;
}

@media (max-width: 767px) {
  .product__service-item {
      column-gap: 16px;
  }
}

.product__service-item:not(:last-child) {
  margin-bottom: 20px;
}

@media (max-width: 767px) {
  .product__service-item:not(:last-child) {
      margin-bottom: 12px;
  }
}

.product__service-item svg {
  width: 32px;
  height: 32px;
  flex-shrink: 0;
}

@media (max-width: 767px) {
  .product__service-item svg {
      width: 24px;
      height: 24px;
  }
}

.product__service-content {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  column-gap: 8px;
}

@media (max-width: 400px) {
  .product__service-content {
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      row-gap: 2px;
  }
}

.product__service-content .label,
.product__service-content .value {
  font-size: 16px;
  line-height: 22px;
  color: #767676;
}

@media (max-width: 767px) {
  .product__service-content .label,
  .product__service-content .value {
      font-size: 12px;
  }
}

.product__service-content .label {
  color: #333333;
  font-weight: 700;
}

.product-description {
  max-width: 1040px;
}

/*  */

/* ============================================
   Аккордеон для таба "Доставка"
   ============================================ */
.delivery-accordion {
  display: flex;
  flex-direction: column;
  gap: 26px;
}

.delivery-accordion__item {
  border: 1px solid #E7E7E7;
  border-radius: 8px;
  overflow: hidden;
  transition: border-color 0.3s ease;
}

.delivery-accordion__item:hover {
  border-color: #ccc;
}

.delivery-accordion__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 30px;
  background: #F9F9F9;
  border: none;
  cursor: pointer;
  transition: background 0.3s ease;
  font-size: 16px;
  font-weight: 500;
  color: #333;
  text-align: left;
  gap: 15px;
}

@media (max-width: 767px) {
  .delivery-accordion__header {
      padding: 16px;
  }
}

.delivery-accordion__header:hover {
  background: #F9F9F9;
}

.delivery-accordion__item--active .delivery-accordion__header {
  background: #F9F9F9;
}

.delivery-accordion__title {
  flex: 1;
  font-size: 20px;
  line-height: 20px;
  font-weight: 600;
  color: #242424;
}

@media (max-width: 767px) {
  .delivery-accordion__title {
      font-size: 16px;
  }
}

.delivery-accordion__arrow {
  flex-shrink: 0;
  transition: transform 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}

.delivery-accordion__item--active .delivery-accordion__arrow {
  transform: rotate(180deg);
}

.delivery-accordion__arrow svg path {
  stroke: #333;
}

.delivery-accordion__body {
  display: none;
  padding: 0 30px;
  background-color: #F9F9F9;
}

@media (max-width: 767px) {
  .delivery-accordion__body {
      padding: 0 16px;
  }
}

.delivery-accordion__item--active .delivery-accordion__body {
  display: block;
}

.delivery-accordion__content {
  padding-bottom: 20px;
}

@media (max-width: 767px) {
  .delivery-accordion__content {
      padding-bottom: 16px;
  }
}

.delivery-accordion__content.content-text p {
  margin: 0 0 10px 0;
  font-size: 14px;
  line-height: 1.6;
  color: #787878;
}

.delivery-accordion__content ul {
  margin: 0 0 10px 0;
  padding-left: 20px;
  font-size: 14px;
  line-height: 1.6;
  color: #555;
}

.delivery-accordion__content ul li {
  list-style: disc;
  margin-bottom: 4px;
}

.delivery-accordion__content strong {
  color: #2C2C2C;
  font-weight: 700;
  font-size: 16px;
  line-height: 26px;
}

.delivery-accordion__content a {
  color: #000;
  text-decoration: underline;
}

.delivery-accordion__content a:hover {
  text-decoration: none;
}

.delivery-accordion__free {
  color: #E20000;
}

.payment-description {
  max-width: 1125px;
}

.payment-description>p:first-child {
  margin-bottom: 50px;
}

.payment-description ul {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.payment-description ul:not(:last-child) {
  margin-bottom: 20px;
}

.payment-description ul li {
  position: relative;
  padding-left: 50px;
  font-size: 20px;
  line-height: 22px;
  font-weight: 600;
  color: #242424;
}

.payment-description ul li p {
  font-size: 16px;
  line-height: 26px;
  font-weight: 400;
  color: #787878;
  margin-top: 10px;
}

.payment-description ul li:not(:last-child) {
  margin-bottom: 22px;
}

.payment-description ul li::before {
  content: '';
  position: absolute;
  background-color: #BEA163;
  width: 23px;
  height: 23px;
  border-radius: 50%;
  left: 0;
  top: -2px;
}

.product-other {
  /* padding-bottom: 120px; */
  padding-bottom: 60px;
}

@media (max-width: 767px) {
  .product-other {
      padding-bottom: 60px;
  }
}

.product-other__title {
  text-align: center;
  margin-bottom: 60px;
}

@media (max-width: 767px) {
  .product-other__title {
      font-size: 24px;
      margin-bottom: 36px;
  }
}

.product-other__slider-wrapper {
  position: relative;
}

@media (max-width: 767px) {
  .product-other__slider-wrapper {
      /* display: flex; */
      /* flex-direction: column; */
  }
  .product-other__slider-wrapper .swiper__wrapper {
      display: flex;
      align-items: center;
      justify-content: flex-start;
      column-gap: 20px;
      margin-bottom: 35px;
  }

  .product-other__slider-wrapper .swiper-button-next,
  .product-other__slider-wrapper .swiper-button-prev {
      position: relative;
      top: inherit;
      left: inherit;
      right: inherit;
      transform: inherit;
      background-color: #F2F2F2;
      width: 34px;
      height: 34px;
  }

  .product-other__slider-wrapper .swiper-button-next svg,
  .product-other__slider-wrapper .swiper-button-prev svg {
      width: 16px;
      height: 16px;
  }
}

.product-other__slider-wrapper .swiper-button-prev, .product-other__slider-wrapper .swiper-button-next {
  transform: translateY(-150%) !important;
  width: 36px;
  height: 36px;
}

@media (max-width: 1142px) {
  .product-other__slider-wrapper .swiper-button-prev, .product-other__slider-wrapper .swiper-button-next {
      transform: translateY(-200%) !important;
  }
}

@media (max-width: 767px) {
  .product-other__slider-wrapper .swiper-button-prev, .product-other__slider-wrapper .swiper-button-next {
      transform: inherit !important;
  }
}

.product-other__slider-wrapper .swiper-button-prev {
  left: -47px;
}

@media (max-width: 991px) {
  .product-other__slider-wrapper .swiper-button-prev {
      left: 0;
  }
}

.product-other__slider-wrapper .swiper-button-next {
  right: -47px;
}

@media (max-width: 991px) {
  .product-other__slider-wrapper .swiper-button-next {
      right: 0;
  }
}

/* Comparison overrides (beats assets/components/comparison/css/default.css) */
.header-favorites.comparison .comparison-total,
.header-favorites .header-favorites__count.comparison-total,
.header-favorites .comparison-total {
  display: flex !important;
}

.showcase-products__item-favorites .comparison .comparison-add {
  display: flex !important;
}

.showcase-products__item-favorites .comparison .comparison-remove,
.showcase-products__item-favorites .comparison .comparison-go,
.showcase-products__item-favorites .comparison .comparison-total {
  display: none !important;
}

.showcase-products__item-favorites .comparison.added .comparison-add {
  display: none !important;
}

.showcase-products__item-favorites .comparison.added .comparison-remove {
  display: flex !important;
}

/* Favorites page (CompareList) */
.page-favourites .comparison-table .comparison-row.row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 100px 40px;
  width: 100%;
  margin: 0;
}

@media (max-width: 767px) {
  .page-favourites .comparison-table .comparison-row.row {
      grid-template-columns: repeat(2, 1fr);
      gap: 30px;
  }
}

.page-favourites__title {
  margin-top: 50px;
  margin-bottom: 50px;
}

@media (max-width: 991px) {
  .page-favourites__title {
      margin-top: 30px;
      margin-bottom: 30px;
  }
}

.comparison-table .comparison-head {
  width: 100%;
  max-width: none;
  padding: 0;
  float: none;
}

.comparison-table .comparison-head .showcase-products__item-favorites .comparison-remove {
  display: flex !important;
  align-items: center;
  justify-content: center;
  position: static;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  border: none !important;
  font-size: inherit;
  color: inherit;
}

.comparison-table .comparison-head .showcase-products__item-favorites .comparison-remove svg {
  display: block;
}

/* page-favourites */

.page-favourites {
  /* padding-top: 40px; */
  padding-bottom: 60px;
}

.favourites-empty {
  margin-top: 40px;
  margin-bottom: 40px;
  font-size: 18px;
  line-height: 1.5;
  color: #767676;
}

.page-favourites .breadcrumbs {
  /* margin-top: 0; */
}

/* basket */

.basket {
  padding-bottom: 140px;
}

.basket-intro {
  padding-top: 30px;
}

.basket-intro .breadcrumbs {
  margin-top: 0;
}

.basket-intro__title {
  margin-bottom: 30px;
}

.basket-intro__subtitle {
  font-size: 24px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: 5%;
  text-transform: uppercase;
  margin-bottom: 30px;
}

.basket .content .basket_page .history .item {
  border: 1px solid #E5E5E5;
  background-color: #F9F9F9;
  padding: 30px;
  margin-bottom: 40px;
}

.basket .content .basket_page .history .item .head {
  background-color: transparent;
  padding: 0;
  padding-bottom: 0;
}

.basket .content .basket_page .history .item .head .title {
  color: #000000;
}

.basket .content .basket_page .history .item .information {
  padding: 0;
  margin-top: 50px;
}

.basket .content .basket_page .history#msCart .item .information {
  margin-top: 0;
}

.basket .content .basket_page .history .item .information .info_items {
  padding: 23px 0;
  margin-bottom: 44px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.basket .content .basket_page .history .item.block1 .information .info_items {
  margin-bottom: 0;
}

.basket .content .basket_page .history .item .information .info_items>div {
  font-size: 16px;
  line-height: 14px;
  color: #787878;
}

@media (max-width: 767px) {
  .basket .content .basket_page .history .item .information .info_items>div {
      font-size: 14px;
      text-align: left;
  }
}

.basket .content .basket_page .history .item .information .info_items button {
  padding: 0;
  text-decoration: inherit;
}

.basket i.icon.ico-clear {
  width: 29px;
  height: 29px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background: inherit;
  background-image: url(../images-new/icons/icon-basket.svg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

@media (max-width: 767px) {
  .basket i.icon.ico-clear {
      width: 21px;
      height: 21px;
  }
}

.basket .content .basket_page .history .item .information .item_basket {
  margin: 0;
  padding-top: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid #D9D9D9;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.basket .content .basket_page .history .item .information .item_basket.row {
  margin-left: 0;
  margin-right: 0;
  row-gap: 15px;
}

.item_basket__left {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  column-gap: 34px;
}

.basket .content .basket_page .history .item .information .item_basket .img {
  width: 165px;
  height: 145px;
  flex: inherit;
  border-radius: 10px;
  overflow: hidden;
  flex-shrink: 0;
  background-color: #F2F2F2;
  border: 1px solid #ECECEC
}

@media (min-width: 240px) and (max-width: 1000px) {
  .content .basket_page .history .item .information .item_basket .img {
      flex: inherit;
  }
}

.basket .content .basket_page .history .item .information .item_basket .img>a {
  display: flex;
  width: 100%;
  height: 100%;
}

.basket .content .basket_page .history .item .information .item_basket .img>a img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.item_basket__left-column {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.item_basket__left-column .title {
  text-align: left;
  margin-bottom: 30px;
}

.item_basket__left-column .title>a {
  display: flex;
  font-size: 20px;
  line-height: 20px;
  font-weight: 600;
  margin-bottom: 18px;
}

.item_basket__left-column .title>p {
  font-size: 16px;
  line-height: 14px;
  color: #787878;
  margin-bottom: 0;
}

.basket .item_basket__left-column .color {
  font-size: 16px;
  line-height: 14px;
  color: #787878;
  margin-right: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  column-gap: 4px;
}

.item_basket__right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  /* column-gap: 120px; */
  display: grid;
  grid-template-columns: auto 180px 200px;
}

.item_basket__right .price {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-start;
  row-gap: 0;
}

.item_basket__right .price .lite {
  font-size: 14px;
  line-height: 14px;
  color: #787878;
}

.item_basket__right .price .lite + .price_total_basket {
  margin-top: 12px;
}

.item_basket__right .price .lite + .price_old_basket {
  margin-top: 20px;
}

.item_basket__right .price .price_old_basket {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 14px;
  letter-spacing: 0;
  vertical-align: middle;
  text-decoration: line-through;
  color: #B4B4B4;
  margin-bottom: 4px;
}

.item_basket__right .price .price_total_basket {
  font-size: 20px;
  line-height: 20px;
  color: #000000;
  font-weight: 600;
}

.item_basket__right .remove {
  display: flex;
  justify-content: flex-end;
  row-gap: 20px;
  /* width: 200px; */
  flex-shrink: 0;
}

.item_basket__right .remove .inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  row-gap: 20px;
}

.item_basket__right .remove .ms2_reload {
  font-size: 16px;
  line-height: 14px;
  color: #787878;
}

.item_basket__right .remove .ms2_form .btn-danger {
  font-size: 16px;
  line-height: 14px;
  color: #DB0000;
}

.item_basket__right .count {
  display: flex;
  align-items: center;
  column-gap: 22px;
}

/* cart quantity */
.basket .cart-qty {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 44px;
}

.basket .cart-qty__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 30px;
  height: 100%;
  padding: 0;
  background-color: #fff;
  border: 1px solid #D9D9D9;
  cursor: pointer;
  color: #000000;
}

.basket .cart-qty__btn--minus {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-right: none;
}

.basket .cart-qty__btn--plus {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-left: none;
}

.basket .cart-qty__input {
  width: 72px;
  height: 100%;
  padding: 0;
  border: 1px solid #D9D9D9;
  border-radius: 0;
  text-align: center;
  -moz-appearance: textfield;
  margin-bottom: 0;
}

.basket .cart-qty__input::-webkit-outer-spin-button,
.basket .cart-qty__input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.empty_cart .empty_cart__button {
  background-color: #BEA163;
  padding: 0 52px;
  font-size: 24px;
  font-weight: 400;
  color: #fff;
  margin: 0 auto;
}

.info_items__bottom {
  padding-top: 60px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: 200px;
}

.info_items__bottom-count {
  font-size: 20px;
  line-height: 20px;
  font-weight: 500;
  color: #000000;
}

.info_items__bottom-count .ms2_total_count {
  color: #787878;
}

.info_items__bottom-all-price {
  font-size: 20px;
  line-height: 20px;
  font-weight: 500;
  color: #000000;
}

.info_items__bottom-all-price .ms2_total_cost {
  color: #787878;
}

.basket .content .ms2_form .basket_page .history .item .head {
  padding-bottom: 0;
  border-bottom: none;
}

.basket .content .ms2_form .basket_page .history .item .information .info_items {
  margin-bottom: 44px;
  flex-direction: column;
  align-items: flex-start;
  padding-top: 0;
  padding-bottom: 50px;
}

.basket .content .ms2_form .basket_page .history .item .information .info_items.other {
  font-size: 20px;
  line-height: 20px;
  color: #000000;
  padding-bottom: 0;
  margin-bottom: 55px;
}

.basket .content .ms2_form .basket_page .history .item .information .info_items .text {
  font-size: 20px;
  line-height: 20px;
  color: #000000;
  margin-bottom: 40px;
}

.basket .content .ms2_form .basket_page .history .item .information .info_items .label {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 44px;
  width: 100%;
}

.basket .content .ms2_form .basket_page .history .item .information .info_items .label .order-field {
  width: 100%;
}

.basket .content .ms2_form .basket_page .history .item .information .info_items .label .order-field>label {
  color: #242424;
  font-size: 16px;
  line-height: 14px;
  margin-bottom: 16px;
}

.basket .content .ms2_form .basket_page .history .item .information .info_items .label .order-field>input {
  height: 68px;
  border: 1px solid #DFDFDF;
  border-radius: 5px;
  margin-bottom: 0;
}

.content .basket_page .history .item .information .content-basket .tab-header ul {
  justify-content: flex-start;
}

.content .basket_page .history .item .information .content-basket .tab-header ul li {
  flex: inherit;
  border-color: inherit;
  font-size: 16px;
  line-height: 16px;
  text-transform: uppercase;
  color: #242424;
  outline: none;
  border: inherit;
  padding: 0;
  font-weight: 400;
  margin-bottom: 8px;
}

.content .basket_page .history .item .information .content-basket .tab-header ul li.separator {
  margin-left: 20px;
  margin-right: 20px;
}

.content .basket_page .history .item .information .content-basket .tab-header ul li.active {
  border: inherit;
  border-color: inherit;
  color: #BEA163;
}

.content .basket_page .history .item .information .content-basket .tab-header ul li.active:first-child {
  border-top: inherit;
  border-right: inherit;
  border-left: inherit;
}

.content .basket_page .history .item .information .content-basket .tab-header ul li.active:last-child {
  border: inherit;
}

.content .basket_page .history .item .information .content-basket {
  margin: 0;
}

.basket-maps {
  background-color: #fff;
  padding: 45px 40px;
  border-radius: 10px;
}

/* Старый самовывоз (список + .data_map) */
.basket-maps:has(> .label) {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 0 40px;
}

.basket-maps>.label {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 60px 100px;
}

/* Новый самовывоз с Яндекс.Картой — только .basket-pickup */
.basket-pickup__layout {
  display: grid;
  grid-template-columns: 2fr 1fr;
  align-items: start;
  gap: 0 40px;
  margin: 0;
}

.basket-pickup .gifts-rules__columns {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 60px 100px;
  min-width: 0;
}

.basket-pickup .gifts-rules__column-name {
  font-size: 18px;
  line-height: 30px;
  font-weight: 500;
  color: #000000;
  margin-bottom: 14px;
}

.basket-pickup .gifts-rules__column-list {
  padding-left: 0;
  margin-bottom: 0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start !important;
}

.basket-pickup .gifts-rules__column-list li {
  display: flex;
  align-items: flex-start;
  margin-bottom: 20px;
  gap: 12px;
}

.basket-pickup .gifts-rules__column-list li:last-child {
  margin-bottom: 0;
}

.basket-pickup .gifts-rules__column-list label:not(.custom-checkbox) {
  font-size: 16px;
  line-height: 20px;
  color: #000000;
  font-weight: 400;
  text-transform: initial;
}

/* Правая колонка = как старый .map */
.basket-pickup .basket-pickup__aside,
.basket-pickup__aside.gifts-rules__main {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  margin-top: 0;
  background-color: #F9F9F9;
  border: 1px solid #eee;
  border-radius: 10px;
  padding: 25px 30px;
  min-width: 0;
}

.basket-pickup__info {
  font-size: 16px;
  line-height: 24px;
  color: #000000;
}

.basket-pickup__info p {
  margin: 0 0 2px;
}

.basket-pickup__info a {
  color: inherit;
  text-decoration: none;
}

.basket-pickup__info a:hover {
  text-decoration: underline;
}

/* Первый блок info — как .map .title */
.basket-pickup__aside > .basket-pickup__info:first-child {
  padding-bottom: 20px;
  border-bottom: 1px solid #D9D9D9;
  margin-bottom: 12px;
}

.basket-pickup__line {
  display: none;
}

/* Блок графика/телефона — как .time + .phones */
.basket-pickup__aside > .basket-pickup__info:nth-of-type(2) {
  padding: 0 0 20px;
}

.basket-pickup .basket-pickup__map-wrap,
.basket-pickup__map-wrap.gifts-rules__main-map {
  width: 100%;
  height: auto;
  min-height: 200px;
  /* margin-top: auto; */
  border-radius: 8px;
  overflow: hidden;
  flex-shrink: 0;
}

.basket-pickup__map,
.basket-pickup__map.gifts-rules__map {
  width: 100%;
  height: 220px;
  min-height: 220px;
  display: block;
  border-radius: 8px;
}

@media (max-width: 1199px) {
  .basket-pickup__layout {
      gap: 0 24px;
  }

  .basket-pickup .gifts-rules__columns {
      gap: 40px 40px;
  }
}

@media (max-width: 991px) {
  .basket-pickup__layout {
      grid-template-columns: 1fr;
      row-gap: 24px;
  }

  .basket-pickup .gifts-rules__columns {
      grid-template-columns: 1fr 1fr;
      gap: 30px 24px;
  }

  .basket-pickup .basket-pickup__aside,
  .basket-pickup__aside.gifts-rules__main {
      padding: 20px 16px;
  }

  .basket-pickup__map,
  .basket-pickup__map.gifts-rules__map {
      height: 200px;
      min-height: 200px;
  }
}

@media (max-width: 767px) {
  .basket-pickup .gifts-rules__columns {
      grid-template-columns: 1fr;
      gap: 24px;
  }

  .basket-pickup .gifts-rules__column-name {
      font-size: 16px;
      line-height: 24px;
  }

  .basket-pickup .gifts-rules__column-list label:not(.custom-checkbox) {
      font-size: 14px;
      line-height: 20px;
  }

  .basket-pickup .gifts-rules__column-list li {
      margin-bottom: 16px;
  }
}

.content .ms2_form .basket_page .history .item .information .content-basket .map {
  margin-top: 0;
  background-color: #F9F9F9;
  border-radius: 10px;
  padding: 25px 30px;
}

.content .ms2_form .basket_page .history .item .information .content-basket .map .title {
  font-size: 16px;
  line-height: 24px;
  color: #000000;
  padding-bottom: 20px;
  border-bottom: 1px solid #D9D9D9;
  margin-bottom: 12px;
}

.content .basket_page .history .item .information .content-basket .map p {
  font-size: 16px;
  line-height: 24px;
  color: #000000;
}

.content .basket_page .history .item .information .content-basket .map .phones {
  font-size: 16px;
  line-height: 24px;
  color: #000000;
}

.content .basket_page .history .item .information .content-basket .label p {
  font-size: 18px;
  line-height: 30px;
  font-weight: 500;
  color: #000000;
  margin-bottom: 14px;
}

.content .basket_page .history .item .information .content-basket .label label {
  margin-right: 0;
  margin-bottom: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  column-gap: 12px;
}

.content .basket_page .history .item .information .content-basket .label label:not(:last-child) {
  margin-bottom: 20px;
}

.content .basket_page .history .item .information .content-basket .label>div {
  margin-bottom: 0;
}

.form.params .circle i {
  margin-right: 0;
  background: inherit;
  background-image: url(../images-new/icons/icon-check-empty.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  flex-shrink: 0;
  border-radius: 0;
  top: 2px;
  cursor: pointer;
}

.form.params .circle input:checked+i {
  background: url(../images-new/icons/icon-check-mark.svg);
}

.form.params .circle span {
  font-size: 16px;
  line-height: 20px;
  color: #000000;
}

.block-pay .content-basket {
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  row-gap: 50px;
}

.block-pay .content-basket .info {
  font-size: 16px;
  line-height: 24px;
  color: #787878;
}

.block-pay .content-basket .info p:last-child {
  margin-bottom: 0;
}

.basket-bottom {
  display: grid;
  grid-template-columns: 2fr 1fr;
  column-gap: 50px;
}

.content .basket_page .textarea textarea {
  height: 100%;
  margin-bottom: 0;
  border: 1px solid #DFDFDF;
}

.left_menu_basket {
  margin-bottom: 0 !important;
}

.content .left_menu_basket .products {
  background-color: #F9F9F9;
}

.content .left_menu_basket .products .basket_item {
  padding: 50px 30px !important;
  border-radius: 10px;
}

.content .left_menu_basket .products .basket_item ul li {
  border-bottom: inherit;
}

.content .left_menu_basket .products .basket_item ul li.head {
  padding-bottom: 16px;
  border-bottom: 1px solid #CFCFCF;
  margin-bottom: 8px;
}

.content .left_menu_basket .products .basket_item ul li.head p {
  padding-right: 0;
  background: transparent;
  font-size: 20px;
  line-height: 14px;
  font-weight: 400;
  color: #000000;
  top: 0;
}

.content .left_menu_basket .products .basket_item ul li.head div {
  padding-right: 0;
  background: transparent;
  font-size: 20px;
  line-height: 14px;
  font-weight: 400;
  color: #000000;
  top: 0;
}

.content .left_menu_basket .products .basket_item ul li.head div span {
  padding-left: 0;
  font-size: 20px;
  line-height: 14px;
  font-weight: 400;
  color: #000000;
  top: 0;
}

.content .left_menu_basket .products .basket_item ul.sale {
  margin: 0;
  padding: 0;
  background: transparent;
  margin-bottom: 36px;
}

.content .left_menu_basket .products .basket_item ul.sale div {
  background: transparent;
  font-weight: 400;
  color: #000000;
}

.content .left_menu_basket .products .basket_item ul.sale li {
  padding-bottom: 16px;
  border-bottom: 1px solid #CFCFCF
}

.content .left_menu_basket .products .basket_item ul.sale li p {
  background: transparent;
  font-size: 20px;
  line-height: 14px;
  font-weight: 400;
  color: #000000;
  top: 0;
}

.content .left_menu_basket .products .basket_item ul.sale li .custom-delivery {
  background: transparent;
  font-size: 20px;
  line-height: 14px;
  font-weight: 400;
  color: #000000;
  top: 0;
}

.content .left_menu_basket .products .basket_item ul li.card_sale input {
  background-color: #fff;
  border: 1px solid #DFDFDF;
  margin: 0;
  border-radius: 5px;
  height: 68px;
  flex-shrink: 0;
  padding: 0 20px;
}

.content .left_menu_basket .products .basket_item ul.summ {
  margin-top: 60px !important;
  margin-bottom: 50px !important;
}

.content .left_menu_basket .products .basket_item ul.summ p {
  font-size: 26px;
  line-height: 14px;
  font-weight: 700;
  color: #000000;
  background: inherit;
}

.content .left_menu_basket .products .basket_item ul.summ div {
  background: inherit;
}

.content .left_menu_basket .products .basket_item ul.summ div P {
  font-size: 26px;
  line-height: 14px;
  font-weight: 700;
  color: #000000;
}

.content .left_menu_basket .products .order_now {
  margin: 0 !important;
  border-radius: 10px;
  background-color: #BEA163;
  width: 100%;
  height: 56px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.basket .count__label {
  font-size: 16px;
  line-height: 14px;
  color: #787878;
  white-space: nowrap;
}

@media (max-width: 767px) {
  .basket .count__label {
      font-size: 14px;
  }
}

.basket .content .ms2_form .basket_page .history .item .information .content-basket .label input {
  width: 100%;
  max-width: 100%;
  height: 68px;
  border: 1px solid #DFDFDF;
  border-radius: 10px;
  margin-bottom: 16px;
  box-sizing: border-box;
}

.basket .content .ms2_form .basket_page .history .item .information .content-basket .basket-address {
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
}

.basket .content .ms2_form .basket_page .history .item .information .content-basket .basket-address-fields {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

.basket .content .ms2_form .basket_page .history .item .information .content-basket .label input.w50 {
  width: calc(50% - 8px);
  margin-right: 0;
  margin-bottom: 0;
  flex: 0 0 calc(50% - 8px);
}

.basket .chekboxer {
  margin-top: 10px;
}

.basket .chekboxer p {
  font-size: 14px;
  line-height: 20px;
  color: #787878;
  margin-top: 12px;
}

.content .left_menu_basket .products .order_now button {
  background-color: #BEA163 !important;
  border-radius: 10px;
}

@media (max-width: 1199px) {
  .item_basket__right {
      grid-template-columns: auto 140px 140px;
      column-gap: 20px;
  }

  .info_items__bottom {
      padding-right: 140px;
  }

  .basket-maps {
      padding: 30px 24px;
  }

  .basket-maps:has(> .label) {
      column-gap: 24px;
  }

  .basket-maps>.label {
      gap: 40px 40px;
  }

  .basket-bottom {
      column-gap: 30px;
  }
}

@media (max-width: 991px) {
  .basket {
      padding-bottom: 90px;
  }

  .basket-intro__title {
      margin-bottom: 32px;
  }

  .basket-intro__subtitle {
      font-size: 20px;
      line-height: 20px;
      margin-bottom: 20px;
  }

  .basket .content .basket_page .history .item {
      padding: 24px 20px;
      margin-bottom: 30px;
  }

  .basket .content .basket_page .history .item .information {
      margin-top: 30px;
  }

  .basket .content .basket_page .history .item .information .info_items {
      gap: 12px;
      margin-bottom: 24px;
      padding: 16px 0;
  }

  .basket .content .basket_page .history .item .information .item_basket {
      flex-direction: column;
      align-items: stretch;
      row-gap: 24px;
      padding-top: 28px;
      padding-bottom: 28px;
  }

  .item_basket__left {
      column-gap: 20px;
      width: 100%;
  }

  .item_basket__left-column .title {
      margin-bottom: 10px;
  }

  .item_basket__left-column .title>a {
      font-size: 18px;
      line-height: 22px;
      margin-bottom: 10px;
  }

  .item_basket__right {
      width: 100%;
      grid-template-columns: 1fr auto auto;
      align-items: start;
      column-gap: 16px;
  }

  .item_basket__right .count {
      flex-direction: column;
      align-items: flex-start;
      row-gap: 10px;
  }

  .item_basket__right .price {
      align-items: flex-end;
  }

  .info_items__bottom {
      padding-top: 32px;
      padding-right: 0;
      flex-wrap: wrap;
      gap: 12px 24px;
  }

  .basket .content .ms2_form .basket_page .history .item .information .info_items .label {
      grid-template-columns: 1fr;
      row-gap: 20px;
      column-gap: 0;
  }

  .basket .content .ms2_form .basket_page .history .item .information .info_items.other {
      margin-bottom: 30px;
  }

  .basket .content .ms2_form .basket_page .history .item .information .info_items .text {
      margin-bottom: 24px;
  }

  .content .basket_page .history .item .information .content-basket .tab-header ul {
      flex-wrap: wrap;
      row-gap: 10px;
  }

  .content .basket_page .history .item .information .content-basket .tab-header ul li.separator {
      margin-left: 12px;
      margin-right: 12px;
  }

  .basket-maps {
      padding: 24px 20px;
  }

  .basket-maps:has(> .label) {
      grid-template-columns: 1fr;
      row-gap: 24px;
  }

  .basket-maps>.label {
      grid-template-columns: 1fr 1fr;
      gap: 30px 24px;
  }

  .basket-bottom {
      grid-template-columns: 1fr;
      row-gap: 30px;
  }

  .content .basket_page .textarea textarea {
      min-height: 160px;
  }

  .content .left_menu_basket .products .basket_item {
      padding: 30px 20px !important;
  }

  .content .left_menu_basket .products .basket_item ul.summ {
      margin-top: 36px !important;
      margin-bottom: 30px !important;
  }

  .block-pay .content-basket {
      row-gap: 30px;
  }
}

@media (max-width: 767px) {
  .basket {
      padding-bottom: 70px;
  }

  .basket-intro {
      padding-top: 16px;
  }

  .basket-intro__title {
      margin-bottom: 20px;
      font-size: 28px;
      line-height: 1.15;
  }

  .basket-intro__subtitle {
      font-size: 16px;
      line-height: 16px;
  }

  .basket .content .basket_page .history .item {
      padding: 20px 16px;
      margin-bottom: 20px;
  }

  .basket .content .basket_page .history .item .information .info_items {
      flex-direction: row;
      align-items: center;
      flex-wrap: inherit;
  }

  .basket .content .basket_page .history .item .information .item_basket {
      padding-top: 20px;
      padding-bottom: 20px;
      row-gap: 18px;
  }

  .item_basket__left {
      align-items: flex-start;
      column-gap: 14px;
  }

  .basket .content .basket_page .history .item .information .item_basket .img {
      width: 86px;
      height: 86px;
  }

  .item_basket__left-column {
      min-width: 0;
      flex: 1;
  }

  .item_basket__left-column .title>a {
      font-size: 16px;
      line-height: 20px;
  }

  .item_basket__left-column .title>p,
  .basket .item_basket__left-column .color {
      font-size: 14px;
      line-height: 18px;
  }

  .item_basket__right {
      grid-template-columns: 1fr 1fr;
      grid-template-areas:
          "count price"
          "remove remove";
      row-gap: 16px;
      column-gap: 12px;
  }

  .item_basket__right .count {
      grid-area: count;
      flex-direction: row;
      align-items: center;
      column-gap: 14px;
  }

  .item_basket__right .price {
      grid-area: price;
      align-items: flex-end;
  }

  .item_basket__right .price .price_total_basket {
      font-size: 18px;
      line-height: 18px;
  }

  .item_basket__right .remove {
      grid-area: remove;
      justify-content: flex-end;
  }

  .item_basket__right .remove .inner {
      flex-direction: row;
      align-items: center;
      column-gap: 20px;
      row-gap: 0;
  }

  .basket .cart-qty {
      height: 32px;
  }

  .basket .cart-qty__input {
      width: 56px;
  }

  .info_items__bottom {
      flex-direction: column;
      align-items: flex-start;
      padding-top: 24px;
      gap: 10px;
  }

  .info_items__bottom-count,
  .info_items__bottom-all-price {
      font-size: 16px;
      line-height: 20px;
  }

  .empty_cart .empty_cart__button {
      width: 100%;
      height: 50px;
      font-size: 16px;
      padding: 0 20px;
  }

  .basket .content .ms2_form .basket_page .history .item .information .info_items .label .order-field>input {
      height: 54px;
  }

  .content .basket_page .history .item .information .content-basket .tab-header ul li {
      font-size: 14px;
      line-height: 14px;
  }

  .content .basket_page .history .item .information .content-basket .tab-header ul li.separator {
      margin-left: 8px;
      margin-right: 8px;
  }

  .basket-maps {
      padding: 20px 16px;
  }

  .basket-maps>.label {
      grid-template-columns: 1fr;
      gap: 24px;
  }

  .content .ms2_form .basket_page .history .item .information .content-basket .map {
      padding: 20px 16px;
  }

  .basket .content .ms2_form .basket_page .history .item .information .content-basket .label input {
      height: 54px;
      margin-bottom: 12px;
  }

  .basket .content .ms2_form .basket_page .history .item .information .content-basket .basket-address-fields {
    gap: 12px;
  }

  .basket .content .ms2_form .basket_page .history .item .information .content-basket .label input.w50 {
    width: 100%;
    flex: 0 0 100%;
    margin-bottom: 0;
  }

  .content .left_menu_basket .products .basket_item ul li.head p,
  .content .left_menu_basket .products .basket_item ul li.head div,
  .content .left_menu_basket .products .basket_item ul li.head div span,
  .content .left_menu_basket .products .basket_item ul.sale li p,
  .content .left_menu_basket .products .basket_item ul.sale li .custom-delivery {
      font-size: 16px;
      line-height: 20px;
  }

  .content .left_menu_basket .products .basket_item ul li.card_sale input {
      height: 54px;
  }

  .content .left_menu_basket .products .basket_item ul.summ p,
  .content .left_menu_basket .products .basket_item ul.summ div P {
      font-size: 22px;
      line-height: 26px;
  }

  .content .left_menu_basket .products .order_now {
      height: 50px;
  }

  .content .left_menu_basket .products .order_now button {
      width: 100%;
      height: 100%;
  }
}

/*  */

.modal_light.modal_buy .knopkiiii .korzinago {
  height: 56px;
  border-radius: 0 !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

.modal_light.modal_buy .knopkiiii .letsgo {
  height: 56px;
  border-radius: 0 !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

/*  */

.modal_dark .content_modal {
  width: 100%;
  max-width: 1312px;
  padding: 48px 60px;
  top: 18px;
  max-height: 94vh;
  margin: 0 auto !important;
}

@media (max-width: 1366px) {
  .modal_dark .content_modal {
      max-width: 90%;
  }
}

@media (max-width: 767px) {
  .modal_dark .content_modal {
      padding: 48px 24px;
  }
}

.modal_dark .content_modal .title {
  border-bottom: inherit;
  padding: 0;
  margin: 0;
}

.modal_dark .content_modal .title h3 {
  text-transform: uppercase;
  color: #000000;
  margin-bottom: 12px;
}

.modal_dark .content_modal .text {
  padding: 0;
  text-align: left;
  margin-bottom: 65px;
  color: #343434;
}

@media (max-width: 767px) {
  .modal_dark .content_modal .text {
      margin-bottom: 40px;
  }
}

.content_modal .cards-form__block .cards-form__button {
  background-color: #BEA163;
  width: fit-content;
  padding: 0 52px;
  font-weight: 400;
  color: #fff;
  display: flex;
  height: 74px;
  flex-shrink: 0;
  border: none;
  margin: 0;
  border-radius: 0;
}

@media (max-width: 767px) {
  .content_modal .cards-form__block .cards-form__button {
      height: 55px;
      width: 100%;
  }
}

.content_modal .cards-form__block .form__textarea {
  margin-top: 0;
}

@media (min-width: 240px) and (max-width: 1000px) {
  .modal_dark {
      top: 0%;
  }
}

@media (min-width: 240px) and (max-width: 1000px) {
  .modal_dark .content_modal {
      margin: 0;
  }
}

@media (max-width: 767px) {
  .modal_dark .content_modal {
      max-width: 90%;
      width: 100%;
      margin: 0 auto;
  }
}

body.modal-open {
  overflow-y: hidden;
  overflow-x: hidden;
}

@media (min-width: 240px) and (max-width: 1000px) {
  .content .basket_page .history .item .information .content-basket .tab-header ul {
      margin: 0;
  }
}

@media (min-width: 240px) and (max-width: 1000px) {
  .content .basket_page .history .item .information .content-basket .tab-header ul li span {
      display: block;
  }
}

@media (min-width: 240px) and (max-width: 1000px) {
  .content .basket_page .textarea {
      display: block;
  }
}

/* our-shops */

.our-shops {
/* padding-top: 40px; */
  padding-bottom: 60px;
}

.our-shops > .container {
padding-left: 80px;
padding-right: 80px;
}

@media (max-width: 991px) {
.our-shops > .container {
padding-left: 24px;
padding-right: 24px;
}
}

@media (max-width: 767px) {
  .our-shops > .container {
      padding-left: 20px;
      padding-right: 20px;
  }
}

.our-shops__title {
  margin-bottom: 60px;
}

@media (max-width: 991px) {
  .our-shops__title {
      margin-bottom: 30px;
  }
}

.our-shops .shops__list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 30px;
  margin-bottom: 40px;
}

.our-shops .shops__list .items {
  width: 100%;
  min-width: 0;
}

@media (max-width: 1200px) {
  .our-shops .shops__list {
      grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 991px) {
  .our-shops .shops__list {
      grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .our-shops .shops__list {
      grid-template-columns: 1fr;
  }
}

.our-shops .shops__map {
width: 100%;
border-radius: 10px;
overflow: hidden;
}

.our-shops .shops__ymap {
  width: 100%;
  height: 397px;
  background: #f5f5f5;
}

@media (max-width: 767px) {
  .our-shops .shops__ymap {
    height: 280px;
  }
}

.our-shops .content .shops .items .info,
.our-shops .shops .items .info {
padding: 24px;
border-radius: 20px;
border: 1px solid #dbdbdb;
margin-bottom: 0;
min-width: 100%;
max-width: 100%;
height: 100%;
}

.our-shops .shops .items h3 {
color: #343434;
margin-bottom: 20px;
}

.our-shops .shops .items .info .title {
margin-top: 0;
}

.our-shops .shops .items .info .title p {
color: #6b6b6b;
}

.our-shops .shops .items .info .time p {
color: #6b6b6b;
}

.our-shops .shops .items .info .informer {
display: none;
}

.our-shops .shops .items .info .phones a {
text-decoration-line: underline;
color: #4b5563;
font-weight: 400;
}
/* delivery */

.delivery .content .delivery .item {
  margin-bottom: 40px;
}

.delivery .content .delivery h2 {
  color: #343434;
}

.content .delivery .item .info p {
  color: #343434;
}

.delivery .content .delivery .item .info p strong {
  color: #343434;
}

.catalog-seo {
  padding-bottom: 120px;
}

.content .articles.article .info p {
  color: #343434;
}

.content .articles.article .info p a {
  color: #343434;
  font-size: 16px;
}

.content h1 {
  color: #343434;
}

.content .articles.article .info h2 {
  color: #343434;
}

.hidden-custom {
  display: none !important;
}

/* Служебная галерея msOptionsPrice — flexslider принудительно ставит display:block */
#msProduct .hidden-custom,
#msProduct .hidden-custom .msoptionsprice-gallery,
#msProduct .hidden-custom #msGallery,
#msProduct .hidden-custom .flexslider {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  left: -9999px !important;
  pointer-events: none !important;
}

.content .delivery .maps-address .address h3 {
  color: #343434;
  margin-bottom: 8px;
}

.content .delivery .item .text p {
  color: #343434;
}

.content .delivery .maps-address .address ul li {
  color: #343434;
}

.custom_span {
  color: #343434;
}

/* Скрыть «Вам могут понравиться», если нет товаров */
.product-other:not(:has(.swiper-slide)) {
  display: none;
}

@media (min-width: 240px) and (max-width: 1000px) {
  .content .articles.article .info p a {
      margin: 0;
      width: 100%;
      text-align: left;
  }
}

.temp-content__title {
  margin-bottom: 60px;
}

@media (max-width: 991px) {
  .temp-content__title {
      margin-bottom: 30px;
  }
}

.temp-content .temp-content {
  padding-left: 20px;
  padding-right: 20px;
}

.swiper-button-lock {
  display: none !important;
}

.pagination ul li:last-child {
  padding: 0;
}

.pagination ul li:first-child {
  padding: 0;
}

.content .articles.article {
  margin-bottom: 46px;
}

@media (max-width: 767px) {
  .content .articles.article {
      margin-bottom: 0;
  }
  .content .articles.article .info {
      padding: 0 15px;
  }
}

.pg-about .about__title {
  margin-bottom: 60px;
}

@media (max-width: 991px) {
  .pg-about .about__title {
      margin-bottom: 30px;
  }
}

.pg-about .media-block {
  margin-bottom: 60px;
}

@media (max-width: 767px) {
  .pg-about .media-block {
      margin-bottom: 40px;
  }
}


.content .delivery {
  padding-bottom: 60px;
}

.payment__item-text ul {
  padding-left: 20px;
  margin: 0;
}

.payment__item-text ul li {
  list-style: disc;
  margin-bottom: 4px;
}

.delivery-page__note {
  margin-top: 40px;
}

.delivery-page__note p {
  font-size: 14px;
  line-height: 1.6;
  color: #767676;
}

.delivery-page__map {
  margin-top: 30px;
  border-radius: 10px;
  overflow: hidden;
}

.delivery-page__ymap {
  width: 100%;
  height: 397px;
  background: #f5f5f5;
}

.js-delivery-stores-json {
  display: none !important;
}

@media (max-width: 767px) {
  .delivery-page__note {
    margin-top: 24px;
  }

  .delivery-page__map {
    margin-top: 20px;
  }

  .delivery-page__ymap {
    height: 280px;
  }
}

.i.icon.more-gallery {
  position: relative;
    top: -4px;
}

.content .left_menu_basket .products .basket_item ul li p, .content .left_menu_basket .products .basket_item ul li div {
  position: static;
  line-height: 20px;
}

.content .left_menu_basket .products .basket_item ul li.head {
  margin-bottom: 30px;
}

@media (max-width: 991px) {
  .content .left_menu_basket .products .basket_item ul li.head {
    margin-bottom: 20px;
  }
}

.content .left_menu_basket .products .basket_item ul li.head p {
  line-height: 20px;
}

.content .left_menu_basket .products .basket_item ul li.head div span {
  line-height: 20px;
}

.content .left_menu_basket .products .basket_item ul.sale li .custom-delivery {
  line-height: 20px;
}

.content .left_menu_basket .products .basket_item ul.sale li {
  margin-bottom: 30px;
}

@media (max-width: 991px) {
  .content .left_menu_basket .products .basket_item ul.sale li {
    margin-bottom: 20px;
  }
}

.content .left_menu_basket .products .basket_item ul.sale li p {
  line-height: 20px;
}

@media (max-width: 991px) {
  .content .left_menu_basket .products .basket_item ul.sale div {
    font-size: 16px;
  }
}

/* Cookie banner */

.cookie-banner {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10050;
  background: #fff;
  border-top: 1px solid #EEEEEE;
  box-shadow: 0 -4px 24px rgba(0, 0, 0, 0.08);
  /* справа запас под виджет (Jivo и т.п.) */
  padding: 16px 120px 16px 52px;
}

.cookie-banner[hidden],
.cookie-modal[hidden] {
  display: none !important;
}

.cookie-banner__inner {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
  max-width: 960px;
  margin: 0 auto;
}

.cookie-banner__content {
  flex: 1;
  max-width: 520px;
  font-size: 14px;
  line-height: 1.5;
  color: #343434;
}

.cookie-banner__buttons {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 12px;
  flex-shrink: 0;
}

.cookie-button {
  appearance: none;
  border: none;
  cursor: pointer;
  font: inherit;
  font-size: 14px;
  line-height: 1.2;
  padding: 10px 20px;
  border-radius: 4px;
  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.cookie-button--accept,
.cookie-button--save {
  background-color: #BEA163;
  color: #fff;
}

.cookie-button--accept:hover,
.cookie-button--save:hover {
  background-color: #a88b52;
}

.cookie-button--decline {
  background: #fff;
  color: #000;
  border: 1px solid #BEA163;
}

.cookie-button--decline:hover {
  background: #fafafa;
}

.cookie-button--settings {
  background: transparent;
  color: #343434;
  padding: 10px 8px;
}

.cookie-button--settings u {
  text-underline-offset: 3px;
}

body.is-cookie-modal-open {
  overflow: hidden;
  /* padding-right задаётся в JS = ширина скроллбара, чтобы не дёргался экран */
}

body.is-cookie-modal-open .cookie-banner {
  right: var(--cookie-scrollbar-comp, 0px);
}

.cookie-modal {
  position: fixed;
  inset: 0;
  z-index: 10060;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px 15px;
}

.cookie-modal__overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
}

.cookie-modal__dialog {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 760px;
  max-height: calc(100vh - 48px);
  overflow: auto;
  background: #fff;
  border-radius: 8px;
  padding: 32px 36px 28px;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.18);
}

.cookie-modal__close {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 28px;
  height: 28px;
  border: none;
  background: transparent;
  cursor: pointer;
  padding: 0;
}

.cookie-modal__close::before,
.cookie-modal__close::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 2px;
  background: #343434;
}

.cookie-modal__close::before {
  transform: translate(-50%, -50%) rotate(45deg);
}

.cookie-modal__close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.cookie-modal__title {
  font-size: 22px;
  line-height: 1.3;
  font-weight: 600;
  color: #000;
  margin: 0 36px 20px 0;
}

.cookie-modal__text {
  font-size: 14px;
  line-height: 1.55;
  color: #343434;
  margin: 0 0 16px;
}

.cookie-modal__text a {
  color: #BEA163;
  border-bottom: 1px solid #BEA163;
  text-decoration: none;
}

.cookie-modal__types-title {
  font-size: 14px;
  line-height: 1.5;
  color: #000;
  padding: 24px 0 16px;
  font-weight: 500;
}

.cookie-checkbox {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  margin-bottom: 12px;
  padding: 14px 16px;
  background: #f7f7f7;
  border-radius: 6px;
}

.cookie-checkbox input[type="checkbox"] {
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  margin-top: 2px;
  accent-color: #BEA163;
}

.cookie-checkbox label {
  font-size: 14px;
  line-height: 1.5;
  color: #343434;
  cursor: pointer;
}

.cookie-checkbox input[disabled] + label {
  cursor: default;
  opacity: 0.85;
}

.cookie-checkbox__name {
  display: block;
  font-weight: 600;
  color: #000;
  margin-bottom: 8px;
}

.cookie-info-note {
  font-size: 13px;
  line-height: 1.5;
  color: #767676;
  margin: 0 0 16px;
  padding-left: 4px;
}

.cookie-modal__actions {
  display: flex;
  justify-content: flex-end;
  margin-top: 24px;
}

@media (max-width: 991px) {
  .cookie-banner {
    padding: 14px 15px 80px;
  }

  .cookie-banner__inner {
    flex-direction: column;
    align-items: stretch;
    gap: 14px;
    max-width: none;
  }

  .cookie-banner__content {
    max-width: none;
  }

  .cookie-banner__buttons {
    justify-content: stretch;
  }

  .cookie-button--accept,
  .cookie-button--decline {
    flex: 1;
    text-align: center;
  }

  .cookie-modal__dialog {
    padding: 24px 16px 20px;
  }

  .cookie-modal__title {
    font-size: 18px;
    margin-right: 28px;
  }

}