.hero-carousel {
  position: relative;
  overflow: hidden;
  border-radius: 1.5rem;
  aspect-ratio: 2 / 1;
  background: #eef4ee;
}

.hero-carousel-track {
  display: flex;
  transition: transform 450ms ease;
  will-change: transform;
  height: 100%;
}

.hero-slide {
  min-width: 100%;
  height: 100%;
}

.hero-slide-bg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hero-dot[aria-current="true"] {
  width: 2rem;
  background: #1b7a33;
  opacity: 1;
}

.mini-banner-honey {
  background: linear-gradient(135deg, #f8e4c7, #f7d7a8);
}

.mini-banner-premium {
  background: linear-gradient(135deg, #dcebf9, #bdd7fb);
}

.mini-banner-green {
  background: linear-gradient(135deg, #d9f2dc, #b7e3be);
}

.flash-panel {
  background: linear-gradient(135deg, #1b7a33 0%, #16622a 100%);
}

.product-tile:hover img {
  transform: scale(1.06);
}