html {
  height: auto;
  transition: all 0.5s linear;
}

body {
  display: flex;
  flex-direction: column;
  font-family: 'Rubik', sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: var(--black);
  line-height: 1.2;
  /*scrollbar-gutter: stable;*/
  overflow-x: clip;
  min-height: 100dvh;
  height: 100%;
}

html {
  margin-right: 0 !important;
}

html body.noscroll {
  padding-right: 8px;
}

body:has(.content-box-modal-right.active),
body:has(.content-box-modal-left.active),
body:has(.fv-mobile_open),
body:has(.mfp-right-popup) {
  overflow: hidden !important;
  padding-right: 8px;
}

html:has(.visible-header) body {
  padding-right: 8px;
}

html:has(.visible-header) {
  margin: 0 !important;
}

body:has(.content-box-modal-right.active) .dark,
body:has(.content-box-modal-left.active) .dark,
body:has(.fv-mobile_open) .dark {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  opacity: 1;
  z-index: 5;
}

@media (max-width: 991px) {

  html body.noscroll,
  html:has(.visible-header) body {
    padding-right: 0px;
  }

  body:has(.content-box-modal-right.active),
  body:has(.content-box-modal-left.active),
  body:has(.fv-mobile_open),
  body:has(.mfp-right-popup) {
    padding-right: 0px;
  }
}

main {
  background-color: var(--gray-bg);
  flex: 1 0 auto;
}

.main-bg {
  background-color: var(--white);
}

main:has(.main-bg) {
  background-color: var(--white);
}

:root {
  --gray-bg: #F6F6F6;
  --black: #303030;
  --white: #FEFEFE;
  --beige: #E4CD9B;
  --blue: #5E8ACA;
  --beige-dark: #CEB47A;
  --orange: #FF7B04;
  --yellow: #FFCD00;
  --green: #1D9972;
  --gray: #848484;
  --gray-light: #777777;
  --gray-dark: #666666;
  --bg-input: #F4F7FB;
  --border-input: #DBE3EF;
  --grid-gap: 0;
  --hr-color: #F4F4F4;
}

* {
  -webkit-tap-highlight-color: transparent;
}

* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid var(--hr-color);
  margin: 1em 0;
  padding: 0;
}

html.with-fancybox body.hide-scrollbar {
  margin-right: auto !important;
}

html:has(.hide-scrollbar) body {
  padding-right: 8px;
}

@media (max-width: 767px) {
  .row .col-sm-6+.col-sm-6 {
    margin-top: 20px;
  }
    [class^="product-category"] .text-center {
      text-align: left;
    }
}

.spinner-border {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  vertical-align: text-bottom;
  border: 0.15em solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: spinner-border .75s linear infinite;
}

@keyframes spinner-border {
  100% {
    transform: rotate(360deg);
  }
}

.sticker-outstock {
  position: absolute;
  z-index: 2;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  min-width: 136px;
  text-align: center;
  background: rgba(0, 0, 0, .5);
  color: #fff;
  border-radius: 5px;
  padding: 8px 10px;
  font-size: 14px;
  box-shadow: inset 0 1px 0 rgba(0, 0, 0, .25), 0 0 0px #333;
  text-shadow: 0px 1px 0 #333;
}

.buttons {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 15px;
  margin-top: 2rem;
}


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

.text-left {
  text-align: left;
  justify-content: flex-start;
}

.text-right {
  text-align: right;
  justify-content: flex-end;
}

.buttons-center {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  justify-content: center;
}

.hide {
  display: none !important;
  opacity: 0 !important;
}

.noscroll {
  overflow: hidden !important;
}

.visible-header {
  overflow: visible !important;
}

.product-carousel {
  position: relative;
}

.product-carousel:not(.swiper-initialized) .swiper-wrapper {
  opacity: 0;
  transition: opacity 0.2s ease;
}

.swiper-preloader {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  min-height: 100px;
}

.swiper-preloader svg {
  min-width: 100px;
  max-width: 100px;
}

.swiper-initialized .swiper-preloader {
  display: none;
}

.swiper-initialized {
  overflow: hidden;
}

.swiper-button-prev:after,
.swiper-button-next:after {
  font-size: 10px;
  font-weight: 700;
  color: var(--gray);
  transition: all 0.3s linear;
}

.swiper-button-prev:hover:after,
.swiper-button-next:hover:after {
  color: var(--beige) !important;
}

.swiper-button-prev,
.swiper-button-next {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--white);
  position: static;
  width: 32px;
  height: 44px;
  border-radius: 12px;
  transition: all 0.3s linear;
  overflow: hidden;
  z-index: 3;
  margin: 1px 0;
}

.swiper-button-box {
  display: flex;
  align-items: center;
  gap: 10px;
}

.swiper-button-next {
  right: 0px;
}

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

.stickers-box {
  position: absolute;
  top: 10px;
  left: -15px;
  display: grid;
  grid-gap: 10px;
  gap: 10px;
  grid-column: 1;
  grid-row: 1;
  align-self: flex-start;
  justify-self: flex-start;
  display: none;
  z-index: 3;
}

.stickers {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 10px;
  font-weight: 700;
  color: var(--white);
  background-color: var(--black);
  border-radius: 0px 50px 50px 0px;
  height: 20px;
  padding: 0px 7px;
}

.stickers-new {
  background-color: var(--orange);
}

.stickers-special {
  background-color: var(--orange);
}

.stickers-top {
  background-color: var(--green);
}

.sticker-catalog,
.sticker-product {
  gap: 10px;
  grid-row: 1;
  position: static !important;
  z-index: 3;
}

.sticker-rectangle>div+div {
  margin-left: 0px;
}

.card-like-btn {
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 2;
}

.card-like-btn.active svg path {
  fill: var(--yellow);
  stroke: var(--yellow);
}

.card-like-btn:hover svg path {
  stroke: var(--yellow);
}

#row-box {
  display: flex;
  gap: 30px;
}

#row-box:has(#column-left) .catalog-box-page {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 20px;
  gap: 20px;
}

@media (max-width: 991px) {
    #row-box:has(#column-left) .catalog-box-page {
      grid-template-columns: repeat(3, 1fr);
    }
  }

@media (max-width: 767px) {
    #row-box:has(#column-left) .catalog-box-page {
      grid-template-columns: repeat(2, 1fr);
    }
  }

@media (max-width: 991px) {
  #row-box {
    gap: 20px;
  }
}

#content {
  width: 100%;
}

#column-left,
#column-right {
  max-width: 300px;
  width: 100%;
}

#voice-button {
  display: none;
}

h1,
.h1 {
  font-size: 28px;
  font-weight: 400;
  margin-bottom: 15px;
  margin-top: 15px;
}

@media (max-width: 767px) {
    h1:not(.does-not-exist),.h1 {
      font-size: 24px;
    }
  }

h2,
.h2 {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 15px;
  margin-top: 15px;
}

@media (max-width: 767px) {
    h2:not(.does-not-exist),.h2 {
      font-size: 20px;
    }
  }

h3,
.h3 {
  font-size: 22px;
  font-weight: 400;
  margin-bottom: 10px;
  margin-top: 10px;
}

@media (max-width: 767px) {
    h3:not(.does-not-exist),.h3 {
      font-size: 20px;
    }
  }

h4,
.h4 {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 10px;
  margin-top: 10px;
}

@media (max-width: 767px) {
    h4:not(.does-not-exist),.h4 {
      font-size: 16px;
    }
  }

h5,
.h5 {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 10px;
  margin-top: 10px;
}

@media (max-width: 767px) {
    h5:not(.does-not-exist),.h5 {
      font-size: 16px;
    }
  }

h6,
.h6 {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 10px;
  margin-top: 10px;
}

@media (max-width: 767px) {
    h6:not(.does-not-exist),.h6 {
      font-size: 16px;
    }
  }

p {
  font-size: 16px;
  line-height: 1.5;
}

p:not(:last-child) {
  margin-bottom: 1.5rem;
}

.section-title {
  font-size: 24px;
  font-weight: 500;
  margin: 10px 0 25px 0;
}

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

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

@media (max-width: 767px) {
    .section-title-center {
      text-align: left;
    }
  }

section {
  padding-top: clamp(0.9375rem, 0.5548rem + 1.6327vw, 2.1875rem);
  padding-bottom: clamp(0.9375rem, 0.5548rem + 1.6327vw, 2.1875rem);
}

section:first-of-type {
  padding-top: 10px;
}

section:last-child {
  padding-top: clamp(0.9375rem, 0.5548rem + 1.6327vw, 2.1875rem);
  padding-bottom: clamp(3.125rem, 2.8365rem + 1.2821vw, 4.375rem);
}

.grid {
  display: grid;
  grid-gap: 10px;
  gap: 10px;
}

.flex-default {
  display: flex;
  align-items: center;
  gap: 15px;
}

.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
}

.flex-space-between {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
}

