:root {
  --background-main: #f7f7f7;
  --main-black: #171717;
  --white: #fff;
  --gray-—-1: #f0f0f0;
  --gray-—-2: rgba(23, 23, 23, 0.4);
  --gray-3: rgba(23, 23, 23, 0.1);
  --fon-seryy: #f3f3f3;
  --brand-main: #8e00ff;
}

:root {
  --manrope: "Manrope", sans-serif;
}

body {
  margin: 0;
  background-color: var(--background-main);
}

body.no-scroll {
  overflow: hidden;
}

body {

  /* Brevo */
  /* &:has(#brevo-conversations) .button-chat {
    opacity: 1;
  } */

  /* Tovar */

  /* End Tovar */

  /* .popupFitting.show,
  .popupAvailability.show,
  .popup.show,
  .popupGuide.show,
  .popup-reviews.show,
  .popup-questions.show {
    background-color: rgba(0, 0, 0, 0.5);
    pointer-events: all;
  } */
}

body header {
    width: 100%;
    top: 0;
    /* Если тут задать fixed то .geo_header тоже фиксируется, это нам не надо (сейчас работает норм) */
    /* position: fixed; */
    z-index: 10;
  }

body button {
    box-sizing: border-box;
    border: none;
    cursor: pointer;
    padding: 0;
    outline: none;
  }

body *:focus-visible,
body *focus {
    outline: none;
  }

body div {
    box-sizing: border-box;
  }

body a {
    text-decoration: none;
    outline: none;
  }

body img {
    box-sizing: border-box;
  }

body p {
    margin: 0;
  }

body #brevo-conversations {
    /* display: none !important; */
  }

body #brevo-conversations.brevo-conversations--expanded {
      right: 0 !important;
    }

body .not_found {
    font-family: var(--manrope);
    font-weight: 600;
    font-size: 1.111vw; /* 16px */
    line-height: 140%;
    letter-spacing: -0.01em;
    color: #171717;
    justify-content: center;
    width: fit-content;
    text-transform: lowercase;
  }

body .similar-tovars,
body .recently-tovars > .swiper-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    width: 100%;
    flex-wrap: wrap;
    gap: 0.556vw;
  }

body .similar-tovars {
    gap: 0.556vw;
  }

body .sale_precent {
    display: flex;
    position: absolute;
    align-items: center;
    justify-content: center;
    left: 0.694vw; /* 10px */
    bottom: 1.667vw; /* 24px */
    z-index: 2;
    pointer-events: none;
  }

body .sale_precent img {
    width: 3.611vw; /* 52px */
    height: 2.083vw; /* 30px */
  }

body .sale_precent p {
    font-family: var(--manrope);
    font-weight: 500;
    font-size: 0.972vw; /* 14px */
    line-height: 100%;
    text-align: center;
    color: #fff;
    position: absolute;
    margin: auto;
  }

body .tovar {
    display: flex;
    flex-direction: column;
    gap: 0.694vw; /* 10px */
  }

body .first_part {
    display: flex;
    position: relative;
    height: 29.167vw; /* 420px */
    background-color: #fff;
    border-radius: 0.278vw; /* 4px */
  }

body .features {
    display: flex;
    flex-direction: row;
    gap: 0.208vw; /* 3px */
    position: absolute;
    left: 0.694vw; /* 10px */
    top: 0.694vw; /* 10px */
    width: calc(100% - 4.167vw); /* 60px */
    z-index: 3;
  }

body .feature {
    display: flex;
    flex-direction: row;
    gap: 0.139vw; /* 2px */
    align-items: center;
    padding: 0.556vw; /* 8px */
    border-radius: 1000px;
    backdrop-filter: blur(1.667vw); /* 24px */
    color: #171717;
    background-color: #fff;
    cursor: pointer;
    transition:
      color 0.2s ease-out,
      background-color 0.2s ease-out;
  }

body .feature[data-type-feature="popular"] {
    background-color: #ffcebf;
    color: #c73d12;
  }

body .feature[data-type-feature="new"] {
    background-color: #f0ff9c;
    color: #028112;
  }

body .feature svg {
    width: 1.389vw; /* 20px */
    height: 1.389vw; /* 20px */
  }

body .feature svg path {
    transition: fill 0.2s ease-out;
  }

body .feature p {
    font-family: var(--manrope);
    font-weight: 500;
    font-size: 0.972vw; /* 14px */
    line-height: 100%;
  }

body .tovar .wishlist_button {
    display: flex;
    justify-content: center;
    align-items: center;
    backdrop-filter: blur(1.806vw); /* 26px */
    cursor: pointer;
    position: absolute;
    top: 0.694vw; /* 10px */
    right: 0.694vw; /* 10px */
    z-index: 3;
    border-radius: 1000px;
    width: fit-content;
    height: fit-content;
  }

body .tovar .wishlist_button svg {
    width: 2.5vw; /* 36px */
    height: 2.5vw; /* 36px */
  }

body .tovar .wishlist_button svg rect {
    transition: fill 0.2s ease-out;
  }

body .tovar .wishlist_button svg path {
    transition: fill 0.2s ease-out;
  }

body .wrap_slider {
    display: flex;
    flex-direction: column;
    position: relative;
    height: inherit;
    width: 100%;
  }

body .tovar_sider {
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden;
    height: inherit;
  }

body .tovar_sider .swiper-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
  }

body .tovar_img {
    display: flex;
    flex-shrink: 0;
    overflow: hidden;
    object-fit: cover;
    height: inherit;
  }

body .tovar_sider {
    border-radius: 0.278vw; /* 4px */
  }

body .tovar_pags {
    display: flex;
    flex-direction: row;
    gap: 0.278vw; /* 4px */
    flex-wrap: nowrap;
    position: absolute;
    left: 0.694vw !important; /* 10px */
    right: 0.694vw;
    bottom: 0.694vw !important; /* 10px */
    width: calc(100% - 1.389vw) !important; /* 20px */
    z-index: 1;
  }

body .tovar_pag {
    display: flex;
    border-radius: 1000px;
    background-color: #171717;
    opacity: 0.15;
    height: 0.278vw; /* 4px */
    width: 100%;
    transition: opacity 0.3s ease-out;
  }

body .tovar_pag.active {
    opacity: 0.8;
  }

body .tovar_pags_hover {
    position: absolute;
    inset: 0;
    margin: 0;
    z-index: 2;
    display: none;
    flex-direction: row;
    flex-wrap: nowrap;
    width: 100%;
  }

body .tovar_pag_hover {
    display: flex;
    width: 100%;
  }

body .last_part {
    display: flex;
    flex-direction: column;
  }

body .t_name {
    font-family: var(--manrope);
    font-weight: 600;
    font-size: 1.111vw; /* 16px */
    line-height: 130%;
    letter-spacing: -0.01em;
    color: #171717;
  }

body .t_type {
    font-family: var(--manrope);
    font-weight: 600;
    font-size: 0.972vw; /* 14px */
    line-height: 130%;
    letter-spacing: -0.01em;
    color: #a3a3a3;
  }

body .t_price {
    display: flex;
    flex-direction: row;
    gap: 0.556vw; /* 8px */
    align-items: center;
    margin-top: 0.694vw; /* 10px */
  }

body .t_act_p {
    font-family: var(--manrope);
    font-weight: 600;
    font-size: 1.25vw; /* 18px */
    line-height: 130%;
    letter-spacing: -0.01em;
    text-transform: uppercase;
    color: #171717;
  }

body .t_price:has(.t_old_p) .t_act_p {
    color: #8e00ff;
  }

body .tovar.fake {
    pointer-events: none;
    animation: fake_tovar 1s infinite alternate;
  }

body .tovar.fake .swiper-wrapper::before {
    content: "";
    inset: 0;
    z-index: 1;
    background-color: #c8c8c8;
    position: absolute;
  }

body .fast_categotyes {
    transition: opacity 0.2s ease-out;
  }

body .fast_categotyes.fake {
    opacity: 0.5;
  }

body .tovar.fake .features,
body .tovar.fake .tovar_pags_hover,
body .tovar.fake .tovar_pags,
body .tovar.fake .wishlist_button {
    display: none;
  }

body .tovar.fake .last_part p,
body .fast_categotyes.fake p {
    color: #c8c8c8;
    background-color: #c8c8c8;
    width: fit-content;
  }

body .mobile-text {
    font-family: var(--manrope);
    font-weight: 600;
    font-size: 0.694vw; /* 10px */
    line-height: 100%;
    text-align: center;
    color: var(--main-black);
  }

body .main-text {
    font-family: var(--manrope);
    font-weight: 700;
    transition: all 0.3s ease-out;
  }

body .small-text {
    font-family: var(--manrope);
    font-weight: 500;
    line-height: 110%;
    letter-spacing: -0.02em;
    color: #000;
  }

body .text-balance {
    font-family: var(--manrope);
    font-weight: 600;
    line-height: 130%;
    color: #8e00ff;
  }

body .buttons-text {
    font-family: var(--manrope);
    font-weight: 600;
    line-height: 100%;
    letter-spacing: -0.02em;
    text-align: center;
  }

body .benefits-small-text {
    font-family: var(--manrope);
    font-weight: 600;
    line-height: 136%;
    letter-spacing: -0.02em;
    color: var(--main-black);
  }

body .benefits-title-text {
    font-family: var(--manrope);
    font-weight: 500;
    line-height: 110%;
    letter-spacing: -0.02em;
    color: var(--main-black);
  }

body .bread-crumbs {
    gap: 0.278vw; /* 4px */
    flex-wrap: wrap;
  }

body .bread-crumbs-element {
    display: flex;
    gap: 0.278vw; /* 4px */
    align-items: center;
    border-radius: 0.556vw; /* 8px */
    background-color: var(--white);
    padding: 0.556vw; /* 8px */
    transition: all 0.3s ease-out
  }

body .bread-crumbs-element:hover {
      background: #e2e2e2;
    }

body .product-description {
    background-color: var(--white);
    border-radius: 1.111vw; /* 16px */
  }

body .mini-feedbacks {
    background: var(--background-main);
    border-radius: 69.444vw; /* 1000px */
    box-sizing: border-box;
    display: flex;
    gap: 2px;
    align-items: center;
    font-family: var(--manrope);
    font-weight: 600;
    line-height: 100%;
    color: var(--main-black);
    transition: all 0.3s ease-out;
  }

body .product-title {
    line-height: 120%;
    color: #262626;
  }

body .price-container {
    background: var(--white);
    border-radius: 1.111vw; /* 16px */
    display: flex;
    flex-direction: column;
  }

body .product-card {
    position: relative;
  }

body .price-title {
    display: flex;
    gap: 0.694vw; /* 10px */
    align-items: center;
    margin-bottom: 1.667vw; /* 24px */
  }

body .price {
    line-height: 110%;
    color: var(--main-black);
    text-wrap: nowrap;
    font-size: 1.375rem;
  }

body .old-price {
    text-decoration: line-through;
    opacity: 0.4;
    font-family: var(--manrope);
    font-weight: 600;
    line-height: 100%;
    color: #262626;
  }

body .buy-button {
    border-radius: 0.556vw; /* 8px */
    background: #f4e7ff;
    box-sizing: border-box;
    color: #8e00ff;
    text-align: center;
    transition: all 0.3s ease-out
  }

body .buy-button.no-qty {
      opacity: 0.4;
      pointer-events: none;
    }

body .accordion {
    display: flex;
    flex-direction: column;
    gap: 1.111vw; /* 16px */
  }

body .buttons-purchase {
    display: flex;
    flex-wrap: nowrap;
  }

body .wrap-button-basket {
    display: flex;
    flex-grow: 1;
  }

body .button-basket {
    background: #8e00ff;
    border-radius: 0.556vw; /* 8px */
    box-sizing: border-box;
    color: var(--white);
    text-align: center
  }

body .button-basket.no-qty {
      opacity: 0.3;
      pointer-events: none;
    }

body .like-purchase {
    background: #f6f6f6;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease-out;
    padding: 0;
    display: flex
  }

body .like-purchase svg {
      width: 2.153vw;
      height: 2.153vw;
    }

body .like-purchase svg path {
      transition: all 0.3s ease-out;
    }

body .like-purchase.active {
      background-color: #ff2f2f
    }

body .like-purchase.active svg path {
        fill: #fff;
        stroke: #ff2f2f;
      }

body .delivery {
    font-family: var(--manrope);
    font-weight: 600;
    line-height: 130%;
    text-align: center;
    color: #262626;
    cursor: pointer;
  }

body .select-block-lens {
    display: flex;
    flex-direction: column;
    gap: 1.111vw /** 16px */;

    border: 1px solid rgba(23, 23, 23, 0.1);
    border-radius: 1.111vw /** 16px */;
    padding: 1.389vw /** 20px */;
    margin-bottom: 1.667vw /** 24px */
  }

body .select-block-lens.mob {
      display: none;
    }

body .select-block-lens .head-lens-s {
      font-family: var(--manrope);
      font-weight: 600;
      font-size: 1.25vw /** 18px */;
      line-height: 120%;
      letter-spacing: -0.02em;
      color: #171717;
    }

body .select-block-lens .start-select-lens {
      display: flex;
      cursor: pointer;
      border-radius: 0.556vw /** 8px */;
      padding: 1.111vw /** 16px */ 1.389vw /** 20px */;
      justify-content: center;
      align-items: center;
      width: 100%;
      background-color: #f1f0f1;

      font-family: var(--manrope);
      font-weight: 600;
      font-size: 1.111vw /** 16px */;
      line-height: 100%;
      letter-spacing: -0.02em;
      text-align: center;
      color: #171717;

      transition: opacity 0.3s ease-out
    }

@media (hover: hover) {
        body .select-block-lens .start-select-lens:hover {
          opacity: 0.6;
        }
      }

body .infopage-title {
    font-family: var(--manrope);
    font-weight: 500;
    line-height: 96%;
    letter-spacing: -0.02em;
    color: var(--main-black);
  }

body .benefits-card {
    background: #e3e3e3;
    border-radius: 0.417vw; /* 6px */
    position: relative;
    padding-bottom: 1.667vw /* 24px */
  }

body .benefits-card > img {
      position: absolute;
      inset: 0;
      pointer-events: none;
    }

body .cards-container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 0.556vw; /* 8px */
  }

body .similar,
body .recently {
    margin-bottom: 7.778vw; /* 112px */
  }

body .similar-button {
    background: var(--main-black);
    border-radius: 0.556vw; /* 8px */
    padding: 0.972vw 1.389vw; /* 14px 20px */
    color: var(--white);
    border: none;
    transition: all 0.3s ease-out;
  }

body .similar-button-box {
    display: flex;
    justify-content: center;
  }

body .discount {
    cursor: pointer;
    font-family: var(--manrope);
    font-weight: 600;
    line-height: 130%;
    color: #262626;
    display: flex;
    align-items: center;
    position: relative;
    width: fit-content
  }

body .discount > * {
      transition: opacity 0.3s ease-out;
    }

body .loading-o {
    opacity: 0;
  }

body input[type="radio"] {
    accent-color: #c56fff;
    width: 1.389vw; /* 20px */
    height: 1.389vw; /* 20px */
    margin: 0;
    cursor: pointer;
  }

body .discount-text {
    padding-left: 0.556vw; /* 8px */
    cursor: pointer;
  }

body .delivery-city {
    color: #8e00ff;
    display: inline-flex;
  }

body .link-text {
    font-family: var(--manrope);
    font-weight: 600;
    line-height: 100%;
    letter-spacing: -0.02em;
    text-decoration-skip-ink: none;
    text-align: center;
    color: rgba(0, 0, 0, 0.4);
    transition: all 0.3s ease-out;
    position: relative
  }

body .link-text::before {
      content: "";
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      border-bottom: 1px solid;
      top: 1px;
      pointer-events: none;
    }

body .after-product-info {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
  }

body .availability {
    width: 100%;
    padding: 0;
    background: none;
    text-align: center;
    width: fit-content;
    margin: auto;
    cursor: pointer
  }

body .availability.mob {
      display: none;
    }

body .filter-title {
    font-family: var(--manrope);
    font-weight: 600;
    line-height: 130%;
    color: #262626;
  }

body .added_to_cart.wc-forward {
    display: none !important;
  }

body .brand-box {
    display: flex;
    gap: 0.278vw; /* 4px */
    flex-wrap: wrap;
  }

body .brand-content {
    box-sizing: border-box;
    background: var(--background-main);
    border-radius: 0.556vw; /* 8px */
    padding: 0.26vw 0.417vw;
    display: flex;
    gap: 0.278vw; /* 4px */
    align-items: center;
    transition: all 0.3s ease-out;
    width: max-content;
    flex-shrink: 0;
    height: fit-content
  }

body .brand-content.original {
      pointer-events: none;
    }

body .brand-company {
    font-family: var(--manrope);
    font-weight: 600;
    line-height: 110%;
    letter-spacing: -0.01em;
    color: #262626;
  }

body .original {
    font-family: var(--manrope);
    font-weight: 500;
    line-height: 110%;
    letter-spacing: -0.02em;
    color: #000;
    width: fit-content;
  }

body .buttons-attr .attr-button {
    background: none;
    cursor: pointer;

    padding: 0.556vw; /* 8px */
    transition: all 0.2s ease-out;
    border: 1px solid transparent;
    border-radius: 16px;

    font-family: var(--manrope);
    font-weight: 600;
    font-size: 0.972vw; /* 14px */
    letter-spacing: -0.01em;
    color: var(--main-black);
    line-height: 100%;
    min-width: 2.5vw; /* 36px */
    height: 2.5vw; /* 36px */
    text-transform: lowercase
  }

body .buttons-attr .attr-button.button-color {
      border-radius: 10000px;
      padding: 0.347vw /* 5px */
    }

body .buttons-attr .attr-button.button-color:has(.text) {
        padding: 2px 0.833vw; /* 12px */
        background: #f7f7f7
      }

body .buttons-attr .attr-button.button-color:has(.text) > div {
          margin-top: -0.069vw; /* 1px */
        }

body .buttons-attr .attr-button * {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 100%;
      border-radius: inherit;
    }

body .buttons-attr .attr-button:hover {
      border: 1px solid rgba(23, 23, 23, 0.15);
    }

body .buttons-attr .attr-button.active:not(.button-color) {
      background: #8e00ff;
      color: #fff;
    }

body .buttons-attr .attr-button.button-color.active {
      border: 1px solid black;
      background: transparent;
    }

body .buttons-attr {
    margin-top: 0.278vw; /* 4px */
    display: flex;
    gap: 0.417vw; /* 6px */
    align-items: center;
    flex-wrap: wrap
  }

body .buttons-attr .attr-button {
      display: flex;
    }

body .buttons-attr .attr-button.nominal-button {
      min-width: 5.833vw;
      width: auto;
      padding: 0.556vw 0.833vw;
      text-transform: none;
    }

body .logo-company {
    background: var(--white);
    border-radius: 0.556vw; /* 8px */
    font-family: var(--manrope);
    font-weight: 600;
    font-size: 0.833vw; /* 12px */
    line-height: 110%;
    letter-spacing: -0.01em;
    color: #262626;
    padding: 0.486vw 0.694vw /* 7px 10px */
  }

body .logo-company.Optik {
      background: transparent;
      padding: 0;
    }

body .logo-company img {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 14px;
  }

body .dioptr {
    background: var(--background-main);
    border-radius: 694.444vw; /* 10000px */
    font-family: var(--manrope);
    font-weight: 600;
    line-height: 100%;
    letter-spacing: -0.01em;
    color: var(--main-black);
    transition: all 0.3s ease-out
  }

body .dioptr.active {
      background: var(--main-black);
      color: var(--white)
    }

body .dioptr.active:hover {
        background: var(--main-black);
        color: var(--white);
      }

body #dioptries {
    margin-top: 0.556vw; /* 8px */
    display: flex;
    gap: 0.278vw; /* 4px */
    flex-wrap: wrap;
  }

body .choose-box {
    box-sizing: border-box;
    border: 1px solid var(--gray-3);
    border-radius: 1.111vw; /* 16px */
  }

body .choose-text {
    font-family: var(--manrope);
    font-weight: 600;
    line-height: 120%;
    letter-spacing: -0.02em;
    color: var(--main-black);
  }

body .how-work-text {
    background: none;
    padding: 0;
  }

body .accordion-item {
    overflow: hidden;
    border-bottom: 1px solid var(--gray-3)
  }

body .accordion-item:last-child {
      border-bottom: none;
      padding: 0;
    }

body .accordion-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    font-family: var(--manrope);
    font-weight: 600;
    line-height: 110%;
    color: #262626;
  }

body .accordion-icon {
    transition: all 0.3s ease-out;
    background: var(--background-main);
    transform: rotate(180deg);
  }

body .answers-header .accordion-icon {
    background: transparent;
  }

body .accordion-body {
    transition:
      grid-template-rows 0.3s ease-out,
      padding 0.3s ease-out;
    font-family: var(--manrope);
    font-weight: 600;
    line-height: 140%;
    letter-spacing: -0.01em;
    color: #262626;
    min-height: 0vw /* 0px */
  }

body .accordion-body .size-prew {
      display: grid;
      grid-template-columns: 1fr 1fr;
      margin-top: 1.111vw; /* 16px */
    }

body .accordion-body .wrap-size {
      display: flex;
      flex-direction: column;
      position: relative;
      align-items: center;
      gap: 1.25vw /* 18px */
    }

body .accordion-body .wrap-size img {
        width: 13.194vw;
        height: 4.931vw;
      }

body .accordion-body .wrap-size .size-name {
        font-family: var(--manrope);
        font-weight: 600;
        font-size: 0.972vw; /* 14px */
        line-height: 140%;
        letter-spacing: -0.01em;
        text-align: center;
        color: var(--main-black);
      }

body .accordion-body .wrap-size .size {
        font-family: var(--manrope);
        font-weight: 500;
        font-size: 0.833vw; /* 12px */
        line-height: 140%;
        letter-spacing: -0.01em;
        text-align: center;
        color: var(--main-black);
        position: absolute;
      }

body .accordion-body .wrap-size:nth-child(1) {
        border-right: 1px solid #e6e6e6;
        border-bottom: 1px solid #e6e6e6;
        padding-bottom: 1.111vw; /* 16px */
        padding-right: 1.25vw /* 18px */
      }

body .accordion-body .wrap-size:nth-child(1) .size {
          top: 1.667vw; /* 24px */
          left: 0;
          right: 1.25vw; /* 18px */
          margin: 0 auto;
          width: fit-content;
        }

body .accordion-body .wrap-size:nth-child(2) {
        border-bottom: 1px solid #e6e6e6;
        padding-bottom: 1.111vw; /* 16px */
        padding-left: 1.25vw /* 18px */
      }

body .accordion-body .wrap-size:nth-child(2) .size {
          top: 1.667vw; /* 24px */
          left: 1.25vw; /* 18px */
          right: 0;
          margin: 0 auto;
          width: fit-content;
        }

body .accordion-body .wrap-size:nth-child(3) {
        border-right: 1px solid #e6e6e6;
        padding-top: 1.111vw; /* 16px */
        padding-right: 1.25vw /* 18px */
      }

body .accordion-body .wrap-size:nth-child(3) .size {
          top: 2.778vw; /* 40px */
          left: 0;
          right: 1.25vw; /* 18px */
          margin: 0 auto;
          width: fit-content;
        }

body .accordion-body .wrap-size:nth-child(4) {
        padding-top: 1.111vw; /* 16px */
        padding-left: 1.25vw /* 18px */
      }

body .accordion-body .wrap-size:nth-child(4) .size {
          top: 2.778vw; /* 40px */
          left: 2.361vw; /* 34px */
          right: 0;
          width: 5.556vw; /* 80px */
        }

body .wrap-accordion-body {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.3s ease-out;
    overflow: hidden;
    min-height: 0;
  }

body .accordion-item.active .wrap-accordion-body {
      grid-template-rows: 1fr;
    }

body .accordion-item .wrap-accordion-body.visible {
      overflow: visible;
    }

body .accordion-item.active {
    overflow: visible;
  }

body .accordion-item.active .accordion-icon {
    transform: rotate(270deg);
  }

body .accordion-body .button-gide {
    background: var(--background-main);
    font-family: var(--manrope);
    font-weight: 700;
    line-height: 110%;
    color: #262626;
    transition: all 0.3s ease-out;
  }

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

body .mini-card {
    box-sizing: border-box;
    border: 1px solid rgba(0, 0, 0, 0.05);
    border-radius: 1.111vw; /* 16px */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: all 0.3s ease-out;
  }

body .mini-card-text {
    font-family: var(--manrope);
    font-weight: 600;
    line-height: 120%;
    letter-spacing: -0.02em;
    color: var(--main-black);
  }

body .mini-card-content {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-end
  }

body .mini-card-content img {
      background: var(--background-main);
      transform: rotate(180deg);
      border-radius: 5.556vw; /* 80px */
      padding: 0.417vw; /* 6px */
    }

body .specs-row {
    display: flex;
    align-items: center;
    margin-bottom: 0.833vw; /* 12px */
    gap: 0.278vw /* 4px */
  }

body .specs-row:first-child {
      padding-top: 1.111vw; /* 16px */
    }

body .specs-row:last-child {
      margin-bottom: 0;
    }

body .specs-name {
    white-space: nowrap;
    font-family: var(--manrope);
    font-weight: 600;
    line-height: 140%;
    letter-spacing: -0.01em;
    color: #7b7b7b;
  }

body .specs-dash {
    flex-grow: 1;
    height: 1px;
    background: #d9d9d9;
    margin: 0 0.278vw; /* 4px */
  }

body .specs-wrap {
    display: flex;
    flex-direction: row;
    gap: 2px;
    flex-wrap: wrap;
  }

body #loadMoreBtnMob {
    display: none;
  }

body .specs-value {
    white-space: nowrap;
    font-family: var(--manrope);
    font-weight: 600;
    line-height: 140%;
    letter-spacing: -0.01em;
    text-align: right;
    color: #262626;
  }

body .tooltip {
    text-decoration: underline;
    text-decoration-skip-ink: none;
    cursor: pointer;
    position: relative;
    transition: all 0.3s ease-out;
  }

