:root {
  --grey-D4: #D4D4D4;
  --black-2C: #2C2D2E;
  --radius-16: 16px;
  --font-size-16: clamp(14px, 3vw, 16px);
  --font-size-18: 18px;
  --font-size-28: 28px;
}

.s_prod_container {
  margin: 0 auto;
  padding: 0 16px;
  width: 100%;
  max-width: 1272px;
  min-width: 300px;
  height: auto;
}

.popup-window-buttons {
  display: flex;
}

.bx-green .btn.btn-default {
  font-weight: 500;
  font-size: var(--font-size-16);
  line-height: 100%;
  letter-spacing: 0;
  text-align: center;
  padding: 17.5px clamp(20px, 3vw, 32px);
  border: 1px solid var(--red-7E);
  border-radius: 12px;
  transition: all .3s;
  color: #2c2d2e;
  cursor: pointer;
  text-decoration: none;
  background: transparent;

  &:hover {
    border: 1px solid var(--red-7E);
    color: white;
    background: var(--red-7E);
  }
}

.popup-window-titlebar {
  height: auto;
  text-align: center;

  .popup-window-titlebar-text,
  .popup-window-titlebar-text-version {
    font-size: clamp(1rem, 3vw, 2rem);
    color: black;
  }
}

.popup-window.popup-window-with-titlebar {
  width: 100%;
  max-width: 560px;
  min-width: 300px;
  padding: clamp(30px, 3vw, 50px);
  border-radius: 24px;
}

.type-page-content {
  padding: clamp(50px, 3vw, 100px) 0 0 0 !important;
}