/* Базові стилі для лейбла */
.label-decor {
  position: absolute;
  top: 17px;
  left: 15px;
  font-size: 16px;
  background-color: var(--bg-input, #f8f9fa);
  color: var(--gray, #6c757d);
  width: -webkit-fit-content;
  width: fit-content;
  padding: 2px 8px;
  transition: all 0.2s ease;
  pointer-events: none;
  z-index: 1;
  white-space: nowrap;
  border-radius: 2px;
}

/* Для textarea позиціонування нижче */
.form-group:has(textarea) .label-decor {
  top: 20px;
}

/* === КЛЮЧОВІ СЕЛЕКТОРИ ДЛЯ АКТИВАЦІЇ ЛЕЙБЛА === */

/* При фокусі на інпуті */
.form-control:focus+.label-decor,
textarea:focus+.label-decor {
  top: -10px;
  left: 15px;
  font-size: 12px;
  background-color: var(--white, #ffffff);
  color: var(--primary, #007bff);
}

/* Коли інпут має значення (не порожній placeholder) */
.form-control:not(:placeholder-shown)+.label-decor,
textarea:not(:placeholder-shown)+.label-decor {
  top: -10px;
  left: 15px;
  font-size: 12px;
  background-color: var(--white, #ffffff);
}

/* Коли інпут валідний і має значення */
.form-control:valid:not(:placeholder-shown)+.label-decor,
textarea:valid:not(:placeholder-shown)+.label-decor {
  top: -10px;
  left: 15px;
  font-size: 12px;
  background-color: var(--white, #ffffff);
}

/* Альтернативний спосіб через :has() (для сучасних браузерів) */
.form-group:has(.form-control:focus) .label-decor,
.form-group:has(.form-control:not(:placeholder-shown)) .label-decor,
.form-group:has(.form-control:valid:not(:placeholder-shown)) .label-decor,
.form-group:has(textarea:focus) .label-decor,
.form-group:has(textarea:not(:placeholder-shown)) .label-decor,
.form-group:has(textarea:valid:not(:placeholder-shown)) .label-decor {
  top: -10px;
  left: 15px;
  font-size: 12px;
  background-color: var(--white, #ffffff);
}

/* При ховері над групою (опціонально) */
.form-group:hover .label-decor {
  top: -10px;
  left: 15px;
  font-size: 12px;
  background-color: var(--white, #ffffff);
}

/* Для існуючих класів з вашого коду */
.form-group.has-value .label-decor,
.label-decor.active {
  top: -10px !important;
  left: 15px;
  font-size: 12px;
  background-color: var(--white, #ffffff) !important;
}

/* Прибираємо outline при фокусі */
.form-control:focus,
textarea:focus {
  outline: none;
  border-color: var(--primary, #007bff);
  /* box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); */
}

/* Стилі для textarea */
textarea.form-control {
  resize: vertical;
  min-height: 80px;
}

/* Фон для полів з значенням */
.form-group.has-value .form-control,
.form-group.has-value textarea,
.form-control:not(:placeholder-shown),
textarea:not(:placeholder-shown) {
  background-color: var(--white, #ffffff);
}

/* === ВАЖЛИВО: PLACEHOLDER ТРЮК === */
/* Інпути повинні мати placeholder=" " (один пробіл) щоб :not(:placeholder-shown) працював */

/* Ховаємо placeholder коли він порожній або має тільки пробіл */
.form-control::placeholder,
textarea::placeholder {
  color: transparent;
}

/* Показуємо placeholder тільки при фокусі */
.form-control:focus::placeholder,
textarea:focus::placeholder {
  color: var(--gray, #6c757d);
  opacity: 0.6;
}

/* === АВТОЗАПОВНЕННЯ БРАУЗЕРА === */
/* Для Chrome автозаповнення */
.form-control:-webkit-autofill~.label-decor,
.form-control:-webkit-autofill:hover~.label-decor,
.form-control:-webkit-autofill:focus~.label-decor {
  top: -10px;
  left: 15px;
  font-size: 12px;
  background-color: var(--white, #ffffff);
}

/* === FALLBACK ДЛЯ СТАРИХ БРАУЗЕРІВ === */
/* Якщо :has() не підтримується, використовуємо JavaScript класи */
@supports not selector(:has(*)) {

  .form-group.has-focus .label-decor,
  .form-group.has-value .label-decor {
    top: -10px;
    left: 15px;
    font-size: 12px;
    background-color: var(--white, #ffffff);
  }
}

/* === АНІМАЦІЇ === */
/* Плавна анімація для лейбла */
@keyframes labelUp {
  from {
    top: 17px;
    font-size: 16px;
    background-color: var(--bg-input, #f8f9fa);
  }

  to {
    top: -10px;
    font-size: 12px;
    background-color: var(--white, #ffffff);
  }
}

@keyframes labelDown {
  from {
    top: -10px;
    font-size: 12px;
    background-color: var(--white, #ffffff);
  }

  to {
    top: 17px;
    font-size: 16px;
    background-color: var(--bg-input, #f8f9fa);
  }
}

/* === СПЕЦІАЛЬНІ СЕЛЕКТОРИ ДЛЯ РІЗНИХ ТИПІВ ПОЛІВ === */

/* Email поля */
input[type="email"]:valid:not(:placeholder-shown)~.label-decor {
  top: -10px;
  font-size: 12px;
  background-color: var(--white, #ffffff);
}

/* Телефонні поля */
input[type="tel"]:not(:placeholder-shown)~.label-decor,
input[inputmode="tel"]:not(:placeholder-shown)~.label-decor {
  top: -10px;
  font-size: 12px;
  background-color: var(--white, #ffffff);
}

/* Поля з даними (через data-атрибути) */
input[data-has-value="true"]~.label-decor {
  top: -10px;
  font-size: 12px;
  background-color: var(--white, #ffffff);
}

/* === ДОДАТКОВІ ХАКИ === */

/* Для полів які завантажуються з значенням */
.form-control[value]:not([value=""])~.label-decor {
  top: -10px;
  font-size: 12px;
  background-color: var(--white, #ffffff);
}

/* Для обов'язкових полів */
.form-group.required .form-control:valid~.label-decor {
  color: var(--success, #28a745);
}

.form-group.required .form-control:invalid:not(:placeholder-shown)~.label-decor {
  color: var(--danger, #dc3545);
}

/* Супер-хак для автозаповнення */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-text-fill-color: #000 !important;
  -webkit-box-shadow: 0 0 0px 1000px #ffffff inset !important;
  -webkit-transition: background-color 5000s ease-in-out 0s !important;
  transition: background-color 5000s ease-in-out 0s !important;
  background: #ffffff !important;
}

.form-group:hover .label-decor {
  width: -webkit-fit-content;
  width: fit-content;
}

.mfp-container {
  overflow: auto !important;
  padding: 20px !important;
}

@media (max-width: 575px) {
  .pop-up {
    border-radius: 0 !important;
  }

  .mfp-container {
    padding: 0 !important;
    margin: 0;
  }
}

.pop-up .form-horizontal {
  display: grid;
  grid-gap: 25px;
  gap: 25px;
}

.form-label-check a, .form-label-check span, .form-label-check b, .form-label-radio a, .form-label-radio span, .form-label-radio b {
  display: contents;
}

.show-hide-btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  font-size: 24px;
  width: 100%;
  padding: 15px 10px;
}

.show-hide-content {
  display: none;
}

.show-hide-svg {
  transition: all 0.3s linear;
}

.decor-bg:has(.show-hide-content.active) .show-hide-svg {
    rotate: 180deg;
    transition: all 0.3s linear;
  }

.border-decor {
  border: 1px solid #F3F3F3;
  border-radius: 16px;
  padding: 20px;
}

.alert-info {
  width: -webkit-fit-content;
  width: fit-content;
  height: 48px;
  background-color: #DCF2EB;
  border: 1px solid #1A8664;
  border-radius: 16px;
  padding: 0 15px;
  margin: 0 auto;
}

/* Alerts */
.alert {
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  /* border-radius: 0.25rem; */
  border-radius: 6px;
  font-size: 14px;
}

.alert {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  width: -webkit-fit-content;
  width: fit-content;
  min-height: 48px;
  font-size: 16px;
  border-radius: 16px;
  padding: 10px 15px;
  margin: 0 auto 1rem;
}

.alert-dismissible {
  padding-right: 30px;
}

.close {
  float: right;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: .5;
}

button.close {
  padding: 0;
  background-color: transparent;
  border: 0;
  -webkit-appearance: none;
}

.alert-dismissible .close {
  position: absolute;
  top: 2px;
  right: 0;
  padding: 5px 10px;
  color: inherit;
}

.alert-primary {
  color: #004085;
  background-color: #cce5ff;
  border-color: #b8daff;
}

.alert-secondary {
  color: #383d41;
  background-color: #e2e3e5;
  border-color: #d6d8db;
}

.alert-success {
  /*color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;*/
  background-color: #DCF2EB;
  border-color: #1A8664;
}

.alert-success i {
    width: 25px;
    height: 25px;
    min-width: 25px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25' fill='none'%3E%3Cpath d='M9.5 22.5H15.5C20.5 22.5 22.5 20.5 22.5 15.5V9.5C22.5 4.5 20.5 2.5 15.5 2.5H9.5C4.5 2.5 2.5 4.5 2.5 9.5V15.5C2.5 20.5 4.5 22.5 9.5 22.5Z' stroke='%231D9972' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M8.25 12.5L11.08 15.33L16.75 9.67004' stroke='%231D9972' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
  }

.alert-success i:before {
    display: none;
  }

.alert-danger {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}

.alert-warning {
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeeba;
}

.alert-info {
  color: #0c5460;
  background-color: #d1ecf1;
  border-color: #bee5eb;
}

.alert-light {
  color: #818182;
  background-color: #ededed;
  border-color: #fdfdfe;
}

.alert-dark {
  color: #1b1e21;
  background-color: #d6d8d9;
  border-color: #c6c8ca;
}

.alert+.alert {
  margin-top: 1rem;
}

.text-box {
  max-height: 180px;
  height: auto;
  overflow: hidden;
  transition: all 1s linear;
  position: relative;
  margin-bottom: 20px;
}

.text-box img {
    width: 100%;
    height: auto;
    border-radius: 12px !important;
  }

@media (max-width: 767px) {
    .text-box {
      max-height: 160px;
    }
  }

.text-box p,.text-box ul,.text-box ol {
    color: var(--gray);
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 1.5rem;
  }

.text-box p:last-child {
    margin: 0;
  }

.text-button svg {
  transition: transform 0.2s linear;
}

.text-box.text-expanded {
  height: auto;
  max-height: 3000px;
  transition: all 2s linear;
}

.width-100 {
  max-width: 100% !important;
  width: 100% !important;
}

.section-swiper-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 25px;
}

.section-swiper-box .section-title {
    margin-bottom: 0;
  }

.arrow__items-svg-bg {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  width: 20px;
  height: 20px;
}

.arrow__items-svg-bg.active {
  transform: rotate(180deg);
}

.swiper-container-initialized {
  position: relative;
  overflow-x: hidden;
  /* overflow-x: clip; */
}

footer {
  flex: 0 0 auto;
}

.container {
  padding: 0 15px;
  margin: 0 auto;
  max-width: 1200px;
  width: 100%;
}

.rel {
  position: relative;
}

.dark,
.dark-7 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  opacity: 0;
  z-index: -1;
}

.dark.active {
  opacity: 1;
  z-index: 5;
}

.dark-7.active {
  opacity: 1;
  z-index: 7;
}

.text-danger,
.simplecheckout-error-text {
  display: block;
  color: #C4161C;
  font-size: .75rem;
  margin-top: 5px;
}

.form-group:has(.form-error) textarea,
.form-group:has(.form-error) input {
  border: 1px solid red;
}

.form-error textarea,
.form-error input {
  border: 1px solid red !important;
}

.text-error {
  color: red;
}

.form-error,
.error {
  display: block;
  color: red;
  font-size: 12px;
  font-weight: 500;
  padding: 7px 0;
  margin: 0;
}

.btn-top {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  right: 20px;
  bottom: 20px;
  background-color: var(--beige);
  width: 35px;
  height: 35px;
  transition: all 0.3s linear;
  border-radius: 5px;
  z-index: 3;
  opacity: 0;
}

@media (max-width: 1300px) {

  .btn-top {
    right: 20px;
    bottom: 20px;
    width: 35px;
    height: 35px;
  }
}

.btn-top svg path {
  fill: #FFFFFF;
}

.btn-top:hover {
  opacity: 1 !important;
}

.btn {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--black);
  gap: 7px;
  width: -webkit-max-content;
  width: max-content;
  height: 56px;
  border-radius: 50px;
  font-weight: 400;
  line-height: 1;
  transition: all 0.2s linear;
  padding: 0 20px;
}

.btn-size-l {
  height: 56px;
}

.btn-size-s {
  height: 34px;
  font-size: 14px;
  padding: 0 15px;
}

.btn-size-s:has(svg) svg {
  width: 17px;
  height: 17px;
}

.btn-primary {
  color: var(--white);
  background-color: var(--black);
}

.btn-secondary {
  background-color: var(--white);
  border: 1px solid var(--beige);
}

.btn-default {
  background-color: var(--beige);
}

.btn-color {
  display: flex;
  align-items: center;
  gap: 5px;
  color: var(--blue);
  padding: 10px 0;
}

@media (max-width: 575px) {
    .btn-color {
      font-size: 14px;
      white-space: nowrap;
    }
  }

.btn-block {
  width: 100%;
}

.form-group-rel:has(.btn-submit) {
  display: grid;
  align-items: center;
  justify-items: flex-end;
}

.form-group-rel:has(.btn-submit) input,
.form-group-rel:has(.btn-submit) .btn-submit {
  grid-column: 1 / -1;
  grid-row: 1;
}

.form-group-rel:has(.btn-submit) input {
  padding-right: 150px;
}

.btn-submit {
  position: absolute;
  border-radius: 8px;
  margin: 0 5px;
}

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

.btn-disabled {
  opacity: 0.5;
  pointer-events: none;
}


/*--------------------------------------------------hover*/


/* a:hover {
  opacity: 0.8;
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
} */

.btn-primary:hover svg,
.btn-secondary:hover svg,
.btn-default:hover svg {
  filter: invert();
  transition: all 0.2s linear;
}

.btn-primary:hover {
  background-color: var(--beige);
  color: var(--black);
}

.btn-secondary:hover {
  background-color: var(--beige);
}

.btn-default:hover {
  background-color: var(--beige);
}


/*--------------------------------------------------*/


.style__btn-availability {
  color: #15A850;
  background-color: #FFFFFF;
}

input[type="text"],
input[type="number"],
input[type="tel"],
input[type="email"],
input[type="password"],
input[type="search"] {
  width: 100%;
  outline: transparent;
  border: none;
  height: 56px;
  color: var(--gray);
  font-size: 16px;
  padding: 0 20px;
  transition: all 0.2s linear;
  border-radius: 12px;
  border: 1px solid var(--border-input);
  background-color: var(--bg-input);
}

input[type="checkbox"],
input[type="radio"] {
  display: none;
  width: 22px;
  height: 22px;
}

textarea {
  width: 100%;
  outline: transparent;
  resize: none;
  border: none;
  padding: 20px;
  font-size: 16px;
  min-height: 100px;
  transition: all 0.2s linear;
  border-radius: 12px;
  color: var(--gray);
  border: 1px solid var(--border-input);
  background-color: var(--bg-input);
}

input[type="text"]:hover,
input[type="number"]:hover,
input[type="tel"]:hover,
input[type="email"]:hover,
input[type="password"]:hover,
input[type="search"]:hover,
textarea:hover {
  border: 1px solid var(--beige);
  background-color: var(--white);
}

input[type="text"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:hover {
  border: 1px solid var(--beige);
  background-color: var(--white);
}

.has-error input,
.has-error textarea,
.has-error select {
  border-color: #C4161C !important;
}

::placeholder {
  font-size: 16px;
  color: var(--gray);
  opacity: 0.5;
}

.form-group {
  width: 100%;
  position: relative;
}

.form-group button+input {
  padding: 0 35px 0 20px;
}

.fv-choice_item:after {
  display: none !important;
  margin-top: 2px;
}

.btn-with-counter {
  position: relative;
}

.form-group.required .label-decor:after {
  content: " *"
}

.decor-item {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  height: 44px;
  border-radius: 12px;
  margin-left: auto;
}

.btn-with-counter .icon-counter {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 12px;
    background-color: var(--beige);
    border-radius: 12px;
    padding: 3px 4px;
  }

.decor-item:hover {
  background-color: #F4F7FB;
}

.decor-bg {
  background-color: var(--white);
  border-radius: 12px;
  padding: 20px;
}

.decor-bg-2 {
  background-color: #F4F7FB;
  border-radius: 12px;
  padding: 20px;
}

.close-pop-up,
.btn-close-pop-up {
  min-width: inherit;
  width: 32px;
  height: 32px;
  border-radius: 12px;
  transition: all 0.1s linear;
}

.close-pop-up:hover,
.btn-close-pop-up:hover {
  background-color: var(--gray-light);
  transition: all 0.1s linear;
}

.close-pop-up:hover svg path,
.btn-close-pop-up:hover svg path {
  stroke: var(--white) !important;
}

.rel-input {
  position: relative;
  display: flex;
}

.return-link {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 18px;
  position: relative;
}

.review-page .return-link {
  background-color: var(--white);
  padding: 20px 0;
  margin-bottom: 20px;
}

.review-page .return-link svg {
    min-width: 24px;
  }

.return-link.fixed {
  position: fixed;
  top: auto;
}

.review-page:has(.return-link) .product__page {
  padding-top: 0;
}

.review-page .return-link {
  position: -webkit-sticky;
  position: sticky;
  top: 80px;
}

@media (max-width: 991px) {
  .review-page .return-link::before {
    content: '';
    position: absolute;
    left: -20px;
    right: -20px;
    bottom: 0px;
    height: 1px;
    width: 150%;
    background-color: #F3F3F3;
  }

  .review-page .return-link {
    position: -webkit-sticky;
    position: sticky;
    top: 59px;
    padding: 12px 0;
  }
}

.breadcrumb-box-main:has(.return-link) .breadcrumb-box-deck {
  justify-content: flex-start;
}

.breadcrumb-box {
  display: flex;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
}

.breadcrumb {
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  overflow: auto;
  scroll-snap-type: x mandatory;
}

.breadcrumb li::after {
  content: '\2022';
  font-weight: 700;
  margin: 0 12px;
}

/* .breadcrumb li:not(:first-child)::before {
  content: ' • ';
  margin: 0 12px;
} */

.breadcrumb-box-deck {
  justify-content: center;
}

.product-page .breadcrumb-box-deck,
.review-page .breadcrumb-box-deck {
  justify-content: flex-start;
}

.breadcrumb li svg {
  display: none;
}

.breadcrumb a {
  display: flex;
  align-items: center;
  /* gap: 5px; */
  color: var(--gray);
}

.breadcrumb a:hover {
  color: var(--beige);
}

.breadcrumb li {
  display: flex;
  align-items: center;
  /* gap: 5px; */
  font-size: 12px;
  color: var(--gray);
  scroll-snap-align: center;
}

@media (max-width: 767px) {
  .breadcrumb-box-deck {
    justify-content: flex-start;
  }

    .breadcrumb-box-deck li svg {
      display: flex;
    }

  .breadcrumb a:hover svg path {
    stroke: var(--beige);
  }
}

.show-more {
  display: flex;
  align-items: center;
  justify-content: center;
  width: -webkit-max-content;
  width: max-content;
  gap: 15px;
  font-size: 14px;
  padding: 0 24px;
  margin-top: 25px;
  margin-bottom: 25px;
  margin-left: auto;
  margin-right: auto;
}

.pagination-wrapper {
  margin-top: 25px;
}

.pagination-catalog {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 20px 0;
}

.pagination {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 10px;
  width: 100%;
}

@media (max-width: 450px) {
  .pagination {
    gap: 10px;
  }
}

.pagination li {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-radius: 12px;
  border: 1px solid var(--border-input);
  background: var(--white);
  color: var(--gray);
}

.pagination li:hover {
  border: 1px solid var(--beige);
}

.pagination__link-span {
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  color: #C5C5C5;
  border-radius: 12px;
  min-width: 45px;
  min-height: 45px;
}

.pagination__link-first {
  pointer-events: none;
}

.pagination a {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  min-height: 44px;
  line-height: 1;
}

@media (max-width: 450px) {
  .pagination a {
    min-width: 32px;
    min-height: 32px;
    padding: 3px;
  }

  .pagination__link-span {
    min-width: 32px;
    min-height: 32px;
  }
}

.pagination__null {
  pointer-events: none;
  min-width: 44px;
  min-height: 44px;
}

@media (max-width: 450px) {
  .pagination__null {
    min-width: 32px;
    min-height: 32px;
    padding: 3px;
  }
}

.pag-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
}

.pagination__prev svg path,
.pagination__next svg path {
  fill: var(--gray);
}

.pagination__prev svg {
  fill: var(--gray);
  rotate: -90deg;
  scale: 0.8;
  transform: rotateY(45deg);
}

.pagination__next svg {
  fill: var(--gray);
  rotate: 90deg;
  scale: 0.8;
  transform: rotateY(45deg);
}

.pagination__prev:hover svg path,
.pagination__next:hover svg path {
  fill: var(--gray);
}

@media (min-width: 767px) {
  ::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    border-radius: 7px;
  }

  ::-webkit-scrollbar-track {
    background: #F4F7FB;
    border-radius: 7px;
  }

  ::-webkit-scrollbar-thumb {
    background: var(--beige);
    border-radius: 7px;
  }

  *::-moz-scrollbar {
    width: 8px;
    height: 8px;
    border-radius: 7px;
  }

  *::-moz-scrollbar-track {
    background: #F4F7FB;
    border-radius: 7px;
  }

  *::-moz-scrollbar-thumb {
    background: var(--beige);
    border-radius: 7px;
  }

}

.counter .counter-calc {
    display: flex;
    align-items: center;
    gap: 5px;
    border: 1px solid #DBE3EF;
    border-radius: 24px;
    position: relative;
    max-width: -webkit-fit-content;
    max-width: fit-content;
    padding: 3px;
  }

.counter .counter-input {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    width: 26px;
    height: 36px;
    color: #000000;
    background-color: transparent;
    font-size: 14px;
    text-align: center;
    border: none;
    outline: none;
    pointer-events: none;
    padding: 0;
  }

.counter .counter-plus,.counter .counter-minus {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    font-family: 'Montserrat', sans-serif;
    font-size: 24px;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    background-color: #F4F7FB;
  }

.counter .counter-plus:hover,.counter .counter-minus:hover {
    background-color: #DBE3EF;
  }

/* .counter-plus:hover svg path,
  .counter-minus:hover svg path {
    stroke: var(--beige);
  } */

.select-box-value {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 15px;
  background-color: var(--white);
  border-radius: 16px;
  padding: 10px 20px;
  margin-bottom: 30px;
}

.select-box-value .select-value-title {
    font-size: 12px;
    color: var(--gray);
  }

.select-box-value .select-value-items {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
  }

.select-box-value .select-value {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    font-size: 12px;
    height: 32px;
    background-color: var(--bg-input);
    border: 1px solid transparent;
    border-radius: 24px;
    line-height: 1;
    padding: 0 10px;
  }

.select-box-value .select-value:hover {
    background-color: #c6c6c6;
  }

.select-box-value .select-value-off {
    font-size: 14px;
    color: var(--blue);
  }

.select-box-value .select-value-off:hover {
    color: #7ba6e7;
  }

@media (max-width: 767px) {
    .select-box-value {
      border-radius: 0;
      margin: 0 -15px;
      margin-bottom: 15px;
    }
  }

.top-filters {
  display: flex;
  justify-content: space-between;
  /*align-items: center;
  flex-wrap: wrap;*/
  gap: 10px;
  margin-bottom: 30px;
}

.top-filters .btn {
    height: 44px;
  }

@media (max-width: 767px) {
    .top-filters {
      display: grid;
      grid-template-columns: 1fr 1fr;
      flex-wrap: nowrap;
      margin-bottom: 20px;
    }

    .top-filters .form-group-off {
      display: none;
    }

    .top-filters .btn-filter {
      top: initial !important;
      width: 100%;
    }

    .top-filters select,.top-filters .select__main {
      width: 100%;
    }

  }

.top-filters .btn-filter {
    display: none;
    align-items: center;
    gap: 5px;
    font-size: 14px;
    position: relative;
    /* width: auto; */
    white-space: nowrap;
  }

.top-filters .btn-filter svg {
      width: 20px;
      height: 20px;
    }

@media (max-width: 575px) {
      .top-filters .btn-filter {
        width: 100%;
      }
    }

.top-filters .trigger-fv-filter {
    display: none;
  }

.top-filters .fv_mobile_close_switch::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

.top-filters .select-box {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    column-gap: 15px;
  }

.top-filters .select-box .form-group {
      width: auto;
    }

@media (max-width: 575px) {
        .top-filters .select-box .form-group {
          width: 100%;
        }
      }

.top-filters .select-box .form-group label {
        display: none;
      }

@media (max-width: 767px) {
      .top-filters .select-box .form-group:has(#input-sort) {
        display: flex;
        width: 100%;
      }

      .top-filters .select-box .form-group {
        display: none;
      }

      .top-filters .select-box .btn-filter {
        width: 100%;
      }
    }

@media (max-width: 575px) {
      .top-filters .select-box {
        width: 100% !important;
      }
    }

.select__main .select-counter {
    display: none;
  }

main:has(#fv_module) .trigger-fv-filter {
  display: flex;
}

.select2-results__option--disabled {
  pointer-events: none !important;
  opacity: 0.7 !important;
}

.select2-container {
  /* width: auto !important; */
  min-width: 210px;
}

@media (max-width: 575px) {
    .select2-container {
      width: 100% !important;
    }
  }

@media (max-width: 768px) {
  .select2-container {
    display: block;
  }
}

.checkout__form-col .select2-container {
  display: block;
}


.select2-search--dropdown .select2-search__field {
  width: 100% !important;
}

.select2-search--dropdown {
  padding: 5px 0px 10px 5px;
}

/* .select2-container--default .select2-search--dropdown {
  display: none;
} */

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid var(--border-input);
  background-color: var(--white);
  height: 34px;
  padding: 0 35px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 1.2;
}

/* .select2-container--open .select2-dropdown {
  left: auto;
  right: 0 !important;
} */

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable:hover {
  color: #666666;
}

.select2-dropdown {
  background-color: transparent;
  border: transparent;
}

.select2-container--default .select2-selection--single {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: auto;
  height: 44px;
  border: 1px solid var(--border-input);
  background: var(--white);
  border-radius: 24px;
  padding: 0 15px;
  min-width: 235px;
  /* padding-right: 30px */
}

.select2-container--default .select2-selection--single:hover {
  border: 1px solid var(--beige);
}

@media (max-width: 450px) {
  .select2-container--default .select2-selection--single {
    min-width: auto;
  }
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  display: none;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  position: static;
  color: var(--black);
  background-image: url('../images/svg-icon/Caret_Down_MD.svg');
  background-repeat: no-repeat;
  background-position: center;
  -webkit-appearance: none;
  appearance: none;
  filter: brightness(0) saturate(100%) invert(54%) sepia(46%) saturate(2%) hue-rotate(100deg) brightness(88%) contrast(89%);
  z-index: 2;
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-radius: 24px;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-radius: 24px;
}

.select2-container--open .select2-dropdown--above,
.select2-container--open .select2-dropdown--below {
  border-radius: 1px;
  /* border: 1px solid var(--border-input); */
  background: var(--white);
  border-radius: 8px;
  /* padding: 10px; */
  margin: 5px 0;
  overflow: hidden;
  /* width: auto !important; */
}

.select2-container--open .select2-dropdown--above {
  margin: -10px 0;
}

.select2-results__option {
  color: #666666;
  font-size: 16px;
  padding: 10px;
}

.product-page-dropdown.select2-dropdown--above {
  background: var(--white);
  border-radius: 8px 8px 0 0;
  border: none;
  padding: 0;
}

.product-page-dropdown.select2-dropdown--below {
  background: var(--white);
  border-radius: 0 0 8px 8px;
  border: none;
  padding: 0;
  padding-bottom: 10px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  font-size: 16px;
  color: var(--gray-light);
  padding-right: 0;
}

@media (max-width: 574px) {
    .select2-container--default .select2-selection--single .select2-selection__rendered {
      font-size: 14px;
      color: var(--black);
    }
  }

.select2-container--open .select2-dropdown {
  padding: 5px 5px 5px 0;
  z-index: 3;
}

.select2-results {
  display: flex;
  /* width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content; */
}

.select2-results__options {
  font-size: 16px;
  display: block;
  width: 100%;
  padding-right: 5px;
  padding-left: 5px;
}

.select2-product-page+.select2 .select2-selection--single {
  background: rgba(237, 239, 241);
  border: none;
}

.select2-product-page.select2-product-page+.select2-container--below.select2-container--open .select2-selection--single {
  border-radius: 24px 24px 0 0;
  border: none;
}

.select2-product-page.select2-product-page+.select2-container--above.select2-container--open .select2-selection--single {
  border-radius: 0 0 24px 24px;
  border: none;
}

.select2-product-page.select2-product-page+.select2 .select2-selection--single {
  height: 60px;
}

.select2-container--open .select2-selection__arrow {
  rotate: 180deg;
}

.select2-product-page+.select2 .select2-results__option,
.product-page-dropdown .select2-results__option {
  display: flex !important;
  align-items: center;
  gap: 10px;
}

.product-page-dropdown .select2-results__option {
  padding: 15px 25px;
}

/*.product-page-dropdown .select2-results__option--selected {
  display: none !important;
}*/

.product-page-dropdown .select2-results__option::before {
  content: '';
  display: flex;
  width: 20px;
  height: 20px;
  border: 2px solid var(--black);
  border-radius: 24px;
  flex-shrink: 0;
}

.select2-container--default .select2-results__option--selected {
  font-size: 16px;
  background-color: #F4F7FB !important;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  color: var(--gray-light);
  background-color: transparent;
}

/* .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  color: var(--beige);
} */

.select2-search--dropdown {
  position: relative;
}

.select2-search--dropdown::before {
  content: "";
  position: absolute;
  left: 14px;
  top: 14px;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg fill='none' stroke='%23000' stroke-width='2' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M21 21l-4.35-4.35M10 18a8 8 0 100-16 8 8 0 000 16z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
}


.select2-results__option:hover {
  color: var(--beige) !important;
  background-color: #F4F7FB !important;
  cursor: pointer;
}

select {
  display: flex;
  align-items: center;
  position: relative;
  width: auto;
  min-width: 210px;
  height: 44px;
  font-size: 16px;
  border: transparent;
  color: var(--gray-light);
  border: 1px solid var(--border-input);
  background: var(--white);
  border-radius: 24px;
  outline: transparent;
  cursor: pointer;
  background-image: url('../images/svg-icon/Caret_Down_MD.svg');
  background-repeat: no-repeat;
  background-position: center right 15px;
  -webkit-appearance: none;
  appearance: none;
  padding: 2px 40px 0 20px;
}

@media (max-width: 575px) {
    select {
      width: 100% !important;
    }
  }

@media (max-width: 450px) {
  select {
    min-width: initial;
  }
}

.select2-container .select2-selection--single .select2-selection__rendered {
  white-space: wrap;
  padding: 0;
}

.top-filters .select2-container .select2-selection--single .select2-selection__rendered {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

body:has(.select2-product-page) .select2-selection__rendered {
  display: flex !important;
  align-items: center;
  gap: 10px;
  height: 50px;
  overflow: hidden;
}

body:has(.select2-product-page) .select2-selection__rendered::before {
  content: '';
  display: flex;
  background-image: url('../images/pop-up-icon/check-circle.svg');
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}

.product-options {
  margin-bottom: clamp(1.875rem, 1.7444rem + 0.7463vw, 2.5rem);
}

.product-options .filter-box-inner+.filter-box-inner {
  margin-top: 20px;
}

.product-page-dropdown .select2-results__option::before {
  content: '';
  display: flex;
  width: 20px;
  height: 20px;
  border: 2px solid var(--black);
  border-radius: 24px;
  flex-shrink: 0;
}

.header__scroll::-webkit-scrollbar {
  width: 5px;
}

.store__inner-top-boxes .section__title,
.store__inner-top-boxes .section__title-sub {
  margin: 0 auto;
}

.section-top {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: clamp(0.625rem, 0.2041rem + 1.7959vw, 2rem);
}

.store__inner-top-boxes {
  flex-direction: column;
  gap: 10px;
}

.store__inner-top h2,
.store__inner-top .h2 {
  margin: 0;
}

.tab__order-items .arrow__items-svg-bg {
  display: none;
}

.hide .swiper-pagination {
  display: none;
}

@media (max-width: 991px) {

  .mfp-container {
    overflow: hidden;
    padding: 20px 10px;
  }
}

.mfp-wrap {
  overflow: auto;
}

.mfp-fade.mfp-bg {
  opacity: 0;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
}

/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}

/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
}

/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}

/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

.mfp-bg {
  opacity: 0;
  transition: all 0.3s ease-out;
}

/* overlay animate in */
.mfp-bg.mfp-ready {
  opacity: 0.8;
}

/* overlay animate out */
.mfp-bg.mfp-removing {
  opacity: 0;
}

/* content at start */
.mfp-wrap .mfp-content {
  opacity: 0;
  transition: all 0.3s ease-out;
  transform: translateY(-30%);
}

/* content animate it */
.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
  transform: translateY(0);
}

/* content animate out */
.mfp-wrap.mfp-removing .mfp-content {
  transform: translateY(-30%);
  opacity: 0;
}

.mfp-close-btn-in .mfp-close {
  font-size: 30px;
}

.mfp-close svg {
  pointer-events: none;
}

/* mfp right sidebar */
/* .mfp-right-popup.mfp-bg.mfp-ready {
  display: none !important;
} */

.mfp-right-popup .mfp-container {
    padding: 0;
  }

.mfp-right-popup .mfp-content {
    vertical-align: top;
  }

.swiper-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  background-color: var(--white);
  border-radius: 24px;
  width: auto !important;
  padding: 5px;
  position: absolute;
  bottom: 20px !important;
  left: 50% !important;
  transform: translateX(-50%);
  z-index: 2 !important;
}

.swiper-pagination-bullet {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 5px;
  height: 5px;
  opacity: 1;
  background: transparent;
  position: relative;
  border-radius: 5px;
  background-color: #C5C5C5;
  transition: all 0.3s linear;
  margin: 0 !important;
}

.swiper-pagination-bullet-active {
  background-color: #E4CD9B;
  font-weight: 700;
  transition: all 0.3s linear;
}

@media (max-width: 991px) {

  .swiper-pagination-bullet-active {
    max-width: 50px;
  }
}

.swiper-button-box {
  display: flex;
  align-items: center;
  justify-content: center;
}

.swiper-button-box .swiper-button-prev::after,
.swiper-button-box .swiper-button-next::after {
  color: var(--black);
  transition: none;
}

.swiper-button-box .swiper-button-prev,
.swiper-button-box .swiper-button-next {
  background-color: var(--white);
  transition: none;
}

.swiper-button-box .swiper-button-prev:hover,
.swiper-button-box .swiper-button-next:hover {
  background-color: var(--black);
  transition: none;
}

.swiper-button-box .swiper-button-prev:hover ::after,
.swiper-button-box .swiper-button-next:hover ::after {
  color: var(--white);
  transition: none;
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: 0.7;
}

@media (max-width: 575px) {

  .swiper-button-prev,
  .swiper-button-next {
    display: none !important;
  }
}

.swiper-progressbar {
  position: relative;
  width: 100%;
  height: 4px;
  background: transparent;
  border-radius: 5px;
  margin-top: 10px;
  overflow: hidden;
}

.swiper-progressbar .swiper-pagination-progressbar-fill {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background: var(--beige);
  transform-origin: left top;
  border-radius: 5px;
}

.slider-tab .swiper-progressbar {
  display: none;
}

@media (max-width: 575px) {
    .slider-tab .swiper-progressbar {
      display: flex;
    }
  }


/*--------------------------------------------------modal-dialog*/


#modal-dialog {
  padding: 20px;
}

.modal-body {
  border-bottom: 1px solid #ebebeb;
  padding-bottom: 16px;
  margin-bottom: 16px;
}

.modal-content {
  position: relative;
}

.modal-body p {
  color: #000000;
  font-size: 14px;
}

.modal-body a {
  color: #B1A936;
  font-weight: 500;
}

.modal-footer {
  display: flex;
  gap: 20px;
}

.modal-footer {
  display: flex;
  gap: 20px;
}

.modal-footer a {
  height: 42px;
}

.modal-footer button {
  text-transform: none;
  height: 42px;
}

#modal-dialog .form-pop-up-top {
  padding: 0;
}


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


.header {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  background-color: var(--white);
  border-bottom: 1px solid #F3F3F3;
  z-index: 5;

}


.header .header-box {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    grid-gap: 20px;
    gap: 20px;
    padding: 18px 0;
    overflow-x: hidden;
  }


.header .header-box > .flex-center:first-child {
      justify-self: flex-start;
      gap: 20px;
      width: 100%;
    }


.header .header-box > .flex-center:first-child .decor-item {
        margin-left: 0;
      }


.header .header-box > .flex-center:first-child .lang-box {
        margin-left: auto;
        margin-right: auto;
        gap: 5px;
      }


.header .header-box > .flex-center:last-child {
      justify-self: flex-end;
      gap: 35px;
    }


.header .header-box .btn {
      height: 44px;
    }


.header .counter-cart-btn {
    position: relative;
    /* padding-right: 10px; */
  }


.header .burger-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
  }


.header .catalog-btn {
    background-color: var(--gray-bg);
    gap: 10px;
    transition: all 0.2s linear;
  }


.header .catalog-btn:hover {
    background-color: var(--beige);
    gap: 10px;
    transition: all 0.2s linear;
  }


.header .logo {
    display: flex;
    max-width: 190px;
  }


.header .logo img {
    width: 100%;
    height: auto;
  }


/*.logo:hover {
    filter: brightness(0) saturate(100%) invert(77%) sepia(19%) saturate(683%) hue-rotate(3deg) brightness(92%) contrast(90%);
  }*/


.header .header-search {
    border-radius: 25px;
  }


.header .header-search input {
    height: 44px;
    background-color: var(--gray-bg);
    border-radius: 25px;
    margin-right: 10px;
  }


.header .search-btn:hover svg path {
    stroke: #CEB47A;
  }


.header .search-btn {
    position: absolute;
    top: 50%;
    right: 25px;
    transform: translate(0, -50%);
    display: flex;
  }


.header .search-btn-hide {
    display: none;
    align-items: center;
    gap: 5px;
  }


.header .search-btn-hide-close {
    display: flex;
  }


.header .search-btn-hide-deck {
    justify-content: space-between;
    width: 165px;
    background-color: var(--gray-bg);
    border: 1px solid transparent;
  }


.header .search-btn-hide-deck:hover {
    border: 1px solid var(--beige);
  }


.header .header-box {
    position: relative;
  }


.header .header-box .search-btn-hide-close.decor-item {
      border-radius: 0;
    }


.header .header-box .search-btn-hide-close.decor-item:hover {
      background-color: var(--white);
    }


.header .header-box .search-btn-hide-close.decor-item:hover svg path {
      stroke: var(--beige-dark);
    }


.header .header-search {
    position: absolute;
    left: 0;
    max-width: 100%;
    width: calc(100% - 50px);
    transform: translateY(-150%);
    max-width: 100%;
    background-color: var(--white);
    transition: all 0.3s linear;
    padding: 10px 0;
    z-index: 2;
  }


.header .header-search.active {
    display: flex;
    transform: translateY(0);
    transition: all 0.3s linear;
  }


.header .search-btn-hide-close {
    position: absolute;
    top: 50%;
    justify-content: center;
    transform: translate(0, -50%);
    background-color: var(--white);
    right: -50px;
    width: 44px;
    height: 44px;
  }


.header .search-btn-hide-close:hover {
    background-color: #F4F7FB;
  }


.header .header-search input {
    background-color: var(--white);
  }


@media (max-width: 991px) {
    .header .header-box {
      gap: 10px;
      position: relative;
      padding: 7px 0;
    }

    .header .catalog-btn {
      display: none;
    }

    /*.logo {
      max-width: 125px;
    }*/

    .header .search-btn-hide-deck {
      display: none;
    }

    .header .search-btn-hide {
      display: flex;
    }

    .header .flex-center {
      gap: 10px !important;
    }

    .header .like-btn,.header .lang-box {
      display: none;
    }

  }

.content-box-modal-left {
  max-width: 390px;
  width: 100%;
  position: fixed;
  left: -100%;
  height: 100dvh;
  background-color: var(--white);
  transition: all 0.2s linear;
  z-index: 6;
}

.content-box-modal-left.active {
  left: 0;
  transition: all 0.2s linear;
}


.mfp-bg.mfp-ready {
  opacity: 0.5;
}

/* Sidebar popup */
.mfp-sidebar-right .mfp-content {
  position: fixed;
  top: 0;
  right: 0;
  max-width: 390px;
  width: 100%;
  height: 100%;
  height: 100dvh;
  background-color: var(--white);
  transform: translateX(100%);
  opacity: 1;
  transition: all 0.2s linear;
  z-index: 6;
}

.mfp-sidebar-right.mfp-ready .mfp-content {
  transform: translateX(0);
  opacity: 1;
}

.mfp-sidebar-right.mfp-removing .mfp-content {
  transform: translateX(100%);
  opacity: 1;
}

/* Preloader */
.popup-preloader {
  position: fixed;
  z-index: 1055;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}

.popup-preloader.visible {
  opacity: 1;
  pointer-events: auto;
}

.spinner {
  width: 50px;
  height: 50px;
  animation: rotate 2s linear infinite;
}

.spinner .path {
  stroke: #555;
  stroke-linecap: round;
  stroke-width: 5;
  fill: none;
  animation: dash 1.5s ease-in-out infinite;
}

@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}

@keyframes dash {
  0% {
    stroke-dasharray: 1, 150;
    stroke-dashoffset: 0;
  }

  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -35;
  }

  100% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -124;
  }
}

/* body:not(:has(.mfp-s-ready)) .mfp-content::before {
  position: fixed;
  content: '';
  width: 70px;
  height: 70px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 4px solid rgba(0, 0, 0, 0.05);
  border-top: 4px solid var(--beige);
  border-radius: 50%;
  border-top-width: 5px;
  border-left-width: 1px;
  border-right-width: 1px;
  animation: spin 1.5s linear infinite;
  transition: all 0.3s linear;
  z-index: 10;
} */

/* body:not(:has(.mfp-s-ready)) .mfp-content::before {
  position: fixed;
  content: '';
  width: 70px;
  height: 70px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 4px solid rgba(0, 0, 0, 0.1);
  border-top: 4px solid #555;
  border-radius: 50%;
  animation: spin 1.5s linear infinite;
  transition: all 0.3s linear;
  z-index: 10;
}


@keyframes spin {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }

  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
} */

body:not(:has(.mfp-s-ready)) .mfp-content::before {
  position: fixed;
  content: '';
  width: 50px;
  height: 50px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  border: 5px solid rgba(0, 0, 0, 0.1);
  animation: preloader-spin 2s linear infinite;
  z-index: 10;
}

body:not(:has(.mfp-s-ready)) .mfp-content::after {
  position: fixed;
  content: '';
  width: 50px;
  height: 50px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  border: 5px solid transparent;
  border-top-color: #555;
  animation: preloader-spin 2s linear infinite;
  z-index: 11;
}

@keyframes preloader-spin {
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

.content-box-top {
  justify-content: space-between;
  padding: 10px 20px 10px 20px;
  border-bottom: 1px solid #F3F3F3;
}

.content-box-title-top {
  color: #000000;
  font-size: 20px;
}

@media (max-width: 767px) {
    .content-box-title-top {
      font-size: 18px;
    }
  }

.content-box-title {
  margin-bottom: 10px;
}

.content-box-inner {
  padding: 10px 10px 10px 20px;
}

.content-box-inner .btn {
    height: 56px;
  }

.content-box-item:first-child {
  padding-top: 0;
}

.content-box-item {
  display: grid;
  grid-gap: 10px;
  gap: 10px;
  padding: 20px 0;
  border-bottom: 1px solid #F4F4F4;
}

.content-box-item .option-buttons {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 10px;
    gap: 10px;
  }

.content-box-item .option-buttons:has(.open-magnific-pop-up) {
    grid-template-columns: 1fr 1fr;
  }

@media (max-width: 767px) {
    .content-box-item .option-buttons {
      grid-template-columns: 1fr;
    }
  }

.content-box-inner:has(.content-box-btn-bottom) .content-box-scroll {
  height: calc(100dvh - 175px);
}

.content-box-scroll {
  height: calc(100dvh - 110px);
  overflow: auto;
  padding: 0px 10px 0px 0px;
  margin: 10px 0;
}

.content-box-center {
  align-self: center;
  transition: all 0.3s linear;
}

/* width: auto;
  margin: 0 auto;
  margin-right: 0; */

.close-pop-up svg,.btn-close-popup svg {
    width: 14px !important;
    height: 14px !important;
  }

.content-all-btn,
.content-box-title-pop-up {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  color: #5E8ACA;
}

.catalog-box {
  display: grid;
  max-width: 390px;
  background-color: #F6F6F6;
  transition: all 0.2s linear;

}

.catalog-box:has(.catalog-box-content.active) {
    max-width: 790px;
    transition: all 0.2s linear;
  }

.catalog-box .catalog-box-title {
    color: #000000;
    font-size: 24px;
    font-weight: 500;
  }

.catalog-box .lavel-1 {
    border-radius: 16px;
    transition: all 0.2s linear;
  }

.catalog-box .lavel-1 a {
    display: flex;
    align-items: center;
    gap: 20px;
    border-radius: 16px;
    padding: 10px;
    transition: all 0.2s linear;
  }

.catalog-box .lavel-1-link:hover {
    color: var(--beige);
    /* background-color: #F4F7FB; */
    transition: all 0.2s linear;
  }

.catalog-box .lavel-1.active {
    color: var(--beige);
    /* background-color: #F4F7FB; */
    transition: all 0.2s linear;
  }

.catalog-box .lavel-1 a svg {
    transition: all 0.2s linear;
  }

.catalog-box .lavel-1 a:hover svg {
    filter: brightness(0) saturate(100%);
    transition: all 0.2s linear;
  }

.catalog-box .lavel-sub {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 0;
    left: 390px;
    max-width: 0;
    width: 100%;
    height: 100dvh;
    background-color: #F6F6F6;
    pointer-events: none;
    /* opacity: 0; */
    padding: 20px 0 20px 0;
    /* transition: all 0.1s linear; */
  }

.catalog-box .lavel-1:hover .lavel-sub {
    max-width: 400px;
    pointer-events: auto;
    padding: 20px 30px 20px 30px;
    /* transition: all 0.1s linear; */
  }

.catalog-box .lavel-sub ul {
    display: flex;
    flex-direction: column;
    gap: 10px;
    overflow: auto;
    /* padding-right: 15px; */
  }

/*.lavel-sub ul::-webkit-scrollbar {
    width: 0;
    height: 0;
  }*/

.catalog-box .lavel-2 {
    display: flex;
    align-items: center;
    gap: 20px;
    background-color: var(--white);
    color: var(--black);
    border: 2px solid transparent;
    opacity: 1 !important;
    border-radius: 16px;
    padding: 10px;
  }

.catalog-box .lavel-2 img {
    max-width: 80px;
    width: 100%;
    border-radius: 8px;
  }

.catalog-box .lavel-2:hover {
    border-color: var(--beige);
  }

.catalog-box .lavel-main {
    max-width: 390px;
    background-color: var(--white);
  }

.catalog-box .lavel-sub-nav-top {
    display: none;
  }

.catalog-box .active ul.children-menu {
    padding-right: 15px;
  }

.catalog-box .lavel-1::before {
    content: '';
    position: absolute;
    top: 70px;
    left: 370px;
    height: 100%;
    width: 50px;
    transform: translate(-50%, 0);
    pointer-events: none;
  }

.catalog-box .lavel-1:hover::before {
    pointer-events: auto;
  }

@media (max-width: 991px) {
    .catalog-box .lavel-sub {
      max-width: 100%;
      left: -100%;
    }

    .catalog-box .lavel-sub.active {
      left: 0;
      opacity: 1;
      z-index: 3;
    }

    .catalog-box {
      max-width: 390px;
    }

    .catalog-box .lavel-sub-title {
      display: flex;
      align-items: center;
      gap: 10px;
      color: var(--black);
      font-size: 20px;
    }

      .catalog-box .lavel-sub-title a {
        padding: 0;
      }

    .catalog-box .lavel-sub-nav-top {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 10px;
      padding: 10px 20px;
    }

    .catalog-box .lavel-sub {
      background-color: var(--white);
      padding: 0;
      transition: all 0.2s linear;
    }

    .catalog-box .lavel-sub ul {
      background-color: #F6F6F6;
      padding: 20px;
      height: calc(100dvh - 70px);
      overflow: auto;
    }

    .catalog-box .lavel-1::before {
      display: none;
    }

    .catalog-box .lavel-1:hover .lavel-sub {
      padding: 0;
    }
  }

.sale-info {
  display: grid;
  grid-gap: 15px;
  gap: 15px;
  border: 1px solid var(--green);
  color: var(--gray);
  font-size: 14px;
  font-weight: 400;
  border-radius: 16px;
  padding: 20px;
  margin-bottom: 30px;
}

.sale-info span {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
  }

.sale-info b {
    font-weight: 400;
  }

.burger-menu-box .open-pop-up-mob {
    margin-bottom: 20px;
  }

.burger-menu-box .lang-box {
    margin: 0 auto;
  }

/*.logo:hover {
    filter: brightness(0) saturate(100%) invert(77%) sepia(19%) saturate(683%) hue-rotate(3deg) brightness(92%) contrast(90%);
  }*/

.burger-menu-box .btn {
    width: 100%;
  }

.burger-menu-box .burger-menu-link li a {
    justify-content: space-between;
    border-top: 1px solid #F4F4F4;
    padding: 15px 0;
  }

.burger-menu-box .burger-menu-link li:hover {
    color: var(--beige);
  }

.burger-menu-box .catalog-btn {
    margin-bottom: 30px;
  }

.burger-menu-box .burger-link-title {
    margin: 0 auto;
    margin-left: 0;
  }

.burger-menu-box .burger-link-counter {
    font-size: 12px;
    color: var(--gray);
    border-radius: 12px;
  }

.burger-menu-box .sale-info span {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    font-weight: 400;
  }

.burger-menu-box .sale-info span b {
    color: var(--black);
  }

.burger-menu-box .link-page li a {
    padding: 10px 0;
  }

.burger-menu-box .link-page li:hover,.burger-menu-box .phone-time-box li a:hover {
    color: var(--beige);
  }

@media (max-width: 991px) {
    .burger-menu-box .open-pop-up-mob {
      display: flex;
    }

    .burger-menu-box .burger-menu-link {
      margin-top: 0;
    }
  }

.link-page {
  margin: 10px 0 20px;
}

.phone-box-main {
  display: grid;
  grid-gap: 20px;
  gap: 20px;
  color: var(--black);
  border-top: 1px solid #F4F4F4;
  border-bottom: 1px solid #F4F4F4;
  padding: 20px 0;
  margin-bottom: 30px;
}

.phone-box-main .phone-box-inner {
    display: flex;
    gap: 20px;
  }

.phone-box-main .phone-box-inner li:hover a {
      color: var(--beige);
    }

.phone-box-main .phone-box-inner li a {
    color: var(--black);
    padding: 7px 0;
  }

.phone-box-main .phone-box-svg {
    margin-top: 7px;
  }

.social-links {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

.social-links li {
  width: 100%;
}

.social-links li a {
  width: 100%;
  height: 44px;
  border-radius: 12px;
  border: 2px solid #F4F4F4;
}

.social-links li:hover a {
  background-color: #F6F6F6;
}

.lang-box {
  margin: 0;

}

.lang-box li a {
    width: 100%;
    height: 100%;
  }

.lang-box li {
    color: var(--black);
    font-size: 12px;
    border-radius: 12px;
    width: 32px;
    height: 32px;
  }

.lang-box li.active {
    color: #C5C5C5;
    border: 1px solid var(--border-input);
  }

.lang-box li:not(.active):hover {
    border: 1px solid var(--beige);
  }

.cart-price-box {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 10px 0;
}

.cart-price-box .price-new {
    font-size: 22px;
  }

.cart-price-box .price-old {
    font-size: 12px;
    color: var(--gray);
    -webkit-text-decoration: line-through;
    text-decoration: line-through;
  }

.cart-price-box .sale-title {
    font-size: 14px;
  }

.filter-size-box .content-box-scroll {
    height: calc(100dvh - 215px) !important;
  }

.filter-size-box .content-box-top .cart-title-info {
    margin-bottom: 0;
  }

.cart-items-complect {
  border: 1px solid var(--beige);
  border-radius: 12px;
  padding: 10px;
}

.cart-items-complect .cart-price-box {
    display: flex;
    align-items: center;
    grid-column: 1 / -1;
    gap: 5px;
    padding: 0;
  }

.cart-items-complect .price-new {
    font-size: 16px;
  }

.cart-box {
  padding: 0 10px;

}

.cart-box .cart-items-complect-box {
    padding: 0 0 20px 0;
    border-bottom: 1px solid #F4F4F4;
  }

.cart-box .cart-items-box .cart-items {
      padding: 15px 0;
    }

.cart-box .cart-items-box .cart-items:not(:last-child) {
      border-bottom: 1px solid #F4F4F4;
    }

.cart-box .cart-items-box .cart-item {
      border-bottom: none;
    }

.cart-box .cart-items-box .cart-price-box {
      display: flex;
      align-items: flex-end;
      flex-direction: column;
      gap: 5px;
      padding: 0;
    }

.cart-box .cart-items-box .price-new {
      font-size: 16px;
    }

.cart-box .cart-items-box .cart-bottom {
      padding-top: 10px;
    }

.cart-box .cart-item {
    display: grid;
    grid-template-columns: 85px 1fr;
    align-items: flex-start;
    grid-column-gap: 15px;
    column-gap: 15px;
    grid-row-gap: 10px;
    row-gap: 10px;
    padding: 20px 0;
    border-bottom: 1px solid #F4F4F4;
  }

@media (max-width: 390px) {
      .cart-box .cart-item {
        grid-template-columns: 75px 1fr;
      }
    }

.cart-box .cart-img {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 85px;
    border-radius: 16px;
    border: 2px solid #F3F3F3;
    overflow: hidden;
  }

.cart-box .cart-img a {
      display: flex;
    }

.cart-box .cart-img:hover {
      border-color: var(--beige);
    }

.cart-box .cart-img {
    aspect-ratio: 1 / 1;
  }

.cart-box .cart-link {
    /*display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;*/
    font-size: 14px;
    line-height: 1.5;
  }

.cart-box .cart-info-box {
    display: grid;
    grid-gap: 5px;
    gap: 5px;
  }

.cart-box .cart-link-info {
    color: #ACACAC;
    font-size: 12px;
    font-weight: 400;
  }

.cart-box .cart-link-info b {
    color: var(--gray-light);
    font-weight: 400;
  }

.cart-box .cart-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding-top: 20px;
  }

.cart-box .cart-price-box-right {
    justify-self: flex-end;
  }

.cart-box .content-box-btn-bottom {
    border-top: 1px solid #F4F4F4;
    padding-top: 10px;
  }


.cart-delete:hover svg path {
  stroke: var(--beige-dark);
}

/*--------------------------------------------------catalog-box-main*/


.catalog-box-main {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-gap: 20px;
  gap: 20px;
}


.catalog-box-main .catalog-item.special-item {
    background-color: #FFCD00;
  }


.catalog-box-main .catalog-item {
    display: grid;
    grid-gap: 20px;
    gap: 20px;
    text-align: center;
    background-color: var(--white);
    border-radius: 24px;
    padding: 10px;
    padding-bottom: 30px;
    overflow: hidden;
  }


.catalog-box-main .catalog-item:hover {
      box-shadow: 0px 0px 20px 1px rgba(140, 140, 140, 0.23);
    }


.catalog-box-main .catalog-item-img {
    display: flex;
    border-radius: 16px;
    overflow: hidden;
  }


.catalog-box-main .catalog-item-img img {
    width: 100%;
    height: auto;
  }


.catalog-box-main .catalog-item-price {
    color: var(--gray);
    font-size: 12px;
  }


.catalog-box-main .catalog-item-disabled {
    opacity: 0.3;
    pointer-events: none;
  }


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


@media (max-width: 991px) {
    .catalog-box-main {
      grid-template-columns: repeat(4, 1fr);
      gap: 15px;
    }
  }


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


@media (max-width: 575px) {
    .catalog-box-main {
      grid-template-columns: repeat(2, 1fr);
    }
  }


/* @media (max-width: 767px) {
  main:has(.catalog-box-page) {
    background-color: var(--white);
  }

  .catalog-box-main-bg .catalog-item {
    background-color: var(--gray-bg);
  }
} */


.catalog-box-page {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 20px;
  gap: 20px;
  margin-bottom: 15px;
}


.catalog-box-page .card-item-banner {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 18px;
    height: 48px;
    background-color: #DBE3EF;
    grid-column: 1 / -1;
    border-radius: 12px;
    padding: 0 15px;
    overflow: hidden;
  }


@media (max-width: 991px) {
    .catalog-box-page {
      grid-template-columns: repeat(3, 1fr);
    }
  }


@media (max-width: 767px) {

    .catalog-box-page {
      grid-template-columns: repeat(2, 1fr);
      gap: 0 !important;
      grid-row: 3;
      margin: 0 -15px;
      border-top: 1px solid #F6F6F6;
      border-bottom: 1px solid #F6F6F6;

    }

      .catalog-box-page .card-item,.catalog-box-page .card-item-banner {
        border-radius: 0;
      }

      .catalog-box-page .card-item {
        border-right: 1px solid #F6F6F6;
      }

      .catalog-box-page .card-item {
        border-bottom: 1px solid #F6F6F6;
      }

      .catalog-box-page .card-item:nth-last-child(1):nth-child(odd),.catalog-box-page .card-item:nth-last-child(2) {
        border-bottom: none;
      }
  }

@media (max-width: 767px) {
  .swiper-wrapper .card-item {
    border-top: 1px solid #F6F6F6;
    border-bottom: 1px solid #F6F6F6;
    border-radius: 0;
  }
}

.slider-padding {
  padding: 20px;
  margin: -20px;
}


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


.card-item {
  display: grid;
  grid-template-rows: auto 1fr;
  align-items: flex-start;
  grid-gap: 10px;
  gap: 10px;
  border-radius: 12px;
  position: relative;
  padding: 15px;
  background-color: var(--white);
  overflow: hidden;
}


.card-item:hover {
    box-shadow: 0px 0px 20px 1px rgba(140, 140, 140, 0.23);
  }


.card-item:hover .decor-item {
    background-color: transparent;
  }


@media (min-width: 991px) {

    .card-item .decor-item,.card-item .cart-btn {
      opacity: 0;
    }


    .card-item:hover .decor-item,.card-item:hover .cart-btn {
      opacity: 1;
    }
  }


.card-item .card-item-img {
    position: relative;
    display: grid;
    grid-column: 1;
    grid-row: 1;
    border-radius: 12px;
    overflow: hidden;


  }


.card-item .card-item-img .sticker-ultrasale {
      position: absolute;
      z-index: 2;
      right: 10px;
      bottom: 10px;
      font-size: 12px;
      background: #dc2c00;
      color: #fff;
      padding: 10px 15px;
      text-transform: uppercase;
      border-radius: 15px;
      white-space: nowrap;
    }


@media (max-width: 574px) {
        .card-item .card-item-img .sticker-ultrasale {
          font-size: 10px;
          right: 5px;
          bottom: 5px;
          padding: 8px 12px;
        }
      }


.card-item .card-item-img img {
    grid-column: 1;
    grid-row: 1;
    transition: all 0.3s linear;
    aspect-ratio: 1/1;
    width: 100%;
  /*  object-fit: contain;
    -o-object-fit: contain; */
  }


.card-item .card-item-img img.hover-image {
    opacity: 0;
    transition: all 0.3s linear;
  }


.card-item:hover .card-item-img img.hover-image {
    opacity: 1;
    transition: all 0.3s linear;
  }


.card-item .card-title {
    font-size: 14px;
    cursor: pointer;
    text-align: left;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.4;
    height: 40px;
    overflow: hidden;
  }


.card-item .card-info {
    display: grid;
    grid-gap: 10px;
    gap: 10px;
  }


.card-item .card-item-bottom {
    display: grid;
    grid-gap: 10px;
    gap: 10px;
    grid-row: 2;
  }


.card-item .info-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
    list-style: disc;
    /* min-height: 135px; */
    max-height: 145px;
    padding-left: 20px;
  }


.card-item .info-list .info-list-title {
      display: block;
      color: #ACACAC;
      font-size: 12px;
      margin-bottom: 5px;
    }


.card-item .info-list .info-list-value {
      display: block;
      font-size: 12px;
      color: var(--gray-light);
    }


.card-item .info-list .info-list-item::marker {
      color: #C5C5C5;
    }


.card-item .cart-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--beige);
  }


.card-item .cart-btn svg {
      flex-shrink: 0;
      width: 20px;
      height: 20px;
      filter: invert(0);
    }


@media (max-width: 575px) {
      .card-item .cart-btn {
        width: 48px;
        height: 48px;
        grid-template-columns: repeat(3, 1fr);
        border-radius: 12px;
        padding: 0;
      }

        .card-item .cart-btn svg {
          width: 24px;
          height: 24px;
        }

      .card-item .cart-btn .cart-btn-text {
        display: none;
      }

      .card-item .cart-btn .decor-item,.card-item .cart-btn .cart-btn {
        opacity: 1 !important;
      }
    }


.card-item .card-price-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

.banner-module .us-date {
  position: absolute;
  z-index: 1;
  right: 1rem;
  top: 1rem;
  padding: 10px 20px;
  background: #FFF;
  border-radius: 20px;
  box-shadow: 2px 2px 2px #a9a8a8;
}

body .swiper-slide {
  display: flex;
  height: auto;
  position: relative;
}

body .banner-module .swiper-slide {
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

@media (max-width: 479px) {
  .banner-module .us-date {
    margin: auto;
    position: unset;
    width: 17rem;
    text-align: center;
  }
}

.card-item-price {
  display: grid;
  grid-gap: 5px;
  gap: 5px;
  width: -webkit-fit-content;
  width: fit-content;

}

.card-item-price .price-old {
    color: var(--gray);
    font-size: 14px;
    -webkit-text-decoration: line-through;
    text-decoration: line-through;
  }

.card-item-price .price-old-sale {
    display: flex;
    align-items: center;
    gap: 5px;
  }

.card-item-price .sale {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: -webkit-fit-content;
    width: fit-content;
    font-size: 10px;
    font-weight: 500;
    background-color: #FFE26C;
    border-radius: 24px;
    padding: 2px 5px;
  }

.rating-box {
  display: flex;
  align-items: center;
  gap: 5px;
}

.rating-box .rating-box-stars {
    display: flex;
    align-items: center;
    gap: 2px;
  }

@media (max-width: 575px) {
      .rating-box .rating-box-stars {
        gap: 0;
      }
    }

.rating-box .comment {
    color: var(--gray);
    font-size: 12px;
    white-space: nowrap;
  }

@media (max-width: 575px) {
      .rating-box .comment {
        font-size: 10px;
      }
    }

/*-------------------------------------------------- Category ultrasale */
.content-scroll {
  overflow-y: auto;
  height: calc(100dvh - 65px);
}

#column-left:has(#catalog-filter) #catalog-filter {
  display: block !important;
}

@media (max-width: 991px) {
  #column-left:has(#catalog-filter) {
    display: none;
  }

  #catalog-filter {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 1;
    height: 100vh;
    background: #fff;
    transform: translateX(-100%);
    padding-bottom: 50px;
    z-index: 11;
  }
}

.categories-list {
  background-color: #fff;
  border-radius: 20px;
  padding: 20px 10px;


}

.categories-list .categories-list__item {
    font-size: 14px;
    padding: 8px 20px;
    font-weight: 400;
    cursor: pointer;

  }

.categories-list .categories-list__item:hover,.categories-list .categories-list__item.active {
      color: var(--beige);
      transition: all 0.2s linear;
    }

.categories-list .categories-list__item .total {
      color: gray;
    }

.product-card-more {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px;
  cursor: pointer;
  min-height: 200px;
  overflow: hidden;
}

.product-card-more .preloader {
    display: none;
    opacity: 0;
    background: #0000005c;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: opacity 0.2s ease;
  }

.product-card-more.loading .preloader {
    opacity: 1;
  }

.buttons-modile-wrapp {
  margin-bottom: 25px;
}

@media screen and (min-width: 992px) {
  .sticky-desctop {
    position: -webkit-sticky;
    position: sticky;
    top: 100px;
    border-radius: 20px;
    max-height: calc(100vh - 100px);
    overflow: auto;
  }

    .sticky-desctop::-webkit-scrollbar {
      width: 0;
      height: 0;
    }

    .sticky-desctop .catalog-filter__close {
      display: none;
    }

  .buttons-modile-wrapp {
    display: none;
  }

}


/*--------------------------------------------------pop-up*/



.pop-up {
  display: grid;
  position: relative;
  grid-gap: 30px;
  gap: 30px;
  background-color: #ffffff;
  /* max-width: 1250px; */
  max-width: -webkit-fit-content;
  max-width: fit-content;
  overflow: hidden;
  width: 100%;
  margin: 0 auto;
  border-radius: 24px;
  padding: 25px 10px 25px 10px;
  transition: height 0.5s linear;
}

@media (min-width: 768px) {
  .pop-up {
    min-width: 600px;
    max-width: 1000px;
  }

  .mfp-medium {
    min-width: 600px;
    max-width: 750px;
  }
}

.form-pop-up {
  display: grid;
  grid-template-columns: 1fr;
  align-self: center;
  grid-gap: 20px;
  gap: 20px;
}

.form-pop-up-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 35px;
  padding-left: 15px;
  padding-right: 15px;
}

.pop-up-padding {
  display: grid;
  grid-gap: clamp(1.25rem, 1.1194rem + 0.7463vw, 1.875rem);
  gap: clamp(1.25rem, 1.1194rem + 0.7463vw, 1.875rem);
  max-height: calc(100dvh - 150px);
  height: 100%;
  overflow: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.pop-up .form-box {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 20px;
  gap: 20px;
}

.form-pop-up-title {
  font-size: 24px;
  font-weight: 500;
  pointer-events: none;
  margin-right: 35px;
}

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

@media (max-width: 390px) {
    .form-pop-up-title {
      font-size: 18px;
    }
  }

.pop-up-star-info {
  text-align: center;
}

.pop-up-link {
  text-align: center;
  color: var(--gray);
  font-size: 12px;
}

.pop-up-link a {
    -webkit-text-decoration: underline;
    text-decoration: underline;
  }


@media (max-width: 767px) {
  .mfp-container:has(.pop-up-mob) {
    padding: 0;
  }
}

.pop-up-mob {
  padding: 15px;
}

.pop-up-mob .form-pop-up {
    align-self: flex-start;
  }

@media (max-width: 767px) {
    .pop-up-mob {
      max-width: 100%;
      width: 100%;
      height: 100dvh;
      border-radius: 0;
    }

    .pop-up-mob .form-pop-up-top {
      border-bottom: 1px solid #F3F3F3;
      padding-bottom: 10px;
      margin: 0 -15px;
    }

    .pop-up-mob .pop-up-padding {
      max-height: calc(100dvh - 100px);
    }
  }

.work-mult-box {
  display: grid;
  grid-gap: 20px;
  gap: 20px;
  max-width: 700px;
}

.work-mult-box .work-mult-item {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    grid-gap: 10px;
    gap: 10px;
  }

@media (max-width: 767px) {
      .work-mult-box .work-mult-item {
        grid-template-columns: 1fr;
      }
    }

.work-mult-box .work-mult-item img {
      max-width: 230px;
      margin: 0 auto;
    }

.balance-history-box .balance-history-box-top {
    display: flex;
    align-items: center;
    justify-content: space-around;
    gap: 10px;
    margin-bottom: 20px;
  }

.balance-history-box .balance-history-box-top .balance-history-info li {
      display: flex;
      align-items: center;
      gap: 5px;
      line-height: 1;
    }

.balance-history-box .balance-history-box-top .balance-history-main .balance-history-info li {
        display: grid;
        grid-gap: 5px;
        gap: 5px;
      }

.balance-history-box .balance-history-box-top .balance-history-info li span:last-child {
      color: var(--gray);
      font-size: 12px;
    }

.balance-history-box .balance-history-list li {
    display: grid;
    grid-gap: 5px;
    gap: 5px;
  }

.balance-history-box .balance-history-list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 30px;
    gap: 30px;

    border-top: 1px solid #F4F4F4;
    padding: 15px 0;
  }

.balance-history-box .balance-history-list li span:first-child {
    color: var(--gray);
    font-size: 12px;
  }

.balance-history-box .bonus-number {
    color: var(--green);
  }

.balance-history-box .pagination {
    margin: 25px 0;
  }

/* .form-pop-contacts {
  font-size: clamp(1.125rem, 1.0989rem + 0.1493vw, 1.25rem);
  font-weight: 500;
  padding-left: clamp(1.5rem, 1.1604rem + 1.9403vw, 3.125rem);
  padding-right: clamp(1.5rem, 1.1604rem + 1.9403vw, 3.125rem);
}

#fast-buy-pop-up .btn {
  margin: 0 auto;
} */

.delivery-pop-up {
  cursor: pointer;
}

.map-iframe iframe,
.animate {
  grid-column: 1;
  grid-row: 1;
  width: 100%;
  height: 100%;
}

.map-iframe iframe {
  position: relative;
  z-index: 2;
}

.map-iframe {
  display: grid;
  width: 100%;
  height: 100%;
}

#map .map-iframe {
  border-radius: 16px;
  overflow: hidden;
}

#map.pop-up {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr;
  grid-gap: 20px;
  gap: 20px;
  max-width: 1450px;
  width: 100%;
  padding: 20px;
}