body .specs-value.tooltip::after {
    content: "Смотреть все";
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    background: var(--white);
    border: 1px solid #dde0e8;
    border-radius: 0.556vw; /* 8px */
    padding: 0.556vw 0.417vw; /* 8px 6px */
    width: 6.319vw; /* 91px */
    height: 2.778vw; /* 40px */
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-out;
    white-space: nowrap;
    z-index: 10;
    font-family: var(--manrope);
    font-weight: 400;
    font-size: 0.833vw; /* 12px */
    line-height: 200%;
    color: #1d2641;
    box-sizing: border-box;
    box-shadow:
      0 0 0 0 rgba(49, 48, 64, 0.05),
      0 2px 0.278vw 0 rgba(49, 48, 64, 0.05),
      -0.069vw 0.556vw 0.556vw 0 rgba(49, 48, 64, 0.04),
      /* 4px -1px 8px 8px */ -0.139vw 1.25vw 0.764vw 0 rgba(49, 48, 64, 0.03),
      /* -2px 18px 11px */ -0.278vw 2.222vw 0.903vw 0 rgba(49, 48, 64, 0.01),
      /* -4px 32px 13px */ -0.417vw 3.472vw 0.972vw 0 rgba(49, 48, 64, 0); /* -6px 50px 14px */
  }

body .answers-text {
    letter-spacing: -0.02em;
    color: var(--main-black);
    margin-top: 0.833vw /* 12px */
  }

body .answers-text a {
      color: inherit !important;
    }

body .discount-button {
    background: none;
    border: 1px solid #a8a8a8;
    border-radius: 50%;
    position: relative;
    padding: 0;
    outline: none;
    transition: all 0.3s ease-out
  }

body .discount-button::after {
      content: "";
      transition: all 0.3s ease-out;
      position: absolute;
      inset: 0.208vw; /* 3px */
      background-color: var(--brand-main);
      border-radius: 50%;
      pointer-events: none;
      opacity: 0;
      transition: opacity 0.3s ease-out;
    }

body .discount-button.active {
      border-color: var(--brand-main)
    }

body .discount-button.active::after {
        opacity: 1;
      }

body .head_f_menu {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 0.556vw; /* 8px */
  }

body .wrap_filt_h {
    display: flex;
    font-family: var(--manrope);
    font-weight: 700;
    font-size: 2.917vw; /* 42px */
    line-height: 100%;
    letter-spacing: -0.02em;
    color: var(--main-black)
  }

body .wrap_filt_h p {
      margin: 0;
    }

body .close_f_menu {
    width: 3.333vw; /* 48px */
    height: 3.333vw; /* 48px */
    cursor: pointer;
    transition: scale 0.3s ease-out;
  }

body .giud_fise_frame_modal .wrap_size {
    width: 100%;
    margin-top: 1.111vw;
    display: flex;
    flex-direction: column;
    gap: 1.389vw;
  }

body .giud_fise_frame_modal .wrap_size .size_modal {
    display: flex;
    flex-direction: row;
    gap: 0.278vw;
  }

body .giud_fise_frame_modal .wrap_size .size_modal span {
    border-radius: 69.444vw; /* 1000px */
    width: 3.889vw;
    height: 2.778vw;
    background-color: #fff;
    transition:
      background-color 0.2s ease-out,
      color 0.2s ease-out,
      opacity 0.2s ease-out;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;

    font-family: var(--manrope);
    font-weight: 600;
    font-size: 0.972vw;
    line-height: 140%;
    letter-spacing: -0.01em;
    color: #171717;
  }

body .giud_fise_frame_modal .wrap_size .size_modal span.active {
    background-color: #171717;
    color: #fff;
    cursor: default;
  }

body .giud_fise_frame_modal .about_size_frame {
    display: flex;
    flex-direction: column;
    gap: 0.556vw;
  }

body .giud_fise_frame_modal .about_size_frame > p {
    font-family: var(--manrope);
    font-weight: 700;
    font-size: 1.389vw;
    line-height: 120%;
    letter-spacing: -0.02em;
    color: #171717;
  }

body .giud_fise_frame_modal .about_size_frame > span {
    font-family: var(--manrope);
    font-weight: 500;
    font-size: 0.972vw;
    line-height: 140%;
    letter-spacing: -0.01em;
    color: #9d9d9d;
  }

body .select_size_prev {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100%;
    margin-top: 2.5vw;
  }

body .s_size_prev {
    transition:
      background-color 0.2s ease-out,
      opacity 0.2s ease-out;
    cursor: pointer;
    background-color: #fff;
    height: 5.417vw;
    padding: 1.111vw;
    border: 1px solid #ebebeb;
    display: flex;
    flex-direction: column;
    gap: 0.278vw;
  }

body .zaushnik {
    border-radius: 1.111vw 0 0 0;
  }

body .obshhaya-shirina {
    border-radius: 0 1.111vw 0 0;
  }

body .shirina-linzy {
    border-radius: 0 0 0 1.111vw;
  }

body .shirina-perenosiczy {
    border-radius: 0 0 1.111vw 0;
  }

body .s_size_prev > p {
    font-family: var(--manrope);
    font-weight: 500;
    font-size: 0.972vw;
    line-height: 140%;
    letter-spacing: -0.01em;
    color: #9d9d9d;
    transition: color 0.2s ease-out;
  }

body .s_size_prev > span {
    font-family: var(--manrope);
    font-weight: 500;
    font-size: 1.111vw;
    line-height: 140%;
    letter-spacing: -0.01em;
    color: #171717;
    transition: color 0.2s ease-out;
  }

body .s_size_prev.active {
    background-color: #171717;
    cursor: default;
  }

body .s_size_prev.active > p {
    color: #747474;
  }

body .s_size_prev.active > span {
    color: #fff;
  }

body .wrap_appr_size {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 5.833vw;
    padding: 1.389vw 2.778vw;
    background-color: #f7f7f7;
  }

body .wrap_appr_size .appr_size {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 3.056vw;
    border-radius: 0.556vw;
    background-color: #171717;
    cursor: pointer;
    transition: opacity 0.2s ease-out;

    font-family: var(--manrope);
    font-weight: 600;
    font-size: 1.111vw;
    line-height: 100%;
    letter-spacing: -0.02em;
    text-align: center;
    color: #fff;
  }

body .wrap_size_prev {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    width: 100%;
  }

body .frame_size_prev {
    height: 12.986vw;
    margin-top: 2.5vw;
    position: relative;
  }

body .frame_size_prev .prof,
body .frame_size_prev .fas {
    width: 30.556vw;
    height: 10.208vw;
    pointer-events: none;
    position: absolute;
    z-index: 1;
    transition: opacity 0.2s ease-out;
  }

body .frame_size_prev .prof {
    opacity: 0;
  }

body .frame_size_prev:has(.zaushnik) .prof {
    opacity: 1;
  }

body .frame_size_prev:has(.zaushnik) .fas {
    opacity: 0;
  }

body .frame_size_prev .prof.active,
body .frame_size_prev .fas.active {
    opacity: 1;
  }

body .frame_size_prev .wrap_line_size {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
    transition: padding 0.2s ease-out;
  }

body .frame_size_prev .wrap_line_size > p {
    font-family: var(--manrope);
    font-weight: 500;
    font-size: 1.111vw;
    line-height: 140%;
    letter-spacing: -0.01em;
    text-align: center;
    color: #171717;
  }

body .dynamic_size_frame {
    width: 100%;
    z-index: 1;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 0.347vw;
    margin-bottom: 0.208vw;
    transition: padding 0.2s ease-out;
    padding-left: 0;
    padding-right: 0;
  }

body .dynamic_size_frame svg {
    width: 0.694vw; /* 10px */
    height: 0.694vw; /* 10px */
  }

body .dynamic_size_frame .right_size_arrow {
    rotate: 180deg;
  }

body .dynamic_size_frame .center_size_arrow {
    width: calc(100% - 0.278vw); /* 4px */
    margin: 0 auto;
    z-index: 1;
    position: absolute;
  }

body .wrap_line_arrow {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    position: relative;
    justify-content: space-between;
  }

body .wrap_line_arrow::before {
    content: "";
    border-left: 1px solid #8e00ff;
    top: 0.694vw;
    left: 0;
    height: 0;
    transition: height 0.2s ease-out;
    position: absolute;
  }

body .wrap_line_arrow::after {
    content: "";
    border-right: 1px solid #8e00ff;
    top: 0.694vw;
    right: 0;
    height: 0;
    transition: height 0.2s ease-out;
    position: absolute;
  }

body .dynamic_size_frame.zaushnik {
    padding-left: 2.325vw;
    padding-right: 0;
  }

body .zaushnik .wrap_line_arrow::before {
    height: 4.306vw;
  }

body .zaushnik .wrap_line_arrow::after {
    height: 9.167vw;
  }

body .dynamic_size_frame.obshhaya-shirina {
    padding-left: 0;
    padding-right: 0;
  }

body .obshhaya-shirina .wrap_line_arrow::before {
    height: 3.472vw;
  }

body .obshhaya-shirina .wrap_line_arrow::after {
    height: 3.472vw;
  }

body .wrap_line_size:has(.shirina-linzy) {
    padding-left: 2.431vw;
    padding-right: 18.056vw;
  }

body .dynamic_size_frame.shirina-linzy {
    padding-left: 0;
    padding-right: 0;
  }

body .shirina-linzy .wrap_line_arrow::before {
    height: 3.472vw;
  }

body .shirina-linzy .wrap_line_arrow::after {
    height: 3.472vw;
  }

body .dynamic_size_frame.shirina-perenosiczy {
    padding-left: 13.125vw;
    padding-right: 12.917vw;
  }

body .shirina-perenosiczy .wrap_line_arrow::before {
    height: 4.167vw;
  }

body .shirina-perenosiczy .wrap_line_arrow::after {
    height: 4.167vw;
  }

body .wrap_body_guid {
    display: flex;
    flex-shrink: 1;
    overflow: auto;
    width: 100%;
    flex-direction: column;
    height: -webkit-fill-available;
  }

body .giud_text {
    display: flex;
    flex-direction: column;
    gap: 1.667vw; /* 24px */
    margin-top: 4.444vw; /* 64px */
    margin-bottom: 1.389vw; /* 20px */
  }

body .giud_text .wrap_head_guid_text {
    display: flex;
    flex-direction: column;
    gap: 1.111vw; /* 16px */
  }

body .giud_text .wrap_head_guid_text .head_h_guid_text {
    font-family: var(--manrope);
    font-weight: 700;
    font-size: 2.917vw; /* 42px */
    line-height: 120%;
    letter-spacing: -0.02em;
    color: #171717;
  }

body .giud_text .wrap_head_guid_text .head_p_guid_text {
    font-family: var(--manrope);
    font-weight: 500;
    font-size: 0.972vw; /* 14px */
    line-height: 140%;
    letter-spacing: -0.01em;
    color: #171717;
  }

body .guid_step {
    display: flex;
    flex-direction: column;
    gap: 0.556vw; /* 8px */
  }

body .guid_step.giud_t {
    padding: 0;
  }

body .guid_step h3 {
    font-family: var(--manrope);
    font-weight: 700;
    font-size: 1.389vw; /* 20px */
    line-height: 140%;
    letter-spacing: -0.01em;
    color: #171717;
  }

body .guid_step ul {
    padding: 0;
  }

body .guid_step p,
body .guid_step li {
    font-family: var(--manrope);
    font-weight: 500;
    font-size: 0.972vw; /* 14px */
    line-height: 140%;
    letter-spacing: -0.01em;
    color: #171717;
  }

body .guid_step li {
    display: flex;
    flex-direction: column;
    gap: 0.278vw;
    margin-left: 1.458vw; /* 21px */
    position: relative;
  }

body .guid_step li::before {
    content: "";
    position: absolute;
    width: 0.208vw; /* 3px */
    height: 0.208vw; /* 3px */
    border-radius: 100%;
    top: 0.625vw;
    left: -0.625vw;
    background-color: #171717;
    border: 1px solid #171717;
  }

body .guid_step svg {
    width: 30.556vw; /* 440px */
    height: 11.944vw; /* 172px */
    border-radius: 1.111vw; /* 16px */
    margin: 0 auto;
  }

body .guid_step svg.mobile {
    display: none;
  }

body .guid_step svg[data-guid-step="1"] {
    height: 9.722vw; /* 140px */
  }

body .guid_step p {
    display: inline;
  }

body .guid_step p span {
    font-weight: 700;
  }

body .giud_text h2,
body .giud_text h3 {
    margin: 0;
    padding: 0;
  }

body .wrap_guid_table {
    width: 100%;
    overflow: visible;
  }

body .guid_table {
    display: grid;
    grid-template-columns: 1fr 1px 1fr 1px 1fr 1px 1fr;
    border-radius: 1.111vw; /* 16px */
    border: 0.069vw solid #ebebeb; /* 1px */
    width: 100%;
    min-width: 30.556vw; /* 440px */
    margin-top: 0.556vw; /* 8px */
  }

body .guid_table .wrap_line_table {
    background-color: #ebebeb;
  }

body .guid_table .column_guid {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 1px 1fr 1px 1fr 1px 1fr 1px 1fr;
    border-radius: 1.111vw 0 0 1.111vw;
  }

body .guid_table .column_guid:first-child {
    background-color: #f0f0f0;
  }

body .guid_table .cell_guid {
    padding: 1.111vw; /* 16px */
  }

body .guid_table .column_guid:first-child .cell_guid {
    padding: 0.556vw 1.111vw; /* 8px 16px */
  }

body .column_guid .wrap_line_table {
    width: calc(100% - 2.222vw); /* 32px */
    margin-left: 1.111vw; /* 16px */
  }

body .guid_table .cell_guid {
    min-height: 2.778vw; /* 40px */
    display: flex;
    align-items: center;

    font-family: var(--manrope);
    font-weight: 500;
    font-size: 1.111vw; /* 16px */
    line-height: 140%;
    letter-spacing: -0.01em;
    color: #171717;
  }

body .guid_table .column_guid:first-child .cell_guid {
    font-size: 0.972vw; /* 14px */
  }

body .wrap_guid_table::-webkit-scrollbar {
    height: 0.417vw; /* 6px */
  }

body .wrap_guid_table::-webkit-scrollbar-track {
    background-color: #fff;
  }

body .wrap_guid_table::-webkit-scrollbar-thumb {
    background-color: #ab4cf7;
    border-radius: 1.111vw; /* 16px */ /* 1000px */
  }

body .popupAvailability,
body .popup,
body .popupFitting,
body .popupGuide,
body .popup-reviews,
body .popup-questions {
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    justify-content: flex-end;
    width: 100vw;
    height: 100%;
    background-color: transparent;
    z-index: 21;
    transition: all 0.3s ease-out;
    pointer-events: none;
    z-index: 999999999;
  }

body .popupFitting-content {
    background: var(--background-main);
    position: relative;
    box-sizing: border-box;
    transform: translateX(100%);
    transition: all 0.3s ease-out;
  }

body .nalichie-v-salonah .popupFitting-content {
    padding: 0;
  }

body .nalichie-v-salonah .popupFitting-content {
    padding: 2.778vw;
    padding-bottom: 0
  }

body .nalichie-v-salonah .popupFitting-content > [data-elementor-type="section"] {
      display: flex;
      flex-direction: column;
      height: 100%
    }

body .nalichie-v-salonah .popupFitting-content > [data-elementor-type="section"] .scroll-window {
        overflow: auto;
        padding-bottom: 2.778vw
      }

body .nalichie-v-salonah .popupFitting-content > [data-elementor-type="section"] .scroll-window::-webkit-scrollbar {
          display: none;
          width: 0;
        }

body .giud_fise_frame_modal {
    background: var(--background-main);
    padding-bottom: 0;
    position: relative;
    width: 36.111vw; /* 520px */
    box-sizing: border-box;
    transform: translateX(100%);
    transition: all 0.3s ease-out;
    overflow: auto;
  }

body .popupAvailability.show .popupFitting-content,
body .popup.show .popupFitting-content,
body .popup-reviews.show .popupFitting-content,
body .popupFitting.show .popupFitting-content,
body .popup-questions.show .popupFitting-content,
body .popupGuide.show .giud_fise_frame_modal {
    transform: translateX(0);
  }

body .close-icon {
    background: #ededed;
    border-radius: 1000%;
    padding: 0.833vw; /* 12px */
    width: 3.333vw; /* 48px */
    height: 3.333vw; /* 48px */
    align-items: center;
    justify-content: center;
    display: flex
  }

body .close-icon img {
      width: 70%;
    }

body .popupAvailability-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

body .popupAvailability-title {
    font-family: var(--manrope);
    font-weight: 700;
    font-size: 2.917vw; /* 42px */
    line-height: 100%;
    letter-spacing: -0.02em;
    color: var(--main-black);
    margin-bottom: 0.556vw; /* 8px */
  }

body .popupAvailability-city {
    font-family: var(--manrope);
    font-weight: 500;
    font-size: 1.667vw; /* 24px */
    line-height: 120%;
    color: #262626;
    padding-bottom: 2.778vw; /* 40px */
    border-bottom: 1px solid var(--gray-3);
  }

body .popupFitting .popupFitting-content .popupFitting-header {
        font-family: var(--manrope);
        font-weight: 700;
        font-size: 2.917vw; /* 42px */
        line-height: 100%;
        letter-spacing: -0.02em;
        color: var(--main-black);
        display: flex;
        justify-content: space-between;
        padding-bottom: 1.389vw; /* 20px */
      }

body .popupFitting .popupFitting-content .popupFitting-box-wrap {
        display: flex;
        flex-direction: column;
        flex-grow: 1;
        overflow: auto
      }

body .popupFitting .popupFitting-content .popupFitting-box-wrap::-webkit-scrollbar {
          width: 0;
          display: none;
        }

body .popupFitting .popupFitting-content .popupFitting-box-wrap .popupFitting-box {
          margin-bottom: 2.778vw; /* 40px */
          display: flex;
          flex-direction: column;
          gap: 1.667vw; /* 24px */
        }

body .popupFitting .popupFitting-content .popupFitting-box-wrap .popupFitting-delivery {
          box-sizing: border-box;
          background: var(--white);
          border-radius: 1.111vw; /* 16px */
          padding: 1.389vw; /* 20px */
          width: 100%;
        }

body .popupFitting .popupFitting-content .popupFitting-box-wrap .popupFitting-item-title {
          font-family: var(--manrope);
          font-weight: 600;
          font-size: 1.389vw; /* 20px */
          line-height: 120%;
          letter-spacing: -0.02em;
          color: var(--main-black);
          margin-bottom: 0.556vw /* 8px */
        }

body .popupFitting .popupFitting-content .popupFitting-box-wrap .popupFitting-item-title br {
            content: none;
            display: none;
          }

body .popupFitting .popupFitting-content .popupFitting-box-wrap .popupFitting-item-text {
          font-family: var(--manrope);
          font-weight: 500;
          font-size: 1.111vw; /* 16px */
          line-height: 140%;
          letter-spacing: -0.01em;
          color: var(--main-black);
          opacity: 0.6;
        }

body .popupAvailability-flex {
    display: flex;
    gap: 0.556vw; /* 8px */
  }

body .popupAvailability-item {
    padding: 0.556vw 0; /* 8px */
    border-bottom: 1px solid var(--gray-3);
    display: flex;
    gap: 0.556vw; /* 8px */
  }

body .popupAvailability-city-info {
    flex: 1;
    display: flex;
    flex-direction: column;
  }

body .popupAvailability-img {
    flex: 1;
  }

body .button-map {
    background: rgba(23, 23, 23, 0.05);
    border-radius: 0.556vw; /* 8px */
    width: 100%;
    padding: 0.972vw; /* 14px */
    height: 3.056vw; /* 44px */
    font-family: var(--manrope);
    font-weight: 600;
    font-size: 1.111vw; /* 16px */
    line-height: 100%;
    letter-spacing: -0.02em;
    text-align: center;
    color: var(--main-black);
    transition: all 0.3s ease-out;
  }

body .popupAvailability-address {
    font-family: var(--manrope);
    font-weight: 600;
    font-size: 1.25vw; /* 18px */
    line-height: 140%;
    letter-spacing: -0.01em;
    text-decoration: underline;
    text-decoration-skip-ink: none;
    color: #000;
    margin-bottom: 0.833vw; /* 12px */
  }

body .popupAvailability-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 0.556vw; /* 8px */
    flex: 1;
  }

body .popupAvailability-text {
    font-family: var(--manrope);
    font-weight: 500;
    font-size: 0.972vw; /* 14px */
    line-height: 140%;
    letter-spacing: -0.01em;
    color: var(--main-black);
  }

body .popupAvailability-phone {
    padding-top: 0.556vw; /* 8px */
    text-decoration: underline;
    text-decoration-skip-ink: none;
  }

body .glasses-size-flex {
    display: flex;
    gap: 0.278vw; /* 4px */
    font-family: var(--manrope);
    font-weight: 600;
    font-size: 0.972vw; /* 14px */
    line-height: 140%;
    letter-spacing: -0.01em;
    margin-bottom: 1.389vw; /* 20px */
  }

body .glasses-size {
    border-radius: 694.444vw; /* 10000px */
    padding: 0.694vw 0.833vw; /* 10px 12px */
    width: 3.889vw; /* 56px */
    height: 2.778vw; /* 40px */
    background: var(--white)
  }

body .glasses-size:active {
      background: var(--main-black);
      color: var(--white);
    }

body .glasses-size-title {
    font-family: var(--manrope);
    font-weight: 700;
    font-size: 1.389vw; /* 20px */
    line-height: 120%;
    letter-spacing: -0.02em;
    color: var(--main-black);
  }

body .guide-table {
    margin-top: 2.5vw; /* 36px */
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    margin-bottom: 4.444vw; /* 64px */
  }

body .guide-table-item {
    padding: 1.111vw; /* 16px */
    border: 1px solid #ebebeb;
  }

body .popup-title {
    font-family: var(--manrope);
    font-weight: 700;
    font-size: 2.917vw; /* 42px */
    line-height: 120%;
    letter-spacing: -0.02em;
    color: var(--main-black);
  }

body .popup-gray-text {
    font-family: var(--manrope);
    font-weight: 500;
    font-size: 0.972vw; /* 14px */
    line-height: 140%;
    letter-spacing: -0.01em;
    color: var(--gray-—-2);
  }

body .mb-4 {
    margin-bottom: 0.278vw; /* 4px */
  }

body .popup-text-500 {
    font-family: var(--manrope);
    font-weight: 500;
    font-size: 1.111vw; /* 16px */
    line-height: 140%;
    letter-spacing: -0.01em;
    color: var(--main-black);
  }

body .popup-text-700 {
    font-family: var(--manrope);
    font-weight: 700;
    font-size: 1.389vw; /* 20px */
    line-height: 140%;
    letter-spacing: -0.01em;
    color: var(--main-black);
  }

body .guide-table-item-black {
    background: var(--main-black);
    border-color: var(--main-black)
  }

body .guide-table-item-black .popup-gray-text {
      color: rgba(255, 255, 255, 0.4);
    }

body .guide-table-item-black .popup-text-500 {
      color: var(--white);
    }

body .mb-16 {
    margin-bottom: 1.111vw; /* 16px */
  }

body .mb-24 {
    margin-bottom: 1.667vw; /* 24px */
  }

body .mb-8 {
    margin-bottom: 0.556vw; /* 8px */
  }

body .guide-img-1 {
    background: #ebebeb;
    border-radius: 1.111vw; /* 16px */
    width: 30.556vw; /* 440px */
    height: 9.722vw; /* 140px */
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0.556vw 0; /* 8px */
  }

body .choose-size {
    background: var(--main-black);
    border-radius: 0.556vw; /* 8px */
    padding: 0.972vw 1.389vw; /* 14px 20px */
    width: 100%;
    height: 3.056vw; /* 44px */
    color: var(--white);
    border: none;
    text-align: center;
    font-family: var(--manrope);
    font-weight: 600;
    font-size: 1.111vw; /* 16px */
    line-height: 100%;
    letter-spacing: -0.02em;
    text-align: center;
    color: var(--white);
    transition: all 0.3s ease-out;
  }

body .img-bridge-length {
    margin-top: 2.639vw /* 38px */
  }

body .img-bridge-length img {
      width: 100%;
    }

body .guide-table-size {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    margin: 1.111vw 0; /* 16px */
  }

body .guide-table-size-name {
    border: 1px solid #ebebeb;
    border-radius: 1.111vw 0 0 1.111vw; /* 16px 16px */
    background: var(--gray-—-1);
    padding: 1.111vw; /* 16px */
    font-family: var(--manrope);
    font-weight: 500;
    font-size: 0.972vw; /* 14px */
    line-height: 140%;
    letter-spacing: -0.01em;
    color: var(--main-black);
  }

body .guide-table-el {
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 0.417vw; /* 6px */
    margin-bottom: 0.417vw; /* 6px */
    height: 2.778vw; /* 40px */
    display: flex;
    justify-content: center;
    align-items: center;
  }

body .guide-table-column {
    border-bottom: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb;
    border-top: 1px solid #ebebeb;
    padding: 1.111vw; /* 16px */
  }

body .guide-table-column-last {
    border-bottom: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb;
    border-top: 1px solid #ebebeb;
    border-radius: 0 1.111vw 1.111vw 0; /* 16px 16px */
    padding: 1.111vw; /* 16px */
  }

body .popupGuide-footer {
    position: fixed;
    bottom: 0;
    width: 36.111vw; /* 520px */
    background: var(--background-main);
    padding: 1.389vw 2.778vw; /* 20px 40px */
    box-sizing: border-box;
    z-index: 1001;
    display: none;
  }

body .button-chat {
    position: fixed;
    z-index: 18;
    opacity: 0;
    transition: opacity 0.3s ease-out
  }

body .button-chat a {
      background: #f0ff9c;
      font-family: var(--manrope);
      font-weight: 500;
      line-height: 96%;
      letter-spacing: -0.02em;
      color: #028112;
      display: flex;
      align-items: center;
      gap: 0.556vw; /* 8px */
    }

body .feedbacks-questions {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin-bottom: 7.778vw; /* 112px */
    gap: 9.583vw
  }

body .feedbacks-questions .flex-tab {
      display: flex;
      flex-wrap: nowrap;
      gap: 0.556vw; /* 8px */
    }

body .feedbacks-questions .feedbacks-container {
      width: 60.556vw; /* 872px */
      flex-shrink: 0
    }

body .feedbacks-questions .feedbacks-container .tabs {
        display: flex
      }

body .feedbacks-questions .feedbacks-container .tabs .tab {
          font-size: 2.222vw; /* 32px */
          cursor: pointer;
          font-family: var(--manrope);
          font-weight: 500;
          line-height: 96%;
          letter-spacing: -0.02em;
          color: #bfbfbf;
          padding-bottom: 1.25vw; /* 18px */
          position: relative;
          transition: color 0.3s ease-out;
          overflow: hidden
        }

body .feedbacks-questions .feedbacks-container .tabs .tab:nth-child(1) {
            padding-right: 1.111vw; /* 16px */
          }

body .feedbacks-questions .feedbacks-container .tabs .tab:nth-child(2) {
            padding-left: 1.111vw; /* 16px */
          }

body .feedbacks-questions .feedbacks-container .tabs .tab::before {
            content: "";
            position: absolute;
            left: 0;
            bottom: 0;
            pointer-events: none;
            width: 100%;
            height: 2px;
            background-color: #bfbfbf;
            transform: translateY(1px);
            transition: transform 0.3s ease-out;
          }

