/* BILSTORE_PURCHASE_BANNER_RESPONSIVE_V1
   Full-width storefront banners. Original uploads and admin controls stay intact. */
html body .purchase-route[data-bil-live-banner-v2] .purchase-route-banner {
  box-sizing: border-box;
  width: 100% !important;
  max-width: none !important;
  min-height: 0 !important;
  height: clamp(220px, 38.4615vw, 560px) !important;
  aspect-ratio: auto !important;
  margin-inline: 0 !important;
  background-size: cover, cover !important;
  background-position: center, center !important;
  background-repeat: no-repeat !important;
}
html body .sp-hero-media[data-bil-banner-shell] {
  min-width: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  aspect-ratio: 2.6 / 1 !important;
  overflow: hidden;
}
html body .sp-hero-media[data-bil-banner-shell] img {
  display: block;
  width: 100% !important;
  height: 100% !important;
  max-width: 100%;
  object-fit: cover !important;
  object-position: center !important;
}
/* Higher-resolution original Garena artwork, only while the default FF art is selected. */
html body .purchase-route[data-game="ff"][data-bil-live-banner-v2][style*="/assets/game-original-v1/ff-banner.jpg"] .purchase-route-banner {
  background-image: url("/assets/ff-banner-hd-v1.jpg?v=1") !important;
  height: clamp(220px, 46.1373vw, 660px) !important;
}
html body .sp-hero-media[data-bil-banner-shell]:has(img[src*="/assets/game-original-v1/ff-banner.jpg"]) {
  aspect-ratio: 2796 / 1290 !important;
}
html body .sp-hero-media[data-bil-banner-shell] img[src*="/assets/game-original-v1/ff-banner.jpg"] {
  content: url("/assets/ff-banner-hd-v1.jpg?v=1");
}
@media (max-width: 760px) {
  html body .purchase-route[data-bil-live-banner-v2] .purchase-route-banner {
    height: auto !important;
    aspect-ratio: 16 / 9 !important;
  }
  html body .sp-hero-media[data-bil-banner-shell] {
    aspect-ratio: 16 / 9 !important;
  }
  html body .purchase-route[data-game="ff"][data-bil-live-banner-v2][style*="/assets/game-original-v1/ff-banner.jpg"] .purchase-route-banner {
    height: auto !important;
    aspect-ratio: 2796 / 1290 !important;
  }
  html body .sp-hero-media[data-bil-banner-shell]:has(img[src*="/assets/game-original-v1/ff-banner.jpg"]) {
    aspect-ratio: 2796 / 1290 !important;
  }
}