.map-box-main {
  display: grid;
  grid-template-columns: 1fr 2fr;
}

.map-box-top-tab-btn {
  display: flex;
  align-items: center;
  gap: 20px;
  display: none;
}

.map-tab-btn {
  background-color: #F4F7FB;
  border: 2px solid transparent;
  font-size: 14px;
  height: 36px;
}

.map-tab-btn.active {
  background-color: var(--white);
  border: 2px solid var(--black);
}

@media (min-width: 992px) {
  .map-tab-btn:hover {
    background-color: var(--beige);
    border: 2px solid transparent;
  }
}

.map-box-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

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

  .map-box-top-tab-btn {
    display: flex;
  }

  .map-box-search,
  #map .map-iframe {
    height: auto;
    max-height: 100%;
  }

  #map .map-iframe {
    margin-left: -20px;
    margin-right: -20px;
    width: calc(100% + 40px);
    border-radius: 0;
  }

  .map-box-main {
    grid-template-columns: 1fr;
  }

  .map-box-main .tab-pane {
    display: none;
  }

  .map-box-main .tab-pane.active {
    display: grid;
  }

  .mfp-container:has(#map) {
    padding: 0;
  }

  #map.pop-up {
    height: 100dvh;
    border-radius: 0;
    overflow: auto;
    padding-top: 0;
  }

  .map-box-top-tab {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    height: -webkit-fit-content;
    height: fit-content;
    background-color: var(--white);
    border-bottom: 1px solid #F3F3F3;
    padding-top: 20px;
    padding: 20px;
    margin: 0 -20px;
  }

  .map-box-search,
  .map-box-search-scroll {
    height: auto;
    max-height: 100% !important;
    padding: 0 !important;
  }
}

.map-box-search {
  padding-right: 10px;
}

.map-box-title {
  font-size: clamp(1.375rem, 1.3228rem + 0.2985vw, 1.625rem);
  font-weight: 500;
}

.map-box-search-scroll {
  display: grid;
  grid-gap: 20px;
  gap: 20px;
  overflow: auto;
  max-height: calc(100dvh - 120px);
  padding-right: 10px;
}

.map-box-delivery {
  display: grid;
  grid-gap: clamp(0.625rem, 0.4944rem + 0.7463vw, 1.25rem);
  gap: clamp(0.625rem, 0.4944rem + 0.7463vw, 1.25rem);
  font-size: 16px;
  border-radius: 24px;
  border: 1px solid #F3F3F3;
  background-color: var(--white);
  padding: 20px;
}

.map-box-delivery.pointer {
  cursor: pointer;
}

.map-box-delivery.active {
  border: 2px solid var(--black);
}

.map-box-delivery:hover:not(.active),
.map-box-delivery.in-stock {
  border-color: var(--beige);
}

.map-box-delivery .map-box-delivery-phone,
.map-box-delivery .map-box-delivery-work,
.map-box-delivery .map-box-delivery-image,
.map-box-delivery .btn {
  display: none;
  transition: all 0.3s linear;
}

.map-box-delivery.active .map-box-delivery-phone,
.map-box-delivery.active .map-box-delivery-work,
.map-box-delivery.active .map-box-delivery-image,
.map-box-delivery.active .btn {
  display: grid;
}

#infowindow .location {
  display: grid;
  grid-gap: 10px;
  gap: 10px;
}

#infowindow .map-box-item {
  font-size: 14px;
  font-weight: 400;
}

#infowindow .map-box-btn {
  font-weight: 500;
}

#infowindow .map-box-delivery-point {
  align-items: center;
}

#infowindow .map-box-delivery-image {
  display: none;
}


@media (max-width: 575px) {}

.map-box-item {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  justify-items: flex-start;
  grid-gap: 10px;
  gap: 10px;
}

.map-box-delivery-point {
  align-items: flex-start;
}

.map-box-btn {
  color: var(--green);
  font-weight: 500;
}

.map-box-delivery-link {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  font-weight: 500;
}

@media (max-width: 767px) {
  .form-pop-up-title-off {
    display: none;
  }
}


.form .form-box {
    display: grid;
    grid-gap: 30px;
    gap: 30px;
  }


.form form {
    display: grid;
    grid-gap: 30px;
    gap: 30px;
  }


.form .content-box-title-top {
    margin-bottom: 25px;
  }


.form .password-remembered,.form .password-link {
    color: #5E8ACA;
  }


.form .form-box-btn {
    display: grid;
    grid-gap: 20px;
    gap: 20px;
  }


.form .password-link:hover {
    color: #6e99da;
  }


.form .form-box-btn button {
    width: 100%;
  }


.form .form-box-agreement {
    text-align: center;
    font-size: 12px;
    color: var(--gray);
  }


.form .form-box-agreement a {
    -webkit-text-decoration: underline;
    text-decoration: underline;
  }


.form .form-check-mail {
    display: grid;
    grid-gap: 20px;
    gap: 20px;
    border-bottom: 1px solid #F3F3F3;
    padding-bottom: 30px;
    margin-bottom: 30px;
  }