body .feedbacks-questions .feedbacks-container .tabs .tab .quantity-number {
            font-family: var(--manrope);
            font-weight: 600;
            font-size: 1.25vw; /* 18px */
            line-height: 136%;
            letter-spacing: -0.02em;
          }

body .feedbacks-questions .feedbacks-container .tabs .tab.active {
            color: var(--main-black)
          }

body .feedbacks-questions .feedbacks-container .tabs .tab.active::before {
              background-color: var(--main-black);
              transform: translateY(0px);
            }

body .feedbacks-questions .feedbacks-container .tab-content {
        margin-top: 2.778vw; /* 40px */
        display: none;
        flex-direction: column;
        gap: 2.778vw /** 40px */
      }

body .feedbacks-questions .feedbacks-container .tab-content .no-content {
          font-family: var(--manrope);
          font-weight: 500;
          font-size: 20px; /* 20px */
          line-height: 130%;
          letter-spacing: -0.02em;
          color: var(--main-black);
        }

body .feedbacks-questions .feedbacks-container .tab-content .question-item {
          padding-top: 2.778vw; /** 40px */
          border-top: 1px solid var(--gray-3)
        }

body .feedbacks-questions .feedbacks-container .tab-content .question-item .question-flex {
            display: flex;
            justify-content: space-between;
            flex-direction: row;
            gap: 2.222vw /** 32px */
          }

body .feedbacks-questions .feedbacks-container .tab-content .question-item .question-flex .question {
              font-family: var(--manrope);
              font-weight: 700;
              font-size: 1.389vw; /* 20px */
              line-height: 130%;
              letter-spacing: -0.02em;
              color: var(--main-black);
            }

body .feedbacks-questions .feedbacks-container .tab-content .question-item .question-flex .question-date {
              font-family: var(--manrope);
              font-weight: 600;
              font-size: 1.111vw; /* 16px */
              line-height: 100%;
              text-align: right;
              color: #bfbfbf;
              flex-shrink: 0;
            }

body .feedbacks-questions .feedbacks-container .tab-content .question-item .question-author {
            font-family: var(--manrope);
            font-weight: 600;
            font-size: 1.111vw; /* 16px */
            line-height: 120%;
            letter-spacing: -0.02em;
            color: #bfbfbf;
            margin-top: 0.278vw; /** 4px */
          }

body .feedbacks-questions .feedbacks-container .tab-content .question-item .answer-author {
            margin-top: 1.389vw; /** 20px */
            display: flex;
            flex-direction: row;
            align-items: center;
            gap: 0.556vw /* 8px */
          }

body .feedbacks-questions .feedbacks-container .tab-content .question-item .answer-author .logo-name {
              display: flex;
              flex-direction: row;
              align-items: center;
              gap: 0.278vw
            }

body .feedbacks-questions .feedbacks-container .tab-content .question-item .answer-author .logo-name img {
                pointer-events: none;
                padding: 0.208vw; /* 3px */
                width: 2.5vw; /* 36px */
                height: 2.5vw; /* 36px */
                object-fit: contain;
              }

body .feedbacks-questions .feedbacks-container .tab-content .question-item .answer-author .logo-name .name {
                font-family: var(--manrope);
                font-weight: 800;
                font-size: 1.389vw; /* 20px */
                line-height: 110%;
                letter-spacing: -0.01em;
                color: #262626;
              }

body .feedbacks-questions .feedbacks-container .tab-content .question-item .answer-author .mark {
              pointer-events: none;
              object-fit: contain;
              width: 0.833vw; /* 12px */
              height: 0.833vw; /* 12px */
            }

body .feedbacks-questions .feedbacks-container .tab-content .question-item .answer {
            font-family: var(--manrope);
            font-weight: 600;
            font-size: 1.25vw; /* 18px */
            line-height: 140%;
            letter-spacing: -0.02em;
            color: var(--main-black);
            margin-top: 0.556vw; /** 8px */
          }

body .feedbacks-questions .feedbacks-container .tab-content > *.question-item:nth-child(1) {
          padding-top: 0;
          border-top: unset;
        }

body .feedbacks-questions .feedbacks-container .tab-content.active {
          display: flex;
        }

body .feedbacks-questions .feedbacks-container .tab-content .play-icon {
          position: absolute;
          width: 4.444vw; /** 64px */
          height: 4.444vw; /** 64px */
          display: flex;
          align-items: center;
          justify-content: center;
          border-radius: 100%;
          background-color: rgba(255, 255, 255, 0.2);

          inset: 0;
          margin: auto
        }

body .feedbacks-questions .feedbacks-container .tab-content .play-icon svg {
            width: 2.917vw; /** 42px */
            height: 2.778vw; /** 40px */
          }

body .feedbacks-questions .feedbacks-container .tab-content .reviews-gallery {
          display: flex;
          gap: 0.556vw; /* 8px */
          margin-bottom: 2.778vw /* 40px */
        }

body .feedbacks-questions .feedbacks-container .tab-content .reviews-gallery .review-photo {
            overflow: hidden;
            position: relative;
            display: flex;
            width: 100%;
            height: 16.944vw; /* 244px */
            max-width: 11.667vw; /* 168px */
            cursor: pointer;
            border-radius: 1.111vw /* 16px */
          }

body .feedbacks-questions .feedbacks-container .tab-content .reviews-gallery .review-photo:has(.no-poster) {
              background-color: #bababa;
            }

body .feedbacks-questions .feedbacks-container .tab-content .reviews-gallery .review-photo img {
              width: 100%;
              height: 100%;
              object-fit: cover;
            }

body .feedbacks-questions .feedbacks-container .tab-content .reviews-gallery .review-photo.review-photo-more {
              position: relative;
              transition: all 0.3s ease-out
            }

body .feedbacks-questions .feedbacks-container .tab-content .reviews-gallery .review-photo.review-photo-more .more-photos-text {
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                z-index: 1;
                font-family: var(--manrope);
                font-weight: 500;
                font-size: 2.222vw; /* 32px */
                line-height: 96%;
                letter-spacing: -0.02em;
                color: var(--white);
              }

body .feedbacks-questions .feedbacks-container .tab-content .reviews-gallery + .review-item {
          padding-top: 0;
          border: none;
        }

body .feedbacks-questions .feedbacks-container .tab-content .review-item {
          display: flex;
          flex-direction: column;
          padding-top: 2.778vw; /** 40px */
          border-top: 1px solid var(--gray-3);
          gap: 1.667vw /** 24px */
        }

body .feedbacks-questions .feedbacks-container .tab-content .review-item .review-header {
            display: flex;
            justify-content: space-between;
            align-items: center
          }

body .feedbacks-questions .feedbacks-container .tab-content .review-item .review-header .review-author {
              display: flex;
              align-items: center;
              gap: 0.556vw /* 8px */
            }

body .feedbacks-questions .feedbacks-container .tab-content .review-item .review-header .review-author .review-avatar {
                width: 2.222vw; /** 32px */
                height: 2.222vw; /** 32px */
                object-fit: cover;
                pointer-events: none;
                border-radius: 100%
              }

body .feedbacks-questions .feedbacks-container .tab-content .review-item .review-header .review-author .review-avatar.no-img {
                  background-color: var(--gray-3);
                  display: flex;
                  align-items: center;
                  justify-content: center;

                  font-family: var(--font-family);
                  font-weight: 600;
                  font-size: 1.528vw; /** 22px */
                  line-height: 120%;
                  letter-spacing: -0.02em;
                  color: #bfbfbf;
                }

body .feedbacks-questions .feedbacks-container .tab-content .review-item .review-header .review-author .author-name {
                font-family: var(--manrope);
                font-weight: 600;
                line-height: 120%;
                letter-spacing: -0.02em;
                color: var(--main-black);
                font-size: 1.528vw; /* 22px */
              }

body .feedbacks-questions .feedbacks-container .tab-content .review-item .review-header .review-date {
              text-align: right;
              display: flex;
              flex-direction: column;
              gap: 0.556vw /* 8px */
            }

body .feedbacks-questions .feedbacks-container .tab-content .review-item .review-header .review-date .date-rew {
                font-family: var(--manrope);
                font-weight: 600;
                line-height: 100%;
                color: var(--main-black);
                font-size: 1.111vw; /* 16px */
              }

body .feedbacks-questions .feedbacks-container .tab-content .review-item .review-header .review-date .review-stars {
                display: flex;
                flex-direction: row;
                margin-left: auto;
                width: fit-content;
                gap: 2px
              }

body .feedbacks-questions .feedbacks-container .tab-content .review-item .review-header .review-date .review-stars img {
                  width: 1.667vw; /* 24px */
                  height: 1.389vw /* 20px */
                }

body .feedbacks-questions .feedbacks-container .tab-content .review-item .review-header .review-date .review-stars img.disable {
                    opacity: 0.2;
                  }

body .feedbacks-questions .feedbacks-container .tab-content .review-item .review-text {
            font-family: var(--manrope);
            font-weight: 600;
            line-height: 130%;
            letter-spacing: -0.02em;
            color: var(--main-black);
            font-size: 1.25vw; /* 18px */
          }

body .feedbacks-questions .feedbacks-container .tab-content .review-item .review-photos {
            display: flex;
            flex-direction: row;
            gap: 0.556vw; /* 8px */
            margin-top: 1.667vw /* 24px */
          }

body .feedbacks-questions .feedbacks-container .tab-content .review-item .review-photos > :nth-child(n + 5) {
              display: none;
            }

body .feedbacks-questions .feedbacks-container .tab-content .review-item .review-photos .review-photo-thumbnail {
              object-fit: cover;
              border-radius: 1.111vw; /* 16px */
              flex: 1;
              width: 100%;
              height: 20.833vw; /* 300px */
              cursor: pointer;
              position: relative;
              max-width: 50%;
              overflow: hidden
            }

body .feedbacks-questions .feedbacks-container .tab-content .review-item .review-photos .review-photo-thumbnail:has(.no-poster) {
                background-color: #bababa;
              }

body .feedbacks-questions .feedbacks-container .tab-content .review-item .review-photos .review-photo-thumbnail img {
                max-width: unset;
                object-fit: cover;
                width: 100%;
                height: 100%;
              }

body .feedbacks-questions .feedbacks-container .tab-content .review-item .review-photos.max-photos {
              display: grid;
              grid-template-columns: repeat(4, 1fr);
              grid-template-rows: 1fr 1fr
            }

body .feedbacks-questions .feedbacks-container .tab-content .review-item .review-photos.max-photos .review-photo-thumbnail {
                grid-row: span 2
              }

body .feedbacks-questions .feedbacks-container .tab-content .review-item .review-photos.max-photos .review-photo-thumbnail:nth-child(3) {
                  grid-row: 1/2;
                  grid-column: 3/4;
                }

body .feedbacks-questions .feedbacks-container .tab-content .review-item .review-photos.max-photos .review-photo-thumbnail:nth-child(4) {
                  grid-row: 2/3;
                  grid-column: 3/4;
                }

body .feedbacks-questions .feedback-card {
      /* width: 23.889vw; 344px */
      width: fit-content;
      position: sticky;
      margin-top: 6.181vw; /** 89px */
      top: 10.889vw; /* 128px */
      box-sizing: border-box;
      height: fit-content;
      gap: 1.111vw; /* 16px */
      display: flex;
      flex-direction: column
    }

body .feedbacks-questions .feedback-card .feedback-card-header {
        display: flex;
        flex-direction: row;
        gap: 1.111vw /* 16px */
      }

body .feedbacks-questions .feedback-card .feedback-card-header .feedback-card-img {
          width: 8.889vw; /* 128px */
          border-radius: 0.833vw; /* 12px */
          object-fit: cover;
          height: 9.722vw; /* 140px */
        }

body .feedbacks-questions .feedback-card .feedback-card-header .feedback-card-title-wrap {
          display: flex;
          flex-direction: column;
          flex-grow: 1;
          width: auto;
          gap: 0.278vw /** 4px */
        }

body .feedbacks-questions .feedback-card .feedback-card-header .feedback-card-title-wrap .feedback-card-text {
            font-family: var(--manrope);
            font-weight: 600;
            font-size: 1.111vw; /* 16px */
            line-height: 130%;
            color: #262626;
          }

body .feedbacks-questions .feedback-card .feedback-card-header .feedback-card-title-wrap .feedback-card-title {
            font-family: var(--manrope);
            font-weight: 700;
            line-height: 120%;
            color: #262626;
            font-size: 1.944vw; /* 28px */
          }

body .feedbacks-questions .feedback-card .feedback-card-body {
        display: flex;
        flex-direction: row;
        gap: 1.458vw /* 21px */
      }

body .feedbacks-questions .feedback-card .feedback-card-body .feedback-wrap-mark {
          display: flex;
          flex-direction: column;
          gap: 0.556vw; /** 8px */
          width: 7.639vw /** 110px */
        }

body .feedbacks-questions .feedback-card .feedback-card-body .feedback-wrap-mark .feedback-mark {
            font-family: var(--manrope);
            font-weight: 700;
            font-size: 2.917vw; /* 42px */
            line-height: 120%;
            color: #262626;
          }

body .feedbacks-questions .feedback-card .feedback-card-body .feedback-wrap-mark .review-stars {
            /* Для зафиксированного блока справа */
            display: flex;
            flex-direction: row;
            width: fit-content;
            gap: 2px
          }

body .feedbacks-questions .feedback-card .feedback-card-body .feedback-wrap-mark .review-stars img {
              width: 1.667vw; /* 24px */
              height: 1.389vw /* 20px */
            }

body .feedbacks-questions .feedback-card .feedback-card-body .feedback-wrap-mark .review-stars img.disable {
                opacity: 0.2;
              }

body .feedbacks-questions .feedback-card .feedback-card-body .feedback-wrap-mark .feedback-card-text {
            font-family: var(--manrope);
            font-weight: 600;
            font-size: 1.111vw; /* 16px */
            line-height: 130%;
            color: #262626;
          }

body .feedbacks-questions .feedback-card .feedback-card-body .marks-container {
          display: flex;
          flex-direction: column;
          gap: 0.556vw; /* 8px */
          flex-grow: 1
        }

body .feedbacks-questions .feedback-card .feedback-card-body .marks-container .mark-row {
            flex-wrap: nowrap;
            gap: 0.556vw; /* 8px */
            align-items: center;
            display: grid;
            grid-template-columns: 2.153vw 1fr 2.847vw
          }

body .feedbacks-questions .feedback-card .feedback-card-body .marks-container .mark-row .mark-row-value {
              font-family: var(--manrope);
              font-weight: 700;
              font-size: 1.111vw; /* 16px */
              line-height: 130%;
              color: #262626;
              display: flex;
              flex-wrap: nowrap;
              gap: 2px;
              align-items: center;
              justify-content: space-between
            }

body .feedbacks-questions .feedback-card .feedback-card-body .marks-container .mark-row .mark-row-value img {
                width: 1.667vw; /* 24px */
                height: 1.389vw; /* 20px */
              }

body .feedbacks-questions .feedback-card .feedback-card-body .marks-container .mark-row .progress-bar {
              flex-grow: 1;
              height: 1px;
              background-color: rgba(23, 23, 23, 0.15);
              position: relative
            }

body .feedbacks-questions .feedback-card .feedback-card-body .marks-container .mark-row .progress-bar .progress {
                height: 2px;
                background-color: var(--main-black);
                position: absolute;
                inset: 0;
                margin: auto;
                margin-left: 0;
              }

body .feedbacks-questions .feedback-card .feedback-card-body .marks-container .mark-row .mark-percent {
              font-family: var(--manrope);
              font-weight: 500;
              font-size: 1.111vw; /* 16px */
              line-height: 120%;
              text-align: right;
              color: #262626;
            }

@media (min-width: 728px) and (max-width: 1024px) {

    body .feedbacks-questions {
      margin-bottom: 15.385vw; /** 112px */
      gap: 6.868vw
    }

      body .feedbacks-questions .flex-tab {
        gap: 1.1vw; /* 8px */
      }

      body .feedbacks-questions .feedbacks-container {
        width: 65.522vw /* 477px */
      }
          body .feedbacks-questions .feedbacks-container .tabs .tab {
            font-size: 3.297vw; /* 24px */
            padding-bottom: 2.473vw; /* 18px */
            align-items: center
          }

            body .feedbacks-questions .feedbacks-container .tabs .tab:nth-child(1) {
              padding-right: 2.198vw; /* 16px */
            }

            body .feedbacks-questions .feedbacks-container .tabs .tab:nth-child(2) {
              padding-left: 2.198vw; /* 16px */
            }

            body .feedbacks-questions .feedbacks-container .tabs .tab .quantity-number {
              font-size: 2.473vw; /* 18px */
            }

        body .feedbacks-questions .feedbacks-container .tab-content {
          margin-top: 2.747vw; /* 20px */
          gap: 3.571vw /** 26px */
        }

          body .feedbacks-questions .feedbacks-container .tab-content .question-item {
            padding-top: 3.571vw /** 26px */
          }

            body .feedbacks-questions .feedbacks-container .tab-content .question-item .question-flex {
              gap: 4.395vw /** 32px */
            }

              body .feedbacks-questions .feedbacks-container .tab-content .question-item .question-flex .question {
                font-size: 2.748vw; /* 20px */
              }

              body .feedbacks-questions .feedbacks-container .tab-content .question-item .question-flex .question-date {
                font-size: 2.198vw; /* 16px */
              }

            body .feedbacks-questions .feedbacks-container .tab-content .question-item .question-author {
              font-size: 2.198vw; /* 16px */
              margin-top: 0.55vw; /** 4px */
            }

            body .feedbacks-questions .feedbacks-container .tab-content .question-item .answer-author {
              margin-top: 2.747vw; /** 20px */
              gap: 1.099vw /* 8px */
            }

              body .feedbacks-questions .feedbacks-container .tab-content .question-item .answer-author .logo-name {
                gap: 0.549vw /* 4px */
              }

                body .feedbacks-questions .feedbacks-container .tab-content .question-item .answer-author .logo-name img {
                  padding: 0.412vw; /* 3px */
                  width: 4.945vw; /* 36px */
                  height: 4.945vw; /* 36px */
                }

                body .feedbacks-questions .feedbacks-container .tab-content .question-item .answer-author .logo-name .name {
                  font-size: 2.747vw; /* 20px */
                }

              body .feedbacks-questions .feedbacks-container .tab-content .question-item .answer-author .mark {
                width: 1.648vw; /* 12px */
                height: 1.648vw; /* 12px */
              }

            body .feedbacks-questions .feedbacks-container .tab-content .question-item .answer {
              font-size: 2.198vw; /* 16px */
              margin-top: 1.099vwvw; /** 8px */
            }

          body .feedbacks-questions .feedbacks-container .tab-content .play-icon {
            width: 4.945vw; /** 36px */
            height: 4.945vw /** 36px */
          }

            body .feedbacks-questions .feedbacks-container .tab-content .play-icon svg {
              width: 3.709vw; /** 27px */
              height: 3.571vw; /** 26px */
            }

          body .feedbacks-questions .feedbacks-container .tab-content .reviews-gallery {
            gap: 1.1vw; /* 8px */
            margin-bottom: 1.923vw /* 14px */
          }

            body .feedbacks-questions .feedbacks-container .tab-content .reviews-gallery .review-photo {
              height: 17.033vw; /* 124px */
              max-width: 12.225vw /* 89px */
            }

              body .feedbacks-questions .feedbacks-container .tab-content .reviews-gallery .review-photo img {
                border-radius: 2.198vw; /* 16px */
              }
                body .feedbacks-questions .feedbacks-container .tab-content .reviews-gallery .review-photo.review-photo-more .more-photos-text {
                  font-size: 3.297vw; /* 24px */
                }

          body .feedbacks-questions .feedbacks-container .tab-content .reviews-gallery + .review-item {
            padding-top: 0;
            border: none;
          }

          body .feedbacks-questions .feedbacks-container .tab-content .review-item {
            padding-top: 3.571vw; /** 26px */
            gap: 3.297vw /** 24px */
          }
              body .feedbacks-questions .feedbacks-container .tab-content .review-item .review-header .review-author {
                gap: 1.1vw /* 8px */
              }

                body .feedbacks-questions .feedbacks-container .tab-content .review-item .review-header .review-author .review-avatar {
                  width: 6.319vw; /** 46px */
                  height: 6.319vw /** 46px */
                }

                  body .feedbacks-questions .feedbacks-container .tab-content .review-item .review-header .review-author .review-avatar.no-img {
                    font-size: 3.022vw; /** 22px */
                  }

                body .feedbacks-questions .feedbacks-container .tab-content .review-item .review-header .review-author .author-name {
                  font-size: 2.747vw; /* 20px */
                }

              body .feedbacks-questions .feedbacks-container .tab-content .review-item .review-header .review-date {
                gap: 1.1vw /* 8px */
              }

                body .feedbacks-questions .feedbacks-container .tab-content .review-item .review-header .review-date .date-rew {
                  font-size: 1.923vw; /* 14px */
                }
                  body .feedbacks-questions .feedbacks-container .tab-content .review-item .review-header .review-date .review-stars img {
                    width: 3.022vw; /* 22px */
                    height: 3.022vw; /* 22px */
                  }

            body .feedbacks-questions .feedbacks-container .tab-content .review-item .review-text {
              font-size: 2.198vw; /* 16px */
            }

            body .feedbacks-questions .feedbacks-container .tab-content .review-item .review-photos {
              gap: 1.1vw; /* 8px */
              margin-bottom: 3.297vw /* 24px */
            }

              body .feedbacks-questions .feedbacks-container .tab-content .review-item .review-photos .review-photo-thumbnail {
                border-radius: 2.198vw; /* 16px */
                max-width: 23.077vw; /** 168px */
                height: 27.06vw; /* 197px */
              }

      body .feedbacks-questions .feedback-card {
        /* width: min-content; */
        /* width: 23.077vw; 168px */
        margin-top: 8.516vw; /** 62px */
        top: 17.59vw; /* 128px */
        gap: 2.198vw /* 16px */
      }

        body .feedbacks-questions .feedback-card .feedback-card-header {
          gap: 2.198vw; /* 16px */
          flex-direction: column
        }

          body .feedbacks-questions .feedback-card .feedback-card-header .feedback-card-img {
            width: 100%;
            border-radius: 1.647vw; /* 12px */
            height: 19.24vw; /* 140px */
          }

          body .feedbacks-questions .feedback-card .feedback-card-header .feedback-card-title-wrap {
            gap: 0.55vw; /** 4px */
            width: 100%
          }

            body .feedbacks-questions .feedback-card .feedback-card-header .feedback-card-title-wrap .feedback-card-text {
              font-size: 2.198vw; /* 16px */
            }

            body .feedbacks-questions .feedback-card .feedback-card-header .feedback-card-title-wrap .feedback-card-title {
              font-size: 2.747vw; /* 20px */
            }

        body .feedbacks-questions .feedback-card .feedback-card-body {
          gap: 2.198vw; /* 16px */
          flex-direction: column
        }

          body .feedbacks-questions .feedback-card .feedback-card-body .feedback-wrap-mark {
            gap: 1.1vw; /** 8px */
            width: 100%
          }

            body .feedbacks-questions .feedback-card .feedback-card-body .feedback-wrap-mark .feedback-mark {
              font-size: 5.769vw; /* 42px */
            }
              body .feedbacks-questions .feedback-card .feedback-card-body .feedback-wrap-mark .review-stars img {
                pointer-events: none;
                width: 3.022vw; /** 22px */
                height: 3.022vw; /** 22px */
              }

            body .feedbacks-questions .feedback-card .feedback-card-body .feedback-wrap-mark .feedback-card-text {
              font-size: 2.198vw; /* 16px */
            }

          body .feedbacks-questions .feedback-card .feedback-card-body .marks-container {
            gap: 1.1vw /* 8px */
          }

            body .feedbacks-questions .feedback-card .feedback-card-body .marks-container .mark-row {
              gap: 1.1vw; /* 8px */
              grid-template-columns: 4.258vw 1fr 5.632vw
            }

              body .feedbacks-questions .feedback-card .feedback-card-body .marks-container .mark-row .mark-row-value {
                font-size: 2.198vw /* 16px */
              }
                body .feedbacks-questions .feedback-card .feedback-card-body .marks-container .mark-row .mark-row-value img {
                  pointer-events: none;
                  width: 3.022vw; /** 22px */
                  height: 3.022vw; /** 22px */
                }

              body .feedbacks-questions .feedback-card .feedback-card-body .marks-container .mark-row .mark-percent {
                font-size: 2.198vw; /* 16px */
              }
    }

