.bh-stars {
  display: flex;
}
.bh-stars .bh-star {
  width: 2rem;
  height: 2rem;
}
.bh-stars .bh-star .outline {
  fill: gold;
}
.bh-stars .bh-star .full,
.bh-stars .bh-star .left-half {
  fill: transparent;
}
.bh-stars[data-bh-rating^="1"] .bh-star--1 .full {
  fill: gold;
}
.bh-stars[data-bh-rating^="2"] .bh-star--1 .full {
  fill: gold;
}
.bh-stars[data-bh-rating^="3"] .bh-star--1 .full {
  fill: gold;
}
.bh-stars[data-bh-rating^="4"] .bh-star--1 .full {
  fill: gold;
}
.bh-stars[data-bh-rating^="5"] .bh-star--1 .full {
  fill: gold;
}
.bh-stars[data-bh-rating^="2"] .bh-star--2 .full {
  fill: gold;
}
.bh-stars[data-bh-rating^="3"] .bh-star--2 .full {
  fill: gold;
}
.bh-stars[data-bh-rating^="4"] .bh-star--2 .full {
  fill: gold;
}
.bh-stars[data-bh-rating^="5"] .bh-star--2 .full {
  fill: gold;
}
.bh-stars[data-bh-rating^="3"] .bh-star--3 .full {
  fill: gold;
}
.bh-stars[data-bh-rating^="4"] .bh-star--3 .full {
  fill: gold;
}
.bh-stars[data-bh-rating^="5"] .bh-star--3 .full {
  fill: gold;
}
.bh-stars[data-bh-rating^="4"] .bh-star--4 .full {
  fill: gold;
}
.bh-stars[data-bh-rating^="5"] .bh-star--4 .full {
  fill: gold;
}
.bh-stars[data-bh-rating^="5"] .bh-star--5 .full {
  fill: gold;
}
.bh-stars[data-bh-rating^="0.5"] .bh-star--1 .left-half {
  fill: gold;
}
.bh-stars[data-bh-rating^="1.5"] .bh-star--2 .left-half {
  fill: gold;
}
.bh-stars[data-bh-rating^="2.5"] .bh-star--3 .left-half {
  fill: gold;
}
.bh-stars[data-bh-rating^="3.5"] .bh-star--4 .left-half {
  fill: gold;
}
.bh-stars[data-bh-rating^="4.5"] .bh-star--5 .left-half {
  fill: gold;
}
.bh-stars[data-bh-rating^="0.6"] .bh-star--1 .left-half {
  fill: gold;
}
.bh-stars[data-bh-rating^="1.6"] .bh-star--2 .left-half {
  fill: gold;
}
.bh-stars[data-bh-rating^="2.6"] .bh-star--3 .left-half {
  fill: gold;
}
.bh-stars[data-bh-rating^="3.6"] .bh-star--4 .left-half {
  fill: gold;
}
.bh-stars[data-bh-rating^="4.6"] .bh-star--5 .left-half {
  fill: gold;
}
.bh-stars[data-bh-rating^="0.7"] .bh-star--1 .left-half {
  fill: gold;
}
.bh-stars[data-bh-rating^="1.7"] .bh-star--2 .left-half {
  fill: gold;
}
.bh-stars[data-bh-rating^="2.7"] .bh-star--3 .left-half {
  fill: gold;
}
.bh-stars[data-bh-rating^="3.7"] .bh-star--4 .left-half {
  fill: gold;
}
.bh-stars[data-bh-rating^="4.7"] .bh-star--5 .left-half {
  fill: gold;
}
.bh-stars[data-bh-rating^="0.8"] .bh-star--1 .left-half {
  fill: gold;
}
.bh-stars[data-bh-rating^="1.8"] .bh-star--2 .left-half {
  fill: gold;
}
.bh-stars[data-bh-rating^="2.8"] .bh-star--3 .left-half {
  fill: gold;
}
.bh-stars[data-bh-rating^="3.8"] .bh-star--4 .left-half {
  fill: gold;
}
.bh-stars[data-bh-rating^="4.8"] .bh-star--5 .left-half {
  fill: gold;
}
.bh-stars[data-bh-rating^="0.9"] .bh-star--1 .left-half {
  fill: gold;
}
.bh-stars[data-bh-rating^="1.9"] .bh-star--2 .left-half {
  fill: gold;
}
.bh-stars[data-bh-rating^="2.9"] .bh-star--3 .left-half {
  fill: gold;
}
.bh-stars[data-bh-rating^="3.9"] .bh-star--4 .left-half {
  fill: gold;
}
.bh-stars[data-bh-rating^="4.9"] .bh-star--5 .left-half {
  fill: gold;
}
.bh-stars.rounding-up[data-bh-rating^="1"] .bh-star--1 .full {
  fill: gold;
}
.bh-stars.rounding-up[data-bh-rating^="2"] .bh-star--1 .full {
  fill: gold;
}
.bh-stars.rounding-up[data-bh-rating^="3"] .bh-star--1 .full {
  fill: gold;
}
.bh-stars.rounding-up[data-bh-rating^="4"] .bh-star--1 .full {
  fill: gold;
}
.bh-stars.rounding-up[data-bh-rating^="5"] .bh-star--1 .full {
  fill: gold;
}
.bh-stars.rounding-up[data-bh-rating^="2"] .bh-star--2 .full {
  fill: gold;
}
.bh-stars.rounding-up[data-bh-rating^="3"] .bh-star--2 .full {
  fill: gold;
}
.bh-stars.rounding-up[data-bh-rating^="4"] .bh-star--2 .full {
  fill: gold;
}
.bh-stars.rounding-up[data-bh-rating^="5"] .bh-star--2 .full {
  fill: gold;
}
.bh-stars.rounding-up[data-bh-rating^="3"] .bh-star--3 .full {
  fill: gold;
}
.bh-stars.rounding-up[data-bh-rating^="4"] .bh-star--3 .full {
  fill: gold;
}
.bh-stars.rounding-up[data-bh-rating^="5"] .bh-star--3 .full {
  fill: gold;
}
.bh-stars.rounding-up[data-bh-rating^="4"] .bh-star--4 .full {
  fill: gold;
}
.bh-stars.rounding-up[data-bh-rating^="5"] .bh-star--4 .full {
  fill: gold;
}
.bh-stars.rounding-up[data-bh-rating^="5"] .bh-star--5 .full {
  fill: gold;
}
.bh-stars.rounding-up[data-bh-rating^="0.6"] .bh-star--1 .full {
  fill: gold;
}
.bh-stars.rounding-up[data-bh-rating^="1.6"] .bh-star--2 .full {
  fill: gold;
}
.bh-stars.rounding-up[data-bh-rating^="2.6"] .bh-star--3 .full {
  fill: gold;
}
.bh-stars.rounding-up[data-bh-rating^="3.6"] .bh-star--4 .full {
  fill: gold;
}
.bh-stars.rounding-up[data-bh-rating^="4.6"] .bh-star--5 .full {
  fill: gold;
}
.bh-stars.rounding-up[data-bh-rating^="0.7"] .bh-star--1 .full {
  fill: gold;
}
.bh-stars.rounding-up[data-bh-rating^="1.7"] .bh-star--2 .full {
  fill: gold;
}
.bh-stars.rounding-up[data-bh-rating^="2.7"] .bh-star--3 .full {
  fill: gold;
}
.bh-stars.rounding-up[data-bh-rating^="3.7"] .bh-star--4 .full {
  fill: gold;
}
.bh-stars.rounding-up[data-bh-rating^="4.7"] .bh-star--5 .full {
  fill: gold;
}
.bh-stars.rounding-up[data-bh-rating^="0.8"] .bh-star--1 .full {
  fill: gold;
}
.bh-stars.rounding-up[data-bh-rating^="1.8"] .bh-star--2 .full {
  fill: gold;
}
.bh-stars.rounding-up[data-bh-rating^="2.8"] .bh-star--3 .full {
  fill: gold;
}
.bh-stars.rounding-up[data-bh-rating^="3.8"] .bh-star--4 .full {
  fill: gold;
}
.bh-stars.rounding-up[data-bh-rating^="4.8"] .bh-star--5 .full {
  fill: gold;
}
.bh-stars.rounding-up[data-bh-rating^="0.9"] .bh-star--1 .full {
  fill: gold;
}
.bh-stars.rounding-up[data-bh-rating^="1.9"] .bh-star--2 .full {
  fill: gold;
}
.bh-stars.rounding-up[data-bh-rating^="2.9"] .bh-star--3 .full {
  fill: gold;
}
.bh-stars.rounding-up[data-bh-rating^="3.9"] .bh-star--4 .full {
  fill: gold;
}
.bh-stars.rounding-up[data-bh-rating^="4.9"] .bh-star--5 .full {
  fill: gold;
}
.bh-stars.rounding-up[data-bh-rating^="0.0"] .bh-star--1 .left-half {
  fill: gold;
}
.bh-stars.rounding-up[data-bh-rating^="1.0"] .bh-star--2 .left-half {
  fill: gold;
}
.bh-stars.rounding-up[data-bh-rating^="2.0"] .bh-star--3 .left-half {
  fill: gold;
}
.bh-stars.rounding-up[data-bh-rating^="3.0"] .bh-star--4 .left-half {
  fill: gold;
}
.bh-stars.rounding-up[data-bh-rating^="4.0"] .bh-star--5 .left-half {
  fill: gold;
}
.bh-stars.rounding-up[data-bh-rating^="0.1"] .bh-star--1 .left-half {
  fill: gold;
}
.bh-stars.rounding-up[data-bh-rating^="1.1"] .bh-star--2 .left-half {
  fill: gold;
}
.bh-stars.rounding-up[data-bh-rating^="2.1"] .bh-star--3 .left-half {
  fill: gold;
}
.bh-stars.rounding-up[data-bh-rating^="3.1"] .bh-star--4 .left-half {
  fill: gold;
}
.bh-stars.rounding-up[data-bh-rating^="4.1"] .bh-star--5 .left-half {
  fill: gold;
}
.bh-stars.rounding-up[data-bh-rating^="0.2"] .bh-star--1 .left-half {
  fill: gold;
}
.bh-stars.rounding-up[data-bh-rating^="1.2"] .bh-star--2 .left-half {
  fill: gold;
}
.bh-stars.rounding-up[data-bh-rating^="2.2"] .bh-star--3 .left-half {
  fill: gold;
}
.bh-stars.rounding-up[data-bh-rating^="3.2"] .bh-star--4 .left-half {
  fill: gold;
}
.bh-stars.rounding-up[data-bh-rating^="4.2"] .bh-star--5 .left-half {
  fill: gold;
}
.bh-stars.rounding-up[data-bh-rating^="0.3"] .bh-star--1 .left-half {
  fill: gold;
}
.bh-stars.rounding-up[data-bh-rating^="1.3"] .bh-star--2 .left-half {
  fill: gold;
}
.bh-stars.rounding-up[data-bh-rating^="2.3"] .bh-star--3 .left-half {
  fill: gold;
}
.bh-stars.rounding-up[data-bh-rating^="3.3"] .bh-star--4 .left-half {
  fill: gold;
}
.bh-stars.rounding-up[data-bh-rating^="4.3"] .bh-star--5 .left-half {
  fill: gold;
}
.bh-stars.rounding-up[data-bh-rating^="0.4"] .bh-star--1 .left-half {
  fill: gold;
}
.bh-stars.rounding-up[data-bh-rating^="1.4"] .bh-star--2 .left-half {
  fill: gold;
}
.bh-stars.rounding-up[data-bh-rating^="2.4"] .bh-star--3 .left-half {
  fill: gold;
}
.bh-stars.rounding-up[data-bh-rating^="3.4"] .bh-star--4 .left-half {
  fill: gold;
}
.bh-stars.rounding-up[data-bh-rating^="4.4"] .bh-star--5 .left-half {
  fill: gold;
}
.bh-stars.rounding-up[data-bh-rating^="0.5"] .bh-star--1 .left-half {
  fill: gold;
}
.bh-stars.rounding-up[data-bh-rating^="1.5"] .bh-star--2 .left-half {
  fill: gold;
}
.bh-stars.rounding-up[data-bh-rating^="2.5"] .bh-star--3 .left-half {
  fill: gold;
}
.bh-stars.rounding-up[data-bh-rating^="3.5"] .bh-star--4 .left-half {
  fill: gold;
}
.bh-stars.rounding-up[data-bh-rating^="4.5"] .bh-star--5 .left-half {
  fill: gold;
}