.form .form-check-mail p {
    margin: 0;
  }


.form .form-check-mail-error {
    text-align: center;
    font-size: 18px;
  }



@media (max-width: 768px) {

  .form-box {
    grid-template-columns: 1fr;
  }
}

.form-group {
  position: relative;
}


.radio-box .rel-input {
  display: grid;
  grid-template-columns: auto 1fr;
  opacity: 0.6;
  cursor: pointer;
}

.rel-input img {
  display: grid;
  grid-column: 1;
  grid-row: 1;
  align-self: center;
  justify-self: center;
  filter: brightness(0) saturate(100%) invert(75%) sepia(7%) saturate(682%) hue-rotate(133deg) brightness(105%) contrast(91%);
}

.form-check-box {
  display: grid;
  /* gap: 10px; */
}

.form-label-radio:has(input:checked) img {
  filter: brightness(0) saturate(100%) invert(81%) sepia(63%) saturate(3141%) hue-rotate(127deg) brightness(103%) contrast(89%);
}

.form-label-radio::before {
  content: '';
  width: 22px;
  height: 22px;
  grid-column: 1;
  grid-row: 1;
  border-radius: 50%;
  border: 2px solid var(--beige);
  cursor: pointer;
}

.form-label-radio::after {
  content: '';
  grid-column: 1;
  grid-row: 1;
  background-color: #DBE3EF;
  width: 0px;
  height: 0px;
  justify-self: center;
  border-radius: 50%;
  transition: all 0.2s linear;
}

.form-label-radio:hover::after {
  content: '';
  grid-column: 1;
  grid-row: 1;
  background-color: #DBE3EF;
  width: 8px;
  height: 8px;
  justify-self: center;
  border-radius: 50%;
  transition: all 0.2s linear;
}

.form-label-radio:has(input:checked)::after {
  width: 8px;
  height: 8px;
  background-color: var(--black);
  transition: all 0.2s linear;
}

.form-label-check::before {
  content: '';
  width: 20px;
  height: 20px;
  grid-column: 1;
  grid-row: 1;
  border-radius: 5px;
  border: 1px solid var(--beige);
  cursor: pointer;
}

.form-label-check::after {
  content: '';
  grid-column: 1;
  grid-row: 1;
  background-color: var(--beige);
  /* background-image: url("data:image/svg+xml;charset=UTF-8,<svg width='12' height='11' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M10 3L4.5 8.5L2 6' stroke='%232E90FA' stroke-width='1.6666' stroke-linecap='round' stroke-linejoin='round'/></svg>"); */
  background-position: center center;
  background-repeat: no-repeat;
  display: flex;
  align-self: flex-start;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 5px;
  scale: 0;
  opacity: 0;
  align-self: center;
  justify-self: center;
  transition: all 0.2s linear;
}

.form-label-check:has(input:checked)::after {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg width="10" height="10" viewBox="0 0 15 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.0482 0.69677C12.2932 0.453995 12.6238 0.317363 12.9686 0.316411C13.3135 0.31546 13.6448 0.450266 13.8911 0.691685C14.1373 0.933105 14.2787 1.26174 14.2845 1.60654C14.2904 1.95134 14.1604 2.2846 13.9225 2.53427L6.93649 11.2668C6.81642 11.3961 6.67151 11.4999 6.51042 11.5719C6.34933 11.6439 6.17536 11.6828 5.99893 11.686C5.82249 11.6893 5.64721 11.6569 5.48356 11.5909C5.31991 11.5249 5.17126 11.4266 5.04649 11.3018L0.41774 6.67127C0.288788 6.55111 0.185359 6.40621 0.113623 6.24521C0.0418871 6.08421 0.00331363 5.91041 0.00020426 5.73418C-0.00290511 5.55795 0.0295134 5.3829 0.0955252 5.21947C0.161537 5.05604 0.25979 4.90759 0.384423 4.78295C0.509056 4.65832 0.657515 4.56007 0.820944 4.49405C0.984373 4.42804 1.15942 4.39562 1.33565 4.39873C1.51188 4.40184 1.68568 4.44042 1.84668 4.51215C2.00768 4.58389 2.15258 4.68732 2.27274 4.81627L5.93724 8.47902L12.015 0.73527C12.0258 0.721714 12.0375 0.708854 12.05 0.69677H12.0482Z" fill="white"/></svg>');
  scale: 1;
  opacity: 1;
  transition: all 0.2s linear;
}

label:has(input:disabled) {
  opacity: 0.5;
  pointer-events: none;
}

.form-label-check,
.form-label-radio {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  justify-content: flex-start;
  grid-gap: 15px;
  gap: 15px;
  width: -webkit-fit-content;
  width: fit-content;
  height: -webkit-min-content;
  height: min-content;
  position: relative;
  cursor: pointer;
  line-height: 1.2;
  word-break: break-word;
  margin-bottom: 0;
}

.form-label-check:hover::after,
.form-label-radio:hover::before {
  border: 2px solid var(--border-input);
}

.form-label-check a, .form-label-check b, .form-label-check div, .form-label-check span, .form-label-radio a, .form-label-radio b, .form-label-radio div, .form-label-radio span {
  display: contents;
}

.form-group .left {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  left: 15px;
  cursor: pointer;
  filter: grayscale(1);
}

.form-group .right {
  display: flex;
  position: absolute;
  top: 28px;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  right: 15px;
  cursor: pointer;
  filter: grayscale(1);
}

.form-group:has(.left) input {
  padding-left: 40px;
}

.form-group:has(.right) input {
  padding-right: 40px;
}

.sign-in__link {
  display: block;
  font-size: 14px;
  font-weight: 700;
  text-align: right;
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

.form-border {
  display: grid;
  justify-content: center;
  grid-gap: 20px;
  gap: 20px;
  border-bottom: 5px solid var(--white);
  width: 100%;
}

@media (max-width: 768px) {
  .form-border {
    justify-content: normal;
  }
}

.form-link {
  justify-self: center;
}

.pop-up-box-left {
  margin-left: -20px;
}

.form-info {
  font-weight: 500;
  text-align: center;
  font-size: clamp(1rem, 0.9739rem + 0.1493vw, 1.125rem);
  color: #AFB3BB;
}

.pop-up-box {
  position: relative;
  display: grid;
  grid-template-columns: auto auto;
  align-items: center;
  grid-gap: 50px;
  gap: 50px;
}

.form-pop-up-top .mfp-close,
.pop-up .mfp-close {
  position: absolute;
  right: 30px;
  top: 23px;
  color: var(--black);
  font-size: 30px;
  font-weight: 300;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 33px;
  height: 32px;
}

#pop-up-review-successes .mfp-close,
#alert-success .mfp-close {
  position: unset;
}

.form-pop-up-top .mfp-close:active,
.pop-up .mfp-close:active {
  top: 23px;
}

.form-social-link {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 30px;
  justify-self: center;
  width: 100%;
}

@media (max-width: 768px) {
  .form-social-link {
    flex-direction: column;
  }

  .pop-up .btn {
    width: 100%;
  }

  .form-pop-up-top .form-reg {
    width: auto;
  }
}


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


.main-swiper-box .main-swiper {
    position: relative;
    height: 100%;
    border-radius: 32px;
    overflow: hidden;
  }


.main-swiper-box .main-swiper-items {
    border-radius: 32px;
    overflow: hidden;
  }


.main-swiper-box .swiper-button-prev {
    left: -100%;
    opacity: 0.7;
    background-color: rgb(147, 179, 195, 0.5);
    transition: all 0.5s;
  }


.main-swiper-box .swiper-button-next {
    right: -100%;
    opacity: 0.7;
    background-color: rgba(147, 179, 195, 0.5);
    transition: all 0.5s;
  }


.main-swiper-box:hover .swiper-button-prev {
    left: 30px;
    transition: all 0.5s;
  }


.main-swiper-box:hover .swiper-button-next {
    right: 30px;
    transition: all 0.5s;
  }


.main-swiper-box .swiper-button-prev:hover,.main-swiper-box .swiper-button-next:hover {
    background-color: rgba(0, 0, 0, 0.2);
    -webkit-transition: all 0.2s linear;
    opacity: 0.7;
  }


@media (max-width: 575px) {
    .main-swiper-box .main-swiper {
      border-radius: 0;
    }

    .main-swiper-box .main-swiper-items {
      border-radius: 0;
    }

    .main-swiper-box {
      padding-top: 0;
    }

    .main-swiper-box .container {
      padding: 0;
    }

  }


.gallery-top .swiper-button-prev,
.gallery-top .swiper-button-next,
.main-swiper .swiper-button-prev,
.main-swiper .swiper-button-next {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  border-radius: 12px;
  -webkit-backdrop-filter: blur(45px);
  backdrop-filter: blur(45px);
}


@media (max-width: 1200px) {

  .main-swiper .swiper-button-prev,
  .main-swiper .swiper-button-next {
    display: flex;
  }
}

@media (max-width: 768px) {

  .main-swiper .swiper-button-prev,
  .main-swiper .swiper-button-next {
    width: 34px;
    height: 34px;
  }
}

.main-swiper .swiper-button-prev,
.main-swiper .swiper-button-next {
  align-self: center;
}

.gallery-top .swiper-button-prev {
  left: 0;
  opacity: 0;
  transition: all 0.5s;
}

.gallery-top:hover .swiper-button-prev {
  left: 30px;
  opacity: 1;
  transition: all 0.5s;
}

.gallery-top .swiper-button-next {
  right: 0;
  transition: all 0.5s;
}

.gallery-top:hover .swiper-button-next {
  right: 30px;
  opacity: 1;
  transition: all 0.5s;
}


/*--------------------------------------------------preference*/


.link-box {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  border-radius: 16px;
  overflow: hidden;
}


.link-box .link-box-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background-color: #5E8ACA;
    color: var(--white);
  }


.link-box .link-box-item img {
    width: 100%;
    height: 100%;
  }


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


/*--------------------------------------------------category*/



.filter-box .filter-box-inner {
  border-radius: 35px;
  border: 1px solid #EBEBEA;
  background: rgba(237, 239, 241, 0.40);
  -webkit-backdrop-filter: blur(45px);
  backdrop-filter: blur(45px);
}

.filter-btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  font-size: 20px;
  font-weight: 600;
  height: auto;
  width: 100%;
  padding: 0;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

.filter-btn svg {
  transition: all 0.3s linear;
}

.filter-btn.active svg {
  rotate: 180deg;
  transition: all 0.3s linear;
}

.filters__hide {
  display: flex;
  flex-direction: column;
}

@media (max-width: 1200px) {
  #column-left.filters__hide {
    flex-direction: row;
    position: fixed;
    left: 0;
    right: 0;
    bottom: calc(-100% + 154px);
    max-width: 100%;
    width: 100%;
    height: 100%;
    max-height: 100%;
    background: rgba(237, 239, 241, 0.60);
    -webkit-backdrop-filter: blur(45px);
    backdrop-filter: blur(45px);
    padding: 15px;
    opacity: 7;
    transition: all 0.3s linear;
    z-index: 6;
  }
}

#column-left.filters__hide.active {
  opacity: 1;
  height: 100%;
  bottom: 0;
  transition: all 0.3s linear;
  z-index: 9;
  /* max-height: calc(100vh - 400px); */
  height: 100vh;
  height: 100%;
  overflow: scroll;
  padding-bottom: 30px;
}

.filter-btn-all-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.filter-box {
  display: grid;
  grid-template-rows: auto 1fr;
  width: 100%;
  height: -webkit-max-content;
  height: max-content;
}

.filter-box .filter-box-inner {
  padding: 20px;
}

.filter-box-wrapper-select {
  display: none;
}

@media (max-width: 1200px) {
  .filter-box-wrapper-select {
    display: flex
  }
}

.filter-box .section__title {
  margin: 0;
}

.filter-btn-all-close {
  font-size: 50px;
  line-height: 1;
  display: none;
}

.filter-box-wrapper {
  display: grid;
  grid-gap: 20px;
  gap: 20px;
}

.filter-btn-wrapper {
  display: none;
  align-items: center;
  justify-content: space-around;
  gap: 20px;
  pointer-events: auto;
  height: 56px;
  transition: all 0.3s linear;
  translate: 0%;
}


@media (max-width: 1200px) {
  .filter-btn-wrapper {
    display: flex;
  }

  .filter-btn-all-close {
    display: flex;
  }
}

.filter-btn-wrapper.active {
  height: 0;
  pointer-events: none;
  transition: all 0.3s linear;
  display: none;
  translate: -100%;
}

.filter-btn-all,
.select-btn-all {
  border-radius: 35px;
  border: 1px solid#EBEBEA;
  background: #FEFEFE;
  -webkit-backdrop-filter: blur(45px);
  backdrop-filter: blur(45px);
}

@media (max-width: 1200px) {

  .filter-box-wrapper-select,
  .filter-box-wrapper {
    display: none;
    pointer-events: none;
    gap: 30px;
  }

  .filter-box-wrapper-select.active,
  .filter-box-wrapper.active {
    display: grid;
    pointer-events: auto;
  }

  .filter-box-wrapper,
  .filter-box-wrapper-select {
    grid-column: 1;
    grid-row: 2;
  }
}

.form-group-select {
  display: grid;
  grid-gap: 10px;
  gap: 10px;
}

.filter-box-check {
  display: none;
  padding-top: 20px;
}

.filter-box-check label {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 10px;
  gap: 10px;
  align-items: center;
  line-height: normal;
  font-size: clamp(1.125rem, 1.0989rem + 0.1493vw, 1.25rem);
  font-weight: 500;
}

.filter-box-check label::after {
  content: '';
  width: 24px;
  height: 24px;
  border: 2px solid #AFB3BB;
  border-radius: 7px;
  grid-column: 1;
  grid-row: 1;
  align-self: center;
  justify-self: flex-start;
}

.filter-box-check label:has(input:checked)::before {
  content: '';
  background-image: url('../images/pop-up-icon/done.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 50% 50%;
  width: 24px;
  height: 24px;
  border-radius: 7px;
  background-color: var(--yellow);
  grid-column: 1;
  grid-row: 1;
  align-self: center;
  justify-self: flex-start;
  z-index: 1;
}

.filter-box-item {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  height: auto;
  margin-bottom: 10px;
  overflow: hidden;
  transition: all 0.7s linear;
}

.filter-box-item.active {
  height: auto;
  transition: all 0.7s linear;
}

.size-option-item {
  max-height: 135px;
  padding-top: 10px;
  margin-top: -10px;
  overflow: hidden;
}

.content-all-btn.active svg {
  transform: rotate(180deg);
}

.size-option-item.active {
  height: auto;
  max-height: 100%;
  transition: all 0.7s linear;
}

.content-box-title-pop-up svg {
  transition: transform 0.3s ease;
}

.filter-box-item label {
  overflow: hidden;
}

.filter-box-item-color label {
  padding: 0;
}

.filter-title {
  display: block;
  font-size: clamp(1.25rem, 1.1875rem + 0.3125vw, 1.5rem);
}

.form-check {
  display: flex;
  align-items: center;
  gap: 10px;
}

.list-filters__form {
  display: flex;
  flex-direction: column;
  gap: 10px;
}


.list__filters-checkbox-add {
  padding: clamp(0.625rem, 0.375rem + 1.25vw, 1.875rem);
  width: 100%;
}

.filter-box .form-check-group-color label {
  position: relative;
  display: grid;
  grid-template-columns: 32px 1fr;
  align-items: center;
  grid-gap: 10px;
  gap: 10px;
  font-size: clamp(0.875rem, 0.8438rem + 0.1563vw, 1rem);
  font-weight: 600;
  height: 100%;
  padding: 2px 0;
  cursor: pointer;
}

.filter-box .form-check-group-color input:checked+label::after {
  display: block;
  content: '';
  position: static;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #FFFFFF;
  border: 1px solid #cccccc;
  grid-column: 1;
  grid-row: 1;
  justify-self: center;
  transform: none;
}

.filter-box input:checked+label::after {
  z-index: 3;
}

.filter-box .filters-img {
  width: 22px;
  height: 22px;
}

.form-check-group-color label {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: clamp(0.875rem, 0.8438rem + 0.1563vw, 1rem);
  font-weight: 600;
  cursor: pointer;
}

.form-check-group-color {
  justify-self: flex-start;
}

.form-check-group-check label {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: clamp(0.875rem, 0.8438rem + 0.1563vw, 1rem);
  font-weight: 600;
  cursor: pointer;
}

.form-check-group-check label::before {
  display: block;
  content: '';
  width: 20px;
  height: 20px;
  border-radius: 3px;
  border: 1px solid #000000;
}

.form-check-group-check input:checked+label::before {
  background-color: #000000;
}

.form-check-group-check input[type="radio"]:checked+label::after {
  content: url("data:image/svg+xml;charset=UTF-8,<svg width='10' height='10' viewBox='0 0 14 9' fill='none' xmlns='http://www.w3.org/2000/svg' version='1.1'><path d='M1.66602 5L5.66602 9L12.3327 1' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>");
  border: transparent;
  position: absolute;
  top: 45%;
  transform: translate(50%, -50%);
}


/*--------------------------------------------------product__page*/


.product-page {
  background-color: var(--white);
}


.product-page .product-page-box {
    display: grid;
    grid-template-columns: 55% auto;
    grid-gap: 50px;
    gap: 50px;
  }


@media (max-width: 1199px) {
    .product-page .product-page-box {
      grid-template-columns: 100%;
      gap: 0;
    }

    .product-page .product-page-content-slider {
      grid-template-columns: 100%;
      gap: 20px;
    }

    .product-page .product-page-content-slider {
      display: contents;
    }

    .product-page .product-page-content {
      grid-row: 2;
    }
  }


@media (max-width: 768px) {
    .product-page .product-page-box {
      grid-template-columns: 100%;
    }
  }

.product-page-sliders {
  display: flex;
  gap: 10px;
  /* position: -webkit-sticky;
  position: sticky;
  top: 80px;
  -ms-flex-item-align: start;
  align-self: flex-start; */
  background-color: var(--white);
  max-width: -webkit-max-content;
  max-width: max-content;
  /* padding-bottom: 10px; */
  margin-bottom: 50px;
  z-index: 4;

}

.product-page-sliders .gallery-top {
    position: relative;
    overflow: hidden;
    min-width: 0;
    cursor: pointer;
    border-radius: 24px;
    margin-bottom: 10px;
  }

.product-page-sliders .gallery-thumbs {
    max-width: 85px;
    overflow: hidden;
    min-width: 0;
    cursor: pointer;
  }

.product-page-sliders .gallery-top a {
    width: 100%;
    height: 100%;
    opacity: 1;
    overflow: hidden;
  }

/* .gallery-thumbs .swiper-slide-border {
  border: 3px solid transparent;
  padding: 3px;
} */

/* .gallery-thumbs .swiper-slide-thumb-active .swiper-slide-border {
  border: 3px solid #179A94;
} */

.product-page-sliders .gallery-thumbs-box {
    position: relative;
  }

.product-page-sliders .gallery-thumbs .swiper-wrapper .swiper-slide {
    overflow: hidden;
  }

/* .gallery-thumbs .swiper-slide {
  filter: brightness(0.5);
} */

/* .gallery-thumbs .swiper-slide-thumb-active {
  filter: none;
} */

.product-page-sliders .product__page-box-btn .swiper-button-prev,.product-page-sliders .product__page-box-btn .swiper-button-next {
    position: absolute;
    background: #363636;
    border-radius: 0;
  }

.product-page-sliders .product__page-box-btn .swiper-button-prev {
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    height: 30px;
  }

.product-page-sliders .product__page-box-btn .swiper-button-next {
    top: auto;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 30px;
  }

.product-page-sliders .product__page-box-btn .swiper-button-prev::after,.product-page-sliders .product__page-box-btn .swiper-button-next::after {
    rotate: 90deg;
  }

.product-page-sliders .product__page-box-btn .swiper-button-prev.swiper-button-prev:hover,.product-page-sliders .product__page-box-btn .swiper-button-next.swiper-button-next:hover {
    background: #363636;
    opacity: 0.8 !important;
    cursor: pointer;
  }

.product-page-sliders .product__page-box-btn .swiper-button-prev::after,.product-page-sliders .product__page-box-btn .swiper-button-next::after {
    color: #FFFFFF;
    font-size: 24px;
    z-index: 3;
  }

.product-page-sliders .gallery-top .swiper-button-prev,.product-page-sliders .gallery-top .swiper-button-next {
    z-index: 3;
  }

.product-page-sliders .swiper-slide-border {
    box-sizing: border-box;
    border: 2px solid transparent;
  }

.product-page-sliders .swiper-slide-border:hover {
    border: 2px solid var(--black);
  }

.product-page-sliders .swiper-slide-all {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid var(--beige);
  }

.product-page-sliders .swiper-slide-border,.product-page-sliders .gallery-thumbs img {
    width: 100%;
    height: 100%;
    border-radius: 16px;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    object-fit: contain;
  }

.product-page-sliders .gallery-top .swiper-slide img {
    display: flex;
    max-height: 549px;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
    aspect-ratio: 1 / 2;
  }

.product-page-sliders .swiper-container {
    max-height: 549px;
    height: 100%;
    width: 100%;
  }

.product-page-sliders .play-box {
    display: grid;
  }

.product-page-sliders .play-box img {
    grid-column: 1;
    grid-row: 1;
  }

.product-page-sliders .play {
    grid-column: 1;
    grid-row: 1;
    align-self: center;
    justify-self: center;
    width: 32px !important;
    height: 32px !important;
  }

.product-page-sliders .gallery-top .play {
    width: 92px !important;
    height: 92px !important;
  }

.product-page-sliders .swiper-pagination {
    display: none;
  }

@media (max-width: 1199px) {

    .product-page-sliders {
      margin-bottom: 10px;
    }

  }

@media (max-width: 767px) {

    .product-page-sliders .swiper-slide img {
      aspect-ratio: 1 / 1;
    }

    .product-page-sliders .swiper-button-prev,.product-page-sliders .swiper-button-next {
      display: none;
    }
  }

@media (max-width: 575px) {
    .product-page-sliders .gallery-thumbs {
      display: none;
    }

    .product-page-sliders .swiper-pagination {
      display: flex;
      position: static !important;
      transform: none;
    }

    .product-page-sliders {
      flex-direction: column;
      gap: 0;
    }

    .product-page-sliders .swiper-container,.product-page-sliders .swiper-slide img {
      max-height: 350px !important;
    }

    /* .gallery-top .swiper-slide img {
      object-fit: inherit;
      -o-object-fit: inherit;
    } */

  }

@media (max-width: 575px) {

  .product__page {
    padding-top: 0 !important;
  }
}

.counter-box {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  height: 40px;
  background-color: var(--bg-input);
  border: 1px solid #1A8664;
  border-radius: 12px;
  padding: 0 20px;
  margin-bottom: 15px;
}

.counter-box .promotion-time {
    font-size: 12px;
    line-height: 1;
  }

.counter-box .counter-box-items {
    display: flex;
    align-items: center;
    gap: 2px;
    width: 125px;
    font-size: 14px;
    color: #1A8664;
    line-height: 1;
  }

.product-page-rating-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  margin-bottom: 15px;
}

.product-page-rating-box .card-like-btn {
    position: static;
  }

.product-page-rating-box .article-box {
    color: var(--gray);
    font-size: 12px;
  }

.product-page-content h1,.product-page-content .product-page-main-title {
    text-align: left;
    font-size: 18px;
    font-weight: 400;
  }

.product-page-content .content-box-center {
    margin-bottom: 25px;
    display: flex;
    flex-wrap: wrap;
    column-gap: 25px;

  }

.product-page-content .content-box-center .content-box-item {
      flex: 1 1 100%;
    }

@media (min-width: 575px) {

      .product-page-content .content-box-center .content-box-item.option-id-20,.product-page-content .content-box-center .content-box-item.option-id-21 {
        flex: 1 1 calc(50% - 25px);
      }
    }

.product-page-content .main-product-box {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    font-size: 14px;
  }

.product-page-content .main-product-box a {
    color: rgb(94, 138, 202);
  }

.product-page-price-box {
  display: grid;
  grid-gap: 15px;
  gap: 15px;
  margin-bottom: 30px;
}

.product-page-price-box .sale {
    font-size: 14px;
  }

@media (max-width: 1199px) {
    .product-page-price-box {
      grid-template-columns: 1fr 1fr;
    }
  }

@media (max-width: 575px) {
    .product-page-price-box {
      grid-template-columns: 1fr;
    }
  }

.product-page-price {
  display: grid;
  justify-items: center;
  grid-gap: 15px;
  gap: 15px;

}

@media (max-width: 1199px) {
    .product-page-price {
      justify-items: flex-start;
    }
  }

@media (max-width: 575px) {
    .product-page-price {
      grid-template-columns: 1fr;
      justify-items: center;
    }
  }

.product-page-price .card-item-price {
    display: flex;
    flex-direction: row-reverse;
    gap: 10px;
    width: -webkit-fit-content;
    width: fit-content;
  }

.product-page-price .card-item-price .price-new {
      font-size: 22px;
      font-weight: 500;
    }

.product-page-price .card-item-price .price-old {
      font-size: 20px;
    }

.sale-bonus {
  background-color: #EFDFBC;
}

.product-page-box-btn {
  display: grid;
  grid-gap: 15px;
  gap: 15px;
}

.product-page-box-btn .btn {
  width: 100%;
}

#set-payment-btn:hover {
  background-color: inherit;
  cursor: auto;
}

.content-box-title {
  font-size: 16px;
}

.complect-page {
  padding: 20px;
}

.complect-page .cart-item-page {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    grid-gap: 10px;
    gap: 10px;
    border-bottom: 1px solid #F3F3F3;
    padding-bottom: 30px;
    margin-bottom: 20px;
  }

.complect-page .cart-item {
    display: grid;
    grid-gap: 20px;
    gap: 20px;
  }

.complect-page .cart-item .cart-title {
      font-size: 14px;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
    }

.complect-page .cart-item .cart-price-box {
      align-items: center;
      justify-content: flex-start;
      white-space: nowrap;
      height: 32px;
    }

.complect-page .cart-item .select__main {
      width: auto !important;
    }

.complect-page .cart-item .select2-container--default .select2-selection--single {
      height: 32px;
      padding: 0 10px;
    }

.complect-page .complect-price-box {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
  }

.complect-page .complect-price-box .card-item-price {
      display: grid;
      grid-gap: 5px;
      gap: 5px;
    }

.complect-page .complect-price-box .price-new {
      font-size: 16px;
      font-weight: 400;
    }

.complect-page .complect-price-box .price-old {
      font-size: 14px;
    }

@media (max-width: 575px) {
      .complect-page .complect-price-box {
        justify-content: space-between;
      }
    }

.complect-page .cart-select {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 5px;
  }

.complect-page .cart-select .form-group {
      width: auto;
    }

.complect-page .cart-select .select2-container--open .select2-dropdown--above,.complect-page .cart-select .select2-container--open .select2-dropdown--below {
      padding: 5px;
    }

.complect-page .cart-select select {
      height: 32px;
    }

@media (max-width: 575px) {
    .complect-page .cart-item-page {
      grid-template-columns: 1fr;
      gap: 25px;

    }

      .complect-page .cart-item-page .cart-item {
        grid-template-columns: 90px 1fr;
        row-gap: 10px;
      }

      .complect-page .cart-item-page .cart-item .cart-img {
        grid-row: 1 / 3;
      }

      .complect-page .cart-item-page .cart-price-box {
        grid-column: auto;
      }

    .complect-page .complect-price-box {
      gap: 10px;
    }

      .complect-page .complect-price-box .btn {
        font-size: 14px;
      }

  }

.form-check-group label {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  gap: 5px;
  padding: 10px 15px;
  border-radius: 12px;
  border: 2px solid #DBE3EF;
  cursor: pointer;
  line-height: 1;
  transition: all 0.2s linear;
}

.form-check-group.is-product-day {
  overflow: visible;
}

.form-check-group.is-product-day label {
  position: relative;
  overflow: visible;
}