@media (max-width: 727px) {
      body .feedbacks-questions .feedbacks-container {
        background: var(--white);
        border-radius: 5vw; /* 16px */
        padding: 5vw; /* 16px */
        margin: 0 -5vw; /* -16px */
        width: 100%;
        flex: 1
      }

        body .feedbacks-questions .feedbacks-container .tabs {
          gap: 2.5vw /* 8px */
        }

          body .feedbacks-questions .feedbacks-container .tabs .tab {
            display: none;
          }

          body .feedbacks-questions .feedbacks-container .tabs .mobile-tab {
            background: var(--background-main);
            border-radius: 3.75vw; /* 12px */
            padding: 3.125vw; /* 10px */
            width: 24.375vw; /* 78px */
            display: flex;
            flex-direction: column;
            gap: 3.125vw; /** 10px */
            justify-content: space-between
          }

            body .feedbacks-questions .feedbacks-container .tabs .mobile-tab.mobile-tab-reviews {
              width: 35.937vw; /* 115px */
              flex-direction: row;
              background-color: transparent;
              border-radius: 0;
              padding: 0
            }

              body .feedbacks-questions .feedbacks-container .tabs .mobile-tab.mobile-tab-reviews .mobile-review-photo {
                width: 15.312vw; /* 49px */
                height: 18.75vw /* 60px */
              }

                body .feedbacks-questions .feedbacks-container .tabs .mobile-tab.mobile-tab-reviews .mobile-review-photo img {
                  width: 100%;
                  height: 100%;
                  object-fit: cover;
                  border-radius: 2.5vw; /* 8px */
                }

                body .feedbacks-questions .feedbacks-container .tabs .mobile-tab.mobile-tab-reviews .mobile-review-photo .more-photos-text {
                  font-size: 3.75vw; /* 12px */
                  position: absolute;
                  top: 50%;
                  left: 50%;
                  transform: translate(-50%, -50%);
                  z-index: 1;
                  font-family: var(--manrope);
                  font-weight: 500;
                  line-height: 96%;
                  letter-spacing: -0.02em;
                  color: var(--white);
                }

                body .feedbacks-questions .feedbacks-container .tabs .mobile-tab.mobile-tab-reviews .mobile-review-photo.overlay-img-1 {
                  position: absolute;
                  top: 0;
                  left: 10.312vw; /* 33px */
                  border-left: 1px solid var(--white);
                }

                body .feedbacks-questions .feedbacks-container .tabs .mobile-tab.mobile-tab-reviews .mobile-review-photo.overlay-img-more {
                  position: absolute;
                  top: 0;
                  left: 20.625vw; /* 66px */
                  border-left: 1px solid var(--white);
                }

            body .feedbacks-questions .feedbacks-container .tabs .mobile-tab .mobile-tab-flex,
body .feedbacks-questions .feedbacks-container .tabs .mobile-tab .mobile-tab-quantity {
              display: flex;
              gap: 2px; /* 1px */
              align-items: center;
              font-family: var(--font-family);
              font-weight: 600;
              font-size: 5vw; /** 16px */
              line-height: 100%;
              color: var(--main-black)
            }

              body .feedbacks-questions .feedbacks-container .tabs .mobile-tab .mobile-tab-flex .mobile-tab-quantity,
body .feedbacks-questions .feedbacks-container .tabs .mobile-tab .mobile-tab-quantity .mobile-tab-quantity {
                font-family: var(--manrope);
                font-weight: 600;
                font-size: 5vw; /* 16px */
                line-height: 100%;
                color: var(--main-black);
              }

              body .feedbacks-questions .feedbacks-container .tabs .mobile-tab .mobile-tab-flex img,
body .feedbacks-questions .feedbacks-container .tabs .mobile-tab .mobile-tab-quantity img {
                width: 5.625vw; /** 18px */
                height: 5.625vw; /** 18px */
              }

            body .feedbacks-questions .feedbacks-container .tabs .mobile-tab .mobile-tab-text {
              font-family: var(--manrope);
              font-weight: 600;
              font-size: 3.75vw; /* 12px */
              line-height: 100%;
              color: var(--main-black);
            }

        body .feedbacks-questions .feedbacks-container .tab-content {
          margin-top: 2.5vw; /** 8px */
          gap: 2.5vw /** 8px */
        }

          body .feedbacks-questions .feedbacks-container .tab-content .reviews-gallery {
            display: none;
          }

          body .feedbacks-questions .feedbacks-container .tab-content .play-icon {
            width: 14.375vw; /** 46px */
            height: 14.375vw /** 46px */
          }

            body .feedbacks-questions .feedbacks-container .tab-content .play-icon svg {
              width: 8.75vw; /** 28px */
              height: 8.75vw; /** 28px */
            }

          body .feedbacks-questions .feedbacks-container .tab-content .reviews-gallery + .review-item {
            padding-top: 3.125vw; /* 10px */
          }

          body .feedbacks-questions .feedbacks-container .tab-content .review-item {
            border: none;
            background: var(--background-main);
            border-radius: 3.75vw; /* 12px */
            padding: 3.125vw; /* 10px */
            gap: 2.5vw; /** 8px */
            min-height: 20.8vw
          }

            body .feedbacks-questions .feedbacks-container .tab-content .review-item .review-header {
              margin-bottom: 0;
              position: relative
            }

              body .feedbacks-questions .feedbacks-container .tab-content .review-item .review-header .review-author {
                gap: 1.25vw /* 4px */
              }

                body .feedbacks-questions .feedbacks-container .tab-content .review-item .review-header .review-author .review-avatar {
                  height: 7.5vw; /* 24px */
                  width: 7.5vw /* 24px */
                }

                  body .feedbacks-questions .feedbacks-container .tab-content .review-item .review-header .review-author .review-avatar.no-img {
                    font-size: 3.75vw; /** 12px */
                  }

                body .feedbacks-questions .feedbacks-container .tab-content .review-item .review-header .review-author .author-name {
                  font-size: 5vw; /* 16px */
                }

              body .feedbacks-questions .feedbacks-container .tab-content .review-item .review-header .review-date {
                gap: 0
              }

                body .feedbacks-questions .feedbacks-container .tab-content .review-item .review-header .review-date .date-rew {
                  position: absolute;
                  left: 0;
                  top: 10.625vw; /* 34px */
                  font-size: 3.125vw; /* 10px */
                  margin-bottom: 0;
                }

                body .feedbacks-questions .feedbacks-container .tab-content .review-item .review-header .review-date .review-stars {
                  gap: 2px
                }

                  body .feedbacks-questions .feedbacks-container .tab-content .review-item .review-header .review-date .review-stars img {
                    height: 5.625vw; /* 18px */
                    width: 5.625vw; /* 18px */
                  }

            body .feedbacks-questions .feedbacks-container .tab-content .review-item .review-text {
              font-size: 3.75vw; /* 12px */
              margin-top: 6.875vw; /* 22px */
            }

            body .feedbacks-questions .feedbacks-container .tab-content .review-item .review-photos {
              width: 100%;
              margin-top: 3.75vw; /** 12px */
              gap: 2.5vw; /* 8px */
              flex-wrap: wrap;
              display: grid;
              grid-template-columns: repeat(4, 1fr)
            }

              body .feedbacks-questions .feedbacks-container .tab-content .review-item .review-photos .review-photo-thumbnail {
                border-radius: 5vw; /* 16px */
                height: 18.75vw; /* 60px */
                max-width: unset;
              }

              body .feedbacks-questions .feedbacks-container .tab-content .review-item .review-photos.max-photos {
                grid-template-columns: repeat(4, 1fr);
                grid-template-rows: 1fr
              }

                body .feedbacks-questions .feedbacks-container .tab-content .review-item .review-photos.max-photos .review-photo-thumbnail {
                  grid-row: auto
                }

                  body .feedbacks-questions .feedbacks-container .tab-content .review-item .review-photos.max-photos .review-photo-thumbnail:nth-child(3) {
                    grid-column: auto;
                    grid-row: auto;
                  }

                  body .feedbacks-questions .feedbacks-container .tab-content .review-item .review-photos.max-photos .review-photo-thumbnail:nth-child(4) {
                    grid-column: auto;
                    grid-row: auto;
                  }

                  body .feedbacks-questions .feedbacks-container .tab-content .review-item .review-photos.max-photos .review-photo-thumbnail:nth-child(5) {
                    display: none;
                  }

      body .feedbacks-questions .mobile-tab-reviews {
        position: relative;
        padding: 0;
      }

      body .feedbacks-questions .feedback-card {
        display: none;
      }

      .infopage body .feedbacks-questions {
        order: 1;
        margin-bottom: 25vw; /* 80px */
      }
    }

body .swiper-button-disabled {
    /* Тут лучше оставить 0, т.к. полу-прозрачная срелочка не говорит о том что нельзя дальше кликать - лучше полностью скрывать (by Даня) */
    opacity: 0;
    pointer-events: none
  }

body .swiper-button-disabled svg,
body .swiper-button-disabled img {
      opacity: 0.4;
    }

body .overlay-img-more::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 1.111vw;
    z-index: 0;
    background-color: #000;
    opacity: 0.2
  }

@media (max-width: 1024px) {

    body .overlay-img-more::after {
      border-radius: 2.198vw;
    }
    }

@media (max-width: 727px) {

    body .overlay-img-more::after {
      border-radius: 2.5vw;
    }
    }

body .popupCard-nav {
    width: 100%;
    gap: 0.556vw; /* 8px */
    background: transparent;
    display: flex;
    margin-top: 1.111vw; /* 16px */
  }

body .popupCard-nav button {
    background: var(--white);
    border-radius: 694.444vw; /* 10000px */
    padding: 0.556vw 0.833vw 0.556vw 0.556vw; /* 8px 12px 8px 8px */
    font-family: var(--manrope);
    font-weight: 600;
    font-size: 1.111vw; /* 16px */
    line-height: 120%;
    letter-spacing: -0.02em;
    color: var(--main-black);
    flex: 1;
  }

body .popupFitting-content > *:last-child {
      padding-bottom: 2.778vw; /* 40px */
    }

body .popupFitting-content > *:nth-child(2) {
      padding-top: 1.389vw; /* 20px */
    }

body .popupCard-content > *:last-child {
      padding-bottom: 2.778vw; /* 40px */
    }

body .popupCard-content .wrap-popupCard-content > *:nth-child(2) {
      padding-top: 1.389vw; /* 20px */
    }

body .popupCard-content .wrap-popupCard-content {
      display: none;
      flex-grow: 1;
      flex-direction: column;
    }

body .buy-buttons-flex {
    display: flex;
    flex-direction: column;
  }

body .popupCard.show .popupCard-content {
    transform: translateX(0);
  }

body .wrap-popupCard-content.show {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    overflow: hidden;
  }

body .popupCard-text {
    font-family: var(--manrope);
    font-weight: 500;
    font-size: 1.25vw; /* 18px */
    line-height: 140%;
    letter-spacing: -0.01em;
    color: #000;

    display: flex;
    flex-direction: column;
    flex-grow: 1;
    overflow: auto;

    display: flex;
    flex-direction: column;
    gap: 16px
  }

body .popupCard-text .semibold {
      font-weight: 600;
    }

body .popupCard-text div {
      display: flex;
      flex-direction: column;
      gap: 12px;
    }

body .popupCard-text .bullet-padding {
      padding-left: 8px;
    }

body .popupCard-text a {
      color: inherit;
    }

body .popupCard-text h3 {
      margin: 0;
      padding: 0;
      font-weight: 600;
      font-size: 1.667vw; /* 24px */
    }

body .popupCard-text::-webkit-scrollbar {
      width: 0;
      display: none;
    }

body .popupCard-header {
    display: flex;
    justify-content: space-between;
    padding-bottom: 1.111vw; /* 16px */
  }

body .popupCard-title {
    font-family: var(--manrope);
    font-weight: 700;
    font-size: 2.917vw; /* 42px */
    line-height: 100%;
    letter-spacing: -0.02em;
    color: var(--main-black);
  }

body #popupPrevBtn {
    display: flex;
    gap: 0.694vw; /* 10px */
    align-items: center
  }

body #popupPrevBtn img {
      background: var(--background-main);
      border-radius: 694.444vw; /* 10000px */
      padding: 0.556vw; /* 8px */
      width: 2.778vw; /* 40px */
      height: 2.778vw; /* 40px */
      transform: rotate(0deg);
    }

body #popupNextBtn {
    display: flex;
    gap: 0.694vw; /* 10px */
    align-items: center;
    justify-content: flex-end
  }

body #popupNextBtn img {
      background: var(--background-main);
      border-radius: 694.444vw; /* 10000px */
      padding: 0.556vw; /* 8px */
      width: 2.778vw; /* 40px */
      height: 2.778vw; /* 40px */
      transform: rotate(180deg);
    }

body .mb-12 {
    margin-bottom: 0.833vw; /* 12px */
  }

body .mb-40 {
    margin-bottom: 2.778vw; /* 40px */
  }

body .address-item {
    display: block;
    margin-top: 0.347vw; /* 5px */
  }

body .card-gallery {
    margin: 0 auto;
    height: fit-content;
  }

body .main-slider {
    width: 100%;
    height: auto;
    flex-grow: 1;
    position: relative;
  }

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

body .thumb-slider .swiper-slide {
    opacity: 0.5;
    cursor: pointer;
  }

body .thumb-slider .swiper-slide-thumb-active {
    opacity: 1;
  }

body .thumb-slider .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0.556vw; /* 8px */
  }

body .swiper-button-prev,
body .swiper-button-next {
    box-sizing: border-box;
    border-radius: 5.556vw; /* 80px */
    background: #f1f0f1;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s ease-out;
    opacity: 0;
    z-index: 10;
    padding: 0.972vw; /* 14px */
  }

body .main-slider .custom-nav {
    width: 3.333vw; /* 48px */
    height: 3.333vw; /* 48px */
  }

body .swiper-button-next::after,
body .swiper-button-prev::after {
    display: none;
  }

body .swiper-button-prev img,
body .swiper-button-next img {
    width: 1.389vw; /* 20px */
    height: 1.389vw; /* 20px */
  }

body .swiper-button-prev img {
    transform: rotate(0deg);
  }

body .swiper-button-next img {
    transform: rotate(180deg);
  }

body .swiper:hover .swiper-button-prev,
body .swiper:hover .swiper-button-next {
    opacity: 1;
  }

body .swiper-button-prev {
    left: 0.694vw; /* 10px */
  }

body .swiper-button-next {
    right: 0.694vw; /* 10px */
  }

body .thumbs-swiper-container {
    position: relative
  }

body .thumbs-swiper-container .thumb-slider {
      margin: 0.278vw 3.056vw 0; /* 4px 44px */
      height: 8.681vw; /* 125px */
    }

body .thumbs-button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: var(--white);
    z-index: 10;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    height: 8.681vw; /* 125px */
    width: 2.778vw; /* 40px */
    border-radius: 0.556vw; /* 8px */
  }

body .thumbs-button-prev {
    left: 0;
  }

body .thumbs-button-next {
    right: 0;
  }

body .thumbs-swiper-container .thumbs-button.swiper-button-disabled,
body .thumbs-swiper-container .thumbs-button.swiper-button-lock {
    display: flex !important;
    opacity: 1;
    pointer-events: none;
    cursor: default;
    background: var(--gray-—-1)
  }

body .thumbs-swiper-container .thumbs-button.swiper-button-disabled img,
body .thumbs-swiper-container .thumbs-button.swiper-button-disabled svg,
body .thumbs-swiper-container .thumbs-button.swiper-button-lock img,
body .thumbs-swiper-container .thumbs-button.swiper-button-lock svg {
      opacity: 0.1;
    }

body .thumb-slider:hover .thumbs-button {
    opacity: 1;
  }

body .thumbs-button img {
    width: 1.389vw; /* 20px */
    height: 1.389vw; /* 20px */
  }

body .thumbs-button-prev img {
    transform: rotate(90deg);
  }

body .thumbs-button-next img {
    transform: rotate(270deg);
  }

body .card-gallery .thumbs-button-next img {
      transform: rotate(180deg);
    }

body .card-gallery .thumbs-button-prev img {
      transform: rotate(0deg);
    }

body .card-header {
    background: var(--white);
    padding: 1.111vw; /* 16px */
    justify-content: space-between;
    gap: 0.694vw; /* 10px */
    align-items: center;
  }

body .card-header-text {
    text-align: center;
  }

body .text-ben {
    position: relative;
    z-index: 1;
  }

body .card-header-back {
    border-radius: 0.417vw; /* 6px */
    background: #f6f6f6;
    width: 2.5vw; /* 36px */
    height: 2.5vw; /* 36px */
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0
  }

body .card-header-back img {
      transform: rotate(0deg);
    }

body .card-header-title {
    font-family: var(--manrope);
    font-weight: 700;
    font-size: 1.25vw; /* 18px */
    line-height: 110%;
    color: #262626;
    margin-bottom: 0.278vw; /* 4px */
  }

body .card-header-price {
    font-family: var(--manrope);
    font-weight: 600;
    font-size: 0.972vw; /* 14px */
    line-height: 130%;
    color: #262626;
    opacity: 0.4;
  }

body .fullscreen-gallery {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999999;
    width: 100vw;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 1;
    pointer-events: all;
    transition: all 0.3s ease-out;
    backdrop-filter: blur(0.694vw); /** 10px */
  }

body .fullscreen-gallery.hidden {
    opacity: 0;
    pointer-events: none;
  }

body .gallery-container {
    position: relative;
    display: flex;
    width: 100%;
    height: 100%;
    z-index: 1;
  }

body .gallery-close {
    position: absolute;
    top: 1.389vw; /* 20px */
    right: 1.389vw; /* 20px */
    z-index: 10;
    cursor: pointer;
    background: var(--white);
    border-radius: 694.444vw; /* 10000px */
    padding: 0.833vw; /* 12px */
    transition: all 0.3s ease-out;
    display: flex;
    justify-content: center;
    align-items: center;
  }

body .gallery-close img {
    width: 0.972vw; /* 14px */
    height: 0.972vw; /* 14px */
    transition: all 0.3s ease-out;
  }

body .gallery-thumb-vertical {
    display: flex;
    align-items: center;
    gap: 0.278vw; /* 4px */
  }

body .vertical-thumbs {
    flex: 1;
    width: 100%;
    transition: all 0.3s ease-out
  }

body .vertical-thumbs .swiper-wrapper .swiper-slide {
      width: 15.833vw; /* 228px */
      height: 9.792vw; /* 141px */
      border-radius: 0.556vw; /* 8px */
      overflow: hidden
    }

body .vertical-thumbs .swiper-wrapper .swiper-slide img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        outline: 0;
      }

body .vertical-thumbs .swiper-wrapper .swiper-slide.swiper-slide-thumb-active::before {
        opacity: 1;
      }

body .vertical-thumbs .swiper-wrapper .swiper-slide {
      position: relative
    }

body .vertical-thumbs .swiper-wrapper .swiper-slide::before {
        content: "";
        position: absolute;
        inset: 0;
        opacity: 0;
        border: 2px solid #8e00ff;
        pointer-events: none;
        transition: opacity 0.3s ease-out;
        z-index: 1;
        width: 100%;
        height: 100%;
        border-radius: inherit;
      }

body .gallery-thumbs-button {
    background: var(--white);
    border-radius: 0.556vw; /* 8px */
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease-out
  }

body .gallery-thumbs-button img,
body .gallery-thumbs-button svg {
      transition: all 0.3s ease-out;
    }

body .gallery-thumbs-button.thumbs-button-prev img {
      width: 1.667vw; /* 24px */
      height: 1.667vw; /* 24px */
    }

body .gallery-thumbs-button.thumbs-button-next img {
      width: 1.667vw; /* 24px */
      height: 1.667vw; /* 24px */
    }

body .fullscreen-gallery .fullscreen-slider .swiper-slide {
      display: flex;
      justify-content: center;
    }

body .fullscreen-gallery .fullscreen-slider .swiper-slide img {
    height: 100%;
    border-radius: 1.111vw; /* 16px */
    object-fit: cover;
  }

body .gallery-swiper-button {
    background: var(--white);
    border-radius: 10000px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 300000;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s ease-out
  }

body .gallery-swiper-button img {
      width: 1.389vw; /* 20px */
      height: 1.389vw; /* 20px */
    }

body .gallery-swiper-button.gallery-swiper-button-next {
      right: 0
    }

body .gallery-swiper-button.gallery-swiper-button-next img {
        transform: rotate(180deg);
      }

body .gallery-swiper-button.gallery-swiper-button-prev {
      left: 0
    }

body .gallery-swiper-button.gallery-swiper-button-prev img {
        transform: rotate(0deg);
      }

body .benefits-card [class*="benefit-img-"] {
      width: 100%
    }

body .benefits-card [class*="benefit-img-"].mob {
        display: none;
      }

body .review-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999999999;
    display: flex;
    opacity: 0;
    pointer-events: none;
    align-items: center;
    justify-content: center;
    transition: opacity 0.3s ease-out
  }

body .review-modal.show {
      opacity: 1;
      pointer-events: all;
    }

body .review-modal .review-modal-overlay {
      backdrop-filter: blur(0.694vw); /* 10px */
    }

body .review-modal .review-modal-content {
      position: relative;
      width: 100%;
      height: 100%;
      z-index: 10;
      overflow: hidden;
      transition: all 0.3s ease-out;
      padding: 3.681vw 6.25vw /** 53px 90px */
    }

body .review-modal .review-modal-content .review-modal-close {
        position: absolute;
        cursor: pointer;
        z-index: 20;
        border-radius: 10000px;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 3.333vw; /* 48px */
        width: 3.333vw; /* 48px */
        transition: all 0.3s ease-out;

        right: 2.361vw; /* 34px */
        top: 3.681vw; /* 53px */
        background-color: #fff !important
      }

body .review-modal .review-modal-content .review-modal-close img {
          height: 0.972vw; /* 14px */
          width: 0.972vw; /* 14px */
        }

body .review-modal .review-modal-content .review-modal-inner {
        background: var(--white);
        display: grid;
        width: 100%;
        height: calc(100vh - 2 * 3.681vw);
        overflow: hidden;
        border-radius: 1.111vw; /* 16px */
        gap: 1.389vw; /* 20px */
        grid-template-columns: repeat(4, 1fr)
      }

body .review-modal .review-modal-content .review-modal-inner .review-modal-mobile-author {
          display: none;
        }

body .review-modal .review-modal-content .review-modal-inner .review-modal-photos {
          grid-column: span 2;
          height: inherit;
          border-radius: 1.111vw 0 0 1.111vw /* 16px 16px */
        }

body .review-modal .review-modal-content .review-modal-inner .review-modal-photos .review-photo-scroll {
            display: flex;
            height: 100%
          }

body .review-modal .review-modal-content .review-modal-inner .review-modal-photos .review-photo-scroll img,
body .review-modal .review-modal-content .review-modal-inner .review-modal-photos .review-photo-scroll video {
              width: 100%;
              height: 100%;
              object-fit: cover;
            }

body .review-modal .review-modal-content .review-modal-inner .review-modal-text {
          grid-column: span 2;
          padding: 1.667vw 1.389vw; /* 24px 20px */
          padding-bottom: 0;
          overflow: auto
        }

body .review-modal .review-modal-content .review-modal-inner .review-modal-text .review-header {
            display: flex;
            justify-content: space-between;
            align-items: center
          }

body .review-modal .review-modal-content .review-modal-inner .review-modal-text .review-header .review-author {
              display: flex;
              align-items: center;
              gap: 0.556vw /* 8px */
            }

body .review-modal .review-modal-content .review-modal-inner .review-modal-text .review-header .review-author .review-avatar {
                width: 2.222vw; /** 32px */
                height: 2.222vw; /** 32px */
                object-fit: cover;
                pointer-events: none;
                border-radius: 100%
              }

body .review-modal .review-modal-content .review-modal-inner .review-modal-text .review-header .review-author .review-avatar.no-img {
                  background-color: var(--gray-3);
                  display: flex;
                  align-items: center;
                  justify-content: center;

                  font-family: var(--font-family);
                  font-weight: 600;
                  font-size: 1.528vw; /** 22px */
                  line-height: 120%;
                  letter-spacing: -0.02em;
                  color: #bfbfbf;
                }

body .review-modal .review-modal-content .review-modal-inner .review-modal-text .review-header .review-author .author-name {
                font-family: var(--manrope);
                font-weight: 600;
                line-height: 120%;
                letter-spacing: -0.02em;
                color: var(--main-black);
                font-size: 1.528vw; /* 22px */
              }

body .review-modal .review-modal-content .review-modal-inner .review-modal-text .review-header .review-date {
              text-align: right;
              display: flex;
              flex-direction: column;
              gap: 0.556vw /* 8px */
            }

body .review-modal .review-modal-content .review-modal-inner .review-modal-text .review-header .review-date .date-rew {
                font-family: var(--manrope);
                font-weight: 600;
                line-height: 100%;
                color: var(--main-black);
                font-size: 1.111vw; /* 16px */
              }

body .review-modal .review-modal-content .review-modal-inner .review-modal-text .review-header .review-date .review-stars {
                display: flex;
                flex-direction: row;
                margin-left: auto;
                width: fit-content;
                gap: 2px
              }

body .review-modal .review-modal-content .review-modal-inner .review-modal-text .review-header .review-date .review-stars img {
                  width: 1.667vw; /* 24px */
                  height: 1.389vw; /* 20px */
                }

body .review-modal .review-modal-content .review-modal-inner .review-modal-text .review-text {
            font-family: var(--manrope);
            font-weight: 600;
            line-height: 130%;
            letter-spacing: -0.02em;
            color: var(--main-black);
            font-size: 1.25vw; /* 18px */
            margin-top: 1.667vw; /** 24px */
          }

body .review-modal .review-modal-content .review-modal-inner .review-modal-text .gallery-review-photos {
            display: grid;
            gap: 0.556vw; /* 8px */
            grid-template-columns: repeat(3, 1fr);
            width: 100%;
            grid-auto-rows: 1fr;
            margin-top: 2.917vw /** 42px */
          }

body .review-modal .review-modal-content .review-modal-inner .review-modal-text .gallery-review-photos .review-photo-thumbnail {
              object-fit: cover;
              border-radius: 1.111vw; /* 16px */
              flex: 1;
              width: 100%;
              height: 100%;
              cursor: pointer;
              position: relative;
              aspect-ratio: 1;
              overflow: hidden
            }

body .review-modal .review-modal-content .review-modal-inner .review-modal-text .gallery-review-photos .review-photo-thumbnail:has(.no-poster) {
                background-color: #bababa;
              }

body .review-modal .review-modal-content .review-modal-inner .review-modal-text .gallery-review-photos .review-photo-thumbnail img {
                max-width: unset;
                object-fit: cover;
                width: 100%;
                height: 100%;
              }

body .review-modal .review-modal-content .review-modal-inner .review-modal-text .gallery-review-photos .review-photo-thumbnail:first-child {
                grid-column: span 2;
                grid-row: span 2;
              }

body .review-modal .review-modal-content .review-modal-inner .review-modal-text .gallery-review-photos .review-photo-thumbnail .play-icon {
                position: absolute;
                width: 4.444vw; /** 64px */
                height: 4.444vw; /** 64px */
                display: flex;
                align-items: center;
                justify-content: center;
                border-radius: 100%;
                background-color: rgba(255, 255, 255, 0.2);

                inset: 0;
                margin: auto
              }

body .review-modal .review-modal-content .review-modal-inner .review-modal-text .gallery-review-photos .review-photo-thumbnail .play-icon svg {
                  width: 2.917vw; /** 42px */
                  height: 2.778vw; /** 40px */
                }

body .review-modal .review-modal-content .review-modal-inner .review-modal-text .review-photos {
            flex-wrap: wrap;
            width: 100%
          }

body .review-modal .review-modal-content .review-modal-inner .review-modal-text .review-photos img {
              object-fit: cover;
              width: 100%;
              height: 17.014vw; /* 245px */
            }

body .review-modal .review-modal-content .review-modal-inner .review-modal-slider {
          display: none;
        }

body .review-modal .review-modal-nav {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      cursor: pointer;
      z-index: 15;
      background: var(--white);
      border-radius: 5.556vw; /* 80px */
      display: flex;
      justify-content: center;
      align-items: center;
      width: 3.333vw; /* 48px */
      height: 3.333vw; /* 48px */
      transition: all 0.3s ease-out
    }

body .review-modal .review-modal-nav img {
        transition: opacity 0.3s ease-out;
      }

body .review-modal .review-modal-nav.review-modal-prev {
        left: 1.389vw /* 20px */
      }

body .review-modal .review-modal-nav.review-modal-prev img {
          transform: rotate(0deg);
        }

body .review-modal .review-modal-nav.review-modal-next {
        right: 1.389vw /* 20px */
      }