.splide__slide.thumbnail {
  opacity: 0.5;
}

.splide__slide.thumbnail > img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.splide__slide.thumbnail.is-active {
  opacity: 1;
}

.splide__slide .badge {
  padding: 0.5rem;
  top: 0;
  transform: translate(10px, 10px);
}

.variant-options-section.disabled {
  opacity: 0.5;
  pointer-events: none;
}

.nav-item {
  background-color: #F2F2F2;
  color: #444;
}

.price {
  font-size: 1.2rem;
  font-weight: 700;
}

.price del {
  font-size: 80%;
  color: #888;
  font-weight: 400;
}

.price ins {
  text-decoration: none;
}

.product__action {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
}

.product__action .quantity__wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.product__action .item__quantity {
  border: none;
  max-width: 150px;
  height: fit-content;
}

.product__action .item__quantity button,
.product__action .item__quantity input {
  background-color: #EEE;
}

.product__action .item__quantity input {
  border-right: 1px solid #DDD;
  border-left: 1px solid #DDD;
}

.product__action .btn__wrap {
  width: 100%;
  display: grid;
  gap: 0.5rem;
  flex-wrap: wrap;
  flex-grow: 1;
}

.product__action .btn__wrap button {
  text-shadow: none;
}

.mirror-option {
  transition: all 200ms ease;
}

.mirror-option:hover {
  border: 1px solid #FF0044 !important;
  color: #FF0044;
}

.mirror-option.active {
  border: 1px solid #FF0044 !important;
  color: #FF0044;
}

@media screen and (min-width: 992px) {
  .price {
    font-size: 1.5rem;
  }

  .product__action {
    align-items: start;
  }

  .product__action .item__quantity {
    width: 45%;
  }
}

@media screen and (min-width: 375px) and (max-width: 991.98px) {
  .price {
    font-size: 1.2rem;
  }
  .product__action {
    align-items: center;
  }

  .product__action .item__quantity {
    width: 35%;
    max-width: max-content;
  }
}