.form-check-group.is-product-day label .ultrasale-option {
    position: absolute;
    font-family: 'Rubik';
    top: -8px;
    color: #fff;
    background: #EA5700;
    border-radius: 40px;
    z-index: 1;
    padding: 0px 8px;
    font-size: 11px;
    font-weight: 500;
    height: 15px;
    line-height: 15px;
  }

.filter-box-item-color {
  align-items: flex-start;
}

.filter-box-item-color .color-img {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #DBE3EF;
  border-radius: 12px;
  transition: all 0.2s linear;
  overflow: hidden;
}

.filter-box-item-color label:has(input:checked) .color-img {
  border-color: var(--black);
  transition: all 0.2s linear;
}

.filter-box-item-color label:hover .color-img {
  border-color: var(--beige);
  transition: all 0.2s linear;
}

.filter-box-item-color .form-check-group {
  max-width: 56px;
  text-align: center;
}

.filter-box-item-color label {
  border: none !important;
  padding: 0;
  border-radius: 0;
}

.filter-box-item-color .color-title {
  font-size: 12px;
  color: var(--gray);
}

.filter-box-item-color label:has(input:checked) .color-title {
  color: var(--black);
}

.form-check-group label:hover {
  border-color: var(--beige);
  transition: all 0.2s linear;
}

.form-check-group label:has(input:checked) {
  color: var(--black);
  border: 2px solid var(--black);
  transition: all 0.1s linear;
}

.form-check-group label .check-price {
  font-size: 12px;
  color: var(--gray);
}

.form-check-group label:has(input:disabled),
.form-check-group label:has(input:disabled) span {
  color: #C5C5C5;
  pointer-events: none;
}


@media (max-width: 1200px) {

  .product__page-stars-reviews {
    display: grid;
  }

  .product__page-price {
    grid-column: 1 / 3;
    grid-row: 1;
  }

  .stars {
    grid-column: 1;
    grid-row: 2;
  }

  .reviews {
    grid-column: 2;
    grid-row: 2;
  }
}

.stars {
  margin: 0 auto;
  margin-right: 0;
}

@media (max-width: 375px) {

  .stars {
    grid-column: 1 / 3;
    grid-row: 2;
    margin: initial;
  }

  .reviews {
    grid-column: 1 / 3;
    grid-row: 3;
  }
}


.product-page-delivery {
  display: grid;
  grid-gap: 20px;
  gap: 20px;
  border: 1px solid #F3F3F3;
  border-radius: 16px;
  padding: 20px;
  margin-bottom: 30px;
}


.product-page-delivery li {
    display: flex;
    align-items: center;
    gap: 5px;
  }


.product-page-delivery li svg {
      margin-right: 10px;
    }


.product-page-delivery a {
    color: #5E8ACA;
  }


.product-page-delivery .delivery-map {
    color: #5E8ACA;
  }

.show-hide-btn-box {
  border-top: 1px solid #F4F4F4;
  border-bottom: 1px solid #F4F4F4;

}

.show-hide-btn-box .show-hide-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    font-size: 24px;
    font-weight: 500;
    width: 100%;
    padding: 15px 0;
  }

.show-hide-btn-box .show-hide-btn:hover {
      color: var(--beige-dark);
    }

@media (max-width: 575px) {
      .show-hide-btn-box .show-hide-btn {
        font-size: 20px;
      }
    }

.show-hide-btn-box:has(.show-hide-content.active) .show-hide-svg {
    rotate: 180deg;
  }

.show-hide-btn-box .show-hide-content {
    display: grid;
    grid-gap: 50px;
    gap: 50px;
    margin: 20px 0;
  }

.show-hide-btn-box .reviews-items {
    display: grid;
    grid-gap: 50px;
    gap: 50px;
  }

.show-hide-btn-box .review-head {
    display: grid;
    grid-gap: 10px;
    gap: 10px;
    margin-bottom: 10px;
  }

.show-hide-btn-box .author {
    display: flex;
    align-items: flex-end;
    gap: 10px;
  }

.show-hide-btn-box .date {
    color: var(--gray);
    font-size: 14px;
  }

.show-hide-btn-box .review-text {
    color: var(--gray-dark);
    line-height: 1.5;
  }

.show-hide-btn-box .review-text p {
      font-size: 14px;
    }

.show-hide-btn-box .review-text p {
      margin-bottom: 15px;
    }

.show-hide-btn-box .review-text p:last-child {
      margin-bottom: 0;
    }

.show-hide-btn-box .review-btn-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
  }

@media (max-width: 575px) {

      .show-hide-btn-box .review-btn-box {
        flex-direction: column;
      }

        .show-hide-btn-box .review-btn-box .btn {
          width: 100%;
        }
    }


@media (max-width: 991px) {
  .review-page .breadcrumb-box-main {
    position: -webkit-sticky;
    position: sticky;
    top: 58px;
    background-color: var(--white);
    border-bottom: 1px solid #F3F3F3;
    padding: 10px 0;
  }

    .review-page .breadcrumb-box-main .breadcrumb-box {
      display: none;
    }

}

.reviews-page-main:has(.card-item) {
  grid-template-columns: 1fr 360px;
}

.reviews-page-main {
  display: grid;
  grid-template-columns: 1fr;
  align-items: flex-start;
  grid-gap: clamp(1.25rem, -28.5577rem + 48.0769vw, 7.5rem);
  gap: clamp(1.25rem, -28.5577rem + 48.0769vw, 7.5rem);
}

.reviews-page-main .card-item {
    position: -webkit-sticky;
    position: sticky;
    top: 100px;
    height: -webkit-fit-content;
    height: fit-content;
  }

@media (max-width: 991px) {
    .reviews-page-main .card-item {
      display: none;
    }

    .reviews-page-main {
      grid-template-columns: 1fr !important;
    }
  }

.reviews-page-main .review-btn-box {
    display: grid;
    grid-gap: 0;
    gap: 0;
    margin: 0 auto;
  }

.reviews-page-main .reviews-wrapper-main {
    display: grid;
    grid-gap: 30px;
    gap: 30px;
    margin-bottom: 20px;
  }

.reviews-page-main #review {
    display: grid;
    grid-gap: 30px;
    gap: 30px;
  }

.reviews-page-main .show-hide-btn-box {
    border: none;
  }

.reviews-page-main .card-item-price {
    display: grid;
    grid-gap: 5px;
    gap: 5px;
  }

.reviews-page-main .card-item-price .price-old {
      font-size: 12px;
      font-weight: 400;
    }

.reviews-page-main .card-item-price .price-new {
      font-size: 16px;
      font-weight: 400;
    }

.reviews-page-main .card-item-price .sale {
      font-size: 10px;
    }

.reviews-page-main .reviews-wrapper-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    column-gap: 20px;
    row-gap: 30px;
    margin-bottom: 30px;
  }

.reviews-page-main .reviews-wrapper-top .show-hide-btn {
      width: auto;
      padding: 0;
    }

.reviews-page-main .reviews-wrapper-top .btn {
      flex-shrink: 0;
    }

@media (max-width: 575px) {

      .reviews-page-main .reviews-wrapper-top {
        margin-bottom: 30px;
      }
    }


/*--------------------------------------------------search-pop-upx*/


html:has(.header-search.active) .dark {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  transition: all 0.3s linear;
  opacity: 1;
  z-index: 4;
}

html:has(.header-search.active) .search-pop-up {
  transition: all 0.3s linear;
  pointer-events: auto;
  opacity: 1;
  z-index: 4;
}

html:has(.header-search.active) body {
  overflow: hidden;
  /* padding-right: 8px; */
}

/* @media (max-width: 991px) {
  html:has(.header-search.active) body {
    padding-right: 0;
  }
} */

.search-pop-up-empty {
  text-align: center;
  color: var(--gray);
  font-size: 14px;
}

.search-pop-up {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  border-top: 1px solid #F4F4F4;
  background-color: var(--white);
  width: 100%;
  overflow: auto;
  height: calc(100dvh - 80px);
  max-height: -webkit-max-content;
  max-height: max-content;
  pointer-events: none;
  opacity: 0;
  z-index: -1;
  padding: 20px 0;
}

.search-pop-up .search-pop-up-box {
    display: grid;
    grid-gap: 30px;
    gap: 30px;
  }

.search-pop-up .search-pop-up-box .info-list,.search-pop-up .search-pop-up-box .rating-box {
      display: none;
    }

.search-pop-up .search-pop-up-box .card-item-bottom {
      grid-row: auto;
    }

.search-pop-up .search-pop-up-box .card-title {
      padding-right: 40px;
    }

.search-pop-up .search-pop-up-top {
    display: flex;
    align-items: center;
    gap: 20px;
  }

.search-pop-up .search-pop-up-items {
    display: grid;
    grid-gap: 15px;
    gap: 15px;
  }

.search-pop-up .search-pop-up-title {
    color: var(--gray);
    font-size: 14px;
  }

.search-pop-up .search-pop-up-off {
    color: var(--blue);
    font-size: 14px;
  }

.search-pop-up .search-pop-up-links {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
  }

.search-pop-up .search-pop-up-links li a {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    line-height: 1;
    background-color: var(--bg-input);
    border-radius: 24px;
    height: 36px;
    padding: 0 15px;
  }

.search-pop-up .search-pop-up-links li a:hover {
    background-color: var(--beige);
  }

.search-pop-up .card-item {
    border: 1px solid #F4F4F4;
  }

/* .card-like-btn,
  .cart-btn,
  .stickers-box {
    display: none;
  } */

@media (max-width: 991px) {
    .search-pop-up {
      height: calc(100dvh - 58px);
    }
  }

@media (max-width: 575px) {
    .search-pop-up .catalog-box-page {
      grid-template-columns: 1fr;
    }

    .search-pop-up .card-item {
      grid-template-columns: 80px 1fr;
    }
  }




/*--------------------------------------------------table-box*/



.table-box-wrapper {
  position: relative;
  max-width: -webkit-max-content;
  max-width: max-content;
  background-color: #FFFFFF;
  overflow: hidden;
  border-radius: 35px;
  padding: 40px;
  margin: 0 auto;
}

.table-box {
  max-height: 380px;
  height: calc(100vh - 90px);
  overflow-y: auto;
  overflow: auto;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 20px;
}

.table-box-inner {
  display: grid;
  grid-auto-columns: 130px;
  grid-auto-flow: column;
  border: 1px solid #ebebeb;
  width: -webkit-max-content;
  width: max-content;
}

.table-box::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

*+.table-box {
  scrollbar-width: thin !important;
}

.table-box-wrapper .form-pop-up-title {
  font-size: clamp(1.25rem, 1.0625rem + 0.9375vw, 2rem);
  font-weight: 500;
}

.table-box-wrapper .form-pop-up-top {
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 20px;
}

.table-box-inner li {
  justify-content: center;
}

.table-box-main {
  display: grid;
  border-right: 1px solid #ebebeb;
  grid-template-rows: 70px auto;
  /* width: 135px; */
}

.table-box-main-list {
  display: grid;
  grid-auto-rows: 70px;
  grid-auto-flow: row;
}

.table-box-main-title {
  display: flex;
  align-items: center;
  justify-content: center;
}

.table-box-main-title {
  font-size: 20px;
  font-weight: 500;
  opacity: 0.8;
  border-bottom: 1px solid #ebebeb;
}

.table-box-item-title {
  font-weight: 700;
  grid-column: 1;
  grid-row: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 15px;
  border-bottom: 1px solid #ebebeb;
  font-size: 20px;
}

.table-box-main ul li {
  font-size: 20px;
  height: 100%;
}

.table-box li {
  display: flex;
  align-items: center;
  text-align: center;
  padding: 10px 15px;
  align-self: center;
  height: 100%;
}

.table-box-item li:not(:last-child) {
  border-bottom: 1px solid #ebebeb;
}

.table-box-main-list li:not(:last-child) {
  border-bottom: 1px solid #ebebeb;
}

.table-box-items {
  display: grid;
  grid-auto-rows: 70px;
  grid-auto-flow: row;
  /* width: 135px; */
}

.table-box-item {
  display: grid;
  grid-template-rows: 70px auto;
}

.table-box-item-left {
  border-right: 1px solid #E9E9E9;
}

.table-box-item:not(:last-child) {
  border-right: 1px solid #E9E9E9;
}


/*--------------------------------------------------contact*/



.contact {
  padding-top: 10px;
}



.contact h1 {
    text-align: center;
    font-size: 28px;
    font-weight: 400;
    margin-top: 0;
  }



@media (max-width: 575px) {
      .contact h1 {
        font-size: 24px;
      }
    }



.contact .contact-box {
    max-width: 420px;
    background-color: var(--white);
    border-radius: 24px;
    padding: 20px;
    margin: 0 auto;
  }



.contact .phone-box-main {
    display: grid;
    grid-gap: 40px;
    gap: 40px;
    border-top: 0;
    border-bottom: none;
    padding: 0;
    margin-bottom: 40px;
  }



.contact .phone-time-box li {
    color: var(--black);
  }



.contact .phone-email-box a {
    -webkit-text-decoration: underline;
    text-decoration: underline;
  }



.contact .social-links {
    margin-bottom: 20px;
  }



.contact .btn {
    width: 100%;
  }



/*--------------------------------------------------privacy*/



.privacy-description .container {
  max-width: 950px;
}

.privacy-description {
  padding: 20px 0;
}

.privacy-description h1 {
  font-size: clamp(1.375rem, 1.05rem + 1.625vw, 3rem);
  font-weight: 700;
  margin-bottom: 8px;
}

.privacy-description span {
  display: block;
  font-size: clamp(0.875rem, 0.85rem + 0.125vw, 1rem);
  margin-bottom: 40px;
}

.privacy-description h2 {
  display: block;
  font-size: clamp(1.375rem, 1.25rem + 0.625vw, 2rem);
  font-weight: 700;
  margin-bottom: 24px;
}

.privacy-description ol b {
  display: block;
  font-size: clamp(1.125rem, 1.075rem + 0.25vw, 1.375rem);
  font-weight: 700;
  margin-bottom: 14px;
}

.privacy-description p {
  font-size: 18px;
  line-height: 1.5;
  margin-bottom: 40px;
}

.privacy-description span {
  display: block;
  font-size: clamp(0.875rem, 0.85rem + 0.125vw, 1rem);
  margin-bottom: 40px;
}

.privacy-description ol {
  padding-left: clamp(1.25rem, 1rem + 1.25vw, 2.5rem);
}

.privacy-description li {
  list-style: none;
}

/* .bg-new.section-5.bg-new5.ant-bg-5 {
    background: url(/image/catalog/products/bg-new/expert-review.jpg) no-repeat;
    background-size: contain;
    background-position-x: 0px;
  } */

.full-info-desc .bg-new.section-4.section-1.bg-new1.ant-bg-4.pod-puh-bg-new-4.pod-imper-4 {
    background: url(/image/catalog/products/bg-new/pod-imper-4.png) no-repeat top right;
    flex-direction: row;
  }

.full-info-desc .bg-new.section-4.bg-new1.ant-bg-4 {
    background: url(/image/catalog/products/bg-new/ant-3.png) no-repeat top right;
  }

.full-info-desc .bg-new.section-4.bg-new1.tensul-bg-new4 {
    background: url(/image/catalog/products/bg-new/bg-tensul-4.png) no-repeat center right;
    background-size: inherit;
  }

.full-info-desc .section2-new.bg-new2.ant-bg-2 {
    background: url(/image/catalog/products/bg-new/vovn-1.png) no-repeat top right;
    background-size: contain;
  }

.full-info-desc .section2-new.bg-new2.bamboo-bg-new2 {
    background: url(/image/catalog/products/bg-new/bg-bamb-1.png) no-repeat top right;
    background-size: contain;
  }

.full-info-desc .section2-new.bg-new2.tensul-bg-new2 {
    background: url(/image/catalog/products/bg-new/bg-tensul-1.png) no-repeat top right;
    background-size: contain;
  }

.full-info-desc .bg-new.section-5.bg-new5 {
    background: url(/image/catalog/products/bg-new/expert-review.jpg) no-repeat center;
    background-size: 50% !important;
    background-position-x: 0px;
  }

@media (max-width: 767px) {

      .full-info-desc .bg-new.section-5.bg-new5 {
        background-size: 100% !important;
      }
    }

.full-info-desc .bg-new.section-5-imperial {
    background: url(/image/catalog/products/bg-new/imper-cout-7.png) no-repeat top left;
    background-size: contain;
  }

.full-info-desc .bg-new.section-5-imperial img {
      max-height: 350px;
    }

.full-info-desc .section-5 img {
      /* width: 50% !important; */
      margin: 0 auto;
    }

.full-info-desc .bg-new.section-5.bg-new5.ant-bg-5.bg-new5-1 {
    background: url(/image/catalog/products/bg-new/expert-review.jpg) no-repeat;
    background-size: contain;
    background-position-x: 0px;
  }

.full-info-desc .bg-new.section-5.bg-new5.ant-bg-5.bg-new5-2 {
    background: url(/image/catalog/products/bg-new/expert-review_1.jpg) no-repeat;
    background-size: contain;
    background-position-x: 0px;
  }

.full-info-desc .section2-new.bg-new2.ant-bg-2.ant-bg-new-2 {
    background: url(/image/catalog/products/bg-new/ant-1-1.png) no-repeat top left;
    background-size: contain;
  }

.full-info-desc .bg-new.section-4.section-1.bg-new1.ant-bg-4.ant-bg-new-4 {
    background: url(/image/catalog/products/bg-new/ant-3-0.png) no-repeat top right;
    background-size: contain;
  }

.full-info-desc .section2-new.bg-new2.ant-bg-2.tensel-bg-2 {
    background: url(/image/catalog/products/bg-new/tensel-1.png) no-repeat top left;
    background-size: contain;
  }

.full-info-desc .bg-new.section-4.section-1.bg-new1.ant-bg-4.tensel-bg-4 {
    background: url(/image/catalog/products/bg-new/tensel-4.png) no-repeat top right;
    background-size: contain;
  }

/* Новий дизайн блок 2 та 4 початок */

.full-info-desc .section2-new.bg-new2.eco-soft-bg-new2 {
    background: url(/image/catalog/products/bg-new/eco-soft-1.png) no-repeat top left;
    background-size: contain;
  }

.full-info-desc .bg-new.section-4.section-1.bg-new1.eco-soft-bg-new4 {
    background: url(/image/catalog/products/bg-new/eco-soft-4.png) no-repeat top right;
    background-size: contain;
  }

/* кінець */

.full-info-desc .section2-new.bg-new2.ant-bg-2.pod-puh-2.pod-imper-2 {
    background: url(/image/catalog/products/bg-new/pod-imper-2.png) no-repeat top left;
  }

.full-info-desc .bg-new.section-1.bg-new1.ant-bg-1.pod-imper-1 {
    background: url(/image/catalog/products/bg-new/pod-imper-1.png) no-repeat top right;
  }

.full-info-desc .bg-new.section-3.bg-new3.ant-bg-3.pod-imper-3 {
    background: url(/image/catalog/products/bg-new/pod-imper-3.png) no-repeat top left;
  }

.full-info-desc .section2-new.bg-new2.ant-bg-2.post-bil-byaz-bg-2.post-bil-satin-stripe-bg-2.post-bil-child-bg-2 {
    background: url(/image/catalog/products/bg-new/pb-child-bg-2.png) no-repeat top left #f5f5f5;
    background-size: contain;
  }

.full-info-desc .section2-new.bg-new2.ant-bg-2.post-bil-ranforce-elit-bg-2 {
    background: url(/image/catalog/products/bg-new/pb-elit-bg-2.png) no-repeat top left #000;
    background-size: contain;
    border-radius: 42px;
  }

.full-info-desc .section2-new.bg-new2.ant-bg-2.post-bil-byaz-bg-2 {
    background: url(/image/catalog/products/bg-new/pb-byaz-bg-2.png) no-repeat top left #f5f5f5;
    background-size: contain;
    min-height: 375px;
    border-radius: 42px;
  }

.full-info-desc .bg-new.section-3.bg-new3.post-bil-byaz-bg-3 {
    background: url(/image/catalog/products/bg-new/pb-byaz-bg-3.png) no-repeat top left;

  }

.full-info-desc .bg-new.section-4.section-1.bg-new1.post-bil-byaz-bg-4 {
    background: url(/image/catalog/products/bg-new/pb-byaz-bg-4.png) no-repeat top right;
    background-size: contain;
    margin: 20px 0;
  }

.full-info-desc .section2-new.bg-new2.ant-bg-2.shovk-bg-matrac-1 {
    background: url(/image/catalog/products/bg-new/namatrac-shovk-1.png) no-repeat top left;
    background-size: contain;
  }

.full-info-desc .section2-new.bg-new2.ant-bg-2.tensel-bg-matrac-1 {
    background: url(/image/catalog/products/bg-new/namatrac-tensel-1.png) no-repeat top left;
    background-size: contain;
  }

.full-info-desc .section2-new.bg-new2.ant-bg-2.vovn-bg-matrac-1 {
    background: url(/image/catalog/products/bg-new/namatrac-vovn-1.png) no-repeat top left;
    background-size: contain;
  }

.full-info-desc .section2-new.bg-new2.ant-bg-2.bambuk-bg-matrac-1 {
    background: url(/image/catalog/products/bg-new/namatrac-bambuk-1.png) no-repeat top left;
    background-size: contain;
  }

.full-info-desc .section2-new.bg-new2.ant-bg-2.bavovn-bg-matrac-1 {
    background: url(/image/catalog/products/bg-new/namatrac-bavovn-1.png) no-repeat top left;
    background-size: contain;
  }

.full-info-desc .bg-new.section-1.bg-new1.bavovn-bg-matrac-2 {
    background: url(/image/catalog/products/bg-new/namatrac-bavovn-2.png) no-repeat top right;
    background-size: contain;
  }

.full-info-desc .section2-new.bg-new2.ant-bg-2.ant-bg-matrac-1 {
    background: url(/image/catalog/products/bg-new/matrac-antial-1.png) no-repeat top left;
    background-size: contain;
  }

.full-info-desc .section2-new.bg-new2.ant-bg-2.pod-stil-2 {
    background: url(/image/catalog/products/bg-new/pod-stil2.png) no-repeat top left;
    background-size: contain;
  }

.full-info-desc .bg-new.section-1.bg-new1.ant-bg-matrac-2 {
    background: url(/image/catalog/products/bg-new/matrac-antial-2.png) no-repeat top right;
    background-size: contain;
  }

.full-info-desc .bg-new.section-1.bg-new1.pod-stil-1 {
    background: url(/image/catalog/products/bg-new/pod-stil1.png) no-repeat top right;
    background-size: contain;
  }

.full-info-desc .section2-new.bg-new2.ant-bg-2.pod-podor-2 {
    background: url(/image/catalog/products/bg-new/pod-podor2.png) no-repeat top left;
    background-size: contain;
  }

.full-info-desc .section2-new.bg-new2.ant-bg-2.pod-valuk-2 {
    background: url(/image/catalog/products/bg-new/pod-valuk2.png) no-repeat top left;
    background-size: contain;
  }

.full-info-desc .bg-new.section-4.section-1.bg-new1.ant-bg-4.pod-valuk-4 {
    background: url(/image/catalog/products/bg-new/pod-valuk4.png) no-repeat top right;
    background-size: contain;
  }

.full-info-desc .section2-new.bg-new2.ant-bg-2.pod-vag-g-2 {
    background: url(/image/catalog/products/bg-new/pod-vag-g-2.png) no-repeat top left;
    background-size: contain;
  }

.full-info-desc .section2-new.bg-new2.ant-bg-2.pod-vag-2 {
    background: url(/image/catalog/products/bg-new/pod-vag-2.png) no-repeat top left;
    background-size: contain;
  }

.full-info-desc .bg-new.section-4.section-1.bg-new1.ant-bg-4.pod-vag-4 {
    background: url(/image/catalog/products/bg-new/pod-vag-4.png) no-repeat top right;
    background-size: contain;
  }

.full-info-desc .bg-new.section-4.section-1.bg-new1.ant-bg-4.pod-vag-4-1 {
    background: url(/image/catalog/products/bg-new/pod-vag-4-1.png) no-repeat top right;
    background-size: contain;
  }

.full-info-desc .section2-new.bg-new2.ant-bg-2.pod-g-2 {
    background: url(/image/catalog/products/bg-new/pod-g-2.png) no-repeat top left;
    background-size: contain;
  }

.full-info-desc .bg-new.section-4.section-1.bg-new1.pod-g-4 {
    background: url(/image/catalog/products/bg-new/vovn-4.png) no-repeat top right;
    background-size: contain;
  }

.full-info-desc .section2-new.bg-new2.ant-bg-2.pod-memory-2 {
    background: url(/image/catalog/products/bg-new/pod-memory-1.png) no-repeat top left;
    background-size: contain;
  }

.full-info-desc .bg-new.section-4.section-1.bg-new1.ant-bg-4.pod-memory-4 {
    background: url(/image/catalog/products/bg-new/pod-memory-4.png) no-repeat top right;
    background-size: contain;
  }

.full-info-desc .bg-new.section-4.section-1.bg-new1.ant-bg-4.pod-memory-4-1 {
    background: url(/image/catalog/products/bg-new/pod-memory-4-1.png) no-repeat top right;
    background-size: contain;
  }

.full-info-desc .section2-new.bg-new2.ant-bg-2.pod-tensel-2 {
    background: url(/image/catalog/products/bg-new/pod-tensel-1.png) no-repeat top left;
    background-size: contain;
  }

.full-info-desc .bg-new.section-4.section-1.bg-new1.ant-bg-4.pod-tensel-4 {
    background: url(/image/catalog/products/bg-new/pod-tensel-4.png) no-repeat top right;
  }

.full-info-desc .section2-new.bg-new2.ant-bg-2.pod-ecosoft-2 {
    background: url(/image/catalog/products/bg-new/pod-ecosoft-1.png) no-repeat top left;
    background-size: contain;
  }

.full-info-desc .bg-new.section-4.section-1.bg-new1.ant-bg-4.pod-ecosoft-4 {
    background: url(/image/catalog/products/bg-new/pod-ecosoft-4.png) no-repeat top right;
  }

.full-info-desc .section2-new.bg-new2.ant-bg-2.pod-bavovn-2 {
    background: url(/image/catalog/products/bg-new/pod-bavovn-1.png) no-repeat top left;
    background-size: contain;
  }

.full-info-desc .bg-new.section-4.section-1.bg-new1.ant-bg-4.pod-bavovn-4 {
    background: url(/image/catalog/products/bg-new/pod-bavovn-4.png) no-repeat top right;
  }

.full-info-desc .section2-new.bg-new2.ant-bg-2.pod-vovn-2 {
    background: url(/image/catalog/products/bg-new/pod-vovn-1.png) no-repeat top left;
    background-size: contain;
  }

.full-info-desc .bg-new.section-4.section-1.bg-new1.ant-bg-4.pod-vovn-4 {
    background: url(/image/catalog/products/bg-new/pod-vovn-4.png) no-repeat top right;
  }

.full-info-desc .section2-new.bg-new2.ant-bg-2.pod-evkal-2 {
    background: url(/image/catalog/products/bg-new/pod-evkal-1.png) no-repeat top left;
    background-size: contain;
  }

.full-info-desc .bg-new.section-4.section-1.bg-new1.ant-bg-4.pod-evkal-4 {
    background: url(/image/catalog/products/bg-new/pod-evkal-4.png) no-repeat top right;
  }

.full-info-desc .section2-new.bg-new2.ant-bg-2.pod-shovk-2 {
    background: url(/image/catalog/products/bg-new/pod-shovk-1.png) no-repeat top left;
    background-size: contain;
  }

.full-info-desc .bg-new.section-4.section-1.bg-new1.ant-bg-4.pod-shovk-4 {
    background: url(/image/catalog/products/bg-new/pod-shovk-4.png) no-repeat top right;
    background-size: contain;
  }

.full-info-desc .section2-new.bg-new2.pod-bamb-2 {
    background: url(/image/catalog/products/bg-new/pod-bumb-2.png) no-repeat top left;
    background-size: contain;
  }

