: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 {
  header {
    top: 0;
    position: fixed;
    z-index: 10;
  }

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

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

  div {
    box-sizing: border-box;
  }

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

  img {
    box-sizing: border-box;
  }

  p {
    margin: 0;
  }

  /* Brevo */
  #brevo-conversations {
    /* display: none !important; */
    &.brevo-conversations--expanded {
      right: 0 !important;
    }
  }
  /* &:has(#brevo-conversations) .button-chat {
    opacity: 1;
  } */

  /* Tovar */
  .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;
  }

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

  .similar-tovars {
    gap: 0.556vw;
  }

  .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;
  }

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

  .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;
  }
  .tovar {
    display: flex;
    flex-direction: column;
    gap: 0.694vw; /* 10px */
  }

  .first_part {
    display: flex;
    position: relative;
    height: 29.167vw; /* 420px */
    background-color: #fff;
    border-radius: 0.278vw; /* 4px */
  }
  .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;
  }
  .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;
  }
  .feature[data-type-feature="popular"] {
    background-color: #ffcebf;
    color: #c73d12;
  }
  .feature[data-type-feature="new"] {
    background-color: #f0ff9c;
    color: #028112;
  }

  .feature svg {
    width: 1.389vw; /* 20px */
    height: 1.389vw; /* 20px */
  }
  .feature svg path {
    transition: fill 0.2s ease-out;
  }
  .feature p {
    font-family: var(--manrope);
    font-weight: 500;
    font-size: 0.972vw; /* 14px */
    line-height: 100%;
  }

  .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;
  }
  .tovar .wishlist_button svg {
    width: 2.5vw; /* 36px */
    height: 2.5vw; /* 36px */
  }
  .tovar .wishlist_button svg rect {
    transition: fill 0.2s ease-out;
  }
  .tovar .wishlist_button svg path {
    transition: fill 0.2s ease-out;
  }

  .wrap_slider {
    display: flex;
    flex-direction: column;
    position: relative;
    height: inherit;
    width: 100%;
  }
  .tovar_sider {
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden;
    height: inherit;
  }
  .tovar_sider .swiper-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
  }

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

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

  .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;
  }

  .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;
  }
  .tovar_pag.active {
    opacity: 0.8;
  }

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

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

  .t_name {
    font-family: var(--manrope);
    font-weight: 600;
    font-size: 1.111vw; /* 16px */
    line-height: 130%;
    letter-spacing: -0.01em;
    color: #171717;
  }
  .t_type {
    font-family: var(--manrope);
    font-weight: 600;
    font-size: 0.972vw; /* 14px */
    line-height: 130%;
    letter-spacing: -0.01em;
    color: #a3a3a3;
  }
  .t_price {
    display: flex;
    flex-direction: row;
    gap: 0.556vw; /* 8px */
    align-items: center;
    margin-top: 0.694vw; /* 10px */
  }

  .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;
  }

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

  .tovar.fake {
    pointer-events: none;
    animation: fake_tovar 1s infinite alternate;
  }
  .tovar.fake .swiper-wrapper::before {
    content: "";
    inset: 0;
    z-index: 1;
    background-color: #c8c8c8;
    position: absolute;
  }
  .fast_categotyes {
    transition: opacity 0.2s ease-out;
  }
  .fast_categotyes.fake {
    opacity: 0.5;
  }
  .tovar.fake .features,
  .tovar.fake .tovar_pags_hover,
  .tovar.fake .tovar_pags,
  .tovar.fake .wishlist_button {
    display: none;
  }
  .tovar.fake .last_part p,
  .fast_categotyes.fake p {
    color: #c8c8c8;
    background-color: #c8c8c8;
    width: fit-content;
  }

  /* End Tovar */

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

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

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

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

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

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

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

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

  .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;

    &:hover {
      background: #e2e2e2;
    }
  }

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

  .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;
  }

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

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

  .product-card {
    position: relative;
  }

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

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

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

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

    &.no-qty {
      opacity: 0.4;
      pointer-events: none;
    }
  }

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

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

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

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

    &.no-qty {
      opacity: 0.3;
      pointer-events: none;
    }
  }

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

    svg {
      width: 2.153vw;
      height: 2.153vw;
    }

    svg path {
      transition: all 0.3s ease-out;
    }

    &.active {
      background-color: #ff2f2f;
      svg path {
        fill: #fff;
        stroke: #ff2f2f;
      }
    }
  }

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

  .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 */;

    &.mob {
      display: none;
    }

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

    .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) {
        &:hover {
          opacity: 0.6;
        }
      }
    }
  }

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

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

    & > img {
      position: absolute;
      inset: 0;
      pointer-events: none;
    }
  }

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

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

  .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;
  }

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

  .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;

    & > * {
      transition: opacity 0.3s ease-out;
    }
  }

  .loading-o {
    opacity: 0;
  }

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

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

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

  .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;

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

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

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

    &.mob {
      display: none;
    }
  }

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

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

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

  .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;

    &.original {
      pointer-events: none;
    }
  }

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

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

  .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;

    &.button-color {
      border-radius: 10000px;
      padding: 0.347vw; /* 5px */

      &:has(.text) {
        padding: 2px 0.833vw; /* 12px */
        background: #f7f7f7;

        & > div {
          margin-top: -0.069vw; /* 1px */
        }
      }
    }

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

    &:hover {
      border: 1px solid rgba(23, 23, 23, 0.15);
    }

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

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

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

    .attr-button {
      display: flex;
    }
  }

  .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 */

    &.Optik {
      background: transparent;
      padding: 0;
    }
  }

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

  .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;

    &.active {
      background: var(--main-black);
      color: var(--white);

      &:hover {
        background: var(--main-black);
        color: var(--white);
      }
    }
  }

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

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

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

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

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

    &:last-child {
      border-bottom: none;
      padding: 0;
    }
  }

  .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;
  }

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

  .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 */

    .size-prew {
      display: grid;
      grid-template-columns: 1fr 1fr;
      margin-top: 1.111vw; /* 16px */
    }
    .wrap-size {
      display: flex;
      flex-direction: column;
      position: relative;
      align-items: center;
      gap: 1.25vw; /* 18px */

      img {
        width: 13.194vw;
        height: 4.931vw;
      }

      .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);
      }

      .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;
      }

      &:nth-child(1) {
        border-right: 1px solid #e6e6e6;
        border-bottom: 1px solid #e6e6e6;
        padding-bottom: 1.111vw; /* 16px */
        padding-right: 1.25vw; /* 18px */

        .size {
          top: 1.667vw; /* 24px */
          left: 0;
          right: 1.25vw; /* 18px */
          margin: 0 auto;
          width: fit-content;
        }
      }

      &:nth-child(2) {
        border-bottom: 1px solid #e6e6e6;
        padding-bottom: 1.111vw; /* 16px */
        padding-left: 1.25vw; /* 18px */

        .size {
          top: 1.667vw; /* 24px */
          left: 1.25vw; /* 18px */
          right: 0;
          margin: 0 auto;
          width: fit-content;
        }
      }

      &:nth-child(3) {
        border-right: 1px solid #e6e6e6;
        padding-top: 1.111vw; /* 16px */
        padding-right: 1.25vw; /* 18px */

        .size {
          top: 2.778vw; /* 40px */
          left: 0;
          right: 1.25vw; /* 18px */
          margin: 0 auto;
          width: fit-content;
        }
      }

      &:nth-child(4) {
        padding-top: 1.111vw; /* 16px */
        padding-left: 1.25vw; /* 18px */

        .size {
          top: 2.778vw; /* 40px */
          left: 2.361vw; /* 34px */
          right: 0;
          width: 5.556vw; /* 80px */
        }
      }
    }
  }

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

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

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

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

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

  .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;
  }

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

  .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;
  }

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

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

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

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

    &:first-child {
      padding-top: 1.111vw; /* 16px */
    }

    &:last-child {
      margin-bottom: 0;
    }
  }

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

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

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

  #loadMoreBtnMob {
    display: none;
  }

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

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

  .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 */
  }

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

    a {
      color: inherit !important;
    }
  }

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

    &::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;
    }

    &.active {
      border-color: var(--brand-main);

      &::after {
        opacity: 1;
      }
    }
  }

  .head_f_menu {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 0.556vw; /* 8px */
  }
  .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);
    p {
      margin: 0;
    }
  }

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

  .giud_fise_frame_modal .wrap_size {
    width: 100%;
    margin-top: 1.111vw;
    display: flex;
    flex-direction: column;
    gap: 1.389vw;
  }
  .giud_fise_frame_modal .wrap_size .size_modal {
    display: flex;
    flex-direction: row;
    gap: 0.278vw;
  }
  .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;
  }
  .giud_fise_frame_modal .wrap_size .size_modal span.active {
    background-color: #171717;
    color: #fff;
    cursor: default;
  }

  .giud_fise_frame_modal .about_size_frame {
    display: flex;
    flex-direction: column;
    gap: 0.556vw;
  }
  .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;
  }
  .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;
  }

  .select_size_prev {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100%;
    margin-top: 2.5vw;
  }
  .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;
  }
  .zaushnik {
    border-radius: 1.111vw 0 0 0;
  }
  .obshhaya-shirina {
    border-radius: 0 1.111vw 0 0;
  }
  .shirina-linzy {
    border-radius: 0 0 0 1.111vw;
  }
  .shirina-perenosiczy {
    border-radius: 0 0 1.111vw 0;
  }
  .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;
  }
  .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;
  }
  .s_size_prev.active {
    background-color: #171717;
    cursor: default;
  }
  .s_size_prev.active > p {
    color: #747474;
  }
  .s_size_prev.active > span {
    color: #fff;
  }

  .wrap_appr_size {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 5.833vw;
    padding: 1.389vw 2.778vw;
    background-color: #f7f7f7;
  }
  .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;
  }

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

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

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

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

  .frame_size_prev .wrap_line_size {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
    transition: padding 0.2s ease-out;
  }
  .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;
  }

  .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;
  }
  .dynamic_size_frame svg {
    width: 0.694vw; /* 10px */
    height: 0.694vw; /* 10px */
  }
  .dynamic_size_frame .right_size_arrow {
    rotate: 180deg;
  }

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

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

  .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;
  }
  .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;
  }

  .dynamic_size_frame.zaushnik {
    padding-left: 2.325vw;
    padding-right: 0;
  }
  .zaushnik .wrap_line_arrow::before {
    height: 4.306vw;
  }
  .zaushnik .wrap_line_arrow::after {
    height: 9.167vw;
  }

  .dynamic_size_frame.obshhaya-shirina {
    padding-left: 0;
    padding-right: 0;
  }
  .obshhaya-shirina .wrap_line_arrow::before {
    height: 3.472vw;
  }
  .obshhaya-shirina .wrap_line_arrow::after {
    height: 3.472vw;
  }

  .wrap_line_size:has(.shirina-linzy) {
    padding-left: 2.431vw;
    padding-right: 18.056vw;
  }
  .dynamic_size_frame.shirina-linzy {
    padding-left: 0;
    padding-right: 0;
  }
  .shirina-linzy .wrap_line_arrow::before {
    height: 3.472vw;
  }
  .shirina-linzy .wrap_line_arrow::after {
    height: 3.472vw;
  }

  .dynamic_size_frame.shirina-perenosiczy {
    padding-left: 13.125vw;
    padding-right: 12.917vw;
  }
  .shirina-perenosiczy .wrap_line_arrow::before {
    height: 4.167vw;
  }
  .shirina-perenosiczy .wrap_line_arrow::after {
    height: 4.167vw;
  }
  .wrap_body_guid {
    display: flex;
    flex-shrink: 1;
    overflow: auto;
    width: 100%;
    flex-direction: column;
    height: -webkit-fill-available;
  }

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

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

  .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;
  }

  .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;
  }

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

  .guid_step h3 {
    font-family: var(--manrope);
    font-weight: 700;
    font-size: 1.389vw; /* 20px */
    line-height: 140%;
    letter-spacing: -0.01em;
    color: #171717;
  }
  .guid_step ul {
    padding: 0;
  }
  .guid_step p,
  .guid_step li {
    font-family: var(--manrope);
    font-weight: 500;
    font-size: 0.972vw; /* 14px */
    line-height: 140%;
    letter-spacing: -0.01em;
    color: #171717;
  }
  .guid_step li {
    display: flex;
    flex-direction: column;
    gap: 0.278vw;
    margin-left: 1.458vw; /* 21px */
    position: relative;
  }
  .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;
  }
  .guid_step svg {
    width: 30.556vw; /* 440px */
    height: 11.944vw; /* 172px */
    border-radius: 1.111vw; /* 16px */
    margin: 0 auto;
  }
  .guid_step svg.mobile {
    display: none;
  }

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

  .guid_step p {
    display: inline;
  }

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

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

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

  .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 */
  }

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

  .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;
  }

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

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

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

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

  .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;
  }

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

  .wrap_guid_table::-webkit-scrollbar {
    height: 0.417vw; /* 6px */
  }
  .wrap_guid_table::-webkit-scrollbar-track {
    background-color: #fff;
  }
  .wrap_guid_table::-webkit-scrollbar-thumb {
    background-color: #ab4cf7;
    border-radius: 1.111vw; /* 16px */ /* 1000px */
  }

  .popupAvailability,
  .popup,
  .popupFitting,
  .popupGuide,
  .popup-reviews,
  .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;
  }

  /* .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;
  } */

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

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

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

    & > [data-elementor-type="section"] {
      display: flex;
      flex-direction: column;
      height: 100%;

      .scroll-window {
        overflow: auto;
        padding-bottom: 2.778vw;

        &::-webkit-scrollbar {
          display: none;
          width: 0;
        }
      }
    }
  }

  .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;
  }

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

  .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;

    img {
      width: 70%;
    }
  }

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

  .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 */
  }

  .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);
  }

  .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 */
      }

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

        &::-webkit-scrollbar {
          width: 0;
          display: none;
        }

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

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

        .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 */

          br {
            content: none;
            display: none;
          }
        }

        .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;
        }
      }
    }
  }

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

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

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

  .popupAvailability-img {
    flex: 1;
  }

  .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;
  }

  .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 */
  }

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

  .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);
  }

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

  .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 */
  }

  .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);

    &:active {
      background: var(--main-black);
      color: var(--white);
    }
  }

  .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);
  }

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

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

  .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);
  }

  .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);
  }

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

  .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);
  }

  .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);
  }

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

    .popup-gray-text {
      color: rgba(255, 255, 255, 0.4);
    }

    .popup-text-500 {
      color: var(--white);
    }
  }

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

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

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

  .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 */
  }

  .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;
  }

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

    & img {
      width: 100%;
    }
  }

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

  .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);
  }

  .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;
  }

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

  .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 */
  }

  .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;
  }

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

    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 */
    }
  }

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

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

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

      .tabs {
        display: flex;

        .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;

          &:nth-child(1) {
            padding-right: 1.111vw; /* 16px */
          }

          &:nth-child(2) {
            padding-left: 1.111vw; /* 16px */
          }

          &::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;
          }

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

          &.active {
            color: var(--main-black);
            &::before {
              background-color: var(--main-black);
              transform: translateY(0px);
            }
          }
        }
      }

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

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

        .question-item {
          padding-top: 2.778vw; /** 40px */
          border-top: 1px solid var(--gray-3);

          .question-flex {
            display: flex;
            justify-content: space-between;
            flex-direction: row;
            gap: 2.222vw; /** 32px */

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

            .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;
            }
          }

          .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 */
          }

          .answer-author {
            margin-top: 1.389vw; /** 20px */
            display: flex;
            flex-direction: row;
            align-items: center;
            gap: 0.556vw; /* 8px */

            .logo-name {
              display: flex;
              flex-direction: row;
              align-items: center;
              gap: 0.278vw;

              img {
                pointer-events: none;
                padding: 0.208vw; /* 3px */
                width: 2.5vw; /* 36px */
                height: 2.5vw; /* 36px */
                object-fit: contain;
              }

              .name {
                font-family: var(--manrope);
                font-weight: 800;
                font-size: 1.389vw; /* 20px */
                line-height: 110%;
                letter-spacing: -0.01em;
                color: #262626;
              }
            }

            .mark {
              pointer-events: none;
              object-fit: contain;
              width: 0.833vw; /* 12px */
              height: 0.833vw; /* 12px */
            }
          }

          .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 */
          }
        }

        & > *.question-item:nth-child(1) {
          padding-top: 0;
          border-top: unset;
        }

        &.active {
          display: flex;
        }

        .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;
          svg {
            width: 2.917vw; /** 42px */
            height: 2.778vw; /** 40px */
          }
        }

        .reviews-gallery {
          display: flex;
          gap: 0.556vw; /* 8px */
          margin-bottom: 2.778vw; /* 40px */

          .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 */

            &:has(.no-poster) {
              background-color: #bababa;
            }

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

            &.review-photo-more {
              position: relative;
              transition: all 0.3s ease-out;

              .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);
              }
            }
          }
        }

        .reviews-gallery + .review-item {
          padding-top: 0;
          border: none;
        }

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

          .review-header {
            display: flex;
            justify-content: space-between;
            align-items: center;

            .review-author {
              display: flex;
              align-items: center;
              gap: 0.556vw; /* 8px */

              .review-avatar {
                width: 2.222vw; /** 32px */
                height: 2.222vw; /** 32px */
                object-fit: cover;
                pointer-events: none;
                border-radius: 100%;

                &.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;
                }
              }

              .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 */
              }
            }

            .review-date {
              text-align: right;
              display: flex;
              flex-direction: column;
              gap: 0.556vw; /* 8px */

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

              .review-stars {
                display: flex;
                flex-direction: row;
                margin-left: auto;
                width: fit-content;
                gap: 2px;

                img {
                  width: 1.667vw; /* 24px */
                  height: 1.389vw; /* 20px */

                  &.disable {
                    opacity: 0.2;
                  }
                }
              }
            }
          }

          .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 */
          }

          .review-photos {
            display: flex;
            flex-direction: row;
            gap: 0.556vw; /* 8px */
            margin-top: 1.667vw; /* 24px */
              & > :nth-child(n+5) {
                display: none;
              }
            .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;

              &:has(.no-poster) {
                background-color: #bababa;
              }

              img {
                max-width: unset;
                object-fit: cover;
                width: 100%;
                height: 100%;
              }
            }

            &.max-photos {
              display: grid;
              grid-template-columns: repeat(4, 1fr);
              grid-template-rows: 1fr 1fr;

              .review-photo-thumbnail {
                grid-row: span 2;
                &:nth-child(3) {
                  grid-row: 1/2;
                  grid-column: 3/4;
                }
                &:nth-child(4) {
                  grid-row: 2/3;
                  grid-column: 3/4;
                }
              }
            }
          }
        }
      }
    }

    .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;

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

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

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

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

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

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

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

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

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

            img {
              width: 1.667vw; /* 24px */
              height: 1.389vw; /* 20px */

              &.disable {
                opacity: 0.2;
              }
            }
          }

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

        .marks-container {
          display: flex;
          flex-direction: column;
          gap: 0.556vw; /* 8px */
          flex-grow: 1;

          .mark-row {
            flex-wrap: nowrap;
            gap: 0.556vw; /* 8px */
            align-items: center;
            display: grid;
            grid-template-columns: 2.153vw 1fr 2.847vw;

            .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;

              img {
                width: 1.667vw; /* 24px */
                height: 1.389vw; /* 20px */
              }
            }

            .progress-bar {
              flex-grow: 1;
              height: 1px;
              background-color: rgba(23, 23, 23, 0.15);
              position: relative;

              .progress {
                height: 2px;
                background-color: var(--main-black);
                position: absolute;
                inset: 0;
                margin: auto;
                margin-left: 0;
              }
            }

            .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) {
      margin-bottom: 15.385vw; /** 112px */
      gap: 6.868vw;

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

      .feedbacks-container {
        width: 65.522vw; /* 477px */

        .tabs {
          .tab {
            font-size: 3.297vw; /* 24px */
            padding-bottom: 2.473vw; /* 18px */
            align-items: center;

            &:nth-child(1) {
              padding-right: 2.198vw; /* 16px */
            }

            &:nth-child(2) {
              padding-left: 2.198vw; /* 16px */
            }

            .quantity-number {
              font-size: 2.473vw; /* 18px */
            }
          }
        }

        .tab-content {
          margin-top: 2.747vw; /* 20px */
          gap: 3.571vw; /** 26px */

          .question-item {
            padding-top: 3.571vw; /** 26px */

            .question-flex {
              gap: 4.395vw; /** 32px */

              .question {
                font-size: 2.748vw; /* 20px */
              }

              .question-date {
                font-size: 2.198vw; /* 16px */
              }
            }

            .question-author {
              font-size: 2.198vw; /* 16px */
              margin-top: 0.55vw; /** 4px */
            }

            .answer-author {
              margin-top: 2.747vw; /** 20px */
              gap: 1.099vw; /* 8px */
  
              .logo-name {
                gap: 0.549vw; /* 4px */
  
                img {
                  padding: 0.412vw; /* 3px */
                  width: 4.945vw; /* 36px */
                  height: 4.945vw; /* 36px */
                }
  
                .name {
                  font-size: 2.747vw; /* 20px */
                }
              }
  
              .mark {
                width: 1.648vw; /* 12px */
                height: 1.648vw; /* 12px */
              }
            }

            .answer {
              font-size: 2.198vw; /* 16px */
              margin-top: 1.099vwvw; /** 8px */
            }
          }

          .play-icon {
            width: 4.945vw; /** 36px */
            height: 4.945vw; /** 36px */

            svg {
              width: 3.709vw; /** 27px */
              height: 3.571vw; /** 26px */
            }
          }

          .reviews-gallery {
            gap: 1.1vw; /* 8px */
            margin-bottom: 1.923vw; /* 14px */

            .review-photo {
              height: 17.033vw; /* 124px */
              max-width: 12.225vw; /* 89px */

              img {
                border-radius: 2.198vw; /* 16px */
              }

              &.review-photo-more {
                .more-photos-text {
                  font-size: 3.297vw; /* 24px */
                }
              }
            }
          }

          .reviews-gallery + .review-item {
            padding-top: 0;
            border: none;
          }

          .review-item {
            padding-top: 3.571vw; /** 26px */
            gap: 3.297vw; /** 24px */

            .review-header {
              .review-author {
                gap: 1.1vw; /* 8px */

                .review-avatar {
                  width: 6.319vw; /** 46px */
                  height: 6.319vw; /** 46px */

                  &.no-img {
                    font-size: 3.022vw; /** 22px */
                  }
                }

                .author-name {
                  font-size: 2.747vw; /* 20px */
                }
              }

              .review-date {
                gap: 1.1vw; /* 8px */

                .date-rew {
                  font-size: 1.923vw; /* 14px */
                }

                .review-stars {
                  img {
                    width: 3.022vw; /* 22px */
                    height: 3.022vw; /* 22px */
                  }
                }
              }
            }

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

            .review-photos {
              gap: 1.1vw; /* 8px */
              margin-bottom: 3.297vw; /* 24px */

              .review-photo-thumbnail {
                border-radius: 2.198vw; /* 16px */
                max-width: 23.077vw; /** 168px */
                height: 27.06vw; /* 197px */
              }
            }
          }
        }
      }

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

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

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

          .feedback-card-title-wrap {
            gap: 0.55vw; /** 4px */
            width: 100%;

            .feedback-card-text {
              font-size: 2.198vw; /* 16px */
            }

            .feedback-card-title {
              font-size: 2.747vw; /* 20px */
            }
          }
        }

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

          .feedback-wrap-mark {
            gap: 1.1vw; /** 8px */
            width: 100%;

            .feedback-mark {
              font-size: 5.769vw; /* 42px */
            }

            .review-stars {
              img {
                pointer-events: none;
                width: 3.022vw; /** 22px */
                height: 3.022vw; /** 22px */
              }
            }

            .feedback-card-text {
              font-size: 2.198vw; /* 16px */
            }
          }

          .marks-container {
            gap: 1.1vw; /* 8px */

            .mark-row {
              gap: 1.1vw; /* 8px */
              grid-template-columns: 4.258vw 1fr 5.632vw;

              .mark-row-value {
                font-size: 2.198vw; /* 16px */
                img {
                  pointer-events: none;
                  width: 3.022vw; /** 22px */
                  height: 3.022vw; /** 22px */
                }
              }

              .mark-percent {
                font-size: 2.198vw; /* 16px */
              }
            }
          }
        }
      }
    }

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

        .tabs {
          gap: 2.5vw; /* 8px */

          .tab {
            display: none;
          }

          .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;

            &.mobile-tab-reviews {
              width: 35.937vw; /* 115px */
              flex-direction: row;
              background-color: transparent;
              border-radius: 0;
              padding: 0;

              .mobile-review-photo {
                width: 15.312vw; /* 49px */
                height: 18.75vw; /* 60px */

                img {
                  width: 100%;
                  height: 100%;
                  object-fit: cover;
                  border-radius: 2.5vw; /* 8px */
                }

                .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);
                }

                &.overlay-img-1 {
                  position: absolute;
                  top: 0;
                  left: 10.312vw; /* 33px */
                  border-left: 1px solid var(--white);
                }

                &.overlay-img-more {
                  position: absolute;
                  top: 0;
                  left: 20.625vw; /* 66px */
                  border-left: 1px solid var(--white);
                }
              }
            }

            .mobile-tab-flex,
            .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);

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

              img {
                width: 5.625vw; /** 18px */
                height: 5.625vw; /** 18px */
              }
            }

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

        .tab-content {
          margin-top: 2.5vw; /** 8px */
          gap: 2.5vw; /** 8px */

          .reviews-gallery {
            display: none;
          }

          .play-icon {
            width: 14.375vw; /** 46px */
            height: 14.375vw; /** 46px */

            svg {
              width: 8.75vw; /** 28px */
              height: 8.75vw; /** 28px */
            }
          }

          .reviews-gallery + .review-item {
            padding-top: 3.125vw; /* 10px */
          }

          .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;

            .review-header {
              margin-bottom: 0;
              position: relative;

              .review-author {
                gap: 1.25vw; /* 4px */

                .review-avatar {
                  height: 7.5vw; /* 24px */
                  width: 7.5vw; /* 24px */

                  &.no-img {
                    font-size: 3.75vw; /** 12px */
                  }
                }

                .author-name {
                  font-size: 5vw; /* 16px */
                }
              }

              .review-date {
                gap: 0;

                .date-rew {
                  position: absolute;
                  left: 0;
                  top: 10.625vw; /* 34px */
                  font-size: 3.125vw; /* 10px */
                  margin-bottom: 0;
                }

                .review-stars {
                  gap: 2px;

                  img {
                    height: 5.625vw; /* 18px */
                    width: 5.625vw; /* 18px */
                  }
                }
              }
            }

            .review-text {
              font-size: 3.75vw; /* 12px */
              margin-top: 6.875vw; /* 22px */
            }

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

              .review-photo-thumbnail {
                border-radius: 5vw; /* 16px */
                height: 18.75vw; /* 60px */
                max-width: unset;
              }

              &.max-photos {
                grid-template-columns: repeat(4, 1fr);
                grid-template-rows: 1fr;

                .review-photo-thumbnail {
                  grid-row: auto;

                  &:nth-child(3) {
                    grid-column: auto;
                    grid-row: auto;
                  }

                  &:nth-child(4) {
                    grid-column: auto;
                    grid-row: auto;
                  }

                  &:nth-child(5) {
                    display: none;
                  }
                }
              }
            }
          }
        }
      }

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

      .feedback-card {
        display: none;
      }

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

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

    svg,
    img {
      opacity: 0.4;
    }
  }

  .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) {
      border-radius: 2.198vw;
    }

    @media (max-width: 727px) {
      border-radius: 2.5vw;
    }
  }

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

  .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;
  }

  .popupFitting-content {
    & > *:last-child {
      padding-bottom: 2.778vw; /* 40px */
    }
    & > *:nth-child(2) {
      padding-top: 1.389vw; /* 20px */
    }
  }

  .popupCard-content {
    & > *:last-child {
      padding-bottom: 2.778vw; /* 40px */
    }
    .wrap-popupCard-content > *:nth-child(2) {
      padding-top: 1.389vw; /* 20px */
    }

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

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

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

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

  .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;

    .semibold {
      font-weight: 600;
    }

    div {
      display: flex;
      flex-direction: column;
      gap: 12px;
    }

    .bullet-padding {
      padding-left: 8px;
    }

    a {
      color: inherit;
    }

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

    &::-webkit-scrollbar {
      width: 0;
      display: none;
    }
  }

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

  .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);
  }

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

    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);
    }
  }

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

    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);
    }
  }

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

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

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

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

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

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

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

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

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

  .swiper-button-prev,
  .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 */
  }

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

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

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

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

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

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

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

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

  .thumbs-swiper-container {
    position: relative;

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

  .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 */
  }

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

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

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

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

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

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

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

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

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

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

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

  .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;

    img {
      transform: rotate(0deg);
    }
  }

  .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 */
  }

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

  .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 */
  }

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

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

  .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;
  }

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

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

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

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

      img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        outline: 0;
      }
    }

    .swiper-wrapper .swiper-slide.swiper-slide-thumb-active {
      &::before {
        opacity: 1;
      }
    }
  }

  .vertical-thumbs {
    .swiper-wrapper .swiper-slide {
      position: relative;

      &::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;
      }
    }
  }

  .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;

    img,
    svg {
      transition: all 0.3s ease-out;
    }

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

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

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

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

  .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;

    img {
      width: 1.389vw; /* 20px */
      height: 1.389vw; /* 20px */
    }

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

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

  .benefits-card {
    [class*="benefit-img-"] {
      width: 100%;
      &.mob {
        display: none;
      }
    }
  }

  .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;

    &.show {
      opacity: 1;
      pointer-events: all;
    }

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

    .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 */

      .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;

        img {
          height: 0.972vw; /* 14px */
          width: 0.972vw; /* 14px */
        }
      }

      .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);

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

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

          .review-photo-scroll {
            display: flex;
            height: 100%;

            img,
            video {
              width: 100%;
              height: 100%;
              object-fit: cover;
            }
          }
        }

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

          .review-header {
            display: flex;
            justify-content: space-between;
            align-items: center;

            .review-author {
              display: flex;
              align-items: center;
              gap: 0.556vw; /* 8px */

              .review-avatar {
                width: 2.222vw; /** 32px */
                height: 2.222vw; /** 32px */
                object-fit: cover;
                pointer-events: none;
                border-radius: 100%;

                &.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;
                }
              }

              .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 */
              }
            }

            .review-date {
              text-align: right;
              display: flex;
              flex-direction: column;
              gap: 0.556vw; /* 8px */

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

              .review-stars {
                display: flex;
                flex-direction: row;
                margin-left: auto;
                width: fit-content;
                gap: 2px;

                img {
                  width: 1.667vw; /* 24px */
                  height: 1.389vw; /* 20px */
                }
              }
            }
          }

          .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 */
          }

          .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 */

            .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;

              &:has(.no-poster) {
                background-color: #bababa;
              }

              img {
                max-width: unset;
                object-fit: cover;
                width: 100%;
                height: 100%;
              }

              &:first-child {
                grid-column: span 2;
                grid-row: span 2;
              }

              .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;
                svg {
                  width: 2.917vw; /** 42px */
                  height: 2.778vw; /** 40px */
                }
              }
            }
          }

          .review-photos {
            flex-wrap: wrap;
            width: 100%;

            img {
              object-fit: cover;
              width: 100%;
              height: 17.014vw; /* 245px */
            }
          }
        }

        .review-modal-slider {
          display: none;
        }
      }
    }

    .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;

      img {
        transition: opacity 0.3s ease-out;
      }

      &.review-modal-prev {
        left: 1.389vw; /* 20px */

        img {
          transform: rotate(0deg);
        }
      }

      &.review-modal-next {
        right: 1.389vw; /* 20px */

        img {
          transform: rotate(180deg);
        }
      }
    }

    @media (max-width: 1024px) {
      padding: 2.198vw; /** 16px */
      padding-top: 11.538vw; /** 84px */
      background-color: #fff;

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

        .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 */

          img {
            width: 1.923vw; /* 14px */
            height: 1.923vw; /* 14px */
          }
        }

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

          .review-modal-photos {
            display: none;
          }

          .review-modal-text {
            display: none;
          }

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

            .swiper-wrapper {
              height: 100% !important;

              .swiper-slide {
                display: flex;
                height: 100%;

                .plyr,
                img {
                  border-radius: 2.198vw; /* 16px */
                  width: fit-content;
                  height: 100%;
                  width: 100%;
                  object-fit: cover;
                }
              }
            }
          }

          .review-modal-slider {
            display: block;
            margin: 0;
            flex-shrink: 0;

            .swiper-slide {
              position: relative;
              display: flex;
              width: fit-content;

              img {
                width: 14.973vw; /* 109px */
                height: 14.56vw; /* 106px */
                border-radius: 2.198vw; /* 16px */
                object-fit: cover;
              }
            }
          }
        }
      }

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

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

    @media (max-width: 727px) {
      padding: 5vw; /* 16px */
      padding-top: 20vw; /* 64px */

      .review-modal-content {
        position: static;

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

          img {
            width: 3.125vw; /* 10px */
            height: 3.125vw; /* 10px */
          }
        }

        .review-modal-inner {
          .review-photo-scroll-mob {
            width: calc(100% + 10vw); /* 32px */
            margin-left: -5vw; /* 16px */
            padding: 0 5vw; /* 16px */
            height: 100%;

            .swiper-wrapper {
              .swiper-slide {
                .plyr,
                img {
                  border-radius: 5vw; /* 16px */
                }
              }
            }
          }

          .review-modal-slider {
            display: none;
          }

          .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 */

            .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);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .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 */
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .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 */
    }

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

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

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

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

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

    .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 */
    }

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

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

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

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

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

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

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

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

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

    

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

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

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

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

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

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

    .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; */
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .photo-pagination {
      display: none;
    }

    .mobile-tab {
      display: none;
    }
  }

  @media (min-width: 728px) and (max-width: 1024px) {
    .select-block-lens {
      gap: 2.198vw; /* 16px */
      border-radius: 2.198vw; /* 16px */
      padding: 2.747vw; /* 20px */
      margin-bottom: 3.297vw; /* 24px */

      &.desc {
        display: none;
      }

      &.mob {
        display: flex;
      }

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

      .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 */
      }
    }

    .bread-crumbs {
      display: none;
    }

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

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

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

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

    .product-title br {
      display: none;
    }

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

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

      &::after {
        inset: 0.412vw; /* 3px */
      }
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .buttons-attr .attr-button {
      padding: 1.099vw;
      min-width: 4.945vw; /* 36px */
      height: 4.945vw; /* 36px */

      &.button-color {
        padding: 0.687vw; /* 5px */

        &:has(.text) {
          padding: 2px 1.648vw; /* 12px */

          & > div {
            margin-top: -0.137vw; /* 1px */
          }
        }
      }
      font-size: 1.923vw; /* 14px */
    }

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

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

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

    .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;
    }

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

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

      br {
        content: "";
      }
    }

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

    .answers-text {
      margin: 0;
    }

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

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

    .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 */
    }

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

    .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;
    }

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

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

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

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

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

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

    .availability {
      display: none;

      &.mob {
        display: flex;
      }
    }

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

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

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

      &:first-child {
        padding-top: 1.648vw; /* 12px */
      }
    }

    .answers {
      margin-bottom: 15.385vw; /* 112px */
    }

    .review-stars {
      img {
        width: 3.022vw; /* 22px */
        height: 3.022vw; /* 22px */
      }
    }

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

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

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

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

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

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

    .card-gallery {
      width: 100%;
    }

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

      .custom-nav {
        display: none;
      }

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

        img {
          height: 100%;
          border-radius: 2.198vw; /* 16px */
        }
      }
    }

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

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

    .card-header {
      display: flex;
      position: fixed;
      top: calc(8.791vw - 2px);
      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;
      }
    }

    .like-purchase {
      border-radius: 0.824vw; /* 6px */
      width: 4.945vw; /* 36px */
      height: 4.945vw; /* 36px */

      svg {
        width: 2.473vw; /* 18px */
        height: 2.473vw; /* 18px */
      }
    }

    .gallery-container {
      /* gap: 88px; */
      padding: 2.198vw; /* 16px */
      flex-direction: column-reverse;
      justify-content: center;
      gap: 4.945vw; /* 36px */
    }

    .gallery-thumb-vertical {
      width: 100%;
      height: 19.367vw; /* 141px */
      flex-direction: row;
    }

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

    .fullscreen-gallery .fullscreen-slider {
      width: 100%;
      height: 74.041vw; /* 539px */
    }

    .fullscreen-gallery .fullscreen-slider .swiper-slide img {
      width: 78.703vw; /* 573px */
    }

    .gallery-close {
      width: 4.945vw; /* 36px */
      height: 4.945vw; /* 36px */
    }

    .review-modal-text {
      display: none;
    }

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

    .infopage-title {
      font-size: 6.593vw; /* 48px */
      margin-bottom: 5.495vw; /* 40px */
    }

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

    .benefits {
      width: 100%;
      margin-bottom: 15.385vw; /* 112px */
    }

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

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

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

        img {
          width: 26.099vw;
          height: 9.753vw;
        }

        .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);
        }

        .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;
        }

        &:nth-child(1) {
          border-right: 1px solid #e6e6e6;
          border-bottom: 1px solid #e6e6e6;
          padding-bottom: 2.198vw; /* 16px */
          padding-right: 2.473vw; /* 18px */

          .size {
            top: 3.297vw; /* 24px */
            left: 0;
            right: 2.473vw; /* 18px */
            margin: 0 auto;
            width: fit-content;
          }
        }

        &:nth-child(2) {
          border-bottom: 1px solid #e6e6e6;
          padding-bottom: 2.198vw; /* 16px */
          padding-left: 2.473vw; /* 18px */

          .size {
            top: 3.297vw; /* 24px */
            left: 2.473vw; /* 18px */
            right: 0;
            margin: 0 auto;
            width: fit-content;
          }
        }

        &:nth-child(3) {
          border-right: 1px solid #e6e6e6;
          padding-top: 2.198vw; /* 16px */
          padding-right: 2.473vw; /* 18px */

          .size {
            top: 5.495vw; /* 40px */
            left: 0;
            right: 2.473vw; /* 18px */
            margin: 0 auto;
            width: fit-content;
          }
        }

        &:nth-child(4) {
          padding-top: 2.198vw; /* 16px */
          padding-left: 2.473vw; /* 18px */

          .size {
            top: 5.495vw; /* 40px */
            left: 12.363vw; /* 90px */
            right: 0;
            width: 10.989vw; /* 80px */
          }
        }
      }
    }

    .accordion-body img {
      display: block;
    }

    .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 */
    }

    .tablet-swiper-button-prev {
      left: 2.198vw; /* 16px */

      img {
        transform: rotate(270deg);
      }
    }

    .tablet-swiper-button-next {
      right: 2.198vw; /* 16px */

      img {
        transform: rotate(90deg);
      }
    }

    .review-photo-scroll .thumbs-swiper {
      height: 14.56vw; /* 106px */
      width: 100%;
    }

    footer {
      margin-bottom: 16.071vw; /* 117px */
    }

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

    .mini-card-text {
      font-size: 2.473vw; /* 18px */
      width: 18.132vw; /* 132px */
    }

    .mini-card {
      border-radius: 2.198vw; /* 16px */
      padding: 2.747vw; /* 20px */
    }

    .mini-card-content img {
      width: 4.396vw; /* 32px */
      height: 4.396vw; /* 32px */
      padding: 0.824vw; /* 6px */
    }

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

    .benefits-title-text {
      font-size: 4.396vw; /* 32px */
      margin-top: 32.313vw; /* 235px */
      margin-bottom: 1.374vw; /* 10px */
    }

    .benefits-card {
      margin-bottom: 3.297vw; /* 24px */
    }

    .benefits-card:has(.benefit-img-3, .benefit-img-4) {
      .benefits-title-text {
        margin-top: 28vw; /*  px */
      }
    }

    .more-photos-text {
      font-size: 3.297vw; /* 24px */
    }

    .mark-row-value {
      font-size: 2.198vw; /* 16px */
      gap: 2px;
    }
    .mark-percent {
      font-size: 2.198vw; /* 16px */
    }

    .marks-container {
      gap: 1.099vw; /* 8px */
    }

    .pr-32 {
      padding-right: 2.198vw; /* 16px */
    }

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

    .similar-button {
      margin-top: 5.769vw; /* 42px */
      width: 47.253vw; /* 344px */
      height: 6.044vw; /* 44px */
    }

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

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

    .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;
    }

    .popupCard-content {
      padding: 5.495vw; /* 40px */
      padding-bottom: 0;
      width: 71.429vw; /* 520px */

      & > *:last-child {
        padding-bottom: 5.495vw; /* 40px */
      }
      .wrap-popupCard-content > *:nth-child(2) {
        padding-top: 2.747vw; /* 20px */
      }
    }

    .popupFitting-content {
      padding: 5.495vw; /* 40px */
      padding-bottom: 0;
      width: 71.429vw; /* 520px */

      & > *:last-child {
        padding-bottom: 5.495vw; /* 40px */
      }
      & > *:nth-child(2) {
        padding-top: 2.747vw; /* 20px */
      }
    }

    .popupFitting {
      .popupFitting-content {
        .popupFitting-header {
          font-size: 5.769vw; /* 42px */
          padding-bottom: 2.747vw; /* 20px */
        }

        .popupFitting-box-wrap {
          .popupFitting-box {
            margin-bottom: 5.495vw; /* 40px */
            gap: 3.297vw; /* 24px */
          }

          .popupFitting-delivery {
            border-radius: 2.198vw; /* 16px */
            padding: 2.747vw; /* 20px */
          }

          .popupFitting-item-title {
            font-size: 2.747vw; /* 20px */
            margin-bottom: 1.099vw; /* 8px */
          }

          .popupFitting-item-text {
            font-size: 2.198vw; /* 16px */
          }
        }
      }
    }

    #dioptries {
      margin: 0;
      gap: 0.549vw; /* 4px */
    }

    .mobile-tab {
      display: none;
    }

    .recently-tovars .tovar.fake {
      margin-right: 8px;
    }

    .recently-tovars {
      width: calc(100% + 4.396vw);
      margin-left: -2.198vw;
      padding: 0 2.198vw;
      overflow: hidden;
    }
    .recently-tovars .swiper-wrapper {
      display: flex;
      gap: 0;
      flex-wrap: nowrap;

      .swiper-slide {
        width: 47.253vw;
      }
    }

    .similar-tovars {
      grid-template-columns: 1fr 1fr;
      gap: 4.167vw 1.042vw;
    }

    .tovar {
      gap: 1.302vw;
    }

    .first_part {
      height: 54.688vw;
      border-radius: 0.521vw;
    }

    .features {
      gap: 0.391vw;
      left: 1.302vw;
      top: 1.302vw;
      width: calc(100% - 7.813vw);
    }

    .feature {
      gap: 0.26vw;
      padding: 1.042vw;
    }

    .feature svg {
      width: 2.604vw;
      height: 2.604vw;
    }

    .feature p {
      font-size: 1.823vw;
      line-height: 100%;
    }

    .tovar .wishlist_button {
      top: 1.302vw;
      right: 1.302vw;
    }

    .tovar .wishlist_button svg {
      width: 4.688vw;
      height: 4.688vw;
    }

    .tovar_sider {
      border-radius: 0.521vw;
    }

    .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;
    }

    .tovar_pag {
      height: 0.521vw;
    }

    .t_name {
      font-size: 2.083vw;
      line-height: 130%;
      letter-spacing: -0.01em;
    }

    .t_type {
      font-size: 1.823vw;
      line-height: 130%;
      letter-spacing: -0.01em;
    }

    .t_price {
      gap: 1.042vw;
      margin-top: 1.302vw;
    }

    .t_act_p {
      font-size: 2.344vw;
      line-height: 130%;
      letter-spacing: -0.01em;
    }

    .page_pag {
      display: flex;
      flex-direction: row;
      gap: 0.521vw;
      margin-top: 8.333vw;
      justify-content: center;
    }

    .to_back,
    .to_next {
      width: 6.25vw;
      height: 5.208vw;
      cursor: pointer;
      background-color: #fff;
      border-radius: 1000px;
      transition: background-color 0.2s ease-out;
    }

    .sale_precent {
      left: 1.374vw; /* 10px */
      bottom: 3.297vw; /* 24px */
    }

    .sale_precent img {
      width: 7.143vw; /* 52px */
      height: 4.121vw; /* 30px */
    }

    .sale_precent p {
      font-size: 1.923vw; /* 14px */
    }

    .popupCard-nav button {
      font-size: 2.198vw;
    }

    .popupCard-title {
      font-size: 5.769vw;
    }
    .popupCard-text {
      font-size: 2.473vw;
      h3 {
        font-size: 3.297vw;
      }
    }
    .close-icon {
      width: 6.593vw;
      height: 6.593vw;
      padding: 1.648vw;
    }

    &:not(:has(.elementor-sticky--active)) .card-header {
      top: calc(11.791vw - 2px);
      position: absolute;
    }

    .photo-pagination .swiper-pagination-bullet {
      border-radius: 100px;
      width: 1.648vw; /* 12px */
      height: 0.549vw; /* 4px */
      background: var(--gray-3);
      opacity: 1;
    }

    .photo-pagination .swiper-pagination-bullet-active {
      background: #3d3c3b;
    }

    .elementor-location-footer {
      margin-bottom: 16.071vw !important;
      .footer_custom {
        padding-bottom: 8vw;
      }
    }

    /* Guid */
    .wrap_guid_table {
      padding-left: 5.495vw;
      overflow: visible;
    }

    .guid_table {
      border-radius: 2.198vw; /* 16px */
      min-width: 60.44vw; /* 440px */
      margin-top: 1.099vw; /* 8px */
    }

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

    .guid_table .column_guid {
      border-radius: 2.198vw 0 0 2.198vw;
    }

    .guid_table .column_guid:first-child .cell_guid {
      padding: 1.099vw 2.198vw; /* 8px 16px */
    }

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

    .guid_table .cell_guid {
      min-height: 5.495vw; /* 40px */
      font-size: 2.198vw; /* 16px */
    }

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

    .giud_text {
      display: flex;
      flex-direction: column;
      gap: 3.297vw; /* 24px */
      margin-top: 8.791vw; /* 64px */
      margin-bottom: 2.747vw; /* 20px */
    }
    .giud_text > * {
      padding: 0 5.495vw; /* 40px */
    }
    .giud_text .wrap_head_guid_text {
      display: flex;
      flex-direction: column;
      gap: 2.198vw; /* 16px */
    }

    .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;
    }

    .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;
    }

    .guid_step {
      display: flex;
      flex-direction: column;
      gap: 1.099vw; /* 8px */
    }
    .guid_step.giud_t > * {
      padding: 0 5.495vw; /* 40px */
    }

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

    .guid_step p,
    .guid_step li {
      font-family: var(--manrope);
      font-weight: 500;
      font-size: 1.923vw; /* 14px */
      line-height: 140%;
      letter-spacing: -0.01em;
      color: #171717;
    }
    .guid_step li {
      gap: 0.549vw;
      margin-left: 2.885vw; /* 21px */
    }
    .guid_step li::before {
      top: 1.236vw;
      left: -1.236vw;
    }
    .guid_step svg {
      width: 60.44vw; /* 440px */
      height: 23.626vw; /* 172px */
      border-radius: 2.198vw; /* 16px */
    }

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

    .guid_step p {
      display: inline;
    }

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

    .giud_size_frame {
      font-size: 1.923vw;
      margin: 0;
    }
    .giud_fise_frame_modal {
      width: 71.429vw; /* 520px */
      padding: 0;
    }
    .giud_fise_frame_modal .wrap_size {
      padding: 0 5.495vw;
      margin-top: 2.198vw;
      gap: 2.747vw;
    }
    .giud_fise_frame_modal .wrap_size .size_modal {
      gap: 0.549vw;
    }
    .giud_fise_frame_modal .wrap_size .size_modal span {
      width: 7.692vw;
      height: 5.495vw;
      font-size: 1.923vw;
    }

    .giud_fise_frame_modal .about_size_frame {
      gap: 1.1vw;
    }
    .giud_fise_frame_modal .about_size_frame > p {
      font-size: 2.747vw;
    }
    .giud_fise_frame_modal .about_size_frame > span {
      font-size: 1.923vw;
    }

    .select_size_prev {
      margin-top: 4.945vw;
    }
    .s_size_prev {
      height: 10.719vw;
      padding: 2.198vw;
      gap: 0.55vw;
    }
    .zaushnik {
      border-radius: 2.198vw 0 0 0;
    }
    .obshhaya-shirina {
      border-radius: 0 2.198vw 0 0;
    }
    .shirina-linzy {
      border-radius: 0 0 0 2.198vw;
    }
    .shirina-perenosiczy {
      border-radius: 0 0 2.198vw 0;
    }
    .s_size_prev > p {
      font-size: 1.923vw;
    }
    .s_size_prev > span {
      font-size: 2.198vw;
    }

    .wrap_appr_size {
      height: 11.538vw;
      padding: 2.747vw 5.495vw;
    }
    .wrap_appr_size .appr_size {
      border-radius: 1.099vw;
      font-size: 2.198vw;
      height: 6.044vw;
    }

    .wrap_size_prev {
      padding: 0 5.495vw;
    }

    .frame_size_prev {
      height: 25.745vw;
      margin-top: 4.945vw;
    }
    .frame_size_prev .prof,
    .frame_size_prev .fas {
      width: 60.44vw;
      height: 20.192vw;
      left: 0;
      right: 0;
      margin: 0 auto;
    }
    .frame_size_prev .wrap_line_size > p {
      font-size: 2.198vw;
    }

    .dynamic_size_frame {
      margin-top: 0.688vw;
      margin-bottom: 0.412vw;
    }

    .wrap_line_arrow::before {
      top: 1.374vw;
    }
    .wrap_line_arrow::after {
      top: 1.374vw;
    }

    .dynamic_size_frame.zaushnik {
      padding-left: 18.544vw;
      padding-right: 14.286vw;
    }
    .zaushnik .wrap_line_arrow::before {
      height: 8.517vw;
    }
    .zaushnik .wrap_line_arrow::after {
      height: 18.132vw;
    }

    .dynamic_size_frame.obshhaya-shirina {
      padding-left: 14.286vw;
      padding-right: 14.286vw;
    }
    .obshhaya-shirina .wrap_line_arrow::before {
      height: 6.868vw;
    }
    .obshhaya-shirina .wrap_line_arrow::after {
      height: 6.868vw;
    }

    .wrap_line_size:has(.shirina-linzy) {
      padding-left: 18.681vw;
      padding-right: 50vw;
    }
    .dynamic_size_frame.shirina-linzy {
      padding-left: 0;
      padding-right: 0;
    }
    .shirina-linzy .wrap_line_arrow::before {
      height: 6.868vw;
    }
    .shirina-linzy .wrap_line_arrow::after {
      height: 6.868vw;
    }

    .dynamic_size_frame.shirina-perenosiczy {
      padding-left: 40.11vw;
      padding-right: 39.835vw;
    }
    .shirina-perenosiczy .wrap_line_arrow::before {
      height: 8.242vw;
    }
    .shirina-perenosiczy .wrap_line_arrow::after {
      height: 8.242vw;
    }

    .head_f_menu {
      padding: 5.208vw 5.208vw 1.042vw 5.208vw;
    }

    .wrap_filt_h {
      gap: 1.042vw;
    }

    .wrap_filt_h .filt_h {
      font-size: 5.469vw;
      line-height: 100%;
      letter-spacing: -0.02em;
    }

    .wrap_filt_h .clear_f {
      font-size: 2.344vw;
      line-height: 140%;
      letter-spacing: -0.01em;
    }

    .close_f_menu {
      width: 6.25vw;
      height: 6.25vw;
    }

    /* /Guid */

    .nalichie-v-salonah .popupFitting-content {
      padding: 5.495vw;
      padding-bottom: 0;
      width: 100%;

      & > [data-elementor-type="section"] {
        .scroll-window {
          padding-bottom: 5.495vw;
        }
      }
    }

    .vertical-thumbs {
      height: 100%;
      .swiper-wrapper {
        flex-direction: row;

        .swiper-slide {
          height: 100%;
          border-radius: 1.099vw; /* 8px */
        }
      }
    }

    .gallery-thumbs-button {
      border-radius: 1.099vw; /* 8px */

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

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

    .gallery-swiper-button {
      padding: 1.099vw; /* 8px */
      width: 4.945vw;
      height: 4.945vw;
      img {
        width: 2vw;
        height: 2vw;
      }
    }

    .popupCard-header {
      padding-bottom: 2.198vw;
    }
  }

  @media (max-width: 727px) {
    .select-block-lens {
      gap: 5vw; /* 16px */
      border-radius: 5vw; /* 16px */
      padding: 5vw; /* 16px */
      margin-bottom: 6.25vw; /* 20px */

      &.desc {
        display: none;
      }

      &.mob {
        display: flex;
      }

      .head-lens-s {
        width: 47.813vw; /* 153px */
        font-size: 4.375vw; /* 14px */
      }

      .start-select-lens {
        border-radius: 2.5vw; /* 8px */
        padding: 4.688vw 6.25vw; /* 15px 20px */
        max-width: unset;
        font-size: 3.75vw; /* 12px */
      }
    }

    .logo-company img {
      width: 100%;
    }

    /* Guid */
    .head_f_menu {
      padding: 5vw; /* 16px -> 5vw */
      padding-bottom: 2.5vw; /* 8px -> 2.5vw */
    }

    .wrap_filt_h {
      gap: 2.5vw; /* 8px -> 2.5vw */
    }

    .wrap_filt_h .filt_h {
      font-size: 10vw; /* 32px -> 10vw */
      line-height: 96%;
    }

    .wrap_filt_h .clear_f {
      font-size: 4.375vw; /* 14px -> 4.375vw */
    }

    .close_f_menu {
      width: 10vw; /* 32px -> 10vw */
      height: 10vw; /* 32px -> 10vw */
    }

    .giud_fise_frame_modal {
      width: 100%;
      padding: 0;
    }

    .wrap_guid_table {
      padding-left: 5vw;
      overflow: auto;
    }

    .guid_table {
      border-radius: 5vw; /* 16px */
      min-width: 137.5vw; /* 440px */
      margin-top: 2.5vw; /* 8px */
    }

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

    .guid_table .column_guid {
      border-radius: 5vw 0 0 5vw;
    }

    .guid_table .column_guid:first-child .cell_guid {
      padding: 2.5vw 5vw; /* 8px 16px */
    }

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

    .guid_table .cell_guid {
      min-height: 12.5vw; /* 40px */
      font-size: 5vw; /* 16px */
    }

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

    .giud_text {
      gap: 5vw; /* 16px */
      margin-top: 12.5vw; /* 40px */
      margin-bottom: 5vw; /* 16px */
    }
    .giud_text > * {
      padding: 0 5vw; /* 16px */
    }

    .giud_text .wrap_head_guid_text {
      gap: 5vw; /* 16px */
    }

    .giud_text .wrap_head_guid_text .head_h_guid_text {
      font-size: 10vw; /* 32px */
    }

    .giud_text .wrap_head_guid_text .head_p_guid_text {
      font-size: 4.375vw; /* 14px */
    }

    .guid_step {
      gap: 2.5vw; /* 8px */
    }
    .guid_step.giud_t > * {
      padding: 0 5vw !important; /* 16px */
    }

    .guid_step h3 {
      font-size: 6.25vw; /* 20px */
    }

    .guid_step p,
    .guid_step li {
      font-size: 4.375vw; /* 14px */
    }

    .guid_step li {
      gap: 1.25vw; /* 4px */
      margin-left: 6.563vw; /* 21px */
    }
    .guid_step li::before {
      top: 2.813vw;
      left: -2.813vw;
    }

    .guid_step svg {
      width: 90vw; /* 288px */
      height: 53.75vw; /* 172px */
      border-radius: 5vw; /* 16px */
      display: none;
    }
    .guid_step svg.mobile {
      display: flex;
    }

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

    .giud_size_frame {
      font-size: 4.375vw;
    }
    .giud_fise_frame_modal .wrap_size {
      padding: 0 5vw;
      margin-top: 5vw;
      gap: 10vw;
    }
    .giud_fise_frame_modal .wrap_size .size_modal {
      gap: 1.25vw;
    }
    .giud_fise_frame_modal .wrap_size .size_modal span {
      width: 17.5vw;
      height: 12.5vw;
      font-size: 4.375vw;
    }

    .giud_fise_frame_modal .about_size_frame {
      gap: 2.5vw;
    }
    .giud_fise_frame_modal .about_size_frame > p {
      font-size: 5.625vw;
    }
    .giud_fise_frame_modal .about_size_frame > span {
      font-size: 4.375vw;
    }

    .select_size_prev {
      margin-top: 10vw;
    }
    .s_size_prev {
      height: 23.125vw;
      padding: 5vw;
      gap: 0;
    }
    .zaushnik {
      border-radius: 5vw 0 0 0;
    }
    .obshhaya-shirina {
      border-radius: 0 5vw 0 0;
    }
    .shirina-linzy {
      border-radius: 0 0 0 5vw;
    }
    .shirina-perenosiczy {
      border-radius: 0 0 5vw 0;
    }
    .s_size_prev > p {
      font-size: 4.375vw;
    }
    .s_size_prev > span {
      font-size: 5vw;
    }

    .wrap_appr_size {
      height: 20.625vw;
      padding: 2.5vw 5vw 5vw 5vw;
    }
    .wrap_appr_size .appr_size {
      border-radius: 2.5vw;
      font-size: 4.375vw;
      height: 13.125vw;
    }

    .wrap_size_prev {
      padding: 0 5vw;
    }

    .frame_size_prev {
      height: 36.875vw;
      margin-top: 10vw;
    }
    .frame_size_prev .prof,
    .frame_size_prev .fas {
      width: 90vw;
      height: 30vw;
    }
    .frame_size_prev .wrap_line_size > p {
      font-size: 4.375vw;
    }

    .dynamic_size_frame {
      margin-top: 0;
      margin-bottom: 0.938vw;
    }

    .wrap_line_arrow::before {
      top: 2.5vw;
    }
    .wrap_line_arrow::after {
      top: 2.5vw;
    }

    .dynamic_size_frame.zaushnik {
      padding-left: 7.5vw;
      padding-right: 0;
    }
    .zaushnik .wrap_line_arrow::before {
      height: 12vw;
    }
    .zaushnik .wrap_line_arrow::after {
      height: 27.132vw;
    }

    .dynamic_size_frame.obshhaya-shirina {
      padding-left: 1px;
      padding-right: 1px;
    }
    .obshhaya-shirina .wrap_line_arrow::before {
      height: 8vw;
    }
    .obshhaya-shirina .wrap_line_arrow::after {
      height: 8vw;
    }

    .wrap_line_size:has(.shirina-linzy) {
      padding-left: 6.875vw;
      padding-right: 53.5vw;
    }
    .dynamic_size_frame.shirina-linzy {
      padding-left: 0;
      padding-right: 0;
    }
    .shirina-linzy .wrap_line_arrow::before {
      height: 9vw;
    }
    .shirina-linzy .wrap_line_arrow::after {
      height: 9vw;
    }

    .dynamic_size_frame.shirina-perenosiczy {
      padding-left: 38.41vw;
      padding-right: 37.9vw;
    }
    .shirina-perenosiczy .wrap_line_arrow::before {
      height: 8.242vw;
    }
    .shirina-perenosiczy .wrap_line_arrow::after {
      height: 8.242vw;
    }

    /* /Guid */

    .sale_precent {
      left: 1.25vw; /* 4px */
      bottom: 3.125vw; /* 10px */
    }

    .sale_precent img {
      width: 9.375vw; /* 30px */
      height: 5vw; /* 16px */
    }

    .sale_precent p {
      font-size: 2.5vw; /* 8px */
    }

    .similar-tovars {
      grid-template-columns: 1fr 1fr;
      gap: 7.5vw 2.5vw; /* 24px 8px */
    }

    .recently-tovars .tovar.fake {
      margin-right: 8px;
    }

    .recently-tovars {
      width: calc(100% + 10vw);
      margin-left: -5vw;
      padding: 0 5vw;
      overflow: hidden;
    }
    .recently-tovars .swiper-wrapper {
      display: flex;
      gap: 0;
      flex-wrap: nowrap;

      .swiper-slide {
        width: 43.75vw;
      }
    }

    .tovar {
      gap: 1.25vw; /* 4px */
    }

    .first_part {
      height: 52.5vw; /* 168px */
      border-radius: 1.25vw; /* 4px */
    }

    .features {
      gap: 1.25vw; /* 4px */
      left: 1.25vw; /* 4px */
      top: 1.25vw; /* 4px */
      width: calc(100% - 9.375vw); /* 30px */
    }

    .feature {
      gap: 0.625vw; /* 2px */
      padding: 1.875vw; /* 6px */
    }

    .feature svg {
      width: 2.5vw; /* 8px */
      height: 2.5vw; /* 8px */
    }

    .feature p {
      font-size: 2.5vw; /* 8px */
    }

    .tovar .wishlist_button {
      top: 1.25vw; /* 4px */
      right: 1.25vw; /* 4px */
    }

    .tovar .wishlist_button svg {
      width: 7.5vw; /* 24px */
      height: 7.5vw; /* 24px */
    }

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

    .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 */
    }

    .tovar_pag {
      height: 0.625vw; /* 2px */
    }

    .t_name {
      font-size: 4.375vw; /* 14px */
      letter-spacing: -0.02em;
    }

    .t_type {
      font-size: 3.75vw; /* 12px */
      line-height: 130%;
      letter-spacing: 1;
    }

    .t_price {
      gap: 1.25vw; /* 4px */
      margin-top: 2.5vw; /* 8px */
    }

    .t_act_p {
      font-size: 4.375vw; /* 14px */
      letter-spacing: -0.02em;
    }

    .page_pag {
      gap: 0.625vw; /* 2px */
      margin-top: 12.5vw; /* 40px */
    }

    .to_back,
    .to_next {
      width: 12.5vw; /* 40px */
      height: 10vw; /* 32px */
    }

    .pag_list {
      gap: 0.625vw; /* 2px */
    }

    .pag_el {
      min-width: 12.5vw; /* 40px */
      padding: 0 1.25vw; /* 4px */
      height: 10vw; /* 32px */
      font-size: 3.75vw; /* 12px */
    }

    .filter_menu {
      width: 100vw;
    }

    .head_f_menu {
      padding: 5vw; /* 16px */
      padding-bottom: 2.5vw; /* 8px */
    }

    .wrap_filt_h {
      gap: 2.5vw; /* 8px */
    }

    .wrap_filt_h .filt_h {
      font-size: 10vw; /* 32px */
      line-height: 96%;
    }

    .wrap_filt_h .clear_f {
      font-size: 4.375vw; /* 14px */
    }

    .close_f_menu {
      width: 10vw; /* 32px */
      height: 10vw; /* 32px */
    }

    .bread-crumbs {
      display: flex;
      padding: 3.75vw 0; /* 12px */
      gap: 1.25vw; /* 4px */
    }

    .bread-crumbs-element {
      gap: 1.25vw; /* 4px */
      border-radius: 2.5vw; /* 8px */
      padding: 2.5vw; /* 8px */
    }

    .infopage {
      padding: 0 5vw; /* 16px */
    }

    .small-text {
      font-size: 3.125vw; /* 10px */
    }

    .product-card {
      display: flex;
      flex-direction: column;
      gap: 2.5vw; /* 8px */
      margin: 0 -5vw; /* 16px */
      margin-bottom: 2.5vw; /* 8px */
    }

    .product-description {
      padding: 5vw 5vw 7.5vw 5vw; /* 16px 16px 24px 16px */
      order: 1;
      border-radius: 5vw; /* 16px */
    }

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

    .discount-text {
      padding-left: 1.25vw; /* 4px */
    }

    .old-price {
      font-size: 5vw; /* 16px */
    }

    .price-title {
      gap: 2.5vw; /* 8px */
      margin-bottom: 2.5vw; /* 8px */
    }

    .availability {
      display: none;
      &.mob {
        display: flex;
      }
    }

    .price {
      font-size: 6.875vw; /* 22px */
    }

    .discount {
      font-size: 3.75vw; /* 12px */
    }

    .discount-button {
      height: 4.375vw; /* 14px */
      width: 4.375vw; /* 14px */

      &::after {
        inset: 2px;
      }
    }

    #brevo-conversations {
      bottom: 40.913vw !important;
      right: 5vw !important;
    }

    .mini-feedbacks {
      padding: 3.125vw; /* 10px */
      margin-bottom: 5vw; /* 16px */
      font-size: 3.75vw; /* 12px */
      gap: 2px;

      img {
        width: 3.75vw; /* 12px */
        height: 3.75vw; /* 12px */
      }
    }

    .product-title.main-text {
      font-size: 6.25vw; /* 20px */
    }

    .product-title br {
      display: none;
    }

    .text-balance {
      margin-bottom: 7.5vw; /* 24px */
      font-size: 3.75vw; /* 12px */
      margin-top: 0.625vw; /* 2px */
    }

    .filter-title {
      font-size: 4.375vw; /* 14px */
      margin-bottom: 1.25vw; /* 4px */
    }

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

    .buttons-attr .attr-button {
      padding: 1.25vw; /* 4px */

      min-width: 8.75vw; /* 28px */
      height: 8.75vw; /* 28px */

      &.button-color {
        padding: 1.25vw; /* 4px */

        &:has(.text) {
          padding: 2px 2.5vw; /* 8px */

          & > div {
            margin-top: -0.313vw; /* 1px */
          }
        }
      }

      font-size: 3.75vw; /* 12px */
    }

    #dioptries {
      margin: 0;
      gap: 1.25vw; /* 4px */
    }

    .brand-content {
      min-height: 9.375vw; /* 30px */
    }

    .brand-company {
      font-size: 3.75vw; /* 12px */
      gap: 1.25vw; /* 4px */
      border-radius: 2.5vw; /* 8px */
      padding: 1.562vw 1.25vw; /* 5px 4px */
    }

    .original {
      font-size: 3.125vw; /* 10px */
    }

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

    .accordion,
    .cards-grid {
      margin-bottom: 7.5vw; /* 24px */
    }

    .dioptr {
      padding: 3.75vw 3.75vw; /* 12px 12px */
      font-size: 3.75vw; /* 12px */
      min-width: 15vw; /* 48px */
    }

    .choose-box {
      margin-top: 6.25vw; /* 20px */
      padding: 5vw; /* 16px */
      border-radius: 5vw; /* 16px */
      margin-bottom: 7.5vw; /* 24px */
    }

    .accordion {
      gap: 3.75vw; /* 12px */
    }

    .choose-text {
      font-size: 4.375vw; /* 14px */
      margin-bottom: 3.125vw; /* 10px */

      br {
        content: "";
      }
    }

    .link-text {
      font-size: 3.75vw; /* 12px */
    }

    .accordion-header {
      font-size: 4.375vw; /* 14px */
    }

    .accordion-item {
      padding-bottom: 3.75vw; /* 12px */
    }

    .answers-container {
      .accordion-item {
        padding-bottom: 5vw; /* 16px */
      }
      .answers-header {
        padding: 0;
        font-size: 5vw; /* 16px */
        font-weight: 600;
      }

      .answers-text {
        margin-top: 1.25vw; /* 4px */
      }
    }

    .accordion-icon {
      border-radius: 18.125vw; /* 58px */
      padding: 1.25vw; /* 4px */
      width: 7.5vw; /* 24px */
      height: 7.5vw; /* 24px */
    }

    .accordion-item .accordion-body {
      display: flex;
      flex-direction: column;
      justify-content: center;
      font-size: 4.375vw; /* 14px */

      picture {
        margin-top: 5vw; /* 16px */
        text-align: center;
      }
    }

    .accordion-body {
      .size-prew {
        display: flex;
        flex-direction: column;
        gap: 11.25vw; /* 36px */
        margin-top: 5vw; /* 16px */
      }

      .wrap-size {
        display: flex;
        flex-direction: column;
        position: relative;
        align-items: center;
        gap: 6.875vw; /* 22px */
        width: fit-content;
        margin: 0 auto;

        img {
          width: 59.375vw;
          height: 22.188vw;
        }

        .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);
        }

        .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;
        }

        &:nth-child(1) {
          border: 0;
          padding: 0;

          .size {
            top: 7.5vw; /* 24px */
            left: 0;
            right: 0;
            margin: 0 auto;
            width: fit-content;
          }
        }

        &:nth-child(2) {
          border: 0;
          padding: 0;

          .size {
            top: 7.5vw; /* 24px */
            left: 0;
            right: 0;
            margin: 0 auto;
            width: fit-content;
          }
        }

        &:nth-child(3) {
          border: 0;
          padding: 0;

          .size {
            top: 7.5vw; /* 24px */
            left: 0;
            right: 0;
            margin: 0 auto;
            width: fit-content;
          }
        }

        &:nth-child(4) {
          border: 0;
          padding: 0;

          .size {
            top: 7.5vw; /* 24px */
            left: 0;
            right: 0;
            width: 25.625vw; /* 82px */
          }
        }
      }
    }

    .specs-row {
      margin-bottom: 3.75vw; /* 12px */
      gap: 1.25vw; /* 4px */

      &:first-child {
        padding-top: 3.75vw; /* 12px */
      }
    }

    .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 */
    }

    .specs-name,
    .specs-value {
      font-size: 3.75vw; /* 12px */
    }

    .brand-company .logo-company {
      padding: 0.937vw; /* 3px */
      border-radius: 2.5vw; /* 8px */
      aspect-ratio: 1;
      height: 6.25vw; /* 20px */
      text-align: center;
    }

    .logo-company {
      font-size: 3.75vw;
    }

    .cards-grid {
      gap: 1.25vw; /* 4px */
    }

    .mini-card-text {
      font-size: 3.75vw; /* 12px */
      width: 24.375vw; /* 78px */
    }

    .mini-card {
      border-radius: 3.75vw; /* 12px */
      padding: 3.125vw; /* 10px */
      gap: 1.25vw; /* 4px */

      div {
        display: flex;
      }

      img {
        width: 7.5vw; /* 24px */
        height: 7.5vw; /* 24px */
      }
    }

    .mini-card-content img {
      width: 7.5vw; /* 24px */
      height: 7.5vw; /* 24px */
      padding: 1.875vw; /* 6px */
    }

    .infopage-title {
      font-size: 8.75vw; /* 28px */
      margin-bottom: 6.25vw; /* 20px */
    }

    .answers-container {
      display: flex;
      flex-direction: column;
      gap: 5vw; /* 16px */
    }

    .answers-header {
      padding: 5vw 0; /* 16px 0 */
    }

    .benefits-container {
      display: flex;
      flex-direction: column;
      gap: 2.5vw; /* 8px */
    }

    .benefits-container .benefits-card {
      overflow: hidden;
    }

    .benefits-title-text {
      font-size: 5vw; /* 16px */
      margin-bottom: 1.25vw; /* 4px */
      margin-top: auto;
      margin-top: 36.875vw;
    }

    .benefits-small-text {
      font-size: 3.75vw; /* 12px */
      opacity: 0.4;
    }

    .benefits-title-text,
    .benefits-small-text {
      padding: 0 17.5vw 0 5vw; /* 56px 16px */
    }

    .plus-3-container {
      display: flex;
      flex-direction: column;
      height: 100%;
    }

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

    .benefits-card {
      padding-bottom: 5vw; /* 16px */
      display: flex;
      flex-direction: column;
    }

    [data-elementor-type="footer"] {
      margin-top: 25vw !important;
    }

    .similar,
    .recently {
      margin-bottom: 25vw; /* 80px */
    }

    .recently-swiper .swiper-wrapper .swiper-slide img,
    .similar-swiper .swiper-wrapper .swiper-slide img {
      height: 80vw; /* 256px */
      width: 43.75vw; /* 140px */
    }

    .similar-swiper {
      margin-bottom: 6.25vw; /* 20px */
    }

    .similar-button {
      height: 12.5vw; /* 40px */
      width: 100%;
    }

    .buttons-text {
      font-size: 3.75vw; /* 12px */
      border-radius: 2.5vw; /* 8px */
      padding: 2.5vw; /* 8px */
    }

    #loadMoreBtnMob {
      display: block;
    }

    #loadMoreBtn {
      display: none;
    }

    .button-chat {
      bottom: 41.562vw; /* 133px */
      right: 5vw; /* 16px */

      a {
        border-radius: 5vw; /* 16px */
        padding: 3.125vw; /* 10px */
        font-size: 3.75vw; /* 12px */

        img {
          width: 2.5vw; /* 8px */
          height: 2.5vw; /* 8px */
        }
      }
    }

    .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;

      &::before {
        content: "";
        position: absolute;
        left: 0;
        top: 6vw;
        height: calc(100% + 19vw);
        width: 100%;
        background: inherit;
        z-index: -1;
        pointer-events: none;
      }
    }

    .mobile-footer-fixed {
      box-shadow: none;
      border-radius: 0;
    }

    &:has(.mobile-footer-fixed) .buy-button-container {
      display: block;
    }

    .buy-buttons-flex {
      display: flex;
      flex-direction: row;
      gap: 0.625vw; /* 2px */
      height: 11.25vw; /* 36px */
      justify-content: center;
    }

    .buttons-purchase {
      gap: 0.625vw; /* 2px */

      .like-purchase {
        width: 11.25vw; /* 36px */
        height: 11.25vw; /* 36px */
        border-radius: 2.187vw; /* 7px */
        display: flex;
        justify-content: center;
        align-items: center;

        svg {
          width: 5.625vw;
          height: 5.625vw;
        }
      }
    }

    .buy-button {
      padding: 3.75vw; /* 12px */
      width: 38.75vw; /* 124px */
    }

    .button-basket {
      white-space: nowrap;
      padding: 3.75vw 10.625vw; /* 12px 34px */
      width: 38.75vw; /* 124px */
    }

    .delivery {
      display: flex;
      gap: 0.625vw; /* 2px */
      flex-wrap: nowrap;
      font-size: 3.125vw; /* 10px */
      justify-content: center;
      margin-top: 2.5vw; /* 8px */
    }

    .card-gallery .thumbs-swiper-container {
      display: none;
    }

    .card-gallery .main-slider {
      height: 100%;
    }

    .card-gallery {
      width: 100%;
      height: 111.562vw; /* 357px */
    }

    .card-gallery .custom-nav {
      display: none;
    }

    .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;

      .swiper-pagination-bullet {
        margin: 0;
      }
    }

    .photo-pagination .swiper-pagination-bullet {
      border-radius: 100px;
      width: 3.125vw; /* 10px */
      height: 1.25vw; /* 4px */
      background: var(--gray-3);
      opacity: 1;
    }

    .photo-pagination .swiper-pagination-bullet-active {
      background: #3d3c3b;
    }

    .close-icon {
      width: 10vw; /* 32px */
      height: 10vw; /* 32px */
      padding: 3vw;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .popupCard-content {
      padding: 7.5vw 5vw; /* 24px 16px */
      padding-bottom: 0;
      width: 100%;

      & > *:last-child {
        padding-bottom: 7.5vw; /* 24px */
      }
      .wrap-popupCard-content > *:nth-child(2) {
        padding-top: 2.747vw; /* 20px */
      }
    }

    .popupFitting-content {
      padding: 7.5vw 5vw; /* 24px 16px */
      padding-bottom: 0;
      width: 100%;

      & > *:last-child {
        padding-bottom: 7.5vw; /* 24px */
      }
      & > *:nth-child(2) {
        padding-top: 2.747vw; /* 20px */
      }
    }

    .popupFitting {
      .popupFitting-content {
        .popupFitting-header {
          padding-bottom: 3.75vw; /* 12px */
          font-size: 10vw; /* 32px */
          line-height: 131%;
        }

        .popupFitting-box-wrap {
          .popupFitting-box {
            margin-bottom: 7.5vw; /* 24px */
            gap: 7.5vw; /* 24px */
          }

          .popupFitting-delivery {
            border-radius: 5vw; /* 16px */
            padding: 6.25vw; /* 20px */
          }

          .popupFitting-item-title {
            font-size: 5.625vw; /* 18px */
            margin-bottom: 2.5vw; /* 8px */
            br {
              content: "";
              display: flex;
            }
          }

          .popupFitting-item-text {
            font-size: 4.375vw; /* 14px */
          }
        }
      }
    }

    .popupCard .popupCard-content {
      padding: 12.5vw 5vw 5vw; /* 40px 16px 16px */
      overflow: auto;

      .popupCard-header {
        padding-bottom: 2.5vw; /* 8px */
        gap: 1.562vw; /* 5px */

        .popupCard-title {
          font-size: 10vw; /* 32px */
        }
      }

      .popupCard-text {
        font-size: 5vw; /* 16px */
        padding-top: 6.562vw; /* 21px */
        h3 {
          font-size: 7.5vw;
        }
      }
    }

    .close-icon {
      flex-shrink: 0;
    }

    #popupNav.popupCard-nav {
      width: 100%;
      gap: 1.25vw; /* 4px */
      display: grid;
      grid-template-columns: 1fr 1fr;
      margin-top: 5vw; /* 16px */

      button {
        font-size: 3.75vw; /* 12px */
        padding: 2.5vw 1.875vw; /* 8px 6px */
        gap: 1.25vw; /* 4px */

        img {
          padding: 0.625vw; /* 2px */
          width: 5vw; /* 16px */
          height: 5vw; /* 16px */
        }

        .popupNavText {
          white-space: nowrap;
        }
      }
    }

    .popupGuide {
      .popupGuide-content {
        padding: 7.5vw 5vw; /* 24px 16px */

        .popupGuide-header,
        .popup-title {
          font-size: 10vw; /* 32px */
        }
      }

      .popupGuide-footer {
        width: 100%;
        padding: 7.5vw 5vw; /* 24px 16px */

        .choose-size {
          font-size: 3.75vw; /* 12px */
        }
      }
    }

    .guide-table-size {
      .guide-table-size-name {
        font-size: 3.75vw; /* 12px */
        padding: 3.125vw; /* 10px */
      }

      .guide-table-column,
      .guide-table-column-last {
        padding: 3.125vw; /* 10px */
      }

      .popup-text-500 {
        font-size: 4.375vw; /* 14px */
      }
    }

    .after-product-info {
      display: flex;
      flex-direction: column;
      gap: 7.5vw;
      & > a {
        display: flex;
      }
      & > * {
        font-size: 4.375vw;
      }
    }

    .popupAvailability .popupFitting-content,
    .popup .popupFitting-content {
      width: 100%;

      .popupAvailability-title {
        font-size: 10vw; /* 32px */
      }

      .popupAvailability-city {
        font-size: 5.625vw; /* 18px */
        border: none;
        padding: 0;
        margin-bottom: 7.5vw; /* 24px */
      }

      .popupAvailability-item {
        flex-direction: column-reverse;

        img {
          width: 100%;
        }
      }

      .popupAvailability-img {
        height: 45vw; /* 144px */
      }

      .button-map {
        margin-top: 3.75vw; /* 12px */
      }
    }

    .gallery-container {
      padding: 0;
      flex-direction: column-reverse;
      justify-content: center;
      gap: 0;
      height: 100%;
    }

    .gallery-thumb-vertical {
      width: 100%;
      height: 24.063vw; /* 77px */
      flex-direction: row;
      padding: 2.5vw; /* 8px */

      .vertical-thumbs {
        height: 100%;
        padding: 0 1.25vw; /* 4px */
        border-radius: 2.5vw; /* 8px */

        .swiper-wrapper .swiper-slide {
          height: 100%;
          border-radius: 2.5vw; /* 8px */
        }
      }

      .gallery-thumbs-button {
        &.thumbs-button-prev img {
          width: 5vw; /* 16px */
          height: 5vw; /* 16px */
          transform: rotate(0deg);
        }
        &.thumbs-button-next img {
          width: 5vw; /* 16px */
          height: 5vw; /* 16px */
          transform: rotate(180deg);
        }
      }
    }

    .gallery-thumb-vertical .gallery-thumbs-button {
      height: 100%;
      width: 7.5vw; /* 24px */
      border-radius: 2.5vw; /* 8px */
    }

    .fullscreen-gallery {
      background-color: #f7f7f7;

      .fullscreen-slider {
        width: 100%;
        height: auto;
        flex-grow: 1;
        margin-top: 0;

        width: calc(100% + 10vw);
        margin-left: -5vw;
        padding: 0;

        .swiper-wrapper .swiper-slide img {
          width: 100%;
        }
      }

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

    .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;
    }

    .gallery-close img {
      width: 100%;
      height: 100%;
    }

    .fullscreen-gallery .fullscreen-slider .gallery-swiper-button {
      padding: 1.562vw; /* 5px */

      img {
        width: 5vw; /* 16px */
        height: 5vw; /* 16px */
      }

      display: none;
    }

    .similar-button-box {
      margin-top: 5vw; /* 16px */
    }

    .benefits-card {
      [class*="benefit-img-"] {
        display: block;

        &:not(.mob) {
          display: none;
        }

        &.mob {
          display: flex;
        }
      }

      & > img {
        border-radius: 1.875vw; /* 6px */
      }
    }

    .infopage {
      display: flex;
      flex-direction: column;

      .product-card {
        order: 1;
      }

      .feedbacks-questions {
        order: 2;
      }

      .benefits {
        order: 3;
      }

      .lens_intro {
        order: 4;
      }

      .similar {
        order: 5;
      }

      .recently {
        order: 6;
      }

      .answers {
        order: 7;
      }
    }

    .mobile-popup-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 2.5vw; /* 8px */
    }

    .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);
    }

    .popup-reviews .popupFitting-content,
    .popup-questions .popupFitting-content {
      padding: 5vw; /* 16px */
      display: flex;
      flex-direction: column;
    }

    .popup-questions {
      .popupFitting-content {
        padding-bottom: 0;

        .mobile-popup-body {
          padding-bottom: 5vw;

          .question-item {
            padding-bottom: 5vw; /* 16px */
            border-bottom: 1px solid var(--gray-3);
            margin-bottom: 5vw; /* 16px */

            &:last-child {
              padding-bottom: 0;
              margin-bottom: 0;
              border: none;
            }

            .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;
            }

            .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);
            }

            .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;
            }

            .answer-author {
              gap: 2.5vw; /* 8px */
              display: flex;
              flex-direction: row;
              align-items: center;
  
              .logo-name {
                gap: 1.250vw; /* 4px */
                display: flex;
                flex-direction: row;
                align-items: center;

                img {
                  padding: 1.250vw; /* 4px */
                  width: 8.750vw; /* 28px */
                  height: 8.750vw; /* 28px */
                }
  
                .name {
                  font-size: 5vw; /* 16px */
                }
              }
  
              .mark {
                width: 3.750vw; /* 12px */
                height: 3.750vw; /* 12px */
              }
            }

            .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.250vw;
            }
          }
        }
      }
    }

    .popup-reviews {
      height: 100vh;
      overflow: hidden;

      .popupFitting-content {
        overflow: hidden;
        width: 100%;
        padding: 0;
      }

      .mobile-popup-header {
        padding: 5vw; /* 16px */
        padding-bottom: 2.5vw; /* 8px */
        margin: 0;
      }

      .mobile-popup-body {
        flex-grow: 1;
        overflow: auto;

        .review-item,
        .mobile-review-swiper {
          padding: 0 5vw; /* 16px */
        }
      }
    }

    .mobile-popup-body {
      overflow-y: auto;
      flex: 1;
    }

    .mobile-popup-body .review-item {
      padding-bottom: 5.625vw; /* 18px */
      margin-bottom: 5.625vw; /* 18px */

      .review-header {
        margin-bottom: 0;
        position: relative;

        .review-author {
          gap: 1.25vw; /* 4px */

          img {
            height: 7.5vw; /* 24px */
            width: 7.5vw; /* 24px */
          }

          .author-name {
            font-size: 5vw; /* 16px */
          }
        }

        .review-date {
          display: flex;
          flex-direction: column-reverse;

          .date-rew {
            position: absolute;
            left: 0;
            top: 12.5vw; /* 40px */
            font-size: 3.125vw; /* 10px */
            margin-bottom: 0;
            color: var(--main-black);
          }

          .review-stars {
            display: flex;
          }

          .review-stars img {
            height: 5.312vw; /* 17px */
            width: 5.312vw; /* 17px */
          }
        }
      }
    }

    .benefits {
      margin-bottom: 25vw; /* 80px */
    }

    .mobile-review-swiper {
      height: 43.125vw; /* 138px */
      margin-bottom: 7.5vw; /* 24px */

      img {
        object-fit: cover;
        height: 100%;
        width: 100%;
        border-radius: 5vw; /* 16px */
      }
    }

    .review-modal-photos {
      overflow-y: hidden;
    }

    .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;
    }

    .tablet-swiper-button-prev {
      left: 2.5vw; /* 8px */

      img {
        transform: rotate(270deg);
      }
    }

    .tablet-swiper-button-next {
      right: 2.5vw; /* 8px */

      img {
        transform: rotate(90deg);
      }
    }

    .review-photo-scroll {
      padding: 0 5vw; /* 16px */
      height: 100%;
      display: flex;
      flex-direction: column;
      height: 100%;
      justify-content: center;

      .thumbs-swiper {
        display: none;
      }

      .photo-swiper {
        height: 100%;
        width: 100%;
        display: flex;
        align-items: center;

        .swiper-wrapper {
          height: 132.812vw; /* 425px */
        }

        .swiper-wrapper .swiper-slide {
          border-radius: 5vw; /* 16px */
          overflow: hidden;
        }
      }
    }

    .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 */
      }

      .review-modal-inner {
        display: block;
      }

      .review-modal-text {
        .review-text,
        .gallery-review-photos,
        .review-date {
          display: none;
        }

        .review-header {
          margin: 0;
        }

        .review-author {
          position: absolute;
          top: 6.25vw; /* 20px */
          left: 5vw; /* 16px */
          font-size: 5vw; /* 16px */

          .review-avatar {
            width: 7.5vw; /* 24px */
            height: 7.5vw; /* 24px */
          }
        }
      }
    }

    .nalichie-v-salonah .popupFitting-content {
      padding: 7.5vw 5vw;
      padding-bottom: 0;
      width: 100%;

      & > [data-elementor-type="section"] {
        .scroll-window {
          padding-bottom: 7.5vw;
        }
      }
    }

    [data-elementor-type="footer"] .footer_custom {
      padding-bottom: 32vw !important;
    }
  }

  @media (hover: hover) {
    .buy-button:hover {
      background: #ead1ff;
    }

    .button-basket:hover {
      background: #ab4cf7;
    }

    .card-header-back:hover {
      background: #e2e2e2;
    }

    .like-purchase:hover {
      background: #e2e2e2;

      &.active {
        opacity: 0.6;
        background: #ff2f2f;
      }
    }

    .like-purchase:active {
      background: #ff2f2f;
    }

    .link-text:hover {
      color: var(--main-black);
    }

    .mini-card:hover {
      background: var(--background-main);
      cursor: pointer;
    }

    .mini-card:hover .mini-card-content img {
      background-color: var(--white);
    }

    .brand-content:hover {
      background: #dcdcdc;
    }

    .dioptr:hover {
      background: #e2e2e2;
    }

    .tooltip:hover {
      color: #7b7b7b;
    }

    .specs-value.tooltip:hover::after {
      opacity: 1;
      visibility: visible;
    }

    .similar-button:hover {
      background: var(--brand-main);
      cursor: pointer;
      color: #fff;
    }

    .choose-size:hover {
      background: var(--brand-main);
      cursor: pointer;
    }

    .button-map:hover {
      background: #dcdcdc;
    }

    .accordion-body .button-gide:hover {
      background: #dcdcdc;
    }

    .gallery-thumbs-button:hover,
    .review-modal-nav:hover {
      background: var(--gray-—-1);
      cursor: pointer;
    }

    .gallery-close:hover,
    .gallery-swiper-button:hover {
      background: var(--gray-—-1);
      cursor: pointer;
    }

    .vertical-thumbs {
      .swiper-wrapper .swiper-slide:hover {
        cursor: pointer;
        opacity: 0.9;
      }
    }

    .main-slider .swiper-wrapper .swiper-slide:hover {
      cursor: pointer;
    }

    .tablet-swiper-button:hover {
      background: #d9d9d9;
      cursor: pointer;
    }

    .review-modal-close:hover {
      opacity: 0.6;
    }

    .review-photo-more:hover,
    .overlay-img-more:hover {
      cursor: pointer;
      opacity: 0.9;
    }

    .review-item .review-photos:hover {
      cursor: pointer;
    }

    .mobile-tab {
      &#openPopupReview:hover,
      &#openPopupQuestions:hover {
        cursor: pointer;
        background: #dcdcdc;
      }
    }

    .mini-feedbacks:hover {
      background: #dcdcdc;
    }

    .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 .2s ease, opacity .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;
    height: 6.944vw; /* 100px */
    background: var(--white);
    display: grid;
    grid-template-columns: 4.722vw 0.694vw 1fr 1fr 1fr 1fr 1fr 1fr; /* 68px, gap 10px, дальше равные */
    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,.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 / 5;
    display:flex;
    flex-direction:column;
    gap: 0.972vw; /* 14px */
    min-width: 0;
  }

  .card-header--desktop .chd-info-top{
    display:flex;
    align-items:flex-start;
    gap: 0.833vw; /* 12px */
    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: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .card-header--desktop .chd-cat{
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 1.111vw; /* 16px */
    line-height: 130%;
    color:#262626;
    opacity:.4;
    white-space: nowrap;
  }

  .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:.4;
    white-space: nowrap;
  }

  .card-header--desktop .chd-price{
    grid-column: 5 / 7;
    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:.4;
  }

  .card-header--desktop .chd-actions{
    grid-column: 7 / 9;
    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: .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{
      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;
      }
          &: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;
  }
}