body .review-modal .review-modal-nav.review-modal-next img {
          transform: rotate(180deg);
        }

@media (max-width: 1024px) {

    body .review-modal {
      padding: 2.198vw; /** 16px */
      padding-top: 11.538vw; /** 84px */
      background-color: #fff
    }

      body .review-modal .review-modal-content {
        padding: 0;
        overflow: visible
      }

        body .review-modal .review-modal-content .review-modal-close {
          right: 0;
          top: 0;
          transform: translateY(calc(-100% - 2.747vw)); /* 20px */
          background-color: #ededed !important;
          width: 6.593vw; /* 48px */
          height: 6.593vw /* 48px */
        }

          body .review-modal .review-modal-content .review-modal-close img {
            width: 1.923vw; /* 14px */
            height: 1.923vw; /* 14px */
          }

        body .review-modal .review-modal-content .review-modal-inner {
          display: flex;
          flex-direction: column;
          gap: 2.198vw; /* 16px */
          height: 100%;
          border-radius: 0;
          background-color: transparent;
          overflow: visible
        }

          body .review-modal .review-modal-content .review-modal-inner .review-modal-photos {
            display: none;
          }

          body .review-modal .review-modal-content .review-modal-inner .review-modal-text {
            display: none;
          }

          body .review-modal .review-modal-content .review-modal-inner .review-photo-scroll-mob {
            display: block;
            width: 100%;
            width: calc(100% + 4.396vw); /* 32px */
            margin-left: -2.198vw; /* 16px */
            padding: 0 2.198vw /* 16px */
          }

            body .review-modal .review-modal-content .review-modal-inner .review-photo-scroll-mob .swiper-wrapper {
              height: 100% !important
            }

              body .review-modal .review-modal-content .review-modal-inner .review-photo-scroll-mob .swiper-wrapper .swiper-slide {
                display: flex;
                height: 100%
              }

                body .review-modal .review-modal-content .review-modal-inner .review-photo-scroll-mob .swiper-wrapper .swiper-slide .plyr,
body .review-modal .review-modal-content .review-modal-inner .review-photo-scroll-mob .swiper-wrapper .swiper-slide img {
                  border-radius: 2.198vw; /* 16px */
                  width: fit-content;
                  height: 100%;
                  width: 100%;
                  object-fit: cover;
                }

          body .review-modal .review-modal-content .review-modal-inner .review-modal-slider {
            display: block;
            margin: 0;
            flex-shrink: 0
          }

            body .review-modal .review-modal-content .review-modal-inner .review-modal-slider .swiper-slide {
              position: relative;
              display: flex;
              width: fit-content
            }

              body .review-modal .review-modal-content .review-modal-inner .review-modal-slider .swiper-slide img {
                width: 14.973vw; /* 109px */
                height: 14.56vw; /* 106px */
                border-radius: 2.198vw; /* 16px */
                object-fit: cover;
              }

      body .review-modal .review-modal-nav {
        width: 4.945vw; /* 36px */
        height: 4.945vw; /* 36px */
        top: 44%
      }

        body .review-modal .review-modal-nav.review-modal-next {
          right: 2.198vw; /* 16px */
        }
        body .review-modal .review-modal-nav.review-modal-prev {
          left: 2.198vw; /* 16px */
        }
    }

@media (max-width: 727px) {

    body .review-modal {
      padding: 5vw; /* 16px */
      padding-top: 20vw /* 64px */
    }

      body .review-modal .review-modal-content {
        position: static
      }

        body .review-modal .review-modal-content .review-modal-close {
          width: 10vw; /* 32px */
          height: 10vw; /* 32px */
          transform: none;
          top: 5vw; /* 16px */
          right: 5vw /* 16px */
        }

          body .review-modal .review-modal-content .review-modal-close img {
            width: 3.125vw; /* 10px */
            height: 3.125vw; /* 10px */
          }
          body .review-modal .review-modal-content .review-modal-inner .review-photo-scroll-mob {
            width: calc(100% + 10vw); /* 32px */
            margin-left: -5vw; /* 16px */
            padding: 0 5vw; /* 16px */
            height: 100%
          }
                body .review-modal .review-modal-content .review-modal-inner .review-photo-scroll-mob .swiper-wrapper .swiper-slide .plyr,
body .review-modal .review-modal-content .review-modal-inner .review-photo-scroll-mob .swiper-wrapper .swiper-slide img {
                  border-radius: 5vw; /* 16px */
                }

          body .review-modal .review-modal-content .review-modal-inner .review-modal-slider {
            display: none;
          }

          body .review-modal .review-modal-content .review-modal-inner .review-modal-mobile-author {
            display: flex;
            flex-direction: row;
            position: absolute;
            left: 5vw; /* 16px */
            top: 6.25vw; /* 20px */
            align-items: center;
            gap: 1.25vw /* 4px */
          }

            body .review-modal .review-modal-content .review-modal-inner .review-modal-mobile-author .author-wrap-img {
              display: flex;
              width: 7.5vw; /* 24px*/
              height: 7.5vw; /* 24px*/
              align-items: center;
              justify-content: center;
              border-radius: 1000px;
              background-color: var(--gray-3)
            }

              body .review-modal .review-modal-content .review-modal-inner .review-modal-mobile-author .author-wrap-img .review-avatar {
                font-family: var(--manrope);
                font-weight: 600;
                font-size: 3.75vw; /* 12px */
                line-height: 120%;
                letter-spacing: -0.02em;
                color: #bfbfbf;
              }

            body .review-modal .review-modal-content .review-modal-inner .review-modal-mobile-author .author-name {
              font-family: var(--manrope);
              font-weight: 600;
              font-size: 5vw; /* 16px */
              line-height: 120%;
              letter-spacing: -0.02em;
              color: var(--main-black);
            }

      body .review-modal .review-modal-nav {
        width: 8.125vw; /* 26px */
        height: 8.125vw; /* 26px */
        top: calc(50% + 8vw);
        padding: 4px
      }

        body .review-modal .review-modal-nav.review-modal-next {
          right: 7.5vw; /* 24px */
        }
        body .review-modal .review-modal-nav.review-modal-prev {
          left: 7.5vw; /* 24px */
        }
    }

body .fade-out {
    opacity: 0;
    transition: all 0.3s ease-out;
  }

body .plyr--video .plyr__controls {
    column-gap: 12px;
  }

@media (max-width: 767px) {
    body .plyr--video .plyr__controls {
      flex-wrap: wrap;
      row-gap: 8px;
    }

    body .plyr--video .plyr__progress {
      order: 2;
      flex: 1 1 100%;
    }

    body .plyr--video .plyr__controls > .plyr__control,
body .plyr--video .plyr__controls > .plyr__volume,
body .plyr--video .plyr__controls > .plyr__menu,
body .plyr--video .plyr__controls > .plyr__time {
      flex: 0 0 auto;
    }
  }

@media (min-width: 1025px) {
    body .bread-crumbs {
      display: flex;
      padding-top: 1.389vw; /* 20px */
      margin-bottom: 1.667vw; /* 24px */
    }

    body button.lens-pre-select span.desc {
      font-size: 14px;
    }

    body button.lens-pre-select.button-lens-select span {
      font-size: 14px;
    }

    body .popup-box-wrap button.lens-pre-select.button-lens-select.antElementor {
      gap: 8px;
      padding: 6px 10px 6px 6px;
      border-radius: 80px;
      width: auto;
    }

    body .popup-box-wrap button.lens-pre-select.button-lens-select.antElementor svg {
      width: 24px;
      height: 24px;
    }

    body .infopage {
      padding: 0vw 1.389vw; /* 0px 20px */
    }

    body .product-card {
      display: grid;
      grid-template-columns: repeat(2, 36.111vw) 23.889vw; /* 520px 344px */
      column-gap: 0.556vw; /* 8px */
      margin-bottom: 7.778vw; /* 112px */
    }

    body .product-description {
      padding: 1.667vw 1.667vw 1.944vw 1.667vw; /* 24px 24px 28px 24px */
    }

    body .main-text {
      font-size: 2.222vw; /* 32px */
    }

    body .price-container {
      padding: 1.667vw; /* 24px */
      height: fit-content;
      top: calc(1.111vw + 4.444vw);
      position: sticky;
    }

    body .old-price {
      font-size: 1.25vw; /* 18px */
    }

    body .discount-button {
      height: 1.389vw; /* 20px */
      width: 1.389vw; /* 20px */
    }

    body .dioptr {
      padding: 0.833vw; /* 12px */
      min-width: 3.611vw; /* 52px */
      height: 2.639vw; /* 38px */
      font-size: 0.972vw; /* 14px */
    }

    body .discount {
      font-size: 1.111vw; /* 16px */
    }

    body .text-balance {
      font-size: 1.111vw; /* 16px */
    }

    body .mini-feedbacks {
      padding: 0.764vw; /* 11px */
      margin-bottom: 1.389vw; /* 20px */
      font-size: 1.111vw; /* 16px */
    }

    body .delivery {
      font-size: 1.111vw; /* 16px */
    }

    body .delivery,
body .discount {
      margin-bottom: 1.667vw; /* 24px */
    }

    body .brand {
      margin-top: 1.389vw; /* 20px */
    }

    body .brand,
body .colors {
      margin-bottom: 1.389vw; /* 20px */
    }

    body .choose-box {
      margin: 2.222vw 0; /* 32px */
    }

    body .accordion,
body .cards-grid {
      margin-bottom: 2.222vw; /* 32px */
    }

    body .mini-card {
      height: 8.889vw; /* 128px */
      padding: 1.389vw; /* 20px */
    }

    body .button-chat {
      bottom: 2.778vw; /* 40px */
      right: 1.389vw /* 20px */
    }

      body .button-chat a {
        border-radius: 1.111vw; /* 16px */
        padding: 1.111vw; /* 16px */
        font-size: 1.389vw; /* 20px */
      }

    body .accordion-body .button-gide {
      margin-top: 1.389vw; /* 20px */
      border-radius: 69.444vw; /* 1000px */
      padding: 0.833vw; /* 12px */
      height: 3.056vw; /* 44px */
      font-size: 1.25vw; /* 18px */
    }

    body .accordion-icon {
      border-radius: 5.556vw; /* 80px */
      padding: 0.417vw; /* 6px */
      width: 2.222vw; /* 32px */
      height: 2.222vw; /* 32px */
    }

    body .answers {
      margin-bottom: 9.028vw; /* 130px */
    }

    body .original {
      font-size: 0.972vw; /* 14px */
    }

    body .choose-box {
      padding: 1.389vw; /* 20px */
    }

    body .like-purchase {
      display: flex;
      width: 3.333vw; /* 48px */
      height: 3.333vw; /* 48px */
      border-radius: 0.556vw; /* 8px */
      padding: 0;
      flex-shrink: 0;
    }

    body .card-gallery {
      width: 36.111vw; /* 520px */
      display: flex;
      flex-direction: column;
      position: sticky;
      top: calc(1.111vw + 4.444vw); /* 16px */
      height: calc(100vh - 2.222vw - 4.444vw); /* 32px */
    }

    body .card-header {
      top: 0;
      transform: translateY(-110%);
      opacity: 0;
      pointer-events: none;
      transition:
        transform 0.25s ease,
        opacity 0.25s ease;
      will-change: transform;
    }

    body .card-header.is-visible {
      transform: translateY(0);
      opacity: 1;
      pointer-events: auto;
    }

    body .card-header-back {
      width: 2.875vw;
      height: 2.875vw;
      border-radius: 0.824vw;
    }

    body .card-header-back img {
      width: 1.25vw;
      height: 1.25vw;
    }

    body .like-purchase svg {
      width: 1.25vw;
      height: 1.25vw;
    }

    body .card-header-title {
      font-size: 2.473vw;
      margin-bottom: 0.549vw;
    }
    body .card-header-price {
      font-family: var(--font-family);
      font-weight: 600;
      font-size: 0.729vw;
      line-height: 130%;
      color: #262626;
    }
    body .infopage .card-header {
      position: fixed;
      left: 0;
      width: 100%;
      z-index: 98;
      display: flex;

      transform: translateY(-110%);
      opacity: 0;
      pointer-events: none;
      transition:
        transform 0.25s ease,
        opacity 0.25s ease;
      will-change: transform;
    }

    body .infopage .card-header.is-visible {
      transform: translateY(0);
      opacity: 1;
      pointer-events: auto;
    }

    body .card-header-title {
      font-family: var(--font-family);
      font-weight: 700;
      font-size: 0.938vw;
      line-height: 110%;
      color: #262626;
    }

    body .main-slider {
      border-radius: 1.111vw; /* 16px */
    }

    body .gallery-container {
      gap: 6.111vw; /* 88px */
      padding: 2.292vw 1.389vw; /* 33px 20px */
    }

    body .review-modal-text {
      display: flex;
      flex-direction: column;
    }

    body .accordion-header {
      font-size: 1.389vw; /* 20px */
    }

    body .gallery-thumb-vertical {
      width: 15.833vw; /* 228px */
      flex-direction: column;
    }

    body .gallery-thumbs-button {
      width: 100%;
      height: 2.778vw; /* 40px */
    }

    body .fullscreen-gallery .fullscreen-slider {
      width: 53.403vw; /* 769px */
      margin: 0 auto;
      position: absolute;
      inset: 0;
      top: 2.292vw; /* 33px */
      bottom: 2.292vw; /* 33px */
      /* padding: 0 68px; */
      /* overflow: visible; */
    }

    body .fullscreen-gallery .fullscreen-slider .swiper-slide img {
      width: 43.958vw; /* 633px */
      /* width: 100%; */
    }

    body .gallery-close {
      width: 3.333vw; /* 48px */
      height: 3.333vw; /* 48px */
    }

    body .gallery-swiper-button {
      padding: 0.972vw; /* 14px */
    }

    body .similar-button {
      margin-top: 2.917vw; /* 42px */
      width: 23.889vw; /* 344px */
      height: 3.056vw; /* 44px */
    }

    body .brand-company {
      font-size: 1.111vw; /* 16px */
    }

    body .choose-text {
      font-size: 1.25vw; /* 18px */
      margin-bottom: 1.111vw; /* 16px */
    }

    body .link-text {
      font-size: 1.111vw; /* 16px */
    }

    body .brand-content {
      min-height: 2.986vw; /* 43px */
    }

    body .specs-name,
body .specs-value {
      font-size: 1.25vw; /* 18px */
    }

    body .infopage-title {
      font-size: 3.333vw; /* 48px */
      margin-bottom: 2.778vw; /* 40px */
    }

    body .answers-header {
      font-weight: 700 !important;
      padding: 0;
    }

    body .benefits {
      margin-bottom: 7.222vw; /* 104px */
      width: 100%;
    }

    body .benefits-container,
body .cards-container {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 0.556vw; /* 8px */
    }

    body .accordion-item {
      padding-bottom: 1.111vw; /* 16px */
    }

    body .answers-container {
      width: 72.778vw; /* 1048px */
      display: flex;
      flex-direction: column;
      gap: 1.944vw /* 28px */
    }

      body .answers-container .accordion-item {
        padding-bottom: 1.944vw; /* 28px */
      }

    body .small-text {
      font-size: 0.833vw; /* 12px */
    }

    body .filter-title {
      font-size: 1.111vw; /* 16px */
      margin-bottom: 0.278vw; /* 4px */
    }

    body .accordion-body {
      font-size: 1.25vw; /* 18px */
    }

    body .cards-grid {
      gap: 0.556vw; /* 8px */
    }

    body .mini-card-text {
      font-size: 1.25vw; /* 18px */
      width: 9.167vw; /* 132px */
    }

    body .mini-card-content img {
      width: 2.222vw; /* 32px */
      height: 2.222vw; /* 32px */
    }

    body .text-ben {
      padding: 0 1.667vw; /* 24px */
    }

    body .benefits-title-text {
      font-size: 2.222vw; /* 32px */
      margin-bottom: 0.694vw; /* 10px */
      margin-top: 14.944vw; /* 244px */
    }

    body .benefits-small-text {
      font-size: 1.25vw; /* 18px */
    }

    body .buttons-text {
      font-size: 1.111vw; /* 16px */
    }

    body .buttons-purchase {
      gap: 0.278vw; /* 4px */
      margin-bottom: 1.111vw; /* 16px */
    }

    body .buy-button {
      padding: 1.111vw; /* 16px */
      height: 3.333vw; /* 48px */
      margin-bottom: 0.278vw; /* 4px */
      width: 100%;
    }

    body .button-basket {
      padding: 1.111vw 1.389vw; /* 16px 20px */
      height: 3.333vw; /* 48px */
      width: 100%;
      transition: all 0.3s ease-out;
    }

    body .photo-pagination {
      display: none;
    }

    body .mobile-tab {
      display: none;
    }
  }

@media (min-width: 728px) and (max-width: 1024px) {

  body {

    /* Guid */

    /* /Guid */
  }
    body .select-block-lens {
      gap: 2.198vw; /* 16px */
      border-radius: 2.198vw; /* 16px */
      padding: 2.747vw; /* 20px */
      margin-bottom: 3.297vw /* 24px */
    }

      body .select-block-lens.desc {
        display: none;
      }

      body .select-block-lens.mob {
        display: flex;
      }

      body .select-block-lens .head-lens-s {
        font-size: 2.473vw; /* 18px */
      }

      body .select-block-lens .start-select-lens {
        border-radius: 1.099vw; /* 8px */
        padding: 2.198vw 2.747vw; /* 16px 20px */
        max-width: 44.368vw; /* 323px */
        font-size: 2.198vw; /* 16px */
      }

    body .bread-crumbs {
      display: none;
    }

    body .infopage {
      padding: 0px 2.198vw; /* 16px */
      margin-top: 13.187vw; /* 96px */
    }

    body .cards-grid {
      gap: 1.099vw; /* 8px */
    }

    body .product-description {
      padding: 2.198vw; /* 16px */
      order: 1;
      border-radius: 2.198vw; /* 16px */
    }

    body .product-card {
      display: flex;
      flex-direction: column;
      gap: 1.099vw; /* 8px */
      margin: 0 -2.198vw; /* -16px */
      margin-bottom: 14.286vw; /* 104px */
    }

    body .product-title br {
      display: none;
    }

    body .discount {
      font-size: 2.198vw; /* 16px */
    }

    body .discount-button {
      height: 2.747vw; /* 20px */
      width: 2.747vw /* 20px */
    }

      body .discount-button::after {
        inset: 0.412vw; /* 3px */
      }

    body .mini-feedbacks {
      padding: 1.511vw; /* 11px */
      margin-bottom: 2.747vw; /* 20px */
      font-size: 2.198vw; /* 16px */
      gap: 2px;
    }

    body .brand-box {
      gap: 0.549vw; /* 4px */
    }

    body .original {
      font-size: 1.923vw; /* 14px */
    }

    body .product-title.main-text {
      font-size: 3.846vw; /* 28px */
    }

    body .price-container {
      padding: 2.198vw; /* 16px */
      border-radius: 2.198vw; /* 16px */
    }

    body .price {
      font-size: 4.396vw; /* 32px */
    }

    body .old-price {
      font-size: 2.473vw; /* 18px */
    }

    body .text-balance {
      margin-bottom: 3.297vw; /* 24px */
      font-size: 2.198vw; /* 16px */
    }

    body .logo-company {
      border-radius: 1.099vw; /* 8px */
      font-size: 1.648vw; /* 12px */
      padding: 0.962vw 1.374vw; /* 7px 10px */
    }

    body #brevo-conversations {
      bottom: 18.368vw !important;
      right: 2.198vw !important;
    }

    body .filter-title {
      font-size: 2.198vw; /* 16px */
      margin-bottom: 1.099vw; /* 8px */
    }

    body .main-slider {
      padding: 0 2.198vw; /* 16px */
    }

    body .buttons-attr .attr-button {
      padding: 1.099vw;
      min-width: 4.945vw; /* 36px */
      height: 4.945vw; /* 36px */
      font-size: 1.923vw; /* 14px */
    }

      body .buttons-attr .attr-button.button-color {
        padding: 0.687vw /* 5px */
      }

        body .buttons-attr .attr-button.button-color:has(.text) {
          padding: 2px 1.648vw /* 12px */
        }

          body .buttons-attr .attr-button.button-color:has(.text) > div {
            margin-top: -0.137vw; /* 1px */
          }

    body .dioptr {
      padding: 1.648vw; /* 12px */
      min-width: 7.143vw; /* 52px */
      font-size: 1.923vw; /* 14px */
    }

    body .brand,
body .colors,
body .accordion,
body .cards-grid {
      margin-bottom: 3.297vw; /* 24px */
    }

    body .brand-content {
      min-height: 5.907vw; /* 43px */
    }

    body .brand-company {
      font-size: 2.198vw; /* 16px */
      width: 31.468vw; /* 229px */
      padding: 1.099vw; /* 8px */
      gap: 0.549vw; /* 4px */
      border-radius: 1.099vw; /* 8px */
      width: fit-content;
    }

    body .buttons-attr {
      gap: 0.825vw; /* 6px */
      margin-top: 0px;
    }

    body .choose-box {
      margin: 3.297vw 0 /* 24px */
    }

      body .choose-box br {
        content: "";
      }

    body .answers-container {
      display: flex;
      flex-direction: column;
      gap: 3.846vw; /* 28px */
    }

    body .answers-text {
      margin: 0;
    }

    body .accordion-header {
      font-size: 2.747vw; /* 20px */
      padding-bottom: 3.297vw; /* 24px */
    }

    body .mini-card-text {
      width: auto;
    }

    body .accordion-body .button-gide {
      margin: 2.747vw 0 2.198vw; /* 20px 0 16px */
      border-radius: 1373.626vw; /* 1000px */
      padding: 1.648vw; /* 12px */
      height: 6.044vw; /* 44px */
      font-size: 2.473vw; /* 18px */
    }

    body .mini-card {
      height: 16.758vw; /* 122px */
    }

    body .buy-button-container {
      position: fixed;
      bottom: 0;
      z-index: 20;
      left: 0;
      width: 100%;
      background: var(--white);
      padding: 2.198vw; /* 16px */
      gap: 2.198vw; /* 16px */
      display: flex;
      flex-direction: column;
    }

    body .buy-button {
      padding: 2.198vw; /* 16px */
      height: 6.593vw; /* 48px */
      width: 100%;
      border-radius: 1.099vw; /* 8px */
    }

    body .after-product-info {
      gap: 3.297vw /* 24px */
    }
      body .after-product-info .availability {
        margin: 0;
        flex-grow: 1;
        justify-content: center;
      }
      body .after-product-info .link-button {
        flex-grow: 1;
        display: flex;
        justify-content: center;
      }

    body .choose-text {
      font-size: 2.473vw; /* 18px */
      margin-bottom: 2.198vw; /* 16px */
    }

    body .button-chat {
      bottom: 19.363vw; /* 141px */
      right: 2.198vw /* 16px */
    }

      body .button-chat a {
        border-radius: 2.198vw; /* 16px */
        padding: 2.198vw; /* 16px */
        font-size: 2.747vw; /* 20px */
        gap: 1.099vw; /* 8px */
      }

    body .delivery {
      display: block;
      justify-content: center;
      gap: 0.549vw; /* 4px */
      font-size: 2.198vw; /* 16px */
    }

    body .availability {
      display: none
    }

      body .availability.mob {
        display: flex;
      }

    body .choose-box {
      padding: 2.747vw; /* 20px */
      border-radius: 2.198vw; /* 16px */
    }

    body .accordion-icon {
      border-radius: 13736.263vw; /* 10000px */
      padding: 1.099vw; /* 8px */
      width: 4.396vw; /* 32px */
      height: 4.396vw; /* 32px */
    }

    body .specs-row {
      margin-bottom: 1.648vw; /* 12px */
      gap: 0.549vw /* 4px */
    }

      body .specs-row:first-child {
        padding-top: 1.648vw; /* 12px */
      }

    body .answers {
      margin-bottom: 15.385vw; /* 112px */
    }
      body .review-stars img {
        width: 3.022vw; /* 22px */
        height: 3.022vw; /* 22px */
      }

    body .link-text {
      font-size: 2.198vw; /* 16px */
    }

    body .gallery-close img {
      width: 1.923vw;
      height: 1.923vw;
    }

    body .buttons-purchase .like-purchase {
      display: none;
    }

    body .buttons-purchase {
      gap: 0.549vw; /* 4px */
    }

    body .buy-buttons-flex {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 0.549vw; /* 4px */
    }

    body .thumbs-swiper-container {
      display: none;
    }

    body .card-gallery {
      width: 100%;
    }

    body .main-slider {
      padding: 0 2.198vw /* 16px */
    }

      body .main-slider .custom-nav {
        display: none;
      }

      body .main-slider .swiper-slide {
        width: 71.429vw; /* 520px */
        flex-shrink: 0
      }

        body .main-slider .swiper-slide img {
          height: 100%;
          border-radius: 2.198vw; /* 16px */
        }

    body .discount-text {
      padding-left: 1.099vw; /* 8px */
    }

    body .price-title {
      margin-bottom: 2.198vw; /* 16px */
      gap: 2.198vw; /* 16px */
    }

    body .card-header {
      display: flex;
      position: fixed;
      top: calc(8.791vw - 2px);
      z-index: 98;
      left: 0;
      width: 100%;
      padding: 2.198vw
    }

      body .card-header .card-header-back {
        width: 4.945vw;
        height: 4.945vw;
        border-radius: 0.824vw;
      }

      body .card-header .card-header-title {
        font-size: 2.473vw;
        margin-bottom: 0.549vw;
      }
      body .card-header .card-header-price {
        font-size: 1.923vw;
      }

    body .like-purchase {
      border-radius: 0.824vw; /* 6px */
      width: 4.945vw; /* 36px */
      height: 4.945vw /* 36px */
    }

      body .like-purchase svg {
        width: 2.473vw; /* 18px */
        height: 2.473vw; /* 18px */
      }

    body .gallery-container {
      /* gap: 88px; */
      padding: 2.198vw; /* 16px */
      flex-direction: column-reverse;
      justify-content: center;
      gap: 4.945vw; /* 36px */
    }

    body .gallery-thumb-vertical {
      width: 100%;
      height: 19.367vw; /* 141px */
      flex-direction: row;
    }

    body .gallery-thumbs-button {
      height: 100%;
      width: 5.495vw; /* 40px */
    }

    body .fullscreen-gallery .fullscreen-slider {
      width: 100%;
      height: 74.041vw; /* 539px */
    }

    body .fullscreen-gallery .fullscreen-slider .swiper-slide img {
      width: 78.703vw; /* 573px */
    }

    body .gallery-close {
      width: 4.945vw; /* 36px */
      height: 4.945vw; /* 36px */
    }

    body .review-modal-text {
      display: none;
    }

    body .specs-name,