.full-info-desc .bg-new.section-4.section-1.bg-new1.pod-bamb-bg-new-4 {
    background: url(/image/catalog/products/bg-new/pod-bumb-4.png) no-repeat center right;
  }

.full-info-desc .section2-new.bg-new2.ant-bg-2.pod-puh-2 {
    background: url(/image/catalog/products/bg-new/pod-puh-2.png) no-repeat top left;
    background-size: cover;
  }

.full-info-desc .bg-new.section-4.section-1.bg-new1.ant-bg-4.pod-puh-bg-new-4 {
    background: url(/image/catalog/products/bg-new/pod-puh-4.png) no-repeat top right;
    background-size: contain;
  }

.full-info-desc .section2-new.bg-new2.thinsul-pod-2 {
    background: url(/image/catalog/products/bg-new/thinsul-pod-2.png) no-repeat top left;
    background-size: cover;
  }

.full-info-desc .section2-new.bg-new2.thinsul-pod-2 .col-xs-12.col-md-6.col-md-offset-6 {
    min-height: 286px;
  }

.full-info-desc .section2-new.bg-new2.ant-bg-new-2-pod {
    background: url(/image/catalog/products/bg-new/ant-bg-new-2-pod.png) no-repeat top left;
    background-size: cover;
  }

.full-info-desc .section2-new.bg-new2.podarunkov-sert {
    background: url(/image/catalog/products/bg-new/podar-bg-1.png) no-repeat top left;
    background-size: contain;
  }

.full-info-desc .bg-new.section-1.bg-new1.podarunkov-sert-bg-1 {
    background: url(/image/catalog/products/bg-new/podar-bg-2.png) no-repeat top right;
    background-size: contain;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }

.full-info-desc .bg-new.section-3.bg-new3.podarunkov-sert-bg-2 {
    background: url(/image/catalog/products/bg-new/podar-bg-3.png) no-repeat top left;
    background-size: contain;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }

.full-info-desc .bg-new.section-4.section-1.bg-new1.podarunkov-sert-bg-3 {
    background: url(/image/catalog/products/bg-new/podar-bg-4.png) no-repeat center left;
    background-size: contain;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    min-height: 200px;
  }

.full-info-desc .section2-new.bg-new2.bavovna-bg-new2 {
    background: url(/image/catalog/products/bg-new/bavovn-1.png) no-repeat top left;
    background-size: contain;
  }

.full-info-desc .bg-new.section-4.section-1.bg-new1.bavovna-bg-new4 {
    background: url(/image/catalog/products/bg-new/bavovn-4.png) no-repeat center right;
  }

.full-info-desc .section2-new.bg-new2.evkal-bg-new2 {
    background: url(/image/catalog/products/bg-new/evkal-1.png) no-repeat top left;
    background-size: contain;
  }

.full-info-desc .bg-new.section-4.section-1.bg-new1.evkal-bg-new4 {
    background: url(/image/catalog/products/bg-new/evkal-4.png) no-repeat top right;
  }

.full-info-desc .section2-new.bg-new2.shovk-bg-new2 {
    background: url(/image/catalog/products/bg-new/shovk-1.png) no-repeat top left;
    background-size: contain;
  }

.full-info-desc .bg-new.section-4.section-1.bg-new1.shovk-bg-new4 {
    background: url(/image/catalog/products/bg-new/shovk-4.png) no-repeat top right;
    background-size: contain;
  }

.full-info-desc .section2-new.bg-new2.ant-bg-2.pod-memory-2 {
    background: url(/image/catalog/products/bg-new/pod-memory-1.png) no-repeat top left;
    background-size: contain;
  }

.full-info-desc .bg-new.section-4.section-1.bg-new1.ant-bg-4.pod-memory-4 {
    background: url(/image/catalog/products/bg-new/pod-memory-4.png) no-repeat top right;
    background-size: contain;
  }

/*--------------------------------------------------------*/

.full-info-desc .bg-new.section-3.bg-new3.ant-bg-3 {
    background: url(/image/catalog/products/bg-new/1551-3.png) no-repeat center left;
    background-size: contain;
  }

.full-info-desc .bg-new.section-1.bg-new1.ant-bg-1 {
    background: url(/image/catalog/products/bg-new/1551-2.png) no-repeat center right;
    background-size: contain;
  }

.full-info-desc .bg-new.section-4.bg-new1.bamboo-bg-new4 {
    background: url(/image/catalog/products/bg-new/bg-bamb-4.png) no-repeat center right;
    background-size: inherit;
  }

.full-info-desc .video-deskr-wrap {
    border-radius: 16px;
    overflow: hidden;
  }

.full-info-desc .bg-new6-block-mob-jpg {
    display: none;
  }

.full-info-desc .bg-new-wrapper > div {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 20px;

      /* min-height: 380px; */
      height: 100%;
      padding: 0;
      margin: 60px 0;
      height: auto;
      min-height: 350px;

    }

.full-info-desc .bg-new-wrapper > div img {
        width: 50%;
        border-radius: 12px;
      }

.full-info-desc .bg-new-wrapper > div [class^="col"] {
        flex: auto !important;
      }

.full-info-desc .bg-new-wrapper > div:nth-child(even) {
      flex-direction: row-reverse;
    }

.full-info-desc .bg-new-wrapper > div:nth-child(odd) {
      flex-direction: row;
    }

@media (max-width: 991px) {

      .full-info-desc .bg-new-wrapper > div {
        display: grid;
        /* grid-template-rows: 150px 1fr; */
        background-size: cover !important;
        /* background-color: #f4f4f4 !important; */
        /* aspect-ratio: 1 / 1; */
        border-radius: 0;
        margin: 20px 0;
        overflow: hidden;

      }

        .full-info-desc .bg-new-wrapper > div > div {
          grid-row: 2;
          align-self: flex-end;
          max-width: 100% !important;
          width: 100% !important;
          padding: 0;
        }

        .full-info-desc .bg-new-wrapper > div img {
          width: 100%;
        }
    }

.full-info-desc .section-4.ant-bg-4 {
    height: auto;
    min-height: 350px;
    flex-direction: row-reverse;
  }

.full-info-desc .section-4.ant-bg-4 img {
      width: 50% !important;
    }

@media (max-width: 991px) {

      .full-info-desc .section-4.ant-bg-4 {
        display: grid;
        /* grid-template-rows: 150px 1fr; */
        background-size: cover !important;
        /* background-color: #f4f4f4 !important; */
        /* aspect-ratio: 1 / 1; */
        border-radius: 0;
        margin: 20px 0;
        overflow: hidden;
      }

        .full-info-desc .section-4.ant-bg-4 > div {
          grid-row: 2;
          align-self: flex-end;
          max-width: 100% !important;
          width: 100% !important;
          padding: 0;
        }

        .full-info-desc .section-4.ant-bg-4 img {
          width: 100% !important;
        }
    }

.full-info-desc .bg-new {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    /* min-height: 380px; */
    height: -webkit-fit-content;
    height: fit-content;
    padding: 45px 0;
  }

.full-info-desc .bg-new img {
      width: 50%;
    }

@media (max-width: 991px) {

      .full-info-desc .bg-new {
        display: grid;
        /* grid-template-rows: 150px 1fr; */
        background-size: cover !important;
        /* background-color: #f4f4f4 !important; */
        /* aspect-ratio: 1 / 1; */
        border-radius: 0;
        margin: 20px 0;
        overflow: hidden;

      }

        .full-info-desc .bg-new > div {
          grid-row: 2;
          align-self: flex-end;
          max-width: 100% !important;
          width: 100% !important;
          padding: 0;
        }

        .full-info-desc .bg-new img {
          width: 100%;
        }
    }

@media (max-width: 575px) {

      .full-info-desc .bg-new {
        aspect-ratio: initial !important;
      }
    }

.full-info-desc div > .bg-new:nth-of-type(even) {
    flex-direction: row-reverse;
  }

.full-info-desc div > .bg-new.section-5 {
    flex-direction: row;
  }

.full-info-desc .imperial-cover-6 {

    display: grid;
    grid-gap: 30px;
    gap: 30px;
    grid-template-columns: 1fr 1fr 1fr;
  }

.full-info-desc .imperial-cover-6 .bg-new6-block {
      display: grid;
      grid-template-columns: 1fr 1fr;
      align-items: center;
      justify-content: space-between;
      grid-gap: 20px;
      gap: 20px;
      /* min-height: 380px; */
      height: 100%;
      padding: 0;
      margin: 40px 0;
    }

.full-info-desc .imperial-cover-6 .bg-new6-block img {
        width: 100%;
        grid-column: 1;
        grid-row: 1 / 3;
      }

.full-info-desc .imperial-cover-6 .bg-new6-block h4 {
        align-self: flex-end;
      }

.full-info-desc .imperial-cover-6 .bg-new6-block div {
        align-self: flex-start;
      }

.full-info-desc .imperial-cover-6 .bg-new6-block:nth-child(odd) img {
        grid-column: 2;
      }

/* &>div {
      grid-row: 2;
      align-self: flex-end;
      max-width: 100% !important;
      width: 100% !important;
      padding: 0;
    } */

.full-info-desc .imperial-cover-6 img {
      width: 100%;
    }

@media (max-width: 991px) {

.full-info-desc .imperial-cover-6 {
  }}

@media (max-width: 767px) {

      .full-info-desc .imperial-cover-6 {
        grid-template-columns: 1fr;
      }

      .full-info-desc .imperial-cover-6 .bg-new6-block {
        grid-template-columns: 1fr;
        margin: 20px 0;

      }

        .full-info-desc .imperial-cover-6 .bg-new6-block img {
          border-radius: 75px !important;
        }

      .full-info-desc .imperial-cover-6 img {
        grid-column: auto !important;
        grid-row: auto !important;
      }

    }

.full-info-desc h4 {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px;
  }

.full-info-desc .bg-new6 img {
      width: 100% !important;
    }

.full-info-desc .pod-imper-6 {
    display: block;
  }

.full-info-desc .section-5-imperial {
    height: auto;
    min-height: initial !important;
  }

/* .section2-new.bg-new2 {
    background-size: cover !important;
    background-color: #000000 !important;
    color: #ffffff !important;

    p {
      color: #ffffff !important;
    }
  } */

/* .section2-new.ant-bg-2,
  .section2-new.tensul-bg-new2,
  .section2-new.shovk-bg-new2,
  .section2-new.eco-soft-bg-new2 {
    background-color: #f4f4f4 !important;
    color: #000000 !important;

    p {
      color: #000000 !important;
    }
  } */

.full-info-desc .section2-new.black-bg {
    /* background-size: cover !important; */
    background-color: #000000 !important;
    color: #ffffff !important;
  }

.full-info-desc .section2-new.black-bg p {
      color: #ffffff !important;
    }

.full-info-desc .section1-new {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    grid-gap: 50px;
    gap: 50px;
    margin: 40px 0;
  }

.full-info-desc .section1-new .text-deskr-new img {
        border-radius: 16px;
        max-width: 80px;
        overflow: hidden;
      }

.full-info-desc .section1-new .bg-new {
      grid-column: 1 / -1 !important;
    }

@media (max-width: 991px) {

      .full-info-desc .section1-new {
        grid-template-columns: 1fr;
        gap: 20px;
        margin: 20px 0;
      }

      .full-info-desc .section1-new .text-deskr-new {
        grid-row: 1;
      }
    }

.full-info-desc .bavovna-bg-new4 {

    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
    gap: 20px;
  }

.full-info-desc .bavovna-bg-new4 > img {
      width: 100%;
    }

.full-info-desc .bavovna-bg-new4 .bg-new {
      display: grid;
      grid-column-gap: 50px;
      column-gap: 50px;
      grid-gap: 20px;
      gap: 20px;
    }

.full-info-desc .bavovna-bg-new4 [class^="col-"] {
      grid-column: 1;
      grid-row: 1;
      max-width: 100%;
      width: 100%;
      margin-right: 90px;
    }

.full-info-desc .bavovna-bg-new4 .section-6 {
      grid-column: 1 / -1;
      grid-row: 2;
    }

.full-info-desc .bavovna-bg-new4 .section-5 {
      grid-column: 1 / -1;
      grid-row: 3;
    }

@media (max-width: 991px) {

      .full-info-desc .bavovna-bg-new4 {
        grid-template-columns: 1fr;

      }

        .full-info-desc .bavovna-bg-new4 [class^="col-"] {
          grid-row: 2;
          grid-column: auto;
          margin: 0;
        }

        .full-info-desc .bavovna-bg-new4 .section-6 {
          grid-column: 1 / -1;
          grid-row: auto;
        }

        .full-info-desc .bavovna-bg-new4 .section-5 {
          grid-column: 1 / -1;
          grid-row: auto;
        }
    }

.full-info-desc .section2-new {
    display: grid;
    grid-template-columns: 1fr 0.83fr;
    /* padding: 40px 20px; */
    border-radius: 16px;
    /* background-size: cover !important; */
    background-color: #f4f4f4 !important;
    color: #000000;
    margin: 40px 0;
    overflow: hidden;
  }

.full-info-desc .section2-new img {
      grid-column: 1 / -1;
      grid-row: 1;
    }

.full-info-desc .section2-new > div {
      grid-column: 2;
      grid-row: 1;
      max-width: 100% !important;
      width: 100% !important;
      padding: 20px;
      margin-top: 60px;
      z-index: 2;
    }

.full-info-desc .section2-new p {
      color: #000000;
    }

@media (max-width: 991px) {

        .full-info-desc .section2-new img {
          max-width: 150% !important;
          width: 150% !important;
        }

        .full-info-desc .section2-new > div {
          grid-column: 1 / -1;
          grid-row: 2;
          margin-top: 0;
        }

    }

.full-info-desc .section-6 img {
    width: 100%;
  }

.full-info-desc .bg-new5-block {
    width: 50%;
    float: right;
  }

.full-info-desc video {
    width: 100%;
    /* min-height: 350px; 
    max-height: 700px;*/
    border-radius: 16px;
  }

.full-info-desc .section-6:not(.pod-imper-6) {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-evenly !important;
    flex-direction: row !important;
    gap: 30px;
    height: -webkit-fit-content;
    height: fit-content;
    aspect-ratio: initial !important;

  }

@media (max-width: 991px) {

      .full-info-desc .section-6:not(.pod-imper-6) {
        flex-direction: column !important;
      }
    }

.full-info-desc .section-6:not(.pod-imper-6) .bg-new6-block {
      width: 33%;
    }

.full-info-desc .section-5.bg-new {
    flex-direction: row;
    aspect-ratio: initial !important;
    grid-template-rows: auto !important;
    height: auto !important;
    min-height: 350px;
  }

@media (max-width: 767px) {
      .full-info-desc .section-5.bg-new {
        grid-template-rows: auto !important;
        /* background: url(/image/catalog/products/bg-new/expert-review.jpg) no-repeat center top !important;
        background-size: 100% !important;
        background-position-x: center;
        height: clamp(28.125rem, 17.0685rem + 49.14vw, 40.625rem) !important; */
      }

      .full-info-desc .section-5.bg-new .bg-new5-block {
        grid-row: auto !important;
        grid-template-rows: auto !important;
        gap: 0 !important;
      }
    }

.full-info-desc .section-5 .bg-new5-block {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    align-items: center;
    grid-gap: 20px;
    gap: 20px;
    width: 100%;
    min-height: 350px;
  }

@media (max-width: 767px) {
      .full-info-desc .section-5 .bg-new5-block {
        min-height: initial;
      }

    }

.full-info-desc .section-5:has(img) .bg-new5-block {
    display: block !important;
    min-height: initial;
  }

/* .section-5.ant-bg-5 {
    .bg-new5-block {
      display: grid !important;
    }
  } */

.full-info-desc .section-5 .bg-new5-block h3 {
    align-self: flex-end;
    grid-column: 2;
    grid-row: 1;
  }

.full-info-desc .section-5 .bg-new5-block p {
    align-self: flex-start;
    grid-column: 2;
    grid-row: 2;
  }

.full-info-desc .section-5 .bg-new5-block .img-mob-rich {
    grid-row: 1 / 3;

  }

.full-info-desc .section-5 .bg-new5-block .img-mob-rich img {
      width: 100%;
    }

.full-info-desc .img-mob-rich {
    display: none;
  }

.full-info-desc .imperial-rich-content {
    background: transparent linear-gradient(180deg, #064235 0%, #000000 100%) 0% 0% no-repeat padding-box;
    background-size: cover;
    position: relative;
    width: 100vw;
    left: 50%;
    transform: translateX(-50%);

  }

.full-info-desc .imperial-rich-content .video-deskr-wrap {
      padding: 50px 0 0;
    }

.full-info-desc .imperial-rich-content .video-deskr-wrap video {
        max-height: 700px;
      }

.full-info-desc .imperial-rich-content h3 {
      color: var(--beige);
    }

.full-info-desc .imperial-rich-content p {
      color: #C5C5C5 !important;
    }

.full-info-desc .imperial-rich-content .bg-new6-block {
      display: flex;
      flex-direction: column;
      gap: 20px;
      justify-content: flex-start;

    }

.full-info-desc .imperial-rich-content .bg-new6-block img {
        border-radius: 51px;
        border: 1px solid var(--beige);
      }

.full-info-desc .imperial-rich-content .bg-new6-block h4 {
        margin: 10px 0 0;
        padding: 0px 20px;
        color: var(--beige);
        width: 100%;
        align-self: flex-start;
        font-size: 18px;
        /*font-weight: 300;        
        font-size: 22px;*/
      }

.full-info-desc .imperial-rich-content .bg-new6-block div {
        padding-left: 20px;
        color: #C5C5C5 !important;
      }

.full-info-desc .imperial-rich-content .section-5-imperial {
      flex-direction: row;
    }

.full-info-desc .imperial-rich-content div[class*="col"] {
    padding: 0;
  }

.full-info-desc .imperial-rich-content > div {
    padding: 0 15px;
    margin: 0 auto;
    max-width: 1200px;
    width: 100%;
  }

.full-info-desc .imperial-rich-content > div + div {
    margin-top: 30px;
  }

@media (max-width: 767px) {
    .full-info-desc .product-description2 {
      gap: 20px !important;
    }

    .full-info-desc .section-5 .bg-new5-block {
      grid-template-columns: 1fr;
      grid-template-rows: auto;
      text-align: center;
    }

    .full-info-desc .section-5 .bg-new5-block .img-mob-rich {
      grid-column: 1;
      grid-row: 1;
    }

    .full-info-desc .product-description2 h3 {
      font-size: 30px !important;
    }

    .full-info-desc .table_product-description2 h3 {
      font-size: 16px;
    }


    /* .img-mob-rich {
      display: block;
    } */
  }

@media (max-width: 575px) {

    .full-info-desc .wrapper1_product-description2 tr td {
      font-size: 14px;
    }

    .full-info-desc .wrapper2_product-description2 tr td {
      font-size: 14px;
    }
  }

@media (max-width: 375px) {

    .full-info-desc .wrapper1_product-description2 tr td {
      font-size: 12px;
    }

    .full-info-desc .wrapper2_product-description2 tr td {
      font-size: 12px;
    }
  }

.full-info-desc table {
    width: 100% !important;
    border-collapse: collapse;
  }

.full-info-desc table tr {
    align-items: center;
    gap: 10px;
    border-top: 1px solid #F4F4F4;
    padding: 15px 0;
  }

.full-info-desc table tr td:first-child {
    width: 25% !important;
    padding-left: 0 !important;
  }

.full-info-desc table tr td {
    text-align: left;
    padding: 10px 20px;
  }

.full-info-desc table tr th {
    text-align: left;
    padding: 10px 20px;
  }

@media (max-width: 575px) {
    .full-info-desc table tr td {
      padding: 10px;
    }

    .full-info-desc table tr th {
      padding: 10px;
    }
  }

.full-info-desc .product-description2 h3 {
    font-size: 24px;
    font-weight: 500;
  }

@media (max-width: 575px) {

      .full-info-desc .product-description2 h3 {
        font-size: 20px;
      }
    }

.full-info-desc .table_product-description2 h3 {
    font-size: 18px;
    font-weight: 400;
  }

.full-info-desc .img_product-description2 img {
    display: flex;
    margin: 15px auto;
  }

.full-info-desc .product-description2 {
    display: grid;
    grid-gap: 50px;
    gap: 50px;

  }

.full-info-desc .product-description2 .section-1:not([class*=" "]),.full-info-desc .product-description2 .section-2:not([class*=" "]),.full-info-desc .product-description2 .section-3:not([class*=" "]),.full-info-desc .product-description2 .section-6:not([class*=" "]) {
      display: grid !important;
      grid-template-columns: 1fr 1fr !important;
      align-items: center !important;
      grid-gap: 50px !important;
      gap: 50px !important;
    }

.full-info-desc .product-description2 .section-1:not([class*=" "]) img,.full-info-desc .product-description2 .section-2:not([class*=" "]) img,.full-info-desc .product-description2 .section-3:not([class*=" "]) img,.full-info-desc .product-description2 .section-6:not([class*=" "]) img {
        grid-column: 1;
        grid-row: 1;
        width: 100%;
        height: 100% !important;
        object-fit: cover !important;
      }

@media (max-width: 991px) {

          .full-info-desc .product-description2 .section-1:not([class*=" "]) img,.full-info-desc .product-description2 .section-2:not([class*=" "]) img,.full-info-desc .product-description2 .section-3:not([class*=" "]) img,.full-info-desc .product-description2 .section-6:not([class*=" "]) img {
            grid-column: auto !important;
            grid-row: auto !important;
          }
        }

.full-info-desc .product-description2 .section-1:not([class*=" "]) [class^="col-"],.full-info-desc .product-description2 .section-2:not([class*=" "]) [class^="col-"],.full-info-desc .product-description2 .section-3:not([class*=" "]) [class^="col-"],.full-info-desc .product-description2 .section-6:not([class*=" "]) [class^="col-"] {
        max-width: 100%;
        width: 100%;
        padding: 0;
        margin: 0;
      }

@media (max-width: 991px) {

        .full-info-desc .product-description2 .section-1:not([class*=" "]),.full-info-desc .product-description2 .section-2:not([class*=" "]),.full-info-desc .product-description2 .section-3:not([class*=" "]),.full-info-desc .product-description2 .section-6:not([class*=" "]) {
          grid-template-columns: 1fr !important;
        }
      }

@media (max-width: 575px) {

        .full-info-desc .product-description2 .section-1:not([class*=" "]),.full-info-desc .product-description2 .section-2:not([class*=" "]),.full-info-desc .product-description2 .section-3:not([class*=" "]),.full-info-desc .product-description2 .section-6:not([class*=" "]) {
          gap: 15px;
        }
      }

.full-info-desc .product-description2 .section-1:not([class*=" "]) > :nth-child(odd) {
      grid-column: 1;
    }

.full-info-desc .product-description2 .section-2:not([class*=" "]) > :nth-child(odd) {
      grid-column: 2;
    }

.full-info-desc .product-description2 .section-2:not([class*=" "]):nth-child(even) > :nth-child(odd) {
      grid-column: 1;
    }

.full-info-desc .product-description2 .section-3:not([class*=" "]) > :nth-child(odd) {
      grid-column: 1;
    }

.full-info-desc .product-description2 .section-6:not([class*=" "]) > :nth-child(odd) {
      grid-column: 2;
    }

.full-info-desc .section-1:not([class*=" "]) [class^="col-"]:last-child {
    display: none;
  }

.full-info-desc .product-description2:has(.imperial-rich-content) {
    display: block;
  }

.full-info-desc .product-description2 p {
    color: var(--black);
  }

.full-info-desc table tr td:last-child {
    grid-column: 4;
  }

.full-info-desc table tr:first-child {
    border-top: 1px solid transparent;
  }

/* table tr:last-child {
    border-bottom: 1px solid #F4F4F4;
  } */

.full-info-desc .show-hide-btn-box:has(.wrapper1_product-description2) {
    border-top: 1px solid transparent;
  }

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

    .bg-new.section-3.bg-new3.ant-bg-3 {
      background: url(/image/catalog/products/bg-new/1551-3-mob-vovn.png) no-repeat top center !important;
      background-size: cover !important;
    }

    .bg-new.section-1.bg-new1.ant-bg-1 {
      background: url(/image/catalog/products/bg-new/1551-2-mob-vovn.png) no-repeat top center !important;
      background-size: cover !important;
    }

    .bg-new.section-4.section-1.bg-new1.bamboo-bg-new4 {
      background: url(/image/catalog/products/bg-new/bg-bamb-4-mob.png) no-repeat top center !important;
      background-size: cover !important;
    }

    .section2-new.bg-new2.tensul-bg-new2 {
      background: url(/image/catalog/products/bg-new/bg-tensul-1.png) no-repeat top right;
      background-size: cover;
    }

    .section2-new.bg-new2.ant-bg-2.ant-bg-new-2 {
      background: url(/image/catalog/products/bg-new/ant-1-mob.png) no-repeat top center;
      background-size: cover;
    }

    .section2-new.bg-new2.eco-soft-bg-new2 {
      background: url(/image/catalog/products/bg-new/eco-soft-1-mob.png) no-repeat top center;
      background-size: cover;
    }


    .bg-new.section-4.section-1.bg-new1.ant-bg-4.ant-bg-new-4 {
      background: url(/image/catalog/products/bg-new/ant-3-mob.png) no-repeat top center !important;
      background-size: cover !important;
    }

    .bg-new.section-4.section-1.bg-new1.ant-bg-4.tensel-bg-4 {
      background: url(/image/catalog/products/bg-new/tensel-4-mob.png) no-repeat top center !important;
      background-size: cover !important;
    }

    .bg-new.section-4.section-1.bg-new1.bamboo-bg-new4 {
      background: url(/image/catalog/products/bg-new/bg-bamb-4-mob.png) no-repeat top center !important;
      background-size: cover !important;
    }

    .bg-new.section-4.section-1.bg-new1.tensul-bg-new4 {
      background: url(/image/catalog/products/bg-new/bg-tensul-4-mob.png) no-repeat top center !important;
      background-size: cover !important;
    }

    .bg-new.section-4.section-1.bg-new1.eco-soft-bg-new4 {
      background: url(/image/catalog/products/bg-new/eco-soft-4-mob.png) no-repeat top center !important;
      background-size: cover !important;
    }

    .section2-new.bg-new2.eco-soft-bg-new2 {
      background: url(/image/catalog/products/bg-new/eco-soft-1-mob.png) no-repeat top center !important;
      background-size: cover !important;
    }

    .section2-new.bg-new2.ant-bg-2.pod-puh-2.pod-imper-2 {
      background: url(/image/catalog/products/bg-new/pod-imper-2-mob.png) no-repeat top center !important;
      background-size: cover !important;
    }


    .bg-new.section-1.bg-new1.ant-bg-1.pod-imper-1 {
      background: url(/image/catalog/products/bg-new/pod-imper-1-mob.png) no-repeat top center !important;
      background-size: cover !important;
    }

    .bg-new.section-3.bg-new3.ant-bg-3.pod-imper-3 {
      background: url(/image/catalog/products/bg-new/pod-imper-3-mob.png) no-repeat top center !important;
      background-size: cover !important;
    }

    .bg-new.section-4.section-1.bg-new1.ant-bg-4.pod-puh-bg-new-4.pod-imper-4 {
      background: url(/image/catalog/products/bg-new/pod-imper-4-mob.png) no-repeat top center !important;
      background-size: cover !important;
    }

    .section2-new.bg-new2.ant-bg-2.post-bil-byaz-bg-2.post-bil-satin-stripe-bg-2.post-bil-child-bg-2 {
      background: url(/image/catalog/products/bg-new/pb-child-bg-2-mob.png) no-repeat top #f5f5f5 !important;
      background-size: cover !important;
    }


    .section2-new.bg-new2.ant-bg-2.post-bil-ranforce-elit-bg-2 {
      background: url(/image/catalog/products/bg-new/pb-elit-bg-2-mob.png) no-repeat top center #000 !important;
      background-size: cover !important;
      border-radius: 40px;
      padding-bottom: 10px;
    }

    .section2-new.bg-new2.ant-bg-2.post-bil-byaz-bg-2 {
      background: url(/image/catalog/products/bg-new/pb-byaz-bg-2-mob.png) no-repeat top center #f5f5f5 !important;
      background-size: cover !important;
      border-radius: 10px;
      padding-bottom: 10px;
    }


    .bg-new.section-3.bg-new3.post-bil-byaz-bg-3 {
      background: url(/image/catalog/products/bg-new/pb-byaz-bg-3-mob.png) no-repeat top;
      background-size: cover;
    }

    .bg-new.section-4.section-1.bg-new1.post-bil-byaz-bg-4 {
      background: url(/image/catalog/products/bg-new/pb-byaz-bg-4-mob.png) no-repeat top !important;
      background-size: cover !important;
    }


    .section2-new.bg-new2.ant-bg-2.shovk-bg-matrac-1 {
      background: url(/image/catalog/products/bg-new/namatrac-shovk-1-mob.png) no-repeat top center #f5f5f5 !important;
      background-size: cover !important;
      border-radius: 10px;
      padding-bottom: 10px;
    }


    .section2-new.bg-new2.ant-bg-2.tensel-bg-matrac-1 {
      background: url(/image/catalog/products/bg-new/namatrac-tensel-1-mob.png) no-repeat top center #f5f5f5 !important;
      background-size: cover !important;
      border-radius: 10px;
      padding-bottom: 10px;
    }

    .section2-new.bg-new2.ant-bg-2.vovn-bg-matrac-1 {
      background: url(/image/catalog/products/bg-new/namatrac-vovn-1-mob.png) no-repeat top center #f5f5f5 !important;
      background-size: cover !important;
      border-radius: 10px;
      padding-bottom: 10px;
    }


    .section2-new.bg-new2.ant-bg-2.bambuk-bg-matrac-1 {
      background: url(/image/catalog/products/bg-new/namatrac-bavovn-1-mob.png) no-repeat top center #f5f5f5 !important;
      background-size: cover !important;
      border-radius: 10px;
      padding-bottom: 10px;
    }

    .section2-new.bg-new2.ant-bg-2.bavovn-bg-matrac-1 {
      background: url(/image/catalog/products/bg-new/namatrac-bavovn-1-mob.png) no-repeat top center #f5f5f5 !important;
      background-size: cover !important;
      border-radius: 10px;
      padding-bottom: 10px;
    }

    .section2-new.bg-new2.ant-bg-2.ant-bg-matrac-1 {
      background: url(/image/catalog/products/bg-new/matrac-antial-1-mob.png) no-repeat top center #f5f5f5 !important;
      background-size: cover !important;
      border-radius: 10px;
      padding-bottom: 10px;
    }


    .bg-new.section-1.bg-new1.ant-bg-matrac-2 {
      background: url(/image/catalog/products/bg-new/matrac-antial-2-mob.png) no-repeat top center !important;
      background-size: cover !important;
    }


    .section2-new.bg-new2.ant-bg-2.pod-stil-2 {
      background: url(/image/catalog/products/bg-new/pod-stil2-mob.png) no-repeat top center #f5f5f5 !important;
      background-size: cover !important;
      border-radius: 10px;
      padding-bottom: 10px;
    }


    .bg-new.section-1.bg-new1.pod-stil-1 {
      background: url(/image/catalog/products/bg-new/pod-stil1-mob.png) no-repeat top center !important;
      background-size: cover !important;
    }

    .section2-new.bg-new2.ant-bg-2.pod-podor-2 {
      background: url(/image/catalog/products/bg-new/pod-podor2-mob.png) no-repeat top center #f5f5f5 !important;
      background-size: cover !important;
      border-radius: 10px;
      padding-bottom: 10px;
    }


    .section2-new.bg-new2.ant-bg-2.pod-valuk-2 {
      background: url(/image/catalog/products/bg-new/pod-valuk2-mob.png) no-repeat top center #f5f5f5 !important;
      background-size: cover !important;
      border-radius: 10px;
      padding-bottom: 10px;
    }

    .bg-new.section-4.section-1.bg-new1.ant-bg-4.pod-valuk-4 {
      background: url(/image/catalog/products/bg-new/pod-valuk4-mob.png) no-repeat top center !important;
      background-size: cover !important;
    }


    .section2-new.bg-new2.ant-bg-2.pod-vag-g-2 {
      background: url(/image/catalog/products/bg-new/pod-vag-g-2-mob.png) no-repeat top center #f5f5f5 !important;
      background-size: cover !important;
      border-radius: 10px;
      padding-bottom: 10px;
    }


    .bg-new.section-4.section-1.bg-new1.ant-bg-4.pod-vag-4 {
      background: url(/image/catalog/products/bg-new/pod-vag-4-mob.png) no-repeat top center !important;
      background-size: cover !important;
    }

    .bg-new.section-4.section-1.bg-new1.ant-bg-4.pod-vag-4-1 {
      background: url(/image/catalog/products/bg-new/pod-vag-4-1-mob.png) no-repeat top center !important;
      background-size: cover !important;
    }

    .section2-new.bg-new2.ant-bg-2.pod-vag-2 {
      background: url(/image/catalog/products/bg-new/pod-vag-2-mob.png) no-repeat top center #f5f5f5 !important;
      background-size: cover !important;
      border-radius: 10px;
      padding-bottom: 10px;
    }


    .bg-new.section-4.section-1.bg-new1.ant-bg-4.pod-g-4 {
      background: url(/image/catalog/products/bg-new/vovn-4-mob.png) no-repeat top center !important;
      background-size: cover !important;
    }

    .section2-new.bg-new2.ant-bg-2.pod-g-2 {
      background: url(/image/catalog/products/bg-new/pod-g-2-mob.png) no-repeat top center #f5f5f5 !important;
      background-size: cover !important;
      border-radius: 10px;
      padding-bottom: 10px;
    }

    .section2-new.bg-new2.bamboo-bg-new2 {
      background: url(/image/catalog/products/bg-new/bg-bamb-1-mob.png) no-repeat top right;
      background-size: cover;
    }


    .section2-new.bg-new2.ant-bg-2.tensel-bg-2 {
      background: url(/image/catalog/products/bg-new/tensel-1-mob.png) no-repeat top center;
      background-size: cover;
    }


    .bg-new.section-4.section-1.bg-new1.ant-bg-4.pod-memory-4 {
      background: url(/image/catalog/products/bg-new/pod-memory-mob-4.png) no-repeat top center !important;
      background-size: cover !important;
    }

    .bg-new.section-4.section-1.bg-new1.ant-bg-4.pod-memory-4-1 {
      background: url(/image/catalog/products/bg-new/pod-memory-mob-4-1.png) no-repeat top center !important;
      background-size: cover !important;
    }

    .section2-new.bg-new2.ant-bg-2.pod-memory-2 {
      background: url(/image/catalog/products/bg-new/pod-memory-mob-1.png) no-repeat top center #f5f5f5 !important;
      background-size: cover !important;
      border-radius: 10px;
      padding-bottom: 10px;
    }

    .product-description2 p {
      color: var(--black);
    }

  } */