.glide__arrows {
  @media screen and (width <= 680px) {
    display: none;
  }

  .glide__arrow {
    top: 40% !important;
    transform: translateY(-40%) !important;
    background-color: transparent;
    border: unset;
    border-radius: unset;
    box-shadow: unset;
    text-shadow: unset;
  }

  .glide__arrow.glide__arrow--left,
  .glide__arrow.glide__arrow--right {
    right: -2em;

    &:after {
      content: url("data:image/svg+xml,%3Csvg width='14' height='26' viewBox='0 0 14 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5008 2L11.2044 11.7037C11.8156 12.3147 12.1211 12.6203 12.1211 13C12.1211 13.3797 11.8156 13.6853 11.2044 14.2964L1.5008 24' stroke='%237E3B42' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
      width: 14px;
      height: 26px;
      display: block;
    }
  }

  .glide__arrow.glide__arrow--left {
    left: -3rem;
    width: 100%;
    max-width: 42px;

    &:after {
      transform: rotate(180deg);
    }
  }
}

.glide__bullets {
  display: none !important;
  bottom: -1em !important;
  @media screen and (width <= 680px) {
    display: inline-flex !important;
  }

  .glide__bullet {
    background-color: #D9D9D9;
    border: 2px solid #D9D9D9;
    box-shadow: 0 .25em .5em 0 rgba(0, 0, 0, .1);
  }

  .glide__bullet--active,
  .glide__bullet:hover,
  .glide__bullet:focus {
    border: none;
    background-color: #7E3B42;
  }
}

.slider__bullets {
  display: block !important;
}

.detail_product {
  .detail_product__header {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 610px) minmax(300px, 590px));
    gap: 40px;
    align-items: start;
    justify-items: flex-end;
    height: auto;
    @media screen and (width <= 890px) {
      grid-template-columns: 1fr;
    }

    .product_slider.block_left {
      width: 100%;
      height: 502px;
      overflow: hidden;
      @media screen and (width <= 780px) {
        height: auto;
      }

      .product-item-detail-slider-container {
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between;
        height: inherit;
        gap: 20px;
        max-width: 100%;

        .product-item-detail-slider-block {
          width: 100%;
          height: auto;
          @media screen and (width <= 780px) {
            height: 215px;
          }
          x-padding-top: 100%;
          position: relative;
          box-sizing: border-box;
          @media screen and (min-width: 621px) and (max-width: 879px) {
            max-width: 100% !important;
          }

          .product-item-detail-slider-images-container {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            height: inherit;
            overflow: hidden;

            > img {
              overflow: hidden;
              border-radius: 24px;
              max-width: 100%;
              max-height: max-content;
              width: auto;
              height: auto;
              border: 1px solid #D4D4D4;
              background-position: center;
              background-repeat: no-repeat;
              margin: 0;
              padding: 0;
              object-fit: cover;
              @media screen and (width <= 780px) {
                max-height: max-content;
                object-fit: contain;
              }
            }
          }

        }

        .product-item-detail-slider-controls-block {
          width: 100px;
          max-width: 100px;
          min-width: 100px;
          padding: 10px 0;
          text-align: center;
          position: static;
          transform: unset;
            @media screen and (max-width: 1180px) {
              display: none !important;
            }
          .product-item-detail-slider-controls-image {
            width: 100%;
            height: 85px;
            max-width: inherit;
            border-radius: 20px;
            margin-bottom: 16px;
            border: 1px solid #D4D4D4;
            background-color: #fff;
            text-align: center;
            cursor: pointer;
            position: relative;
            display: inline-block;
            overflow: hidden;
            box-shadow: none;

            > img {
              transform: translateY(-50%) translateX(-50%);
              position: absolute;
              top: 50%;
              left: 50%;
              object-fit: cover;
              border-radius: 20px;
              width: 85px;
            }
          }
        }
      }

      .product-item-detail-slider-container.popup {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 999999;
        background: #fff;
        animation-name: imgPopupShow;
        animation-duration: 300ms;

        .product-item-detail-slider-close {
          position: absolute;
          top: 4px;
          right: 110px;
          bottom: 0;
          z-index: 150;
          display: block;
          width: 50px;
          height: 50px;
          background: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpolygon%20fill%3D%22%23000000%22%20fill-rule%3D%22evenodd%22%20points%3D%2216%2015.1%208.944%208%2016%201%2015.006%200%208.05%207%20.994%200%200%201%207.056%208%200%2015.1%20.994%2016%208.05%209%2015.006%2016%22%2F%3E%3C%2Fsvg%3E') no-repeat center;
          opacity: .27;
          cursor: pointer;
          transition: all 300ms ease;

          &:hover {
            opacity: 1;
          }
        }
      }
    }

    .product_properties.block_right {
      width: 100%;
      display: grid;
      grid-auto-flow: row dense;
      gap: 24px;
      grid-template-areas:
				"name_product"
				"product_header__info_har"
				"product_header__info_colors"
                "product_header__info_btn_pay";

      .name_product {
        grid-area: name_product;

        .product_header__info_title {
          font-size: clamp(25px, 3vw, 32px);
          font-weight: 600;
          line-height: 100%;
          letter-spacing: -0.03rem;
          text-wrap-style: balance;
        }
      }

      .products_price_colors{
        display:flex;
        row-gap:30px;
        align-items:center;
        flex-direction:column;
        .products_colors_instock{
          display:flex;
          justify-content: flex-start;
          gap:clamp(30px,100%,190px);
          width: 100%;
          align-items: center;
          flex-flow: row wrap;
          .product_header__info_colors {
            display: flex;
            gap: 8px;
            align-items: flex-start;
            flex-direction: column;
            grid-area: product_header__info_colors;

            .info_colors__title {
              font-weight: 400;
              font-size: 14px;
              line-height: 100%;
              letter-spacing: 0;
              color: #737373;
              margin: 0;
            }

            .colors {
              display: flex;
              align-items: center;
              gap: 12px;
              position: relative;

              > a {
                &:hover {
                  &::before {
                    content: attr(title);
                    position: absolute;
                    top: -30px;
                    left: 50%;
                    transform: translateX(-50%);
                    background: rgba(0, 0, 0, 0.8);
                    color: #fff;
                    padding: 5px 10px;
                    border-radius: 3px;
                    font-size: 12px;
                    white-space: nowrap;
                  }
                }
              }

              > img {
                width: 32px;
                height: 32px;
                display: block;
              }
            }
          }
          .product_header__info_price {
            display: flex;
            align-items: center;
            gap: 30px;
            flex-flow: row wrap;
            font-weight: 600;
            font-size: clamp(28px, 3vw, 32px);
            line-height: 100%;
            letter-spacing: -0.03rem;
            color: #2C2D2E;
            width:100%;
            max-width:115px;

            .price-detail{
              display:flex;
              flex-direction:column;
              gap:10px;
              align-items:flex-start;
              > .old-price{
                font-size:1.6rem;
                color:#888;
                text-decoration:line-through;
              }

            }
            .stocks {
              font-weight: 600;
              font-size: var(--font-size-18);
              line-height: 100%;
              letter-spacing: -0.03rem;
              color: #2C2D2E;
              display: flex;
              gap: clamp(10px,3vw,30px);

              .in_stock,
              .not_stock {
                display: flex;
                gap: 10px;
                align-items: center;

                &:before {
                  content: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.16602 11.6667L7.08268 14.5834L15.8327 5.41669' stroke='%230DC268' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
                  width: 20px;
                  height: 20px;
                }
              }
              .on_request {}
            }
          }
        }
        .products_price_btn_pay{
          display: flex;
          width: 100%;
          align-items: center;
          flex-flow: row wrap;
          gap: clamp(30px, 100%, 180px);
          .product_header__info_price {
            display: flex;
            align-items: center;
            gap: 30px;
            flex-flow: row wrap;
            font-weight: 600;
            font-size: clamp(28px, 3vw, 32px);
            line-height: 100%;
            letter-spacing: -0.03rem;
            color: #2C2D2E;

            .price-detail{
              display:flex;
              flex-direction:column;
              gap:10px;
              align-items:flex-start;
              > .old-price{
                font-size:1.6rem;
                color:#888;
                text-decoration:line-through;
              }

            }
            .stocks {
              font-weight: 900;
              font-size: var(--font-size-18);
              line-height: 100%;
              letter-spacing: -0.03rem;
              color: #2C2D2E;
              display: flex;
              text-transform:uppercase;
              gap: clamp(10px,3vw,30px);

              .in_stock,
              .not_stock {
                display: flex;
                gap: 10px;
                align-items: center;

                &:before {
                  content: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.16602 11.6667L7.08268 14.5834L15.8327 5.41669' stroke='%230DC268' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
                  width: 20px;
                  height: 20px;
                }
              }
              .on_request {}
            }
          }
        }
      }

      .product_header__info_har {
        display: grid;
        gap: 20px;
        grid-area: product_header__info_har;
        grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));

        .info_har {
          display: flex;
          flex-direction: column;
          gap: 8px;

          .info_har__title {
            font-weight: 400;
            font-size: 14px;
            line-height: 100%;
            letter-spacing: 0;
            color: #737373;
            margin: 0;
          }

          .info_har__value {
            color: #2C2D2E;
            margin: 0;
            font-weight: 400;
            font-size: 16px;
            line-height: 100%;
            letter-spacing: 0;
          }
        }
      }

      .product_header__info_btn_pay {
        x-grid-area: product_header__info_btn_pay;
        display: flex;
        align-items: center;
        gap: 18px;

        .product-item-detail-info-container {
          width:100%;
          max-width:100%;
          min-width: 150px;
          > a {
            width: 100%;
            max-width: 228.49px;
            display: flex;
            align-items:center;
            justify-content:center;
            font-weight: 500;
            line-height: 100%;
            letter-spacing: 0;
            text-align: center;
            x-padding: clamp(10px, 3vw, 23px) clamp(10px, 2vw, 30px);
            border: 1px solid #7E3B42;
            border-radius: 12px;
            transition: all .3s;
            color: #2c2d2e;
            cursor: pointer;
            text-decoration: none;
            font-size: var(--font-size-16);
            text-wrap-style: balance;
            height:50px;
            @media screen and (width <= 780px) {
              display: flex;
              align-items: center;
              justify-content: center;
            }

            &:hover {
              background: #7e3b42;
              color: white;
            }
          }

          .price_question {
            color: var(--black-2C);
            font-weight: 600;
            font-size: clamp(var(--font-size-18), 3.5vw, var(--font-size-28));
            line-height: 100%;
            letter-spacing: -0.03rem;
          }
        }
        .product-item-detail-info-container.btn_two_not_quantity {
          display: flex;
          gap: clamp(15px,3vw,30px);
          align-items: flex-start;
          > a{
            max-width: 200px;
            min-width: 200px;
            height: auto;
            padding:17.5px 10px;
            @media screen and (width <= 780px) {
              min-width: clamp(160px,9vw,180px);
            }
          }
        }
      }

      .product_header__info_pay {
        grid-area: product_header__info_pay;
        display: flex;
        align-items: center;
        gap: 24px;
        padding: 24px 13px 24px 24px;
        background: #F5F5F5;
        border-radius: 24px;
        justify-content: space-between;
        x-margin-top: 24px;
        @media screen and (width <= 680px) {
          flex-direction: column;
          align-items: flex-start;
        }

        .info_pay__info {
          display: flex;
          flex-direction: column;
          gap: 6px;

          .info_pay__title {
            font-weight: 600;
            font-size: clamp(14px, 3vw, 18px);
            line-height: 100%;
            letter-spacing: -0.03rem;
            color: #2C2D2E;
            margin: 0;
          }

          .info_pay__desc {
            color: #737373;
            font-weight: 400;
            font-size: 13px;
            line-height: 100%;
            letter-spacing: 0;
            margin: 0;
          }
        }

        .info_pay__icons {
          display: flex;
          gap: 8px;

          .visa {
            content: url("data:image/svg+xml,%3Csvg width='55' height='35' viewBox='0 0 55 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 12.5C0 5.87258 5.37258 0.5 12 0.5H43C49.6274 0.5 55 5.87258 55 12.5V22.5C55 29.1274 49.6274 34.5 43 34.5H12C5.37258 34.5 0 29.1274 0 22.5V12.5Z' fill='white'/%3E%3Cpath d='M31.6182 18.0859C34.8596 18.0861 37.4871 20.6263 37.4873 23.7598C37.4873 26.8934 34.8597 29.4344 31.6182 29.4346C30.1644 29.4346 28.8348 28.9223 27.8096 28.0762C26.7845 28.9219 25.4562 29.4345 24.0029 29.4346C20.7612 29.4346 18.1328 26.8936 18.1328 23.7598C18.133 20.6262 20.7613 18.0859 24.0029 18.0859C25.456 18.086 26.7846 18.5978 27.8096 19.4434C28.8347 18.5974 30.1646 18.0859 31.6182 18.0859Z' fill='%23ED0006'/%3E%3Cpath d='M31.6162 18.0859C34.8577 18.086 37.4851 20.6262 37.4854 23.7598C37.4854 26.8935 34.8579 29.4345 31.6162 29.4346C30.1629 29.4346 28.8337 28.9228 27.8086 28.0771C29.0706 27.0364 29.8721 25.4891 29.8721 23.7598C29.8719 22.0304 29.0707 20.4831 27.8086 19.4424C28.8336 18.5969 30.1631 18.0859 31.6162 18.0859Z' fill='%23F9A000'/%3E%3Cpath d='M27.8096 19.4434C29.0711 20.4841 29.872 22.0309 29.8721 23.7598C29.8721 25.4886 29.071 27.0354 27.8096 28.0762C26.5485 27.0354 25.748 25.4883 25.748 23.7598C25.7482 22.0312 26.5484 20.484 27.8096 19.4434Z' fill='%23FF5E00'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M21.4111 14.3705H19.4183L17.924 8.62888C17.8531 8.36477 17.7025 8.13128 17.4809 8.02123C16.9281 7.74468 16.3189 7.52458 15.6543 7.41358V7.19253H18.8645C19.3076 7.19253 19.6399 7.52458 19.6953 7.91023L20.4706 12.0518L22.4624 7.19253H24.3998L21.4111 14.3705ZM25.507 14.3704H23.625L25.1747 7.1925H27.0568L25.507 14.3704ZM29.4937 9.18139C29.5491 8.79479 29.8814 8.57374 30.2691 8.57374C30.8783 8.51824 31.5419 8.62925 32.0957 8.90484L32.428 7.3594C31.8742 7.13835 31.265 7.02734 30.7121 7.02734C28.8855 7.02734 27.5563 8.02159 27.5563 9.40149C27.5563 10.4512 28.4978 11.0024 29.1624 11.3345C29.8814 11.6656 30.1583 11.8866 30.1029 12.2177C30.1029 12.7144 29.5491 12.9354 28.9963 12.9354C28.3317 12.9354 27.6671 12.7699 27.0589 12.4933L26.7266 14.0397C27.3911 14.3153 28.1101 14.4263 28.7747 14.4263C30.8229 14.4809 32.0957 13.4876 32.0957 11.9967C32.0957 10.1192 29.4937 10.0091 29.4937 9.18139ZM38.681 14.3704L37.1867 7.1925H35.5816C35.2493 7.1925 34.917 7.41356 34.8062 7.74465L32.0391 14.3704H33.9765L34.3632 13.3216H36.7436L36.9652 14.3704H38.681ZM35.858 9.1259L36.4109 11.8311H34.8611L35.858 9.1259Z' fill='%232C2D2E'/%3E%3C/svg%3E");
            width: 55px;
            height: 35px;
          }

          .mir {
            content: url("data:image/svg+xml,%3Csvg width='55' height='35' viewBox='0 0 55 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 12.5C0 5.87258 5.37258 0.5 12 0.5H43C49.6274 0.5 55 5.87258 55 12.5V22.5C55 29.1274 49.6274 34.5 43 34.5H12C5.37258 34.5 0 29.1274 0 22.5V12.5Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18.9845 12.4004V12.4049C18.9799 12.4049 17.5225 12.4004 17.1339 13.747C16.7776 14.9817 15.7736 18.3907 15.7459 18.4846H15.4683C15.4683 18.4846 14.4411 14.9996 14.0803 13.7425C13.6916 12.3959 12.2296 12.4004 12.2296 12.4004H8.89844V22.6452H12.2296V16.5609H12.3684H12.5072L14.4504 22.6452H16.7637L18.7069 16.5654H18.9845V22.6452H22.3157V12.4004H18.9845Z' fill='%234DB45E'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M31.1526 12.4004C31.1526 12.4004 30.1764 12.4854 29.7184 13.4741L27.3588 18.4846H27.0812V12.4004H23.75V22.6452H26.8961C26.8961 22.6452 27.9186 22.5557 28.3766 21.5715L30.69 16.5609H30.9676V22.6452H34.2987V12.4004H31.1526Z' fill='%234DB45E'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M35.7793 17.0538V22.646H39.1105V19.3802H42.7193C44.2923 19.3802 45.6248 18.4094 46.1198 17.0538H35.7793Z' fill='%234DB45E'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M42.7197 12.4004H35.3125C35.6826 14.3509 37.1955 15.9167 39.1526 16.4267C39.5968 16.543 40.0641 16.6057 40.5452 16.6057H46.2545C46.3054 16.373 46.3285 16.1359 46.3285 15.8899C46.3285 13.9617 44.7138 12.4004 42.7197 12.4004Z' fill='url(%23paint0_linear_11664_2979)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_11664_2979' x1='35.3134' y1='14.503' x2='46.3285' y2='14.503' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.3' stop-color='%2300B4E6'/%3E%3Cstop offset='1' stop-color='%23088CCB'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
            width: 55px;
            height: 35px;
          }

          .sbp {
            content: url("data:image/svg+xml,%3Csvg width='55' height='35' viewBox='0 0 55 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 12.5C0 5.87258 5.37258 0.5 12 0.5H43C49.6274 0.5 55 5.87258 55 12.5V22.5C55 29.1274 49.6274 34.5 43 34.5H12C5.37258 34.5 0 29.1274 0 22.5V12.5Z' fill='white'/%3E%3Cg clip-path='url(%23clip0_11664_2989)'%3E%3Cpath d='M45.4364 15.2135V20.7855H43.3543V16.8768H41.3496V20.7855H39.2676V15.2131H45.4364V15.2135Z' fill='%232C2D2E'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M34.9923 20.985C36.8561 20.985 38.2401 19.8929 38.2401 18.2373C38.2401 16.6349 37.219 15.5945 35.5124 15.5945C34.7248 15.5945 34.0749 15.8594 33.5854 16.3166C33.7022 15.3717 34.5384 14.6819 35.4589 14.6819C35.6714 14.6819 37.2709 14.6787 37.2709 14.6787L38.1753 13.0246C38.1753 13.0246 36.1673 13.0683 35.2338 13.0683C33.1008 13.1038 31.6602 14.9565 31.6602 17.2068C31.6602 19.8283 33.0653 20.985 34.9923 20.985ZM35.0036 17.0596C35.6956 17.0596 36.1754 17.4941 36.1754 18.2371C36.1754 18.9059 35.7491 19.4568 35.0036 19.4584C34.2905 19.4584 33.8108 18.9478 33.8108 18.2485C33.8108 17.5053 34.2905 17.0596 35.0036 17.0596Z' fill='%232C2D2E'/%3E%3Cpath d='M29.965 18.92C29.965 18.92 29.4733 19.1908 28.7389 19.2421C27.8947 19.266 27.1424 18.7564 27.1424 17.8511C27.1424 16.9679 27.8062 16.4617 28.7176 16.4617C29.2765 16.4617 30.0158 16.8319 30.0158 16.8319C30.0158 16.8319 30.5568 15.8832 30.837 15.4088C30.3239 15.0371 29.6404 14.8333 28.8454 14.8333C26.8391 14.8333 25.2852 16.0834 25.2852 17.8398C25.2852 19.6187 26.7457 20.8397 28.8454 20.8029C29.4323 20.782 30.242 20.585 30.7355 20.2821L29.965 18.92Z' fill='%232C2D2E'/%3E%3Cpath d='M8.89844 12.036L11.1604 15.8998V18.2566L8.90108 22.1128L8.89844 12.036Z' fill='%235B57A2'/%3E%3Cpath d='M17.584 14.4933L19.7035 13.2518L24.0413 13.2479L17.584 17.0283V14.4933Z' fill='%23D90751'/%3E%3Cpath d='M17.5717 12.013L17.5837 17.1285L15.3164 15.7972V8.15039L17.5717 12.013Z' fill='%23FAB718'/%3E%3Cpath d='M24.041 13.2482L19.7031 13.2521L17.5717 12.013L15.3164 8.15039L24.041 13.2482Z' fill='%23ED6F26'/%3E%3Cpath d='M17.5837 22.1346V19.6527L15.3164 18.3467L15.3177 26.0011L17.5837 22.1346Z' fill='%2363B22F'/%3E%3Cpath d='M19.6978 20.904L11.1603 15.8998L8.89844 12.036L24.0317 20.899L19.6978 20.904Z' fill='%231487C9'/%3E%3Cpath d='M15.3164 26.0001L17.5821 22.1337L19.6964 20.9035L24.0303 20.8984L15.3164 26.0001Z' fill='%23017F36'/%3E%3Cpath d='M8.90234 22.1127L15.336 18.3464L13.1731 17.0781L11.1617 18.2565L8.90234 22.1127Z' fill='%23984995'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_11664_2989'%3E%3Crect width='37.2016' height='17.85' fill='white' transform='translate(8.89844 8.15039)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
            width: 55px;
            height: 35px;
          }
        }
      }

    }
  }

  .detail_descriptions {
    margin: clamp(30px, 3vw, 85px) auto clamp(50px, 3vw, 100px);

    .description {
      .block-name {
        font-weight: 600;
        font-size: clamp(28px, 3vw, 32px);
        line-height: 100%;
        letter-spacing: -0.03rem;
        margin-bottom: 20px;
        color: #2C2D2E;
        text-align: left;
      }

      > p, span, a, div {
        font-weight: 400;
        font-size: 16px;
        line-height: 150%;
        letter-spacing: 0;
        color: #2C2D2E;
      }
    }
  }

  .block_similar_list {
    .block-name {
      font-weight: 600;
      font-size: clamp(28px, 3vw, 32px);
      line-height: 100%;
      letter-spacing: -0.03rem;
      margin-bottom: 28px;
      color: #2C2D2E;
    }

    .similar_items {

      .item {
        gap: 12px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;

        > a {
          width: 100%;
          max-width: 295px;
          height: 295px;
          background-size: contain;
          background-position: center;
          background-repeat: no-repeat;
          border: 1px solid #D4D4D4;
          border-radius: 24px;
          margin-bottom: 20px;
        }

        .name {
          font-weight: 600;
          font-size: clamp(14px, 3vw, 18px);
          line-height: 100%;
          letter-spacing: -0.03rem;
          margin: 0;
          min-height: 36px;
          min-height:55px;
        }

        .in_stock {
          display: flex;
          gap: 10px;
          align-items: center;
          font-weight: 400;
          font-size: clamp(14px, 3vw, 16px);
          line-height: 100%;
          letter-spacing: 0;

          &:before {
            content: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.04102 10C1.04102 14.9476 5.0518 18.9584 9.99935 18.9584C14.9469 18.9584 18.9577 14.9476 18.9577 10C18.9577 5.05247 14.9469 1.04169 9.99935 1.04169C5.0518 1.04169 1.04102 5.05247 1.04102 10ZM13.8958 6.88573C14.235 7.19672 14.2579 7.72386 13.947 8.06313L9.36368 13.0631C9.21002 13.2307 8.99468 13.3282 8.76743 13.3332C8.54018 13.3381 8.32082 13.25 8.16009 13.0893L6.07676 11.0059C5.75132 10.6805 5.75132 10.1529 6.07676 9.82744C6.4022 9.50202 6.92983 9.50202 7.25527 9.82744L8.72318 11.2954L12.7183 6.93692C13.0293 6.59765 13.5565 6.57474 13.8958 6.88573Z' fill='%230DC268'/%3E%3C/svg%3E");
            width: 20px;
            height: 20px;
          }
        }

        .price {
          font-weight: 600;
          font-size: clamp(18px, 3vw, 28px);
          line-height: 100%;
          letter-spacing: -0.03rem;
          margin: 0;
        }
      }
    }
  }
}

@-webkit-keyframes imgPopupShow {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-moz-keyframes imgPopupShow {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-ms-keyframes imgPopupShow {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-o-keyframes imgPopupShow {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes imgPopupShow {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}