body .specs-value {
      font-size: 2.473vw; /* 18px */
    }

    body .infopage-title {
      font-size: 6.593vw; /* 48px */
      margin-bottom: 5.495vw; /* 40px */
    }

    body .benefits-container {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 1.099vw; /* 8px */
    }

    body .benefits {
      width: 100%;
      margin-bottom: 15.385vw; /* 112px */
    }

    body .accordion-body {
      font-size: 2.473vw /* 18px */
    }

      body .accordion-body .size-prew {
        display: grid;
        grid-template-columns: 1fr 1fr;
        margin-top: 2.198vw; /* 16px */
      }

      body .accordion-body .wrap-size {
        display: flex;
        flex-direction: column;
        position: relative;
        align-items: center;
        gap: 2.473vw /* 18px */
      }

        body .accordion-body .wrap-size img {
          width: 26.099vw;
          height: 9.753vw;
        }

        body .accordion-body .wrap-size .size-name {
          font-family: var(--manrope);
          font-weight: 600;
          font-size: 1.923vw; /* 14px */
          line-height: 140%;
          letter-spacing: -0.01em;
          text-align: center;
          color: var(--main-black);
        }

        body .accordion-body .wrap-size .size {
          font-family: var(--manrope);
          font-weight: 500;
          font-size: 1.648vw; /* 12px */
          line-height: 140%;
          letter-spacing: -0.01em;
          text-align: center;
          color: var(--main-black);
          position: absolute;
        }

        body .accordion-body .wrap-size:nth-child(1) {
          border-right: 1px solid #e6e6e6;
          border-bottom: 1px solid #e6e6e6;
          padding-bottom: 2.198vw; /* 16px */
          padding-right: 2.473vw /* 18px */
        }

          body .accordion-body .wrap-size:nth-child(1) .size {
            top: 3.297vw; /* 24px */
            left: 0;
            right: 2.473vw; /* 18px */
            margin: 0 auto;
            width: fit-content;
          }

        body .accordion-body .wrap-size:nth-child(2) {
          border-bottom: 1px solid #e6e6e6;
          padding-bottom: 2.198vw; /* 16px */
          padding-left: 2.473vw /* 18px */
        }

          body .accordion-body .wrap-size:nth-child(2) .size {
            top: 3.297vw; /* 24px */
            left: 2.473vw; /* 18px */
            right: 0;
            margin: 0 auto;
            width: fit-content;
          }

        body .accordion-body .wrap-size:nth-child(3) {
          border-right: 1px solid #e6e6e6;
          padding-top: 2.198vw; /* 16px */
          padding-right: 2.473vw /* 18px */
        }

          body .accordion-body .wrap-size:nth-child(3) .size {
            top: 5.495vw; /* 40px */
            left: 0;
            right: 2.473vw; /* 18px */
            margin: 0 auto;
            width: fit-content;
          }

        body .accordion-body .wrap-size:nth-child(4) {
          padding-top: 2.198vw; /* 16px */
          padding-left: 2.473vw /* 18px */
        }

          body .accordion-body .wrap-size:nth-child(4) .size {
            top: 5.495vw; /* 40px */
            left: 12.363vw; /* 90px */
            right: 0;
            width: 10.989vw; /* 80px */
          }

    body .accordion-body img {
      display: block;
    }

    body .tablet-swiper-button {
      position: absolute;
      top: 50%;
      z-index: 20;
      background: var(--white);
      border-radius: 10.989vw; /* 80px */
      display: flex;
      justify-content: center;
      align-items: center;
      transition: all 0.3s ease-out;
      width: 4.945vw; /* 36px */
      height: 4.945vw; /* 36px */
      padding: 1.648vw; /* 12px */
    }

    body .tablet-swiper-button-prev {
      left: 2.198vw /* 16px */
    }

      body .tablet-swiper-button-prev img {
        transform: rotate(270deg);
      }

    body .tablet-swiper-button-next {
      right: 2.198vw /* 16px */
    }

      body .tablet-swiper-button-next img {
        transform: rotate(90deg);
      }

    body .review-photo-scroll .thumbs-swiper {
      height: 14.56vw; /* 106px */
      width: 100%;
    }

    body footer {
      margin-bottom: 16.071vw; /* 117px */
    }

    body .small-text {
      font-size: 1.648vw; /* 12px */
    }

    body .mini-card-text {
      font-size: 2.473vw; /* 18px */
      width: 18.132vw; /* 132px */
    }

    body .mini-card {
      border-radius: 2.198vw; /* 16px */
      padding: 2.747vw; /* 20px */
    }

    body .mini-card-content img {
      width: 4.396vw; /* 32px */
      height: 4.396vw; /* 32px */
      padding: 0.824vw; /* 6px */
    }

    body .text-ben {
      padding: 0 3.297vw; /* 24px */
    }

    body .benefits-title-text {
      font-size: 4.396vw; /* 32px */
      margin-top: 32.313vw; /* 235px */
      margin-bottom: 1.374vw; /* 10px */
    }

    body .benefits-card {
      margin-bottom: 3.297vw; /* 24px */
    }
      body .benefits-card:has(.benefit-img-3, .benefit-img-4) .benefits-title-text {
        margin-top: 28vw; /*  px */
      }

    body .more-photos-text {
      font-size: 3.297vw; /* 24px */
    }

    body .mark-row-value {
      font-size: 2.198vw; /* 16px */
      gap: 2px;
    }
    body .mark-percent {
      font-size: 2.198vw; /* 16px */
    }

    body .marks-container {
      gap: 1.099vw; /* 8px */
    }

    body .pr-32 {
      padding-right: 2.198vw; /* 16px */
    }

    body .benefits-small-text {
      font-size: 2.473vw; /* 18px */
    }

    body .similar-button {
      margin-top: 5.769vw; /* 42px */
      width: 47.253vw; /* 344px */
      height: 6.044vw; /* 44px */
    }

    body .buttons-text {
      font-size: 2.198vw; /* 16px */
    }

    body .button-basket {
      padding: 2.198vw 2.747vw; /* 16px 20px */
      height: 6.593vw; /* 48px */
      width: 100%;
      border-radius: 1.099vw; /* 8px */
    }

    body .photo-pagination.swiper-pagination-clickable.swiper-pagination-bullets {
      position: absolute;
      bottom: 2.198vw; /* 16px */
      left: 50%;
      transform: translateX(-50%);
      display: flex;
      gap: 0.275vw; /* 2px */
      z-index: 10;
      width: auto;
    }

    body .popupCard-content {
      padding: 5.495vw; /* 40px */
      padding-bottom: 0;
      width: 71.429vw /* 520px */
    }

      body .popupCard-content > *:last-child {
        padding-bottom: 5.495vw; /* 40px */
      }
      body .popupCard-content .wrap-popupCard-content > *:nth-child(2) {
        padding-top: 2.747vw; /* 20px */
      }

    body .popupFitting-content {
      padding: 5.495vw; /* 40px */
      padding-bottom: 0;
      width: 71.429vw /* 520px */
    }

      body .popupFitting-content > *:last-child {
        padding-bottom: 5.495vw; /* 40px */
      }
      body .popupFitting-content > *:nth-child(2) {
        padding-top: 2.747vw; /* 20px */
      }
        body .popupFitting .popupFitting-content .popupFitting-header {
          font-size: 5.769vw; /* 42px */
          padding-bottom: 2.747vw; /* 20px */
        }
          body .popupFitting .popupFitting-content .popupFitting-box-wrap .popupFitting-box {
            margin-bottom: 5.495vw; /* 40px */
            gap: 3.297vw; /* 24px */
          }

          body .popupFitting .popupFitting-content .popupFitting-box-wrap .popupFitting-delivery {
            border-radius: 2.198vw; /* 16px */
            padding: 2.747vw; /* 20px */
          }

          body .popupFitting .popupFitting-content .popupFitting-box-wrap .popupFitting-item-title {
            font-size: 2.747vw; /* 20px */
            margin-bottom: 1.099vw; /* 8px */
          }

          body .popupFitting .popupFitting-content .popupFitting-box-wrap .popupFitting-item-text {
            font-size: 2.198vw; /* 16px */
          }

    body #dioptries {
      margin: 0;
      gap: 0.549vw; /* 4px */
    }

    body .mobile-tab {
      display: none;
    }

    body .recently-tovars .tovar.fake {
      margin-right: 8px;
    }

    body .recently-tovars {
      width: calc(100% + 4.396vw);
      margin-left: -2.198vw;
      padding: 0 2.198vw;
      overflow: hidden;
    }
    body .recently-tovars .swiper-wrapper {
      display: flex;
      gap: 0;
      flex-wrap: nowrap
    }

      body .recently-tovars .swiper-wrapper .swiper-slide {
        width: 47.253vw;
      }

    body .similar-tovars {
      grid-template-columns: 1fr 1fr;
      gap: 4.167vw 1.042vw;
    }

    body .tovar {
      gap: 1.302vw;
    }

    body .first_part {
      height: 54.688vw;
      border-radius: 0.521vw;
    }

    body .features {
      gap: 0.391vw;
      left: 1.302vw;
      top: 1.302vw;
      width: calc(100% - 7.813vw);
    }

    body .feature {
      gap: 0.26vw;
      padding: 1.042vw;
    }

    body .feature svg {
      width: 2.604vw;
      height: 2.604vw;
    }

    body .feature p {
      font-size: 1.823vw;
      line-height: 100%;
    }

    body .tovar .wishlist_button {
      top: 1.302vw;
      right: 1.302vw;
    }

    body .tovar .wishlist_button svg {
      width: 4.688vw;
      height: 4.688vw;
    }

    body .tovar_sider {
      border-radius: 0.521vw;
    }

    body .tovar_pags {
      gap: 0.521vw;
      flex-wrap: nowrap;
      position: absolute;
      left: 1.302vw !important;
      right: 1.302vw;
      bottom: 1.302vw !important;
      width: calc(100% - 2.604vw) !important;
      z-index: 1;
    }

    body .tovar_pag {
      height: 0.521vw;
    }

    body .t_name {
      font-size: 2.083vw;
      line-height: 130%;
      letter-spacing: -0.01em;
    }

    body .t_type {
      font-size: 1.823vw;
      line-height: 130%;
      letter-spacing: -0.01em;
    }

    body .t_price {
      gap: 1.042vw;
      margin-top: 1.302vw;
    }

    body .t_act_p {
      font-size: 2.344vw;
      line-height: 130%;
      letter-spacing: -0.01em;
    }

    body .page_pag {
      display: flex;
      flex-direction: row;
      gap: 0.521vw;
      margin-top: 8.333vw;
      justify-content: center;
    }

    body .to_back,
body .to_next {
      width: 6.25vw;
      height: 5.208vw;
      cursor: pointer;
      background-color: #fff;
      border-radius: 1000px;
      transition: background-color 0.2s ease-out;
    }

    body .sale_precent {
      left: 1.374vw; /* 10px */
      bottom: 3.297vw; /* 24px */
    }

    body .sale_precent img {
      width: 7.143vw; /* 52px */
      height: 4.121vw; /* 30px */
    }

    body .sale_precent p {
      font-size: 1.923vw; /* 14px */
    }

    body .popupCard-nav button {
      font-size: 2.198vw;
    }

    body .popupCard-title {
      font-size: 5.769vw;
    }
    body .popupCard-text {
      font-size: 2.473vw
    }
      body .popupCard-text h3 {
        font-size: 3.297vw;
      }
    body .close-icon {
      width: 6.593vw;
      height: 6.593vw;
      padding: 1.648vw;
    }

    body:not(:has(.elementor-sticky--active)) .card-header {
      top: calc(11.791vw - 2px);
      position: absolute;
    }

    body .photo-pagination .swiper-pagination-bullet {
      border-radius: 100px;
      width: 1.648vw; /* 12px */
      height: 0.549vw; /* 4px */
      background: var(--gray-3);
      opacity: 1;
    }

    body .photo-pagination .swiper-pagination-bullet-active {
      background: #3d3c3b;
    }

    body .elementor-location-footer {
      margin-bottom: 16.071vw !important
    }
      body .elementor-location-footer .footer_custom {
        padding-bottom: 8vw;
      }
    body .wrap_guid_table {
      padding-left: 5.495vw;
      overflow: visible;
    }

    body .guid_table {
      border-radius: 2.198vw; /* 16px */
      min-width: 60.44vw; /* 440px */
      margin-top: 1.099vw; /* 8px */
    }

    body .guid_table .cell_guid {
      padding: 2.198vw; /* 16px */
    }

    body .guid_table .column_guid {
      border-radius: 2.198vw 0 0 2.198vw;
    }

    body .guid_table .column_guid:first-child .cell_guid {
      padding: 1.099vw 2.198vw; /* 8px 16px */
    }

    body .column_guid .wrap_line_table {
      width: calc(100% - 4.396vw); /* 32px */
      margin-left: 2.198vw; /* 16px */
    }

    body .guid_table .cell_guid {
      min-height: 5.495vw; /* 40px */
      font-size: 2.198vw; /* 16px */
    }

    body .guid_table .column_guid:first-child .cell_guid {
      font-size: 1.923vw; /* 14px */
    }

    body .giud_text {
      display: flex;
      flex-direction: column;
      gap: 3.297vw; /* 24px */
      margin-top: 8.791vw; /* 64px */
      margin-bottom: 2.747vw; /* 20px */
    }
    body .giud_text > * {
      padding: 0 5.495vw; /* 40px */
    }
    body .giud_text .wrap_head_guid_text {
      display: flex;
      flex-direction: column;
      gap: 2.198vw; /* 16px */
    }

    body .giud_text .wrap_head_guid_text .head_h_guid_text {
      font-family: var(--manrope);
      font-weight: 700;
      font-size: 5.769vw; /* 42px */
      line-height: 120%;
      letter-spacing: -0.02em;
      color: #171717;
    }

    body .giud_text .wrap_head_guid_text .head_p_guid_text {
      font-family: var(--manrope);
      font-weight: 500;
      font-size: 1.923vw; /* 14px */
      line-height: 140%;
      letter-spacing: -0.01em;
      color: #171717;
    }

    body .guid_step {
      display: flex;
      flex-direction: column;
      gap: 1.099vw; /* 8px */
    }
    body .guid_step.giud_t > * {
      padding: 0 5.495vw; /* 40px */
    }

    body .guid_step h3 {
      font-family: var(--manrope);
      font-weight: 700;
      font-size: 2.747vw; /* 20px */
      line-height: 140%;
      letter-spacing: -0.01em;
      color: #171717;
    }

    body .guid_step p,
body .guid_step li {
      font-family: var(--manrope);
      font-weight: 500;
      font-size: 1.923vw; /* 14px */
      line-height: 140%;
      letter-spacing: -0.01em;
      color: #171717;
    }
    body .guid_step li {
      gap: 0.549vw;
      margin-left: 2.885vw; /* 21px */
    }
    body .guid_step li::before {
      top: 1.236vw;
      left: -1.236vw;
    }
    body .guid_step svg {
      width: 60.44vw; /* 440px */
      height: 23.626vw; /* 172px */
      border-radius: 2.198vw; /* 16px */
    }

    body .guid_step svg[data-guid-step="1"] {
      height: 19.231vw; /* 140px */
    }

    body .guid_step p {
      display: inline;
    }

    body .guid_step p span {
      font-weight: 700;
    }

    body .giud_size_frame {
      font-size: 1.923vw;
      margin: 0;
    }
    body .giud_fise_frame_modal {
      width: 71.429vw; /* 520px */
      padding: 0;
    }
    body .giud_fise_frame_modal .wrap_size {
      padding: 0 5.495vw;
      margin-top: 2.198vw;
      gap: 2.747vw;
    }
    body .giud_fise_frame_modal .wrap_size .size_modal {
      gap: 0.549vw;
    }
    body .giud_fise_frame_modal .wrap_size .size_modal span {
      width: 7.692vw;
      height: 5.495vw;
      font-size: 1.923vw;
    }

    body .giud_fise_frame_modal .about_size_frame {
      gap: 1.1vw;
    }
    body .giud_fise_frame_modal .about_size_frame > p {
      font-size: 2.747vw;
    }
    body .giud_fise_frame_modal .about_size_frame > span {
      font-size: 1.923vw;
    }

    body .select_size_prev {
      margin-top: 4.945vw;
    }
    body .s_size_prev {
      height: 10.719vw;
      padding: 2.198vw;
      gap: 0.55vw;
    }
    body .zaushnik {
      border-radius: 2.198vw 0 0 0;
    }
    body .obshhaya-shirina {
      border-radius: 0 2.198vw 0 0;
    }
    body .shirina-linzy {
      border-radius: 0 0 0 2.198vw;
    }
    body .shirina-perenosiczy {
      border-radius: 0 0 2.198vw 0;
    }
    body .s_size_prev > p {
      font-size: 1.923vw;
    }
    body .s_size_prev > span {
      font-size: 2.198vw;
    }

    body .wrap_appr_size {
      height: 11.538vw;
      padding: 2.747vw 5.495vw;
    }
    body .wrap_appr_size .appr_size {
      border-radius: 1.099vw;
      font-size: 2.198vw;
      height: 6.044vw;
    }

    body .wrap_size_prev {
      padding: 0 5.495vw;
    }

    body .frame_size_prev {
      height: 25.745vw;
      margin-top: 4.945vw;
    }
    body .frame_size_prev .prof,
body .frame_size_prev .fas {
      width: 60.44vw;
      height: 20.192vw;
      left: 0;
      right: 0;
      margin: 0 auto;
    }
    body .frame_size_prev .wrap_line_size > p {
      font-size: 2.198vw;
    }

    body .dynamic_size_frame {
      margin-top: 0.688vw;
      margin-bottom: 0.412vw;
    }

    body .wrap_line_arrow::before {
      top: 1.374vw;
    }
    body .wrap_line_arrow::after {
      top: 1.374vw;
    }

    body .dynamic_size_frame.zaushnik {
      padding-left: 18.544vw;
      padding-right: 14.286vw;
    }
    body .zaushnik .wrap_line_arrow::before {
      height: 8.517vw;
    }
    body .zaushnik .wrap_line_arrow::after {
      height: 18.132vw;
    }

    body .dynamic_size_frame.obshhaya-shirina {
      padding-left: 14.286vw;
      padding-right: 14.286vw;
    }
    body .obshhaya-shirina .wrap_line_arrow::before {
      height: 6.868vw;
    }
    body .obshhaya-shirina .wrap_line_arrow::after {
      height: 6.868vw;
    }

    body .wrap_line_size:has(.shirina-linzy) {
      padding-left: 18.681vw;
      padding-right: 50vw;
    }
    body .dynamic_size_frame.shirina-linzy {
      padding-left: 0;
      padding-right: 0;
    }
    body .shirina-linzy .wrap_line_arrow::before {
      height: 6.868vw;
    }
    body .shirina-linzy .wrap_line_arrow::after {
      height: 6.868vw;
    }

    body .dynamic_size_frame.shirina-perenosiczy {
      padding-left: 40.11vw;
      padding-right: 39.835vw;
    }
    body .shirina-perenosiczy .wrap_line_arrow::before {
      height: 8.242vw;
    }
    body .shirina-perenosiczy .wrap_line_arrow::after {
      height: 8.242vw;
    }

    body .head_f_menu {
      padding: 5.208vw 5.208vw 1.042vw 5.208vw;
    }

    body .wrap_filt_h {
      gap: 1.042vw;
    }

    body .wrap_filt_h .filt_h {
      font-size: 5.469vw;
      line-height: 100%;
      letter-spacing: -0.02em;
    }

    body .wrap_filt_h .clear_f {
      font-size: 2.344vw;
      line-height: 140%;
      letter-spacing: -0.01em;
    }

    body .close_f_menu {
      width: 6.25vw;
      height: 6.25vw;
    }

    body .nalichie-v-salonah .popupFitting-content {
      padding: 5.495vw;
      padding-bottom: 0;
      width: 100%
    }
        body .nalichie-v-salonah .popupFitting-content > [data-elementor-type="section"] .scroll-window {
          padding-bottom: 5.495vw;
        }

    body .vertical-thumbs {
      height: 100%
    }
      body .vertical-thumbs .swiper-wrapper {
        flex-direction: row
      }

        body .vertical-thumbs .swiper-wrapper .swiper-slide {
          height: 100%;
          border-radius: 1.099vw; /* 8px */
        }

    body .gallery-thumbs-button {
      border-radius: 1.099vw /* 8px */
    }

      body .gallery-thumbs-button.thumbs-button-prev img {
        transform: rotate(0deg);
      }

      body .gallery-thumbs-button.thumbs-button-next img {
        transform: rotate(180deg);
      }

    body .gallery-swiper-button {
      padding: 1.099vw; /* 8px */
      width: 4.945vw;
      height: 4.945vw
    }
      body .gallery-swiper-button img {
        width: 2vw;
        height: 2vw;
      }

    body .popupCard-header {
      padding-bottom: 2.198vw;
    }
  }