/*--------------------------------------------------product-page*/


.tab-slider .tabs-nav {
    display: flex;
    gap: 15px;
    align-items: center;
    /* gap: clamp(0.3125rem, 0.0156rem + 1.4844vw, 1.5rem); */
    transition: all 0.3s linear;
    white-space: nowrap;
    overflow: auto;
    overflow-x: scroll;
    scroll-snap-type: x mandatory;
    padding-bottom: 10px;
    margin-bottom: 20px;
  }


.tab-slider .tabs-nav::-webkit-scrollbar {
    width: 0;
    height: 0;
  }


.tab-slider .tabs-nav-link {
    background-color: var(--white);
    border-radius: 24px;
    height: 36px;
    border: 2px solid transparent;
    padding: 0 20px;
    color: var(--black);
  }


.tab-slider .tabs-nav-link.active {
    border: 2px solid var(--black);
  }


.tab-slider .tabs-nav-link:hover {
    background-color: var(--beige);
    border: 2px solid var(--beige);
  }


.tab-slider .tabs-box {
    display: none;
  }


.tab-slider .tabs-box.active {
    display: block;
  }

@media (max-width: 767px) {
  .slider-padding {
    margin: -20px -35px;
  }

    .slider-padding .swiper-progressbar {
      width: calc(100% - 30px);
      margin-left: 15px;
      margin-right: 15px;
    }
}

#pop-up-review-successes,
#alert-success {
  justify-items: center;
  text-align: center;
}

#pop-up-review-successes .form-pop-up-top,#alert-success .form-pop-up-top {
    justify-content: center;
  }

#pop-up-review-successes .mfp-close,#alert-success .mfp-close {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    gap: 7px;
    width: -webkit-max-content;
    width: max-content;
    height: 44px;
    border-radius: 25px;
    font-weight: 400;
    line-height: 1;
    transition: all 0.3s linear;
    color: var(--white);
    background-color: var(--black);
    opacity: 1;
    padding: 0 20px;
  }

#pop-up-review-successes .mfp-close:hover,#alert-success .mfp-close:hover {
    background-color: var(--beige);
  }

#pop-up-review-successes,
#pop-up-review,
#alert-success {
  max-width: 390px;
}

#pop-up-review-successes .btn,#pop-up-review .btn,#alert-success .btn {
    justify-self: center;
  }

@media (min-width: 768px) {

  #pop-up-review-successes,
  #pop-up-review,
  #alert-success {
    min-width: 300px;
  }
}

.rating {
  display: flex;
  justify-content: center;
  flex-direction: row-reverse;
  gap: 5px;
  margin-bottom: 10px;
}

.rating:not(:checked)>input {
  display: none;
}

#rate:not(:checked)>label {
  cursor: pointer;
  float: right;
  color: #7F7F7F;
  text-align: center;
  padding-right: 3px;
}

#rate>input:checked~label svg path {
  fill: var(--beige);
  color: var(--beige);
}

.rating>input:hover~label svg path {
  fill: #545F6F;
  color: #545F6F;
}


/*--------------------------------------------------personal-info*/



.personal-main {
  display: grid;
  grid-gap: 25px;
  gap: 25px;
}



.personal-main .flex-default {
    margin-bottom: 20px;
  }



.personal-main .personal-left-list {
    display: grid;
    grid-gap: 5px;
    gap: 5px;
  }



.personal-main .personal-left-list .value-sum {
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--bw-grey);
      font-size: 12px;
      background-color: var(--white);
      height: 24px;
      border-radius: 10px;
      padding: 0 7px;
      margin: 0 auto;
      margin-right: 0;
    }



.personal-main h1 {
    text-align: left;
    margin-top: 0;
  }



.personal-main .form-box {
    display: grid;
    grid-gap: 30px;
    gap: 30px;
  }



.personal-main .form-box hr {
      margin: 0;
    }



.personal-main .form-box .alert {
      margin: 0;
    }



.personal-main .form-box .btn-color:last-child {
      border-top: 1px solid var(--hr-color);
      padding-top: 30px;
      height: auto;
    }



.personal-main #simpleedit .form-box {
    margin-bottom: 30px;
  }



/*input {
    background-color: var(--white);
  }*/



.personal-main .personal-main-box {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 30px;
    gap: 30px;
    align-items: flex-start;
  }



.personal-main .personal-main-box .btn {
      width: 100%;
    }



.personal-main .personal-box .grid {
      gap: 20px;
      margin-bottom: 30px;
    }



.personal-main .personal-left-wrapper {
    width: 100%;
    height: -webkit-fit-content;
    height: fit-content;
    padding: 0;
    padding-bottom: 10px;
  }



.personal-main .personal-left-wrapper .sale-info {
      margin: 0 10px;
    }



@media (max-width: 991px) {

      .personal-main .personal-left-wrapper {
        padding: 0;
      }

    }



.personal-main .personal-left-wrapper .content-box-title-top {
    display: none;
    padding: 20px 30px;
  }



.personal-main .personal-left-wrapper .content-box-title-top {
      padding: 10px 15px;
    }



@media (max-width: 991px) {
    .personal-main .personal-left-wrapper .content-box-title-top {
      display: flex;
    }

    .personal-main .sale-info {
      display: none;
    }

  }



.personal-main .personal-left-list a {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 6px;
  }



.personal-main .personal-left-list li a {
    border-radius: 12px;

  }



.personal-main .personal-left-list li a img {
      filter: brightness(0) saturate(100%) invert(84%) sepia(6%) saturate(2264%) hue-rotate(2deg) brightness(90%) contrast(79%);
    }



.personal-main .personal-left-list {
    padding: 10px;
  }



.personal-main .personal-left-list li a:hover {
    background: #F4F7FB;
  }



.personal-main .personal-left-list li a.active {
    background: #F4F7FB;
  }



.personal-main .personal-left-list li a.active img {
      filter: brightness(0) saturate(100%) invert(16%) sepia(0%) saturate(4241%) hue-rotate(175deg) brightness(119%) contrast(102%);
    }



@media (max-width: 991px) {
    .personal-main .personal-left-list {
      display: none;
    }

    .personal-main h1 {
      display: none;
    }

    .personal-main .personal-main-box {
      display: grid;
      grid-template-columns: 1fr;
      grid-gap: 20px;
      gap: 20px;
      align-items: flex-start;
    }
  }

.btn-decor {
  border-bottom: 1px solid #F4F4F4;
  padding-bottom: 30px;
}

@media (max-width: 991px) {
  #row-box.personal-main {
    display: grid;
  }

  .personal-main #column-left {
    max-width: 100%;
  }
}

.padding-big {
  padding-bottom: 230px !important;
}

@media (max-width: 991px) {
    .padding-big {
      padding-bottom: 70px !important;
    }
  }

.main-orders {
  display: grid;
  grid-gap: 8px;
  gap: 8px;
}

.main-orders .main-orders-item {
    border-radius: 12px;
    border: 1px solid transparent;
    padding: 15px;
  }

.main-orders .main-orders-item:has(.orders-item-bottom-off-on.active) {
    border: 1px solid var(--beige);
  }

.main-orders .orders-item-top {
    display: grid;
    grid-template-columns: auto 1fr auto auto;
    align-items: center;
    grid-gap: 10px;
    gap: 10px;
    cursor: pointer;
  }

@media (max-width: 991px) {
      .main-orders .orders-item-top {
        grid-template-columns: auto 1fr auto;
        row-gap: 20px;
      }

      .main-orders .orders-item-top .orders-list-box {
        grid-template-columns: 1fr 1fr;
        gap: 20px;
      }
    }

.main-orders .orders-item-top.toggle-review,.main-orders .orders-item-top.toggle-order {
    cursor: pointer;
  }

.main-orders .orders-item-bottom {
    margin-top: 30px;

  }

.main-orders .orders-item-bottom .result-sum-box {
      border-bottom: none !important;
    }

.main-orders .orders-item-bottom .cart-items-complect-box {
      padding: 0 0 30px 0;
    }

.main-orders .orders-item-bottom .cart-items-box,.main-orders .orders-item-bottom .checkout {
      margin-bottom: 30px;
    }

.main-orders .cart-items {
    border-bottom: 1px solid #F4F4F4;
  }

@media (max-width: 991px) {
    .main-orders .orders-img-box {
      grid-column: 1 / -1;
      grid-row: 2;
    }
  }

.main-orders .orders-list-box {
    display: grid;
    grid-template-columns: 230px 1fr;
    align-items: center;
    justify-self: flex-start;
    grid-gap: 50px;
    gap: 50px;
  }

.main-orders .orders-list {
    display: grid;
    grid-gap: 8px;
    gap: 8px;
  }

.main-orders .orders-list li:first-child {
    color: var(--gray-light);
    font-size: 14px;
  }

@media (max-width: 575px) {
      .main-orders .orders-list li:first-child {
        font-size: 12px;
        white-space: nowrap;
      }
    }

@media (max-width: 390px) {
      .main-orders .orders-list li:first-child {
        white-space: wrap;
      }
    }

.main-orders .orders-list li:last-child {
    color: var(--bw-black);
    font-size: 16px;
  }

.main-orders .orders-list li:last-child {
      font-size: 14px;
      white-space: nowrap;
    }

@media (max-width: 390px) {
      .main-orders .orders-list li:last-child {
        white-space: wrap;
      }
    }

.main-orders .orders-status {
    display: block;
    width: 4px;
    height: 100%;
    max-height: 45px;
    border-radius: 5px;
  }

.main-orders .status-process {
    background-color: var(--yellow);
  }

.main-orders .status-cancel {
    background-color: var(--gray);
  }

.main-orders .status-success {
    background-color: var(--green);
  }

.main-orders .orders-box {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--gray);
    width: 46px;
    height: 46px;
    overflow: hidden;
    border-radius: 6px;
    border: 1px solid #F4F4F4;
  }

.main-orders .orders-img-box {
    display: flex;
    align-items: center;
    gap: 8px;
  }

.main-orders .orders-main-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 25px;
    height: 25px;
  }

.main-orders .btn-color-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
  }

.main-orders .orders-main-btn svg {
    transition: all 0.3s linear;
  }

.main-orders .orders-main-btn svg.active {
    transition: all 0.3s linear;
    rotate: 180deg;
  }

.main-orders .orders-item-bottom-off-on {
    display: none;
  }

.main-orders .order-info {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    align-items: flex-start;
    grid-gap: 20px;
    gap: 20px;
    border-bottom: 1px solid #F4F4F4;
    padding-bottom: 30px;
    margin-bottom: 20px;
  }

@media (max-width: 767px) {
      .main-orders .order-info {
        grid-template-columns: 1fr;
        gap: 40px;
      }
    }

.main-orders .order-info-item {
    display: grid;
    grid-gap: 10px;
    gap: 10px;
    font-size: 14px;
  }

.main-orders .order-info-item span:first-child {
      color: var(--gray-light);
    }

.main-orders .order-info-item .copy-text {
      display: grid;
      grid-template-columns: 165px auto;
      align-items: center;
      justify-content: center;
      grid-gap: 5px;
      gap: 5px;
      font-size: 16px;
      cursor: pointer;
      border: 1px dashed var(--blue);
      border-radius: 8px;
      width: 210px;
      height: 40px;
      white-space: nowrap;
      padding: 0 10px;
    }

.main-orders .order-info-item .copy-text .copy-text-value {
        color: var(--blue);
      }

.main-orders .order-info-item .copy-text span {
        justify-self: center;
      }

.wish-main:has(.wish-off input:checked) .wish-off-all {
  display: none;
}

.wish-main .wish-filter {
    display: grid;
    grid-template-columns: auto auto 1fr;
    max-width: 1170px;
    height: 54px;
    padding: 15px;
    margin: 0 auto;
    margin-bottom: 25px;
  }

@media (max-width: 767px) {
      .wish-main .wish-filter {
        /* background-color: var(--gray-bg); */
        height: 45px;
        padding: 10px 15px;
        margin-bottom: 20px;
      }
    }

.wish-main .wish-filter.fixed {
    position: fixed;
    left: 15px;
    right: 15px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    z-index: 10;
  }

.wish-main:has(.card-item.selected) .select-all {
    display: flex;
  }

.wish-main .select-all,.wish-main .delete-selected {
    display: none;
    align-items: center;
    justify-content: center;
    justify-self: flex-end;
    grid-column: 3;
  }

.wish-main .select-all:hover svg,.wish-main .delete-selected:hover svg {
      filter: brightness(0) saturate(100%) invert(77%) sepia(19%) saturate(683%) hue-rotate(3deg) brightness(92%) contrast(90%);
    }

.wish-main .select-all:hover,.wish-main .delete-selected:hover {
    opacity: 0.7;
  }

.wish-main .wish-off-all:has(input:checked) {
    display: none;
  }

.wish-main .wish-off {
    grid-row: 1;
    grid-column: 1;
    align-self: flex-start;
    justify-self: flex-end;
    z-index: 3;
  }

.wish-main .wish-off .form-label-check {
      grid-template-columns: 1fr;
    }

.wish-main .wish-off .form-label-check::before {
      background-color: var(--white);
    }

.wish-main .wish-box-page {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 20px;
    gap: 20px;
  }

@media (max-width: 767px) {
      .wish-main .wish-box-page {
        grid-template-columns: 1fr 1fr;
        gap: 0 !important;
      }
    }

.wish-main .wish-off-sum {
    display: none;
    align-items: center;
    gap: 10px;
  }

.wish-main:has(.card-item.selected) .wish-off-sum {
    display: flex;
  }

.viewed-title-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 30px;

}

.viewed-title-box h1 {
    margin: 0;
  }

@media (max-width: 991px) {
    .viewed-title-box .btn {
      width: 100%;
    }

    .viewed-title-box {
      margin-bottom: 20px;
    }
  }

.bonus-info {
  display: grid;
  grid-gap: 15px;
  gap: 15px;
  align-items: center;
  justify-items: center;
  background: #F4F7FB;
  border-radius: 12px;
  padding: 30px;
}

.bonus-info .bonus-info-percent {
    color: var(--green);
    font-size: 36px;
  }

.bonus-info .bonus-info-sale {
    color: var(--gray-light);
  }

.bonus-info .bonus-info-sale.await-reward {
    display: block;
    width: 100%;
    text-align: center;
    border-top: 1px solid #D7D7D7;
    padding-top: 15px;
  }

.bonus-info:not(:last-child) {
    margin-bottom: 20px;
  }

.bonus-list {
  display: grid;
  grid-gap: 10px;
  gap: 10px;
}

.bonus-list:not(:last-child) {
    margin-bottom: 30px;
  }

.bonus-list .bonus-list-title {
    color: var(--gray-light);
  }

.bonus-info-text {
  color: var(--gray-light);
}

.bonus-btn-box {
  display: grid;
  grid-gap: 10px;
  gap: 10px;
  justify-items: center;
}

.bonus-btn-box .btn {
    width: -webkit-fit-content !important;
    width: fit-content !important;
  }

.percentages {
  display: flex;
  justify-content: space-between;
  margin-bottom: 5px;
}

.percentages span {
  color: var(--gray-light);
  font-weight: 400;
}

.active-percentage {
  color: var(--green) !important;
  font-weight: 700 !important;
}

.progress-container {
  margin-bottom: 5px;
}

.progress-bar {
  height: 10px;
  border-radius: 5px;
  position: relative;
  overflow: hidden;
}

.progress-sections {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  gap: 5px;
}

.progress-section {
  flex: 1;
  height: 100%;
  border-radius: 5px;
  background-color: #DBE3EF;
}

.progress-section.active {
  background-color: var(--yellow);
}

.progress-section:last-child {
  border-right: none;
}

.progress-fill {
  height: 100%;
  background-color: var(--yellow);
  border-radius: 5px;
  width: 0;
  position: relative;
  z-index: 1;
}

.values {
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  color: #C5C5C5;
}

.values span.spent-highlight {
    color: #000;
  }


.loading-btn {
  opacity: 0.7;
  pointer-events: none;
}

.loading-btn span {
  display: none;
}

.loading-btn:before {
  content: 'loading...';
}


/*--------------------------------------------------checkout*/


.checkout .hide-before-init {
    display: none;
  }


.checkout #simplecheckout_proceed_payment {
    margin-top: 20px;
  }


/*.label-decor {
    display: none;
  }*/


.checkout .input-type-switcher .label-decor {
    display: none;
  }


.checkout .checkout-wrapper {
    display: grid;
    grid-template-columns: 1.5fr 1fr;
    grid-column-gap: 60px;
    column-gap: 60px;
    grid-row-gap: 30px;
    row-gap: 30px;

  }


.checkout .checkout-wrapper .column-left,.checkout .checkout-wrapper .column-right {
      display: grid;
      grid-row-gap: 30px;
      row-gap: 30px;
    }


@media (max-width: 1199px) {
    .checkout .checkout-wrapper {
      grid-template-columns: 1fr;
    }
  }


.checkout .checkout-box {
    width: 100%;
  }


.checkout .checkout-box .show-hide-btn-box {
      border-radius: 16px;
      border: 1px solid #F4F4F4;
    }


.checkout .checkout-box .show-hide-content {
      display: none;
      padding: 5px 15px 15px 15px;
      margin: 0;
    }


.checkout .column-right {
    position: -webkit-sticky;
    position: sticky;
    top: 90px;
    height: -webkit-fit-content;
    height: fit-content;
  }


@media (max-width: 1200px) {
    .checkout .checkout-box {
      grid-column: auto;
      grid-row: auto;
    }

    .checkout .column-right {
      position: static;
    }
  }


.checkout h1 {
    margin-top: 0;
  }


.checkout .content-box-title-top {
    margin: 0 auto;
    margin-left: 0;
  }


.checkout .flex-space-between {
    flex-wrap: wrap;
    margin-bottom: 30px;
  }


@media (max-width: 1199px) {
      .checkout .flex-space-between {
        margin-bottom: 20px;
      }
    }


.checkout .checkout-btn {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--blue);
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
  }


.checkout .checkout-btn:hover {
      color: var(--beige-dark);
    }


.checkout .checkout-btn:hover {
    opacity: 0.8;
  }


.checkout .checkout-form-box {
    border-bottom: 1px solid #F4F4F4;
    padding-bottom: 30px;

  }


.checkout .checkout-form-box .alert {
      margin-left: 60px;
    }


@media (max-width: 767px) {
        .checkout .checkout-form-box .alert {
          margin-left: 0;
        }
      }


.checkout .checkout-form {
    padding-left: 60px;
  }


@media (max-width: 767px) {
      .checkout .checkout-form {
        padding-left: 0;
      }
    }


.checkout .form-check-item {
    border: 2px solid transparent;
    border-radius: 16px;
    padding: 20px;
  }


.checkout .form-check-item.active {
    border: 2px solid var(--beige);
  }


.checkout .form-check-box-bottom {
    padding-left: 36px;
    margin-top: 20px;

  }


.checkout .form-check-box-bottom .grid {
      gap: 20px;
    }


.checkout #simplecheckout_shipping_address .form-box {
    display: flex;
    flex-wrap: wrap;
  }


.checkout #simplecheckout_shipping_address .form-box .row-shipping_address_house,.checkout #simplecheckout_shipping_address .form-box .row-shipping_address_room {
      flex: 1 1 calc(50% - 10px);
    }


.checkout #simplecheckout_customer .row-customer_callme {
    display: none;
  }


.checkout .form-check-box-info {
    color: var(--gray);
    font-size: 14px;
  }


.checkout .checkout-form:not(:last-child) {
    margin-bottom: 30px;
  }


.checkout .checkout-items {
    display: grid !important;
    grid-gap: 10px;
    gap: 10px;
  }


.checkout .checkout-item-top {
    font-size: 12px;
    color: var(--gray);
  }


.checkout .checkout-item-bottom {
    display: grid;
  }


.checkout .checkout-box .checkout-btn {
      justify-content: flex-start;
      width: 100%;
      padding: 25px 15px;
    }


.checkout .checkout-box .checkout-btn .bonus-value {
        color: var(--gray);
        font-size: 12px;
        margin: 0 auto;
        margin-right: 0;
      }


.checkout .checkout-box .flex-space-between {
      height: 45px;
    }


@media (max-width: 1199px) {
        .checkout .checkout-box .flex-space-between {
          height: auto;
        }
      }


.checkout .checkout-result {
    display: grid;
    grid-gap: 20px;
    gap: 20px;
    background-color: var(--gray-bg);
    border-radius: 16px;
    padding: 20px;
  }


.checkout .checkout-result .close-item {
      width: 15px;
      height: 15px;
    }


.checkout .checkout-list {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }


.checkout .checkout-list li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
  }


.checkout .checkout-list li.first-item {
    order: -1;
  }


.checkout .checkout-list li.alert-free-delivery {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    background: #FFF4DD;
    border: 1px solid #E4CD9B;
    color: var(--black);
    font-size: 16px;
    font-weight: 400;
    padding: 12px 16px;
    border-radius: 16px;
  }


.checkout .checkout-list li span:first-child {
    color: var(--gray-light)
  }


.checkout .result-sum-box {
    border-top: 1px solid #EEEEEE;
    border-bottom: 1px solid #EEEEEE;
    padding: 15px 0;
  }


.checkout .result-sum {
    font-size: 22px;
  }


.checkout .form-label-check {
    margin: 0 auto;
  }


