.gallery {
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  touch-action: pan-y pinch-zoom;
}

.gallery::-webkit-scrollbar {
  display: none;
}

.gallery > * {
  flex: 0 0 100%;
  scroll-snap-align: start;
}

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

.product-price {
  font-size: 1.875rem;
  line-height: 1.35;
}

.product-title {
  font-size: 1.3125rem;
  line-height: 1.35;
}

.product-desc {
  font-size: var(--fz-sm);
  line-height: 1.2;
  text-wrap: balance;
}

.spoiler {
  position: relative;
  margin-bottom: 2.75rem;
}

.spoiler-body {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  max-height: 6.25rem;
}

.spoiler > input:checked ~ .spoiler-body {
  max-height: none;
}

.spoiler-toggle {
  position: absolute;
  inset-inline: 0;
  top: 100%;
  height: 2.75rem;
  padding-top: var(--sp-xl);
  font-size: 0.8125rem;
  text-align: right;
  cursor: pointer;
}

.spoiler-toggle::after {
  content: 'Lihat Semua';
}

.spoiler > input:checked ~ .spoiler-toggle::after {
  content: 'Sembunyikan';
}