/* ========== Hot Deals tokens (smooth responsive) ========== */
:where(.hot-deals-section, .pagination-elements) {
  --deal-padding: clamp(8px, 1.1vw, 16px);
  --deal-radius: clamp(10px, 1.1vw, 16px);

  /* 263/193 = 180/132 approximately */
  --deal-media-ratio: 263 / 193;
}

/* Card: responsive padding + radius */
:where(.hot-deals-section, .pagination-elements) .hot-deal-card {
  padding: var(--deal-padding);
  border-radius: var(--deal-radius);
  height: 100%;
}

.hot-deals-section .hot-deal-card {
  margin-bottom: 15px;
}

/* Media box: responsive + keeps exact ratio */
:where(.hot-deals-section, .pagination-elements) .hot-deal-media {
  width: 100%;
  aspect-ratio: var(--deal-media-ratio);
  border-radius: var(--deal-radius);
  overflow: hidden;
  background: #f2f2f2;
}

:where(.hot-deals-section, .pagination-elements) .hot-deal-img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
  object-position: center;
  cursor: pointer;
}

/* Optional (recommended in swiper): equal heights nicely */
.hot-deals-section .hot-deals-swiper .swiper-wrapper {
  align-items: stretch;
}