/* /promotions: gambar 16:9 penuh, tidak kepotong */
.promotions-list .promotions__item .promotion__image,
.promotion-list .promotion__item .promotion__image {
  height: 0 !important;
  padding-bottom: 56.25% !important; /* 16:9 */
  overflow: hidden !important;
  background-color: #120814 !important;
}

.promotions-list .promotions__item .promotion__image img,
.promotion-list .promotion__item .promotion__image img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
}

/* Homepage category cards (sports/poker/fishing/lotto): full image, no crop */
.card--split .card__item > a:not(.btn),
.card--split .card__item > a:not(.btn) {
  display: block;
}

.card--split .card__image,
.home--d .card--split .card__image,
article.card--split .card__image,
article.card .card__image.card__image--category {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: auto !important;
  object-fit: contain !important;
  object-position: center center !important;
  border-radius: 5px;
  background-color: #120814;
}

/* Desktop: category cards in home.blade.php — full image visible */
[data-section] .card__image--premium {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: auto !important;
  object-fit: contain !important;
  object-position: center center !important;
  max-height: none !important;
}

/* Remove max-height from mobile too */
@media (max-width: 1023px) {
  .card--split .card__image,
  article.card .card__image.card__image--category,
  [data-section] .card__image--premium {
    aspect-ratio: auto !important;
    max-height: none !important;
  }
}

/* Image wrapper full bleed */
.card__image-wrapper {
  display: block !important;
  width: 100% !important;
  overflow: visible !important;
}

/* Desktop view: category images should show full */
.home--d .card__image--category,
.home--d .card__image--premium {
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
  object-fit: contain !important;
}