@media (max-width: 727px) {

  body {

    /* Guid */

    /* /Guid */

    /* [data-elementor-type="footer"] .footer_custom {
      padding-bottom: 32vw !important;
    } */
  }
    body .select-block-lens {
      gap: 5vw; /* 16px */
      border-radius: 5vw; /* 16px */
      padding: 5vw; /* 16px */
      margin-bottom: 6.25vw /* 20px */
    }

      body .select-block-lens.desc {
        display: none;
      }

      body .select-block-lens.mob {
        display: flex;
      }

      body .select-block-lens .head-lens-s {
        width: 47.813vw; /* 153px */
        font-size: 4.375vw; /* 14px */
      }

      body .select-block-lens .start-select-lens {
        border-radius: 2.5vw; /* 8px */
        padding: 4.688vw 6.25vw; /* 15px 20px */
        max-width: unset;
        font-size: 3.75vw; /* 12px */
      }

    body .logo-company img {
      width: 100%;
    }
    body .head_f_menu {
      padding: 5vw; /* 16px -> 5vw */
      padding-bottom: 2.5vw; /* 8px -> 2.5vw */
    }

    body .wrap_filt_h {
      gap: 2.5vw; /* 8px -> 2.5vw */
    }

    body .wrap_filt_h .filt_h {
      font-size: 10vw; /* 32px -> 10vw */
      line-height: 96%;
    }

    body .wrap_filt_h .clear_f {
      font-size: 4.375vw; /* 14px -> 4.375vw */
    }

    body .close_f_menu {
      width: 10vw; /* 32px -> 10vw */
      height: 10vw; /* 32px -> 10vw */
    }

    body .giud_fise_frame_modal {
      width: 100%;
      padding: 0;
    }

    body .wrap_guid_table {
      padding-left: 5vw;
      overflow: auto;
    }

    body .guid_table {
      border-radius: 5vw; /* 16px */
      min-width: 137.5vw; /* 440px */
      margin-top: 2.5vw; /* 8px */
    }

    body .guid_table .cell_guid {
      padding: 5vw; /* 16px */
    }

    body .guid_table .column_guid {
      border-radius: 5vw 0 0 5vw;
    }

    body .guid_table .column_guid:first-child .cell_guid {
      padding: 2.5vw 5vw; /* 8px 16px */
    }

    body .column_guid .wrap_line_table {
      width: calc(100% - 10vw); /* 32px */
      margin-left: 5vw; /* 16px */
    }

    body .guid_table .cell_guid {
      min-height: 12.5vw; /* 40px */
      font-size: 5vw; /* 16px */
    }

    body .guid_table .column_guid:first-child .cell_guid {
      font-size: 4.375vw; /* 14px */
    }

    body .giud_text {
      gap: 5vw; /* 16px */
      margin-top: 12.5vw; /* 40px */
      margin-bottom: 5vw; /* 16px */
    }
    body .giud_text > * {
      padding: 0 5vw; /* 16px */
    }

    body .giud_text .wrap_head_guid_text {
      gap: 5vw; /* 16px */
    }

    body .giud_text .wrap_head_guid_text .head_h_guid_text {
      font-size: 10vw; /* 32px */
    }

    body .giud_text .wrap_head_guid_text .head_p_guid_text {
      font-size: 4.375vw; /* 14px */
    }

    body .guid_step {
      gap: 2.5vw; /* 8px */
    }
    body .guid_step.giud_t > * {
      padding: 0 5vw !important; /* 16px */
    }

    body .guid_step h3 {
      font-size: 6.25vw; /* 20px */
    }

    body .guid_step p,
body .guid_step li {
      font-size: 4.375vw; /* 14px */
    }

    body .guid_step li {
      gap: 1.25vw; /* 4px */
      margin-left: 6.563vw; /* 21px */
    }
    body .guid_step li::before {
      top: 2.813vw;
      left: -2.813vw;
    }

    body .guid_step svg {
      width: 90vw; /* 288px */
      height: 53.75vw; /* 172px */
      border-radius: 5vw; /* 16px */
      display: none;
    }
    body .guid_step svg.mobile {
      display: flex;
    }

    body .guid_step svg[data-guid-step="1"] {
      height: 43.75vw; /* 140px */
    }

    body .giud_size_frame {
      font-size: 4.375vw;
    }
    body .giud_fise_frame_modal .wrap_size {
      padding: 0 5vw;
      margin-top: 5vw;
      gap: 10vw;
    }
    body .giud_fise_frame_modal .wrap_size .size_modal {
      gap: 1.25vw;
    }
    body .giud_fise_frame_modal .wrap_size .size_modal span {
      width: 17.5vw;
      height: 12.5vw;
      font-size: 4.375vw;
    }

    body .giud_fise_frame_modal .about_size_frame {
      gap: 2.5vw;
    }
    body .giud_fise_frame_modal .about_size_frame > p {
      font-size: 5.625vw;
    }
    body .giud_fise_frame_modal .about_size_frame > span {
      font-size: 4.375vw;
    }

    body .select_size_prev {
      margin-top: 10vw;
    }
    body .s_size_prev {
      height: 23.125vw;
      padding: 5vw;
      gap: 0;
    }
    body .zaushnik {
      border-radius: 5vw 0 0 0;
    }
    body .obshhaya-shirina {
      border-radius: 0 5vw 0 0;
    }
    body .shirina-linzy {
      border-radius: 0 0 0 5vw;
    }
    body .shirina-perenosiczy {
      border-radius: 0 0 5vw 0;
    }
    body .s_size_prev > p {
      font-size: 4.375vw;
    }
    body .s_size_prev > span {
      font-size: 5vw;
    }

    body .wrap_appr_size {
      height: 20.625vw;
      padding: 2.5vw 5vw 5vw 5vw;
    }
    body .wrap_appr_size .appr_size {
      border-radius: 2.5vw;
      font-size: 4.375vw;
      height: 13.125vw;
    }

    body .wrap_size_prev {
      padding: 0 5vw;
    }

    body .frame_size_prev {
      height: 36.875vw;
      margin-top: 10vw;
    }
    body .frame_size_prev .prof,
body .frame_size_prev .fas {
      width: 90vw;
      height: 30vw;
    }
    body .frame_size_prev .wrap_line_size > p {
      font-size: 4.375vw;
    }

    body .dynamic_size_frame {
      margin-top: 0;
      margin-bottom: 0.938vw;
    }

    body .wrap_line_arrow::before {
      top: 2.5vw;
    }
    body .wrap_line_arrow::after {
      top: 2.5vw;
    }

    body .dynamic_size_frame.zaushnik {
      padding-left: 7.5vw;
      padding-right: 0;
    }
    body .zaushnik .wrap_line_arrow::before {
      height: 12vw;
    }
    body .zaushnik .wrap_line_arrow::after {
      height: 27.132vw;
    }

    body .dynamic_size_frame.obshhaya-shirina {
      padding-left: 1px;
      padding-right: 1px;
    }
    body .obshhaya-shirina .wrap_line_arrow::before {
      height: 8vw;
    }
    body .obshhaya-shirina .wrap_line_arrow::after {
      height: 8vw;
    }

    body .wrap_line_size:has(.shirina-linzy) {
      padding-left: 6.875vw;
      padding-right: 53.5vw;
    }
    body .dynamic_size_frame.shirina-linzy {
      padding-left: 0;
      padding-right: 0;
    }
    body .shirina-linzy .wrap_line_arrow::before {
      height: 9vw;
    }
    body .shirina-linzy .wrap_line_arrow::after {
      height: 9vw;
    }

    body .dynamic_size_frame.shirina-perenosiczy {
      padding-left: 38.41vw;
      padding-right: 37.9vw;
    }
    body .shirina-perenosiczy .wrap_line_arrow::before {
      height: 8.242vw;
    }
    body .shirina-perenosiczy .wrap_line_arrow::after {
      height: 8.242vw;
    }

    body .sale_precent {
      left: 1.25vw; /* 4px */
      bottom: 3.125vw; /* 10px */
    }

    body .sale_precent img {
      width: 9.375vw; /* 30px */
      height: 5vw; /* 16px */
    }

    body .sale_precent p {
      font-size: 2.5vw; /* 8px */
    }

    body .similar-tovars {
      grid-template-columns: 1fr 1fr;
      gap: 7.5vw 2.5vw; /* 24px 8px */
    }

    body .recently-tovars .tovar.fake {
      margin-right: 8px;
    }

    body .recently-tovars {
      width: calc(100% + 10vw);
      margin-left: -5vw;
      padding: 0 5vw;
      overflow: hidden;
    }
    body .recently-tovars .swiper-wrapper {
      display: flex;
      gap: 0;
      flex-wrap: nowrap
    }

      body .recently-tovars .swiper-wrapper .swiper-slide {
        width: 43.75vw;
      }

    body .tovar {
      gap: 1.25vw; /* 4px */
    }

    body .first_part {
      height: 52.5vw; /* 168px */
      border-radius: 1.25vw; /* 4px */
    }

    body .features {
      gap: 1.25vw; /* 4px */
      left: 1.25vw; /* 4px */
      top: 1.25vw; /* 4px */
      width: calc(100% - 9.375vw); /* 30px */
    }

    body .feature {
      gap: 0.625vw; /* 2px */
      padding: 1.875vw; /* 6px */
    }

    body .feature svg {
      width: 2.5vw; /* 8px */
      height: 2.5vw; /* 8px */
    }

    body .feature p {
      font-size: 2.5vw; /* 8px */
    }

    body .tovar .wishlist_button {
      top: 1.25vw; /* 4px */
      right: 1.25vw; /* 4px */
    }

    body .tovar .wishlist_button svg {
      width: 7.5vw; /* 24px */
      height: 7.5vw; /* 24px */
    }

    body .tovar_sider {
      border-radius: 1.25vw; /* 4px */
    }

    body .tovar_pags {
      gap: 0.625vw; /* 2px */
      left: 1.25vw !important; /* 4px */
      right: 1.25vw; /* 4px */
      bottom: 1.25vw !important; /* 4px */
      width: calc(100% - 2.5vw) !important; /* 8px */
    }

    body .tovar_pag {
      height: 0.625vw; /* 2px */
    }

    body .t_name {
      font-size: 4.375vw; /* 14px */
      letter-spacing: -0.02em;
    }

    body .t_type {
      font-size: 3.75vw; /* 12px */
      line-height: 130%;
      letter-spacing: 1;
    }

    body .t_price {
      gap: 1.25vw; /* 4px */
      margin-top: 2.5vw; /* 8px */
    }

    body .t_act_p {
      font-size: 4.375vw; /* 14px */
      letter-spacing: -0.02em;
    }

    body .page_pag {
      gap: 0.625vw; /* 2px */
      margin-top: 12.5vw; /* 40px */
    }

    body .to_back,
body .to_next {
      width: 12.5vw; /* 40px */
      height: 10vw; /* 32px */
    }

    body .pag_list {
      gap: 0.625vw; /* 2px */
    }

    body .pag_el {
      min-width: 12.5vw; /* 40px */
      padding: 0 1.25vw; /* 4px */
      height: 10vw; /* 32px */
      font-size: 3.75vw; /* 12px */
    }

    body .filter_menu {
      width: 100vw;
    }

    body .head_f_menu {
      padding: 5vw; /* 16px */
      padding-bottom: 2.5vw; /* 8px */
    }

    body .wrap_filt_h {
      gap: 2.5vw; /* 8px */
    }

    body .wrap_filt_h .filt_h {
      font-size: 10vw; /* 32px */
      line-height: 96%;
    }

    body .wrap_filt_h .clear_f {
      font-size: 4.375vw; /* 14px */
    }

    body .close_f_menu {
      width: 10vw; /* 32px */
      height: 10vw; /* 32px */
    }

    body .bread-crumbs {
      display: flex;
      padding: 3.75vw 0; /* 12px */
      gap: 1.25vw; /* 4px */
    }

    body .bread-crumbs-element {
      gap: 1.25vw; /* 4px */
      border-radius: 2.5vw; /* 8px */
      padding: 2.5vw; /* 8px */
    }

    body .infopage {
      padding: 0 5vw; /* 16px */
    }

    body .small-text {
      font-size: 3.125vw; /* 10px */
    }

    body .product-card {
      display: flex;
      flex-direction: column;
      gap: 2.5vw; /* 8px */
      margin: 0 -5vw; /* 16px */
      margin-bottom: 2.5vw; /* 8px */
    }

    body .product-description {
      padding: 5vw 5vw 7.5vw 5vw; /* 16px 16px 24px 16px */
      order: 1;
      border-radius: 5vw; /* 16px */
    }

    body .price-container {
      padding: 5vw; /* 16px */
      border-radius: 5vw; /* 16px */
    }

    body .discount-text {
      padding-left: 1.25vw; /* 4px */
    }

    body .old-price {
      font-size: 5vw; /* 16px */
    }

    body .price-title {
      gap: 2.5vw; /* 8px */
      margin-bottom: 2.5vw; /* 8px */
    }

    body .availability {
      display: none
    }
      body .availability.mob {
        display: flex;
      }

    body .price {
      font-size: 6.875vw; /* 22px */
    }

    body .discount {
      font-size: 3.75vw; /* 12px */
    }

    body .discount-button {
      height: 4.375vw; /* 14px */
      width: 4.375vw /* 14px */
    }

      body .discount-button::after {
        inset: 2px;
      }

    body #brevo-conversations {
      bottom: 44vw !important;
      right: 5vw !important;
    }

    body .mini-feedbacks {
      padding: 3.125vw; /* 10px */
      margin-bottom: 5vw; /* 16px */
      font-size: 3.75vw; /* 12px */
      gap: 2px
    }

      body .mini-feedbacks img {
        width: 3.75vw; /* 12px */
        height: 3.75vw; /* 12px */
      }

    body .product-title.main-text {
      font-size: 6.25vw; /* 20px */
    }

    body .product-title br {
      display: none;
    }

    body .text-balance {
      margin-bottom: 7.5vw; /* 24px */
      font-size: 3.75vw; /* 12px */
      margin-top: 0.625vw; /* 2px */
    }

    body .filter-title {
      font-size: 4.375vw; /* 14px */
      margin-bottom: 1.25vw; /* 4px */
    }

    body .buttons-attr {
      margin: 0;
      gap: 1.875vw; /* 6px */
    }

    body .buttons-attr .attr-button {
      padding: 1.25vw; /* 4px */

      min-width: 8.75vw; /* 28px */
      height: 8.75vw; /* 28px */

      font-size: 3.75vw; /* 12px */
    }

      body .buttons-attr .attr-button.button-color {
        padding: 1.25vw /* 4px */
      }

        body .buttons-attr .attr-button.button-color:has(.text) {
          padding: 2px 2.5vw /* 8px */
        }

          body .buttons-attr .attr-button.button-color:has(.text) > div {
            margin-top: -0.313vw; /* 1px */
          }

    body #dioptries {
      margin: 0;
      gap: 1.25vw; /* 4px */
    }

    body .brand-content {
      min-height: 9.375vw; /* 30px */
    }

    body .brand-company {
      font-size: 3.75vw; /* 12px */
      gap: 1.25vw; /* 4px */
      border-radius: 2.5vw; /* 8px */
      padding: 1.562vw 1.25vw; /* 5px 4px */
    }

    body .original {
      font-size: 3.125vw; /* 10px */
    }

    body .brand,
body .colors {
      margin-bottom: 6.25vw; /* 20px */
    }

    body .accordion,
body .cards-grid {
      margin-bottom: 7.5vw; /* 24px */
    }

    body .dioptr {
      padding: 3.75vw 3.75vw; /* 12px 12px */
      font-size: 3.75vw; /* 12px */
      min-width: 15vw; /* 48px */
    }

    body .choose-box {
      margin-top: 6.25vw; /* 20px */
      padding: 5vw; /* 16px */
      border-radius: 5vw; /* 16px */
      margin-bottom: 7.5vw; /* 24px */
    }

    body .accordion {
      gap: 3.75vw; /* 12px */
    }

    body .choose-text {
      font-size: 4.375vw; /* 14px */
      margin-bottom: 3.125vw /* 10px */
    }

      body .choose-text br {
        content: "";
      }

    body .link-text {
      font-size: 3.75vw; /* 12px */
    }

    body .accordion-header {
      font-size: 4.375vw; /* 14px */
    }

    body .accordion-item {
      padding-bottom: 3.75vw; /* 12px */
    }
      body .answers-container .accordion-item {
        padding-bottom: 5vw; /* 16px */
      }
      body .answers-container .answers-header {
        padding: 0;
        font-size: 5vw; /* 16px */
        font-weight: 600;
      }

      body .answers-container .answers-text {
        margin-top: 1.25vw; /* 4px */
      }

    body .accordion-icon {
      border-radius: 18.125vw; /* 58px */
      padding: 1.25vw; /* 4px */
      width: 7.5vw; /* 24px */
      height: 7.5vw; /* 24px */
    }

    body .accordion-item .accordion-body {
      display: flex;
      flex-direction: column;
      justify-content: center;
      font-size: 4.375vw /* 14px */
    }

      body .accordion-item .accordion-body picture {
        margin-top: 5vw; /* 16px */
        text-align: center;
      }
      body .accordion-body .size-prew {
        display: flex;
        flex-direction: column;
        gap: 11.25vw; /* 36px */
        margin-top: 5vw; /* 16px */
      }

      body .accordion-body .wrap-size {
        display: flex;
        flex-direction: column;
        position: relative;
        align-items: center;
        gap: 6.875vw; /* 22px */
        width: fit-content;
        margin: 0 auto
      }

        body .accordion-body .wrap-size img {
          width: 59.375vw;
          height: 22.188vw;
        }

        body .accordion-body .wrap-size .size-name {
          font-family: var(--manrope);
          font-weight: 600;
          font-size: 4.375vw; /* 14px */
          line-height: 140%;
          letter-spacing: -0.01em;
          text-align: center;
          color: var(--main-black);
        }

        body .accordion-body .wrap-size .size {
          font-family: var(--manrope);
          font-weight: 500;
          font-size: 4.375vw; /* 14px */
          line-height: 140%;
          letter-spacing: -0.01em;
          text-align: center;
          color: var(--main-black);
          position: absolute;
        }

        body .accordion-body .wrap-size:nth-child(1) {
          border: 0;
          padding: 0
        }

          body .accordion-body .wrap-size:nth-child(1) .size {
            top: 7.5vw; /* 24px */
            left: 0;
            right: 0;
            margin: 0 auto;
            width: fit-content;
          }

        body .accordion-body .wrap-size:nth-child(2) {
          border: 0;
          padding: 0
        }

          body .accordion-body .wrap-size:nth-child(2) .size {
            top: 7.5vw; /* 24px */
            left: 0;
            right: 0;
            margin: 0 auto;
            width: fit-content;
          }

        body .accordion-body .wrap-size:nth-child(3) {
          border: 0;
          padding: 0
        }

          body .accordion-body .wrap-size:nth-child(3) .size {
            top: 7.5vw; /* 24px */
            left: 0;
            right: 0;
            margin: 0 auto;
            width: fit-content;
          }

        body .accordion-body .wrap-size:nth-child(4) {
          border: 0;
          padding: 0
        }

          body .accordion-body .wrap-size:nth-child(4) .size {
            top: 7.5vw; /* 24px */
            left: 0;
            right: 0;
            width: 25.625vw; /* 82px */
          }

    body .specs-row {
      margin-bottom: 3.75vw; /* 12px */
      gap: 1.25vw /* 4px */
    }

      body .specs-row:first-child {
        padding-top: 3.75vw; /* 12px */
      }

    body .accordion-body .button-gide {
      margin: 7.5vw 0 5vw; /* 24px 0 16px */
      border-radius: 25vw; /* 80px */
      padding: 3.75vw; /* 12px */
      height: 12.188vw; /* 39px */
      font-size: 4.375vw; /* 14px */
    }

    body .specs-name,
body .specs-value {
      font-size: 3.75vw; /* 12px */
    }

    body .brand-company .logo-company {
      padding: 0.937vw; /* 3px */
      border-radius: 2.5vw; /* 8px */
      aspect-ratio: 1;
      height: 6.25vw; /* 20px */
      text-align: center;
    }

    body .logo-company {
      font-size: 3.75vw;
    }

    body .cards-grid {
      gap: 1.25vw; /* 4px */
    }

    body .mini-card-text {
      font-size: 3.75vw; /* 12px */
      width: 24.375vw; /* 78px */
    }

    body .mini-card {
      border-radius: 3.75vw; /* 12px */
      padding: 3.125vw; /* 10px */
      gap: 1.25vw /* 4px */
    }

      body .mini-card div {
        display: flex;
      }

      body .mini-card img {
        width: 7.5vw; /* 24px */
        height: 7.5vw; /* 24px */
      }

    body .mini-card-content img {
      width: 7.5vw; /* 24px */
      height: 7.5vw; /* 24px */
      padding: 1.875vw; /* 6px */
    }

    body .infopage-title {
      font-size: 8.75vw; /* 28px */
      margin-bottom: 6.25vw; /* 20px */
    }

    body .answers-container {
      display: flex;
      flex-direction: column;
      gap: 5vw; /* 16px */
    }

    body .answers-header {
      padding: 5vw 0; /* 16px 0 */
    }

    body .benefits-container {
      display: flex;
      flex-direction: column;
      gap: 2.5vw; /* 8px */
    }

    body .benefits-container .benefits-card {
      overflow: hidden;
    }

    body .benefits-title-text {
      font-size: 5vw; /* 16px */
      margin-bottom: 1.25vw; /* 4px */
      margin-top: auto;
      margin-top: 36.875vw;
    }

    body .benefits-small-text {
      font-size: 3.75vw; /* 12px */
      opacity: 0.4;
    }

    body .benefits-title-text,
body .benefits-small-text {
      padding: 0 17.5vw 0 5vw; /* 56px 16px */
    }

    body .plus-3-container {
      display: flex;
      flex-direction: column;
      height: 100%;
    }

    body .brand-box {
      gap: 1.25vw; /* 4px */
    }

    body .benefits-card {
      padding-bottom: 5vw; /* 16px */
      display: flex;
      flex-direction: column;
    }

    body [data-elementor-type="footer"] {
      margin-top: 25vw !important;
    }

    body .similar,
body .recently {
      margin-bottom: 25vw; /* 80px */
    }

    body .recently-swiper .swiper-wrapper .swiper-slide img,
body .similar-swiper .swiper-wrapper .swiper-slide img {
      height: 80vw; /* 256px */
      width: 43.75vw; /* 140px */
    }

    body .similar-swiper {
      margin-bottom: 6.25vw; /* 20px */
    }

    body .similar-button {
      height: 12.5vw; /* 40px */
      width: 100%;
    }

    body .buttons-text {
      font-size: 3.75vw; /* 12px */
      border-radius: 2.5vw; /* 8px */
      padding: 2.5vw; /* 8px */
    }

    body #loadMoreBtnMob {
      display: block;
    }

    body #loadMoreBtn {
      display: none;
    }

    body .button-chat {
      bottom: 41.562vw; /* 133px */
      right: 5vw /* 16px */
    }

      body .button-chat a {
        border-radius: 5vw; /* 16px */
        padding: 3.125vw; /* 10px */
        font-size: 3.75vw /* 12px */
      }

        body .button-chat a img {
          width: 2.5vw; /* 8px */
          height: 2.5vw; /* 8px */
        }

    body .buy-button-container {
      position: fixed;
      bottom: 18.125vw; /* 58px */
      z-index: 20;
      left: 0;
      width: 100%;
      background: var(--white);
      padding: 3.125vw 5vw 1.25vw; /* 10px 16px 4px */
      border-radius: 5vw 5vw 0 0; /* 16px 16px 0 0 */
      display: none
    }

      body .buy-button-container::before {
        content: "";
        position: absolute;
        left: 0;
        top: 6vw;
        height: calc(100% + 19vw);
        width: 100%;
        background: inherit;
        z-index: -1;
        pointer-events: none;
      }

    body .mobile-footer-fixed {
      box-shadow: none;
      border-radius: 0;
    }

    body:has(.mobile-footer-fixed) .buy-button-container {
      display: block;
    }

    body .buy-buttons-flex {
      display: flex;
      flex-direction: row;
      gap: 0.625vw; /* 2px */
      height: 11.25vw; /* 36px */
      justify-content: center;
    }

    body .buttons-purchase {
      gap: 0.625vw /* 2px */
    }

      body .buttons-purchase .like-purchase {
        width: 11.25vw; /* 36px */
        height: 11.25vw; /* 36px */
        border-radius: 2.187vw; /* 7px */
        display: flex;
        justify-content: center;
        align-items: center
      }

        body .buttons-purchase .like-purchase svg {
          width: 5.625vw;
          height: 5.625vw;
        }

    body .buy-button {
      padding: 3.75vw; /* 12px */
      width: 38.75vw; /* 124px */
    }

    body .button-basket {
      white-space: nowrap;
      padding: 3.75vw 10.625vw; /* 12px 34px */
      width: 38.75vw; /* 124px */
    }

    body .delivery {
      display: flex;
      gap: 0.625vw; /* 2px */
      flex-wrap: nowrap;
      font-size: 3.125vw; /* 10px */
      justify-content: center;
      margin-top: 2.5vw; /* 8px */
    }

    body .card-gallery .thumbs-swiper-container {
      display: none;
    }

    body .card-gallery .main-slider {
      height: 100%;
    }

    body .card-gallery {
      width: 100%;
      height: 111.562vw; /* 357px */
    }

    body .card-gallery .custom-nav {
      display: none;
    }

    body .photo-pagination.swiper-pagination-clickable.swiper-pagination-bullets {
      position: absolute;
      bottom: 3.75vw; /* 12px */
      left: 50%;
      transform: translateX(-50%);
      display: flex;
      gap: 0.625vw; /* 2px */
      z-index: 10;
      width: auto
    }

      body .photo-pagination.swiper-pagination-clickable.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0;
      }

    body .photo-pagination .swiper-pagination-bullet {
      border-radius: 100px;
      width: 3.125vw; /* 10px */
      height: 1.25vw; /* 4px */
      background: var(--gray-3);
      opacity: 1;
    }

    body .photo-pagination .swiper-pagination-bullet-active {
      background: #3d3c3b;
    }

    body .close-icon {
      width: 10vw; /* 32px */
      height: 10vw; /* 32px */
      padding: 3vw;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    body .popupCard-content {
      padding: 7.5vw 5vw; /* 24px 16px */
      padding-bottom: 0;
      width: 100%
    }

      body .popupCard-content > *:last-child {
        padding-bottom: 7.5vw; /* 24px */
      }
      body .popupCard-content .wrap-popupCard-content > *:nth-child(2) {
        padding-top: 2.747vw; /* 20px */
      }

    body .popupFitting-content {
      padding: 7.5vw 5vw; /* 24px 16px */
      padding-bottom: 0;
      width: 100%
    }

      body .popupFitting-content > *:last-child {
        padding-bottom: 7.5vw; /* 24px */
      }
      body .popupFitting-content > *:nth-child(2) {
        padding-top: 2.747vw; /* 20px */
      }
        body .popupFitting .popupFitting-content .popupFitting-header {
          padding-bottom: 3.75vw; /* 12px */
          font-size: 10vw; /* 32px */
          line-height: 131%;
        }
          body .popupFitting .popupFitting-content .popupFitting-box-wrap .popupFitting-box {
            margin-bottom: 7.5vw; /* 24px */
            gap: 7.5vw; /* 24px */
          }

          body .popupFitting .popupFitting-content .popupFitting-box-wrap .popupFitting-delivery {
            border-radius: 5vw; /* 16px */
            padding: 6.25vw; /* 20px */
          }

          body .popupFitting .popupFitting-content .popupFitting-box-wrap .popupFitting-item-title {
            font-size: 5.625vw; /* 18px */
            margin-bottom: 2.5vw /* 8px */
          }
            body .popupFitting .popupFitting-content .popupFitting-box-wrap .popupFitting-item-title br {
              content: "";
              display: flex;
            }

          body .popupFitting .popupFitting-content .popupFitting-box-wrap .popupFitting-item-text {
            font-size: 4.375vw; /* 14px */
          }

    body .popupCard .popupCard-content {
      padding: 12.5vw 5vw 5vw; /* 40px 16px 16px */
      overflow: auto
    }

      body .popupCard .popupCard-content .popupCard-header {
        padding-bottom: 2.5vw; /* 8px */
        gap: 1.562vw /* 5px */
      }

        body .popupCard .popupCard-content .popupCard-header .popupCard-title {
          font-size: 10vw; /* 32px */
        }

      body .popupCard .popupCard-content .popupCard-text {
        font-size: 5vw; /* 16px */
        padding-top: 6.562vw /* 21px */
      }
        body .popupCard .popupCard-content .popupCard-text h3 {
          font-size: 7.5vw;
        }

    body .close-icon {
      flex-shrink: 0;
    }

    body #popupNav.popupCard-nav {
      width: 100%;
      gap: 1.25vw; /* 4px */
      display: grid;
      grid-template-columns: 1fr 1fr;
      margin-top: 5vw /* 16px */
    }

      body #popupNav.popupCard-nav button {
        font-size: 3.75vw; /* 12px */
        padding: 2.5vw 1.875vw; /* 8px 6px */
        gap: 1.25vw /* 4px */
      }

        body #popupNav.popupCard-nav button img {
          padding: 0.625vw; /* 2px */
          width: 5vw; /* 16px */
          height: 5vw; /* 16px */
        }

        body #popupNav.popupCard-nav button .popupNavText {
          white-space: nowrap;
        }
      body .popupGuide .popupGuide-content {
        padding: 7.5vw 5vw /* 24px 16px */
      }

        body .popupGuide .popupGuide-content .popupGuide-header,
body .popupGuide .popupGuide-content .popup-title {
          font-size: 10vw; /* 32px */
        }

      body .popupGuide .popupGuide-footer {
        width: 100%;
        padding: 7.5vw 5vw /* 24px 16px */
      }

        body .popupGuide .popupGuide-footer .choose-size {
          font-size: 3.75vw; /* 12px */
        }
      body .guide-table-size .guide-table-size-name {
        font-size: 3.75vw; /* 12px */
        padding: 3.125vw; /* 10px */
      }

      body .guide-table-size .guide-table-column,
body .guide-table-size .guide-table-column-last {
        padding: 3.125vw; /* 10px */
      }

      body .guide-table-size .popup-text-500 {
        font-size: 4.375vw; /* 14px */
      }

    body .after-product-info {
      display: flex;
      flex-direction: column;
      gap: 7.5vw
    }
      body .after-product-info > a {
        display: flex;
      }
      body .after-product-info > * {
        font-size: 4.375vw;
      }

    body .popupAvailability .popupFitting-content,
body .popup .popupFitting-content {
      width: 100%
    }

      body .popupAvailability .popupFitting-content .popupAvailability-title,
body .popup .popupFitting-content .popupAvailability-title {
        font-size: 10vw; /* 32px */
      }

      body .popupAvailability .popupFitting-content .popupAvailability-city,
body .popup .popupFitting-content .popupAvailability-city {
        font-size: 5.625vw; /* 18px */
        border: none;
        padding: 0;
        margin-bottom: 7.5vw; /* 24px */
      }

      body .popupAvailability .popupFitting-content .popupAvailability-item,
body .popup .popupFitting-content .popupAvailability-item {
        flex-direction: column-reverse
      }

        body .popupAvailability .popupFitting-content .popupAvailability-item img,
body .popup .popupFitting-content .popupAvailability-item img {
          width: 100%;
        }

      body .popupAvailability .popupFitting-content .popupAvailability-img,
body .popup .popupFitting-content .popupAvailability-img {
        height: 45vw; /* 144px */
      }

      body .popupAvailability .popupFitting-content .button-map,
