.product-v15__heading {
  margin-bottom: 2rem;
  display: flex;
  justify-content: center;
}

.product-v15__title {
  position: relative;
  display: inline-block;
  height: 100%;
  margin-bottom: 2rem;
  font-size: calc(var(--font-heading-scale) * 2.4rem);
  letter-spacing: calc(var(--font-heading-scale) * 0.3rem);
  line-height: calc(1 + 0.2 / var(--font-heading-scale));
  text-transform: uppercase;
  padding-bottom: 2rem;
}
@media (min-width: 768px) {
  .product-v15__title {
    margin-bottom: 5rem;
  }
}

.product-v15__title:after {
  position: absolute;
  display: inline-block;
  content: "";
  width: 20%;
  height: 0.1rem;
  background-color: rgba(var(--color-accent));
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.product-v15__tab {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  margin-bottom: 3rem;
}
@media (min-width: 576px) {
  .product-v15__tab {
    gap: 2rem;
  }
}
@media (min-width: 768px) {
  .product-v15__tab {
    gap: 5rem;
    margin-bottom: 5rem;
  }
}

.product-v15__tab-trigger {
  background-color: rgba(var(--color-foreground), 0.05);
  width: 100%;
  padding: 0.3rem 2rem;
}
.product-v15__tab-trigger h3 {
  font-size: calc(var(--font-heading-scale) * 1.6rem);
  text-align: center;
  margin: 0;
  letter-spacing: calc(var(--font-heading-scale) * 0.3rem);
  text-transform: uppercase;
}
@media (min-width: 576px) {
  .product-v15__tab-trigger {
    background: none;
    width: fit-content;
  }
}

.product-v15__tab-image {
  display: none;
}
@media (min-width: 768px) {
  .product-v15__tab-image {
    display: block;
    width: 15rem;
    height: 15rem;
    border-radius: 50%;
    background-color: rgba(var(--color-foreground), 0.05);
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 3rem;
  }
}
@media (min-width: 992px) {
  .product-v15__tab-image {
    width: 19rem;
    height: 19rem;
  }
}
@media (min-width: 768px) {
  .product-v15__tab-image svg {
    width: 5rem;
    height: 5rem;
  }
}
@media (min-width: 992px) {
  .product-v15__tab-image svg {
    width: 6.5rem;
    height: 6.5rem;
  }
}

.product-v15__tab-trigger:hover h3 {
  color: rgba(var(--color-accent));
}
.product-v15__tab-trigger:hover .product-v15__tab-image {
  border: solid 0.2rem rgba(var(--color-accent));
}

.product-v15__tab-trigger[xo-active]:not([xo-active=false]) h3 {
  color: rgba(var(--color-accent));
}
.product-v15__tab-trigger[xo-active]:not([xo-active=false]) .product-v15__tab-image {
  border: solid 0.2rem rgba(var(--color-accent));
}

.product-v15__pagination {
  display: none;
}
@media (min-width: 576px) {
  .product-v15__pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    padding-top: 2rem;
  }
  .product-v15__pagination xo-carousel-bullet[xo-active]:not([xo-active=false]) .product-v15__bullet {
    background-color: rgba(var(--color-foreground));
  }
}

.product-v15__bullet {
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
  background-color: rgba(var(--color-foreground), 0.2);
}