.checkout .btn-result {
    width: 100%;
  }


.checkout .checkout-result .btn-primary {
    width: 100%;
    cursor: pointer;
  }


.checkout .select2-container {
    display: inline;
  }


.checkout .checkout-result .buttons {
    display: block;
    margin-top: 15px;
  }


.checkout .checkout-result .buttons .simplecheckout-button-right {
      display: flex;
      flex-direction: column-reverse;
      gap: 15px;
    }


.checkout .form-box-agreement {
    text-align: center;
    color: var(--gray);
    font-size: 12px;
  }


.checkout .form-box-agreement a {
      -webkit-text-decoration: underline;
      text-decoration: underline;
    }

body:has(.checkout, .personal-main) .select2-dropdown {
  border-radius: 12px !important;
  background-color: var(--bg-input) !important;
  border: 1px solid var(--border-input) !important;
}

form:not(.does-not-exist) select,.form select,form:not(.does-not-exist) .select2-container--default .select2-selection--single,.form .select2-container--default .select2-selection--single {
    width: 100%;
    outline: transparent;
    border: none;
    height: 56px;
    color: var(--gray);
    font-size: 16px;
    padding: 0 20px;
    transition: all 0.2s linear;
    border-radius: 12px !important;
    border: 1px solid var(--border-input);
    background-color: var(--bg-input);
  }



/*--------------------------------------------------blog*/


.blog-main {
  padding-top: 10px !important;
}


.blog-main h1 {
    text-align: center;
    font-size: 28px;
    font-weight: 400;
    margin-top: 0;
  }


@media (max-width: 575px) {
      .blog-main h1 {
        font-size: 24px;
      }
    }


.blog-main .blog-box {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 30px;
    gap: 30px;

  }


@media (max-width: 1199px) {
      .blog-main .blog-box {
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
      }
    }


@media (max-width: 767px) {
      .blog-main .blog-box {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
      }
    }


@media (max-width: 991px) {
      .blog-main .blog-box .blog-box {
        grid-template-columns: 1fr;
      }
    }


.blog-main .blog-box .blog-box-item {
      display: grid;
      grid-gap: 10px;
      gap: 10px;
      border-radius: 14px;
      background: var(--white);
      padding: 15px;
      transition: transform 0.2s ease;
    }


.blog-main .blog-box .blog-box-item img {
        transition: transform 0.2s ease;
      }


.blog-main .blog-box .blog-box-item:hover {

        box-shadow: 0px 0px 20px 1px rgba(140, 140, 140, 0.23);
      }


.blog-main .blog-box .blog-box-item:hover img {
        transition: transform 0.2s ease;
        transform: scale(1.05);
      }


.blog-main .blog-box .blog-box-img {
      border-radius: 14px;
      overflow: hidden;
    }


.blog-main .blog-box .blog-box-img img {
      width: 100%;
      height: 100%;
    }


.blog-main .blog-box .blog-box-title {
      height: 50px;
      font-size: 14px;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      overflow: hidden;
    }

.blog-main-single {
  /*max-width: 770px;*/
  padding-top: 10px !important;
  margin: 0 auto;

}

.blog-main-single h1 {
    text-align: left;
    font-size: 28px;
    font-weight: 400;
    margin-top: 0;
  }

@media (max-width: 575px) {
      .blog-main-single h1 {
        font-size: 24px;
      }
    }

.blog-main-single h2 {
    font-size: 24px;
    font-weight: 500;
  }

@media (max-width: 575px) {
      .blog-main-single h2 {
        font-size: 20px;
      }
    }

.blog-main-single h3 {
    color: var(--black);
    font-size: 22px;
    font-weight: 400;
  }

@media (max-width: 575px) {
      .blog-main-single h3 {
        font-size: 18px;
      }
    }

.blog-main-single .description p,.blog-main-single .description ul,.blog-main-single .description ol,.blog-main-single .description ul li,.blog-main-single .description ol li {
      color: var(--black) !important;
    }

body[class*="checkout"] .blog-main-single {
  max-width: 770px;
}

body[class*="checkout"] .blog-main-single h1 {
    text-align: center;
  }

.information-information-6 .blog-main-single {
  max-width: 100%;
}

.information-information-6 .blog-main-single .description > p:first-child img {
    border-radius: 24px;
  }

.category-list {

  grid-template-columns: 1fr 1fr;

}

@media (max-width: 575px) {
    .category-list {
      grid-template-columns: 1fr;
    }
  }

.description p {
    color: var(--gray);
  }

.description ul,.description ol {
    display: grid;
    grid-gap: 10px;
    gap: 10px;
    list-style: disc;
    color: var(--gray);
    padding-left: 20px;
    font-size: 16px;
  }

.description ul ul,.description ol ol {
    margin-top: 1rem;
  }

.description ul li,.description ol li {
    font-size: 16px;
    color: var(--gray) !important;
    line-height: 1.4;
  }

.description ul li a:hover,.description ol li a:hover {
    color: var(--beige);
  }

.description ul:not(:last-child),.description ol:not(:last-child) {
    margin-bottom: 20px;
  }

.description img {
    display: flex;
    max-width: 100%;
    height: auto !important;
    margin: 10px auto !important;
    float: none !important;
  }


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


.footer {
  background-color: var(--white);
  padding-top: 20px;
  padding-bottom: 20px;

}


.footer .footer-box {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    grid-gap: 20px;
    gap: 20px;
  }


.footer .footer-box-item {
    color: var(--gray);
    font-size: 12px;
    line-height: 1.4;
    max-width: 390px;
  }


.footer .offer-page {
    font-size: 12px;
    color: #5E8ACA;
    justify-self: flex-end;
  }


.footer .footer-box .flex {
    gap: 30px;
  }


@media (max-width: 575px) {
    .footer .footer-box {
      grid-template-columns: 1fr;
      text-align: center;
    }

    .footer .footer-box-item,.footer .offer-page {
      justify-self: center;
    }

    .footer .partnership_box {
      grid-row: 1;
    }
  }


/*--------------------------------------------------media*/

.page_404__col .form-group {
    position: relative;
    margin-bottom: 20px;
  }

.page_404__col input {
    padding-right: 40px;
  }

.page_404__col .search-button {
    display: flex;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    right: 15px;
  }

.fv-head {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  flex-direction: row-reverse;
  gap: 10px;
  padding-bottom: initial;
  padding: 10px 20px 10px 20px;
}

.fv-head .fv-icon_close:before {
    display: flex;
    /* position: static; */
    font-size: 20px;
  }

.fv-head .fv-icon_close {
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Rubik', sans-serif;
    border-style: none;
    min-width: inherit;
    width: 32px;
    height: 32px;
    border-radius: 12px;
    transition: all 0.1s linear;
  }

.fv-head .fv-icon_close:hover svg path {
      stroke: var(--white) !important;
    }

.fv-head .fv-icon_close:hover {
    background-color: var(--gray-light);
    transition: all 0.1s linear;
  }

.fv-head .fv-icon_close:before {
    align-items: center;
    justify-content: center;
    left: 0 !important;
    display: none;
  }

.fv-head .fv-icon_close:hover:before {
    color: var(--white);
  }

.fv-head .fv-head_mobile_box {
    display: flex;
    justify-content: space-between;
    gap: 0;
    padding: 0;
  }

.fv-wrapper {
  display: grid;
  grid-template-rows: auto 1fr;
  height: 100% !important;
  /* padding: 0 20px; */
}

.fv-wrapper .fv-btn_css {
    display: flex !important;
    gap: 5px;
    align-items: center;
    justify-content: center;
    width: auto;
    height: auto;
    border: 1px solid #f4f4f4;
    font-size: 12px !important;
    height: 32px !important;
    background: var(--bg-input) !important;
    color: var(--black) !important;
    font-weight: 400;
    text-shadow: none;
    box-shadow: none;
    border-radius: 24px !important;
    line-height: 1 !important;
    padding: 0 10px !important;
  }

.fv-wrapper .fv-btn_css svg {
      margin-top: -1px;
    }

.fv-wrapper .fv-choice_clear {
    color: var(--blue);
    /* color: #e4cd9b; */
  }

.fv-wrapper .fv-btn_css:hover {
    background-color: #c6c6c6 !important;
    /* border: 1px solid var(--beige); */
  }

.fv-wrapper .fv-btn_css:active {
    background: none;
    box-shadow: none;
  }

.fv-wrapper .fv-choice_item:after {
    color: var(--beige);
    font-size: 14px;
  }

#fv_container.fv-mobile-right {
  display: grid;
  grid-template-rows: auto 1fr;
}

.fv-icon {
  display: flex;
  align-items: center;
  justify-content: center;
}

.fv-ajax .fv-footer {
  align-self: flex-end;
  padding: 0 20px;
}

.fv-body {
  /* height: 100%; */
  gap: 0 !important;
}

.fv-item_label.fv-item_action .fv-checkbox:before {
  background-color: var(--beige) !important;
  border-color: var(--beige) !important;
}

.fv-item_label.fv-item_action .fv-checkbox:after {
  color: var(--white) !important;
}

.fv-items:hover,
.fv-head_name_filter,
.fv-choice_group_label:hover,
.fv-icon_close:hover,
.fv-more_switch_bottom,
.fv-ajax .fv-footer {
  box-shadow: none !important;
}

.fv-more_switch_bottom,
.fv-box_list_more_switch {
  text-align: left !important;
}

.fv-more_name {
  color: var(--blue);
}

.fv-more_name:hover {
  color: var(--beige);
}

.fv-box_more_show,
.fv-box_more_hide {
  display: flex;
  align-items: center;
  flex-direction: row;
  gap: 5px;
}

.fv-box_list_more_switch .fv-icon {
  order: -1;
  margin-left: 0;
}

.fv-item_text {
  font-size: 14px;
  padding-top: 2px;
}

.fv-icon_items_hide_default:before {
  content: "";
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNiIgdmlld0JveD0iMCAwIDEwIDYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTkgMUw1IDVMMSAxIiBzdHJva2U9IiM4NDg0ODQiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4=") !important;
  rotate: 90deg;
  font-size: 27px;
  background-repeat: no-repeat;
  transition: all 0.2s linear;
}

/* .fv-box_list_more_switch .fv-icon.fv-more_show:before {
    content: "\25bc";
} */

.fv-box_list_more_switch .fv-icon.fv-more_show:before {
  content: " " !important;
  display: block;
  width: 10px;
  height: 6px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNiIgdmlld0JveD0iMCAwIDEwIDYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTkgMUw1IDVMMSAxIiBzdHJva2U9IiM4NDg0ODQiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4=") !important;
  rotate: 0deg;
  font-size: 27px;
  background-repeat: no-repeat;
  transition: all 0.2s linear;
}

.fv-box_list_more_switch .fv-icon.fv-more_hide:before {
  content: " " !important;
  display: block;
  width: 10px;
  height: 6px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNiIgdmlld0JveD0iMCAwIDEwIDYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTkgMUw1IDVMMSAxIiBzdHJva2U9IiM4NDg0ODQiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4=") !important;
  background-size: contain;
  background-repeat: no-repeat;
  transform: rotate(180deg);
  transition: all 0.2s linear;
}

.fv-more_switch_bottom {
  margin-top: 10px !important;
}

.fv-more_switch_bottom .fv-more_show,
.fv-more_switch_bottom .fv-more_hide {
  margin: 0 5px 0 5px !important;
}


/* .fv-icon_items_show_default:before {
  content: '' !important;
  display: none !important;
} */

/* .fv-icon_default {
  display: none !important;
} */

.fv-item_total_css {
  font-family: inherit !important;
  font-size: 12px !important;
  margin-left: 5px;
}

.fv-choice_group_label {
  display: none;
  pointer-events: none;
}

.fv-choice_group_label:after {
  display: none !important;
}

.fv-mobile_btn_mini {
  display: none !important;
}

.fv-items {
  background-color: #ffffff !important;
  border-style: none !important;
  padding: 10px 20px;
}

.fv-items {
  border-top: 1px solid #f4f4f4 !important;
}

/* .fv-items:first-child {
  border-top: 1px solid transparent !important;
} */

.fv-ajax .fv-footer {
  border-top: 1px solid #f4f4f4 !important;
}

.fv-box_item {
  display: grid;
  grid-gap: 10px;
  gap: 10px;
}

.fv-box_item .fv-box_footer {
    grid-column: 2;
    grid-row: 1;
    align-self: center;
    justify-self: center;
  }

.fv-box_item .fv-box_grid {
    grid-column: 1 / 3;
  }

.fv-box_item .fv-btn_css {
    width: 65px;
    height: 44px;
  }

.fv-box_flex input {
  text-align: center;
  border-radius: 360px;
  height: 44px;
  font-size: 14px;
}

.fv-items_title {
  padding: 0 !important;
}

.fv-items_head {
  font-size: 16px;
  padding: 10px 15px !important;
}

.fv-items_list {
  padding: 10px 15px !important;
}

.fv-items:not(.fv-one_item) .fv-items_list_body {
  padding: 0 !important;
}

.fv-items_checkbox .fv-items_list_body .fv-box_item,
.fv-items_image.fv-checkbox .fv-box_item,
.fv-items_image.fv-radiobox .fv-box_item {
  margin-bottom: 1em !important;
}

.fv-symbol_prs,
.fv-ajax_txt,
.fv-ajax_total_prod,
.fv-icon_items_action,
.fv-goup_filter_box {
  display: none !important;
}

.fv-items.fv-items_action .fv-icon_items,
.fv-items:not(.fv-clickable) .fv-icon_items {
  display: flex !important;
}

.fv-parent_bar {
  position: absolute;
  display: block !important;
}

#row-box:has(#column-left.fv-parent_bar) .catalog-box-page {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 20px;
  gap: 20px;
}

@media (max-width: 991px) {
    #row-box:has(#column-left.fv-parent_bar) .catalog-box-page {
      grid-template-columns: repeat(3, 1fr);
    }
  }

@media (max-width: 767px) {
    #row-box:has(#column-left.fv-parent_bar) .catalog-box-page {
      grid-template-columns: repeat(2, 1fr);
    }
  }

.fv-more_count {
  display: flex !important;
  font-family: 'Rubik', sans-serif !important;
  font-size: 12px;
  line-height: 1;
  margin-left: 0 !important;
}

.fv-more_count::before,.fv-more_count::after {
    display: none;
  }

.fv-ajax_block_wrapper {
  display: grid !important;
  grid-template-columns: 1fr 1fr;
  grid-gap: 15px;
  gap: 15px;
  background-color: var(--white) !important;
  color: var(--black) !important;
  border-style: none !important;
  border-color: #f4f4f4;
  border-radius: 0px !important;
  padding: 0px !important;
}

.fv-ajax_block_wrapper .fv-ajax_btn_apply {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 44px;
    border-radius: 25px;
    font-weight: 400;
    line-height: 1;
    color: var(--white);
    background-color: var(--black);
    grid-column: 2;
    grid-row: 1;
    opacity: 1 !important;
  }

.fv-ajax_block_wrapper .fv-ajax_btn_apply:hover {
    background-color: var(--beige);
    color: var(--black);
  }

.fv-ajax_block_wrapper .fv-ajax_btn_clear {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 44px;
    border-radius: 25px;
    font-weight: 400;
    cursor: pointer;
    line-height: 1;
    background-color: var(--white);
    border: 1px solid var(--beige);
  }

.fv-ajax_block_wrapper .fv-ajax_btn_clear i {
      display: none;
    }

.fv-ajax_block_wrapper .fv-ajax_btn_clear:hover {
    background-color: var(--beige);
  }

.fv-ajax_block_wrapper span {
    color: var(--black);
  }

.irs-handle,
.irs-slider {
  box-shadow: none !important;
  cursor: pointer;
}

.irs-handle,
.irs-slider {
  width: 24px !important;
  height: 24px !important;
  top: 23px !important;
  border-radius: 50% !important;
}

.fv-more_switch_top.fv-more_show {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

.fv-items_scroll {
  scrollbar-width: thin;
  scrollbar-color: var(--beige) transparent !important;
}

.fv-ajax_block_fixed {
  padding: 10px 0 !important;
}

.fv-item_label .fv-radiobox:before {
  border: 2px solid var(--beige) !important;
}

.fv-item_label .fv-radiobox:hover:before {
  box-shadow: none !important;
}

/* table size content */
.popup_template {
  display: grid;
  grid-template-columns: repeat(var(--column), 1fr);
  grid-gap: 30px;
  gap: 30px;
}

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

@media (max-width: 620px) {
  .popup_template {
    grid-template-columns: 1fr;
  }
}

.icon-popup {
  cursor: pointer;
}

/* Стили для страницы Акции и скидки */
.spesials-img {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  justify-content: space-between;
}

.spesials-img div {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  justify-content: space-between;
}

.spesials-img a {
  display: flex;
  flex-basis: calc(50% - 5px);
  width: 100%;
}

img.spesial-img {
  border-radius: 24px;
  margin: 0 !important;
}

@media (max-width: 574px) {
  .spesials-img a {
    flex-basis: 100%;
    margin-top: 10px;
  }

}

.filter-select-group.loading .select__main:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
}

.filter-select-group.loading:before {
  content: "";
  width: 20px;
  height: 20px;
  border: 2px solid #ccc;
  border-top-color: #333;
  border-radius: 50%;
  position: absolute;
  right: 16px;
  top: 50%;
  margin-top: -10px;
  animation: filter-loading-spin 1s linear infinite;
  z-index: 11;
}


@keyframes filter-loading-spin {
  to {
    transform: rotate(360deg);
  }
}

.select2-container {
  width: 100% !important;
}

.select2-dropdown {
  min-width: 200px;
}

/* Custom size popup calculator */
.custom-size-form .columns {
  display: flex;
}

.custom-size-form .columns>div {
  flex: 1 1 50%;
  padding: 15px;
}

.custom-size-form .columns .column-right {
  border-left: 1px solid #eee;
}

.custom-size-form .text-info {
  margin-bottom: 2rem;
  font-size: 1rem;
}

.custom-size-form .product-info .image {
  display: flex;
  max-width: 300px;
  margin: 2rem auto;
  border: 1px solid #eee;
  border-radius: 20px;
  overflow: hidden;
}

.custom-size-form .product-info .product-name {
  display: flex;
  max-width: 250px;
  margin: 1rem auto;
  text-align: center;
  font-size: 1rem;
}

.custom-size-form .form-group textarea {
  height: 250px;
  resize: none;
}

.columns.complect-type>.column-left {
  flex: 1 1 45%;
}

.columns.complect-type>.column-right {
  flex: 1 1 55%;
}

.custom-size-form .counter {
  display: flex;
  align-items: center;
  gap: 10px;
}

.custom-size-form .custom-size-wrapper .title {
  display: block;
  font-weight: bold;
  margin-bottom: 20px;
  line-height: 1.2;
}

.custom-size-form .bold-title {
  display: block;
  font-weight: bold;
  margin-bottom: 15px;
}

.custom-size-form .complect-row {
  margin-bottom: 25px;
}

.custom-size-form .input-rows {
  display: grid;
  grid-gap: 15px;
  gap: 15px;
}

.custom-size-form .input-rows.column-2 {
  grid-template-columns: 1fr 1fr;
}

.custom-size-form .input-rows.column-3 {
  grid-template-columns: 1fr 1fr 1fr;
}

.custom-size-form .input-rows.complect-row.column-3 {
  grid-template-columns: 1fr 1fr 1.5fr;
  align-items: flex-start;
}

.custom-size-form .totals-wrap {
  background: #eee;
  border-radius: 10px;
  padding: 30px 20px;
  margin-top: 40px;
}

.custom-size-form .totals-wrap .execute-total__inner {
  max-width: 280px;
  margin: 0 auto;
  display: grid;
  grid-gap: 15px;
  gap: 15px;
}

.custom-size-form .totals-wrap .item {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.custom-size-form .totals-wrap .item .total-summ {
  font-size: 1.5rem;
}

.custom-size-form .btn-small {
  font-weight: 500;
}

.custom-size-form .form-control.error {
  border-color: red;
}

.custom-size-form .text-error {
  color: red;
  font-size: 0.9em;
  margin-top: 5px;
}

.custom-size-form .btn-calc {
  width: auto;
}

.custom-size-form .complect-type .btn-calc {
  width: 100%;
}

.custom-size-form .modal_l_sec2 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  margin-top: 20px;
}

.custom-size-form .radio-row-inline {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 30px;
  margin-bottom: 15px;
}

@media screen and (max-width: 767px) {
  .custom-size-form .input-rows.complect-row.column-3 {
    grid-template-columns: 1fr 1fr;
  }

  .custom-size-form .input-rows.complect-row.column-3 .modal-order-item__number {
    grid-column: 1/-1;
    width: 100%;
    justify-content: space-between;
  }

  .custom-size-form .complect-row .form-group {
    margin-bottom: 0;
  }

  .custom-size-form .complect-row {
    margin-bottom: 30px;
  }

  .custom-size-form .radio-row-inline {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 15px;
    gap: 15px;
  }
}

@media screen and (max-width: 574px) {
  .custom-size-form .columns {
    flex-direction: column;
  }

  .custom-size-form .columns .column-right {
    border-left: none;
    border-top: 1px solid #eee;
  }

}

.select-box-ajax {
  display: flex;
  gap: 15px;
  flex-wrap: wrap;

}

.select-box-ajax .form-group {
    width: auto;
    position: relative;
  }

.select-box-ajax .dropdown__main {
    position: relative;
  }

.select-box-ajax .dropdown-trigger {
    display: flex;
    align-items: center;
    position: relative;
    width: auto;
    min-width: 235px;
    height: 44px;
    font-size: 16px;
    border: 1px solid var(--border-input, #ddd);
    background: var(--white, #fff);
    color: var(--gray-light);
    border-radius: 24px;
    outline: none;
    cursor: pointer;
    background-image: url('../images/svg-icon/Caret_Down_MD.svg');
    background-repeat: no-repeat;
    background-position: center right 15px;
    padding: 2px 40px 0 20px;
  }

.select-box-ajax .dropdown-content {
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 10px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    min-width: 200px;
    width: 100%;
    padding: 10px;
    margin-top: 5px;
    z-index: 3;
  }

.select-box-ajax .dropdown-options {
    max-height: 235px;
    overflow: auto;
    padding-right: 5px;
  }

.select-box-ajax .dropdown-actions {
    display: grid;
    grid-gap: 5px;
    gap: 5px;
    margin-top: 10px;
  }

.select-box-ajax .dropdown-actions .btn {
      max-width: 100%;
      width: 100%;
      cursor: pointer !important;
      font-weight: 400;

    }

.select-box-ajax .dropdown-option {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 14px;
    line-height: 1;
    padding: 7px;
  }

.select-box-ajax .dropdown-option .option-count {
      margin-left: 7px;
    }

.select-box-ajax .selected {
    background: #F4F7FB;
  }

.select-box-ajax .form-label-check,.select-box-ajax .form-label-radio {
    gap: 5px;
  }

.select-box-ajax .selected .form-label-check::after {
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg width="10" height="10" viewBox="0 0 15 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.0482 0.69677C12.2932 0.453995 12.6238 0.317363 12.9686 0.316411C13.3135 0.31546 13.6448 0.450266 13.8911 0.691685C14.1373 0.933105 14.2787 1.26174 14.2845 1.60654C14.2904 1.95134 14.1604 2.2846 13.9225 2.53427L6.93649 11.2668C6.81642 11.3961 6.67151 11.4999 6.51042 11.5719C6.34933 11.6439 6.17536 11.6828 5.99893 11.686C5.82249 11.6893 5.64721 11.6569 5.48356 11.5909C5.31991 11.5249 5.17126 11.4266 5.04649 11.3018L0.41774 6.67127C0.288788 6.55111 0.185359 6.40621 0.113623 6.24521C0.0418871 6.08421 0.00331363 5.91041 0.00020426 5.73418C-0.00290511 5.55795 0.0295134 5.3829 0.0955252 5.21947C0.161537 5.05604 0.25979 4.90759 0.384423 4.78295C0.509056 4.65832 0.657515 4.56007 0.820944 4.49405C0.984373 4.42804 1.15942 4.39562 1.33565 4.39873C1.51188 4.40184 1.68568 4.44042 1.84668 4.51215C2.00768 4.58389 2.15258 4.68732 2.27274 4.81627L5.93724 8.47902L12.015 0.73527C12.0258 0.721714 12.0375 0.708854 12.05 0.69677H12.0482Z" fill="white"/></svg>');
    scale: 1;
    opacity: 1;
    transition: all 0.2s linear;
  }

.select-box-ajax .option-count {
    font-size: 12px;
    color: var(--gray);
  }

.select-box-ajax .dropdown-option:hover {
    /* background: #f0f0f0; */
    color: var(--gray);
  }

.select-box-ajax .dropdown-option.disabled {
    pointer-events: none;
    opacity: 0.5;
    cursor: not-allowed;
  }

.select-box-ajax .dropdown-option:has(.option-count[textContent="0"]) {
    pointer-events: none;
    /* Prevents clicks */
    opacity: 0.5;
    /* Visually grayed out */
    cursor: not-allowed;
    /* Cursor indicates disabled */
  }

.select-box-ajax .clear-filter,.select-box-ajax .selected-count {
    display: none !important;
  }

/* .loading-state {
    opacity: 0.5;
    pointer-events: none;
  }

  .loading-state .dropdown-content {
    display: none !important;
  } */

@media screen and (max-width: 767px) {
    .select-box-ajax .custom-filter-dropdown {
      display: none;
    }

    .select-box-ajax .form-group {
      width: 100%;
    }

    .select-box-ajax .select2-container,.select-box-ajax .select2-dropdown {
      min-width: initial;
    }

  }

/* Стили доставки и оплаты */
.delivery-dost-all {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px;
    gap: 20px;
    padding-top: 30px;
}
@media (max-width: 991px) {
      .delivery-dost-all {
        grid-template-columns: repeat(2, 1fr);
      }
    }
@media (max-width: 574px) {
      .delivery-dost-all {
        grid-template-columns: 1fr;
      }
    }

.delivery-dost {
    height: 289px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    background: #f6f6f6;
    border-radius: 20px;
    padding: 20px;
    flex-direction: column;
    text-align: center;
    color: #303030;
}

.delivery-dost span {
      font-weight: 500;
      font-size: 17px;
      padding-top: 20px;
      padding-bottom: 20px;
    }

.delivery-dost p {
      font-size: 14px;
      line-height: 25px;
      margin: 0px 20px;
    }

p.delivery-subtitle {
    padding: 30px 15px;
    margin: 20px 0;
    text-align: center;
    background: #f6f6f6;
    border-radius: 20px;
    font-size: 16px;
    font-weight: 500;
}

.delivery-contacts-all {
    display: flex;
    flex-wrap: wrap;
    padding: 20px 20px 40px 20px;
    border-bottom: 2px solid #DBE3EF;
}

.delivery-contacts-all .delivery-contacts {
      margin-left: 36px;
    }

.delivery-contacts-all .delivery-contacts:nth-child(2) {
      margin-left: 150px;
    }

@media (max-width: 767px) {
      .delivery-contacts-all {
        display: grid;
        grid-template-columns: 165px auto;
      }

      .delivery-contacts-all .delivery-contacts:nth-child(2) {
        margin-left: 50px;
      }
    }

@media (max-width: 574px) {
      .delivery-contacts-all {
        grid-template-columns: 1fr;
        gap: 30px;
      }

      .delivery-contacts-all .delivery-contacts:nth-child(2) {
        margin-left: 36px;
      }
    }

p.delivery-contact {
    font-size: 12px;
}

p.delivery-phone {
    font-size: 16px;
    background: url(/image/deskr-phone.png);
}

p.delivery-phone {
    font-size: 16px;
    background: url(/image/deskr-phone.png);
    background-repeat: no-repeat;
    background-position-y: -2px;
    padding-left: 36px;
    margin-left: -36px;
}

p.delivery-addres {
    font-size: 16px;
    background: url(/image/deskr-map.png);
    background-repeat: no-repeat;
    padding-left: 36px;
    margin-left: -36px;
}

h4.delivery-title {
    text-align: center;
    padding: 20px 0 40px;
    font-size: 16px;
}