body .popup .popupFitting-content .button-map {
        margin-top: 3.75vw; /* 12px */
      }

    body .gallery-container {
      padding: 0;
      flex-direction: column-reverse;
      justify-content: center;
      gap: 0;
      height: 100%;
    }

    body .gallery-thumb-vertical {
      width: 100%;
      height: 24.063vw; /* 77px */
      flex-direction: row;
      padding: 2.5vw /* 8px */
    }

      body .gallery-thumb-vertical .vertical-thumbs {
        height: 100%;
        padding: 0 1.25vw; /* 4px */
        border-radius: 2.5vw /* 8px */
      }

        body .gallery-thumb-vertical .vertical-thumbs .swiper-wrapper .swiper-slide {
          height: 100%;
          border-radius: 2.5vw; /* 8px */
        }
        body .gallery-thumb-vertical .gallery-thumbs-button.thumbs-button-prev img {
          width: 5vw; /* 16px */
          height: 5vw; /* 16px */
          transform: rotate(0deg);
        }
        body .gallery-thumb-vertical .gallery-thumbs-button.thumbs-button-next img {
          width: 5vw; /* 16px */
          height: 5vw; /* 16px */
          transform: rotate(180deg);
        }

    body .gallery-thumb-vertical .gallery-thumbs-button {
      height: 100%;
      width: 7.5vw; /* 24px */
      border-radius: 2.5vw; /* 8px */
    }

    body .fullscreen-gallery {
      background-color: #f7f7f7
    }

      body .fullscreen-gallery .fullscreen-slider {
        width: 100%;
        height: auto;
        flex-grow: 1;
        margin-top: 0;

        width: calc(100% + 10vw);
        margin-left: -5vw;
        padding: 0
      }

        body .fullscreen-gallery .fullscreen-slider .swiper-wrapper .swiper-slide img {
          width: 100%;
        }
        body .fullscreen-gallery .swiper-button-disabled svg,
body .fullscreen-gallery .swiper-button-disabled img {
          opacity: 0.4;
        }

    body .gallery-close {
      width: 7.5vw; /* 24px */
      height: 7.5vw; /* 24px */
      display: flex;
      justify-content: center;
      align-items: center;
      right: 5vw; /* 16px */
      top: 5vw; /* -16px */
      padding: 2.188vw; /* 7px */
      background-color: #ececec;
    }

    body .gallery-close img {
      width: 100%;
      height: 100%;
    }

    body .fullscreen-gallery .fullscreen-slider .gallery-swiper-button {
      padding: 1.562vw; /* 5px */

      display: none;
    }

      body .fullscreen-gallery .fullscreen-slider .gallery-swiper-button img {
        width: 5vw; /* 16px */
        height: 5vw; /* 16px */
      }

    body .similar-button-box {
      margin-top: 5vw; /* 16px */
    }
      body .benefits-card [class*="benefit-img-"] {
        display: block
      }

        body .benefits-card [class*="benefit-img-"]:not(.mob) {
          display: none;
        }

        body .benefits-card [class*="benefit-img-"].mob {
          display: flex;
        }

      body .benefits-card > img {
        border-radius: 1.875vw; /* 6px */
      }

    body .infopage {
      display: flex;
      flex-direction: column
    }

      body .infopage .product-card {
        order: 1;
      }

      body .infopage .feedbacks-questions {
        order: 2;
      }

      body .infopage .benefits {
        order: 3;
      }

      body .infopage .lens_intro {
        order: 4;
      }

      body .infopage .similar {
        order: 5;
      }

      body .infopage .recently {
        order: 6;
      }

      body .infopage .answers {
        order: 7;
      }

    body .mobile-popup-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 2.5vw; /* 8px */
    }

    body .mobile-popup-title {
      font-family: var(--manrope);
      font-weight: 700;
      font-size: 10vw; /* 32px */
      line-height: 96%;
      letter-spacing: -0.02em;
      color: var(--main-black);
    }

    body .popup-reviews .popupFitting-content,
body .popup-questions .popupFitting-content {
      padding: 5vw; /* 16px */
      display: flex;
      flex-direction: column;
    }
      body .popup-questions .popupFitting-content {
        padding-bottom: 0
      }

        body .popup-questions .popupFitting-content .mobile-popup-body {
          padding-bottom: 5vw
        }

          body .popup-questions .popupFitting-content .mobile-popup-body .question-item {
            padding-bottom: 5vw; /* 16px */
            border-bottom: 1px solid var(--gray-3);
            margin-bottom: 5vw /* 16px */
          }

            body .popup-questions .popupFitting-content .mobile-popup-body .question-item:last-child {
              padding-bottom: 0;
              margin-bottom: 0;
              border: none;
            }

            body .popup-questions .popupFitting-content .mobile-popup-body .question-item .question-author {
              font-family: var(--manrope);
              font-weight: 600;
              font-size: 5vw;
              line-height: 120%;
              letter-spacing: -0.02em;
              color: #bfbfbf;
              margin-bottom: 1.25vw;
            }

            body .popup-questions .popupFitting-content .mobile-popup-body .question-item .question {
              font-size: 5vw; /* 16px */
              margin-bottom: 3.75vw; /* 12px */
              font-family: var(--manrope);
              font-weight: 700;
              line-height: 130%;
              letter-spacing: -0.02em;
              color: var(--main-black);
            }

            body .popup-questions .popupFitting-content .mobile-popup-body .question-item .question-date {
              font-size: 3.75vw; /* 12px */
              text-align: left;
              margin-bottom: 5vw; /* 16px */
              font-family: var(--manrope);
              font-weight: 600;
              line-height: 100%;
              color: #bfbfbf;
            }

            body .popup-questions .popupFitting-content .mobile-popup-body .question-item .answer-author {
              gap: 2.5vw; /* 8px */
              display: flex;
              flex-direction: row;
              align-items: center
            }

              body .popup-questions .popupFitting-content .mobile-popup-body .question-item .answer-author .logo-name {
                gap: 1.25vw; /* 4px */
                display: flex;
                flex-direction: row;
                align-items: center
              }

                body .popup-questions .popupFitting-content .mobile-popup-body .question-item .answer-author .logo-name img {
                  padding: 1.25vw; /* 4px */
                  width: 8.75vw; /* 28px */
                  height: 8.75vw; /* 28px */
                }

                body .popup-questions .popupFitting-content .mobile-popup-body .question-item .answer-author .logo-name .name {
                  font-size: 5vw; /* 16px */
                }

              body .popup-questions .popupFitting-content .mobile-popup-body .question-item .answer-author .mark {
                width: 3.75vw; /* 12px */
                height: 3.75vw; /* 12px */
              }

            body .popup-questions .popupFitting-content .mobile-popup-body .question-item .answer {
              font-size: 4.375vw; /* 14px */
              font-family: var(--manrope);
              font-weight: 600;
              line-height: 140%;
              letter-spacing: -0.02em;
              color: var(--main-black);
              margin-top: 1.25vw;
            }

    body .popup-reviews {
      height: 100vh;
      overflow: hidden
    }

      body .popup-reviews .popupFitting-content {
        overflow: hidden;
        width: 100%;
        padding: 0;
      }

      body .popup-reviews .mobile-popup-header {
        padding: 5vw; /* 16px */
        padding-bottom: 2.5vw; /* 8px */
        margin: 0;
      }

      body .popup-reviews .mobile-popup-body {
        flex-grow: 1;
        overflow: auto
      }

        body .popup-reviews .mobile-popup-body .review-item,
body .popup-reviews .mobile-popup-body .mobile-review-swiper {
          padding: 0 5vw; /* 16px */
        }

    body .mobile-popup-body {
      overflow-y: auto;
      flex: 1;
    }

    body .mobile-popup-body .review-item {
      padding-bottom: 5.625vw; /* 18px */
      margin-bottom: 5.625vw /* 18px */
    }

      body .mobile-popup-body .review-item .review-header {
        margin-bottom: 0;
        position: relative
      }

        body .mobile-popup-body .review-item .review-header .review-author {
          gap: 1.25vw /* 4px */
        }

          body .mobile-popup-body .review-item .review-header .review-author img {
            height: 7.5vw; /* 24px */
            width: 7.5vw; /* 24px */
          }

          body .mobile-popup-body .review-item .review-header .review-author .author-name {
            font-size: 5vw; /* 16px */
          }

        body .mobile-popup-body .review-item .review-header .review-date {
          display: flex;
          flex-direction: column-reverse
        }

          body .mobile-popup-body .review-item .review-header .review-date .date-rew {
            position: absolute;
            left: 0;
            top: 12.5vw; /* 40px */
            font-size: 3.125vw; /* 10px */
            margin-bottom: 0;
            color: var(--main-black);
          }

          body .mobile-popup-body .review-item .review-header .review-date .review-stars {
            display: flex;
          }

          body .mobile-popup-body .review-item .review-header .review-date .review-stars img {
            height: 5.312vw; /* 17px */
            width: 5.312vw; /* 17px */
          }

    body .benefits {
      margin-bottom: 25vw; /* 80px */
    }

    body .mobile-review-swiper {
      height: 43.125vw; /* 138px */
      margin-bottom: 7.5vw /* 24px */
    }

      body .mobile-review-swiper img {
        object-fit: cover;
        height: 100%;
        width: 100%;
        border-radius: 5vw; /* 16px */
      }

    body .review-modal-photos {
      overflow-y: hidden;
    }

    body .tablet-swiper-button {
      position: absolute;
      top: 50%;
      z-index: 20;
      background: var(--white);
      border-radius: 25vw; /* 80px */
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 2.656vw 1.719vw; /* 8.5px 5.5px */
      transition: all 0.3s ease-out;
    }

    body .tablet-swiper-button-prev {
      left: 2.5vw /* 8px */
    }

      body .tablet-swiper-button-prev img {
        transform: rotate(270deg);
      }

    body .tablet-swiper-button-next {
      right: 2.5vw /* 8px */
    }

      body .tablet-swiper-button-next img {
        transform: rotate(90deg);
      }

    body .review-photo-scroll {
      padding: 0 5vw; /* 16px */
      height: 100%;
      display: flex;
      flex-direction: column;
      height: 100%;
      justify-content: center
    }

      body .review-photo-scroll .thumbs-swiper {
        display: none;
      }

      body .review-photo-scroll .photo-swiper {
        height: 100%;
        width: 100%;
        display: flex;
        align-items: center
      }

        body .review-photo-scroll .photo-swiper .swiper-wrapper {
          height: 132.812vw; /* 425px */
        }

        body .review-photo-scroll .photo-swiper .swiper-wrapper .swiper-slide {
          border-radius: 5vw; /* 16px */
          overflow: hidden;
        }
      body .review-modal-content .review-modal-close {
        width: 10vw; /* 32px */
        height: 10vw; /* 32px */
        display: flex;
        align-items: center;
        justify-content: center;
        top: 5vw; /* 16px */
        right: 5vw; /* 16px */
      }

      body .review-modal-content .review-modal-inner {
        display: block;
      }
        body .review-modal-content .review-modal-text .review-text,
body .review-modal-content .review-modal-text .gallery-review-photos,
body .review-modal-content .review-modal-text .review-date {
          display: none;
        }

        body .review-modal-content .review-modal-text .review-header {
          margin: 0;
        }

        body .review-modal-content .review-modal-text .review-author {
          position: absolute;
          top: 6.25vw; /* 20px */
          left: 5vw; /* 16px */
          font-size: 5vw /* 16px */
        }

          body .review-modal-content .review-modal-text .review-author .review-avatar {
            width: 7.5vw; /* 24px */
            height: 7.5vw; /* 24px */
          }

    body .nalichie-v-salonah .popupFitting-content {
      padding: 7.5vw 5vw;
      padding-bottom: 0;
      width: 100%
    }
        body .nalichie-v-salonah .popupFitting-content > [data-elementor-type="section"] .scroll-window {
          padding-bottom: 7.5vw;
        }
  }

@media (hover: hover) {
    body .buy-button:hover {
      background: #ead1ff;
    }

    body .button-basket:hover {
      background: #ab4cf7;
    }

    body .card-header-back:hover {
      background: #e2e2e2;
    }

    body .like-purchase:hover {
      background: #e2e2e2
    }

      body .like-purchase:hover.active {
        opacity: 0.6;
        background: #ff2f2f;
      }

    body .like-purchase:active {
      background: #ff2f2f;
    }

    body .link-text:hover {
      color: var(--main-black);
    }

    body .mini-card:hover {
      background: var(--background-main);
      cursor: pointer;
    }

    body .mini-card:hover .mini-card-content img {
      background-color: var(--white);
    }

    body .brand-content:hover {
      background: #dcdcdc;
    }

    body .dioptr:hover {
      background: #e2e2e2;
    }

    body .tooltip:hover {
      color: #7b7b7b;
    }

    body .specs-value.tooltip:hover::after {
      opacity: 1;
      visibility: visible;
    }

    body .similar-button:hover {
      background: var(--brand-main);
      cursor: pointer;
      color: #fff;
    }

    body .choose-size:hover {
      background: var(--brand-main);
      cursor: pointer;
    }

    body .button-map:hover {
      background: #dcdcdc;
    }

    body .accordion-body .button-gide:hover {
      background: #dcdcdc;
    }

    body .gallery-thumbs-button:hover,
body .review-modal-nav:hover {
      background: var(--gray-—-1);
      cursor: pointer;
    }

    body .gallery-close:hover,
body .gallery-swiper-button:hover {
      background: var(--gray-—-1);
      cursor: pointer;
    }
      body .vertical-thumbs .swiper-wrapper .swiper-slide:hover {
        cursor: pointer;
        opacity: 0.9;
      }

    body .main-slider .swiper-wrapper .swiper-slide:hover {
      cursor: pointer;
    }

    body .tablet-swiper-button:hover {
      background: #d9d9d9;
      cursor: pointer;
    }

    body .review-modal-close:hover {
      opacity: 0.6;
    }

    body .review-photo-more:hover,
body .overlay-img-more:hover {
      cursor: pointer;
      opacity: 0.9;
    }

    body .review-item .review-photos:hover {
      cursor: pointer;
    }
      body .mobile-tab#openPopupReview:hover,
body .mobile-tab#openPopupQuestions:hover {
        cursor: pointer;
        background: #dcdcdc;
      }

    body .mini-feedbacks:hover {
      background: #dcdcdc;
    }

    body .tovar_pags_hover {
      display: flex;
    }
  }

@keyframes fake_tovar {
  from {
    opacity: 1;
  }
  to {
    opacity: 0.4;
  }
}

.wrap_body_guid::-webkit-scrollbar {
  width: 0.278vw; /* 4px */
  width: 0;
  display: none;
}

.wrap_body_guid::-webkit-scrollbar-track {
  background-color: #b9b9b9;
}

.wrap_body_guid::-webkit-scrollbar-thumb {
  background-color: #868686;
  border-radius: 1000px; /* 1000px */
}

/* Desktop (1920): 0.938vw */

a.brand-content.brand-company.original img {
  width: 1.146vw !important;
  height: 1.146vw !important;
  max-width: none !important;
  display: block !important;
}

/* чтобы иконка и текст были по центру */

a.brand-content.brand-company.original {
  display: inline-flex !important;
  align-items: center !important;
}

/* Tablet (768): 2.344vw */

@media (max-width: 1024px) {
  a.brand-content.brand-company.original img {
    width: 2.344vw !important;
    height: 2.344vw !important;
  }
  a.brand-content.brand-company.original {
    padding: 2.492vw 1.25vw;
  }
}

/* Mobile (540): 3.333vw */

@media (max-width: 540px) {
  a.brand-content.brand-company.original img {
    width: 5vw !important;
    height: 5vw !important;
  }
  a.brand-content.brand-company.original {
    padding: 4.662vw 1.25vw;
  }
}

.brand .brand-content.brand-company {
  display: inline-flex;
  align-items: center;
}

.brand .brand-logo,
.brand .logo-company {
  width: 2.292vw;
  height: 2.292vw;
  border-radius: 0.417vw;
  background: #fff;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.brand .brand-logo {
  background: #fff;
  padding: 2px;
  box-sizing: border-box;
  object-fit: contain;
}

/* Tablet <= 1024 */

@media (max-width: 1024px) {
  .brand .brand-logo,
.brand .logo-company {
    width: 5.208vw;
    height: 5.208vw;
    border-radius: 1.042vw;
  }
}

/* Mobile <= 540 */

@media (max-width: 540px) {
  .brand .brand-logo,
.brand .logo-company {
    width: 11.25vw;
    height: 11.25vw;
    border-radius: 2.5vw;
  }
}

:root {
  --px: 0.069444vw;
}

@media (min-width: 1025px) {
  .card-header--mobile {
    display: none !important;
  }
  .card-header--desktop {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .card-header--desktop {
    position: fixed;
    left: 0;
    right: 0;
    z-index: 9999;
    background: transparent !important;
    top: calc(var(--headerH, 0px) - 1.389vw) !important;

    opacity: 0;
    pointer-events: none;
    transition:
      top 0.2s ease,
      opacity 0.2s ease;
  }
  .card-header--desktop::before,
.card-header--desktop::after {
    display: none !important;
    content: none !important;
  }

  .card-header--desktop.is-visible {
    opacity: 1;
    pointer-events: auto;
  }
  .card-header--desktop .chd-grid {
    width: 100vw;
    min-height: 6.944vw; /* 100px */
    height: auto;
    background: var(--white);
    display: grid;
    grid-template-columns: 4.722vw 0.694vw minmax(0, 1fr) 18px auto 18px auto;
    column-gap: 0;
    padding-top: 0.486vw; /* 7px */
    padding-bottom: 0.486vw;
    padding-left: 1.389vw; /* 20px */
    padding-right: 1.389vw;
    align-items: center;
    box-shadow: 0 0.556vw 1.667vw rgba(0, 0, 0, 0.08); /* 8px 24px */
  }

  .card-header--desktop .chd-img {
    width: 4.722vw; /* 68px */
    height: 5.972vw; /* 86px */
    border-radius: 0.278vw; /* 4px */
    overflow: hidden;
    background: var(--white);
    grid-column: 1 / 2;
  }

  .card-header--desktop .chd-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }

  .card-header--desktop .chd-info {
    grid-column: 3 / 4;
    display: flex;
    flex-direction: column;
    gap: 0.972vw; /* 14px */
    min-width: 0;
  }

  .card-header--desktop .chd-info-top {
    display: block;
    min-width: 0;
  }

  .card-header--desktop .chd-title {
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 1.667vw; /* 24px */
    line-height: 110%;
    color: #262626;
    white-space: normal;
    overflow: visible;
    text-overflow: unset;
    overflow-wrap: anywhere;
  }

  .card-header--desktop .chd-info-bottom {
    display: flex;
    align-items: center;
    gap: 1.111vw; /* 16px */
  }

  .card-header--desktop .chd-rating {
    display: flex;
    align-items: center;
    gap: 0.278vw; /* 4px */
  }

  .card-header--desktop .chd-star {
    width: 1.111vw; /* 16px */
    height: 0.972vw; /* 14px */
  }

  .card-header--desktop .chd-reviews,
.card-header--desktop .chd-attr {
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 0.972vw; /* 14px */
    line-height: 100%;
    color: #262626;
    opacity: 0.4;
    white-space: nowrap;
  }

  .card-header--desktop .chd-price {
    grid-column: 5 / 6;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.833vw; /* 12px */
  }

  .card-header--desktop .chd-discount {
    width: 3.611vw; /* 52px */
    height: 2.083vw; /* 30px */
    position: relative;
    flex: 0 0 auto;
  }

  .card-header--desktop .chd-discount svg {
    width: 100%;
    height: 100%;
    display: block;
  }

  .card-header--desktop .chd-discount span {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 0.972vw; /* 14px */
    line-height: 1;
    color: var(--white);
  }

  .card-header--desktop .chd-now {
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 2.222vw; /* 32px */
    line-height: 100%;
    color: #262626;
  }

  .card-header--desktop .chd-old {
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 1.25vw; /* 18px */
    text-decoration: line-through;
    color: #262626;
    opacity: 0.4;
  }

  .card-header--desktop .chd-actions {
    grid-column: 7 / 8;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.278vw; /* 4px */
  }

  .card-header--desktop .chd-cart {
    border-radius: 0.556vw; /* 8px */
    padding: 0.972vw 1.389vw; /* 14px 20px */
    background: #8e00ff;
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 1.111vw; /* 16px */
    letter-spacing: -0.02em;
    text-align: center;
    color: var(--white);
    margin-left: 0.556vw; /* 8px */
    width: 13.75vw;
    height: 3.056vw;
  }

  .card-header--desktop .chd-buy {
    border-radius: 0.556vw;
    padding: 0.972vw 1.389vw;
    background: #f4e7ff;
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 1.111vw;
    letter-spacing: -0.02em;
    text-align: center;
    color: #8e00ff;
    width: 13.194vw;
    height: 3.056vw;
  }
  .card-header--desktop .chd-cart,
.card-header--desktop .chd-buy {
    transition:
      background-color 300ms ease-out,
      opacity 300ms ease-out;
  }

  .card-header--desktop .chd-cart:hover {
    background: #ab4cf7;
  }

  .card-header--desktop .chd-buy:hover {
    background: #ead1ff;
  }

  /* disabled */
  .card-header--desktop.is-in-cart .chd-cart,
.card-header--desktop.is-in-cart .chd-buy {
    opacity: 0.4;
    pointer-events: none;
  }

  /* чтобы hover не срабатывал, даже если где-то pointer-events снимут */
  .card-header--desktop.is-in-cart .chd-cart:hover,
.card-header--desktop.is-in-cart .chd-buy:hover {
    background: inherit;
  }
}

@media (max-width: 1024px) {
  .card-header--desktop {
    display: none !important;
  }
}

@media (min-width: 1025px) {
  .menu_modal {
    z-index: 99 !important;
  }
}

.product-card .features {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 0.556vw; /* 8px */
}

.product-card .features .feature--discount {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 5vw; /* 72px */
  height: 2.517vw;
  padding: 0;
  background: transparent;
  border-radius: 0;
  box-shadow: none;
  overflow: visible;
  backdrop-filter: none;
}

.product-card .features .feature--discount .feature__bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
}

.product-card .features .feature--discount .feature__bg--m {
  display: none;
}

.product-card .features .feature--discount .feature__text {
  position: relative;
  z-index: 2;
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 1.111vw; /* 16px */
  line-height: 100%;
  text-align: center;
  color: var(--white);
  white-space: nowrap;
  transform: translateY(-0.02vw);
}

body.single-product .product-card .features .feature.feature--discount {
  width: 4.4vw;
  height: calc(4.4vw * 42 / 72);
  position: relative;
  overflow: visible;
  background: transparent;
  box-shadow: none;
  filter: none;
  backdrop-filter: none;
}

body.single-product
  .product-card
  .features
  .feature.feature--discount
  .feature__bg {
  width: 100% !important;
  height: 100% !important;
  display: block;
}

body.single-product
  .product-card
  .features
  .feature.feature--discount
  svg.feature__bg {
  position: absolute;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
  display: block;
}

/* планшет 1024 */

@media (max-width: 1024px) {
  .product-card .features {
    gap: 0.781vw;
  }

  .product-card .features .feature--discount {
    width: 7.031vw; /* 72px */
    height: 4.102vw; /* 42px */
  }

  .product-card .features .feature--discount .feature__text {
    font-size: 1.823vw; /* 16px */
    line-height: 100%;
  }
  body.single-product .product-card .features .feature.feature--discount {
    width: 7.89vw;
    height: 4.4vw;
  }
}

/* мобилка 540 */

@media (max-width: 540px) {
  .product-card .features {
    gap: 1.481vw;
  }

  .product-card .features .feature--discount .feature__bg--d {
    display: none;
  }

  .product-card .features .feature--discount .feature__bg--m {
    display: block;
  }

  .product-card .features .feature--discount .feature__text {
    font-size: 2.5vw;
    transform: translateY(-0.1vw);
  }
  body.single-product .product-card .features .feature.feature--discount {
    width: 11vw;
    height: 6.3vw;
  }
}

@media (max-width: 767px) {
  .card-header-title {
    font-size: 3.75vw !important;
    margin-bottom: 0.625vw !important;
  }
  .card-header-price {
    font-size: 3.125vw !important;
  }
  .card-header-back {
    width: 8.75vw !important;
    height: 8.75vw !important;
    border-radius: 1.875vw !important;
  }
  .like-purchase {
    width: 8.75vw !important;
    height: 8.75vw !important;
    border-radius: 1.875vw !important;
  }
  .like-purchase svg {
    width: 5.313vw !important;
    height: 5.313vw !important;
  }
  .card-header.card-header--mobile {
    transform: translate3d(0, -120%, 0) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  .card-header.card-header--mobile.is-visible {
    transform: translate3d(0, 0, 0) !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  .card-header {
    display: flex;
    position: fixed;
    top: calc(8.791vw - 2px);
    z-index: 98;
    left: 0;
    width: 100%;
    padding: 2.198vw;
  }

  .card-header {
    display: flex;
    position: fixed;
    top: 0;
    z-index: 98;
    left: 0;
    width: 100%;
    padding: 2.198vw;
  }
  .card-header-back {
    width: 4.945vw;
    height: 4.945vw;
    border-radius: 0.824vw;
  }

  .card-header-title {
    font-size: 2.473vw;
    margin-bottom: 0.549vw;
  }
  .card-header-price {
    font-size: 1.923vw;
  }
  body:not(:has(.elementor-sticky--active)) .card-header {
    top: calc(12.791vw - 2px);
    position: absolute;
  }
}

@media (max-width: 1024px) {
  .related-products .swiper-wrapper,
.related-products .slick-track,
.related-products .splide__list,
.related-products .similar-track {
    transition: transform 300ms ease !important;
  }
}

@media (max-width: 767px) {
  .card-header.card-header--mobile.js-scroll-header {
    transform: translate3d(0, -120%, 0) !important;
    opacity: 0 !important;
    pointer-events: none !important;

    /* visibility прячем ПОСЛЕ анимации, чтобы не было "рубки" */
    visibility: hidden !important;
    transition:
      transform 240ms ease,
      opacity 180ms ease,
      visibility 0s linear 240ms !important;

    will-change: transform, opacity;
  }

  .card-header.card-header--mobile.js-scroll-header.is-visible {
    transform: translate3d(0, 0, 0) !important;
    opacity: 1 !important;
    pointer-events: auto !important;

    visibility: visible !important;
    transition:
      transform 240ms ease,
      opacity 180ms ease,
      visibility 0s !important;
  }
  .card-header {
    padding: 2.5vw 5vw;
  }
}

.no-phone-detect a[href^="tel"] {
  color: inherit !important;
  text-decoration: none !important;
  pointer-events: none !important;
}

/* Gift certificates use vertical 4:5 artwork; show it whole on product pages. */
body.single-product.product_cat-sertifikaty .main-slider .swiper-slide,
body.single-product.product_cat-sertifikaty .fullscreen-gallery .fullscreen-slider .swiper-slide {
  align-items: center;
  background: #fff;
}

body.single-product.product_cat-sertifikaty .main-slider .swiper-slide img,
body.single-product.product_cat-sertifikaty .thumb-slider .swiper-slide img,
body.single-product.product_cat-sertifikaty .vertical-thumbs .swiper-wrapper .swiper-slide img,
body.single-product.product_cat-sertifikaty .fullscreen-gallery .fullscreen-slider .swiper-slide img {
  object-fit: contain;
  background: #fff;
}

body.single-product.product_cat-sertifikaty .fullscreen-gallery .fullscreen-slider .swiper-slide img {
  width: auto;
  max-width: 100%;
  max-height: 100%;
}