@import url("https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Fraunces:ital,opsz,wght@0,9..144,100..900;1,9..144,100..900&display=swap");
.custom-swiper-wrap {
  width: 100%;
  position: relative;
}
.custom-swiper-wrap .swiper {
  width: 100%;
}
.custom-swiper-wrap .swiper-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(50%);
  z-index: 20;
  background: none;
  border: 0;
  text-decoration: none;
  padding: 0;
}
.custom-swiper-wrap .swiper-arrow svg {
  display: block;
}
.custom-swiper-wrap .swiper-arrow--prev {
  left: 15px;
}
.custom-swiper-wrap .swiper-arrow--next {
  right: 15px;
}
.custom-swiper-wrap .swiper-arrow.swiper-button-disabled {
  opacity: 0.5;
}
.custom-swiper-wrap.custom-swiper--control-container .swiper .swiper-scrollbar {
  width: calc(100% - 130px);
}
@media screen and (min-width: 1400px) {
  .custom-swiper-wrap.custom-swiper--control-container .swiper .swiper-scrollbar {
    width: calc(100% - 380px);
  }
}
.custom-swiper-wrap.custom-swiper--control-container .swiper-arrow--prev {
  left: 24px;
}
@media screen and (min-width: 1400px) {
  .custom-swiper-wrap.custom-swiper--control-container .swiper-arrow--prev {
    left: 142px;
  }
}
.custom-swiper-wrap.custom-swiper--control-container .swiper-arrow--next {
  right: 24px;
}
@media screen and (min-width: 1400px) {
  .custom-swiper-wrap.custom-swiper--control-container .swiper-arrow--next {
    right: 142px;
  }
}

.custom-swiper-scrollbar .swiper-arrow {
  top: auto;
  bottom: 0;
  transform: none;
}
.custom-swiper-scrollbar .swiper-arrow--prev {
  left: 0;
}
.custom-swiper-scrollbar .swiper-arrow--next {
  right: 0;
}
.custom-swiper-scrollbar .swiper .swiper-scrollbar {
  height: 2px;
  background: #D9D9D9;
  border-radius: 0;
  position: absolute;
  bottom: 11px;
  width: calc(100% - 96px);
  left: 50%;
  transform: translateX(-50%);
}
.custom-swiper-scrollbar .swiper .swiper-scrollbar .swiper-scrollbar-drag {
  background: #3A5635;
  border-radius: 0;
}

.product-variations {
  display: flex;
  gap: 24px;
}
.product-variations .variation-item {
  opacity: 0.5;
  cursor: pointer;
}
.product-variations .variation-item.active {
  opacity: 1;
}

.variation-price {
  display: flex;
  gap: 8px;
  align-items: baseline;
}
.variation-price ins {
  text-decoration: none;
}

/*
.bricks-is-frontend {
    .fade-anim {
        opacity: 0;
        transform: translateY(50px);
        transition: all 0.8s ease;

        &.run {
            opacity: 1;
            transform: translateY(0);
        }
    }
} */

/*# sourceMappingURL=styles.css.map */