/* WildDragon 2026 front page surfaces and carousel spacing. */

body.home,
body.front-page {
  --wd-front-ink: #171421;
  --wd-front-purple: #7c35e8;
  --wd-front-border: rgba(124, 53, 232, 0.14);
  background: #fff !important;
  color: var(--wd-front-ink) !important;
}

body.home .pc-homepage-carousel-section,
body.front-page .pc-homepage-carousel-section {
  width: min(100% - 32px, 1360px) !important;
  max-width: 1360px !important;
  margin-right: auto !important;
  margin-left: auto !important;
}

body.home .pc-homepage-carousel-section--abc_banner,
body.front-page .pc-homepage-carousel-section--abc_banner,
body.home .abc-banner-carousel,
body.front-page .abc-banner-carousel {
  overflow: visible !important;
}

body.home .abc-banner-carousel .abc-slide,
body.front-page .abc-banner-carousel .abc-slide {
  padding: 0 !important;
}

body.home .abc-banner-carousel .abc-slide-image-container,
body.front-page .abc-banner-carousel .abc-slide-image-container {
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.home .abc-banner-carousel .abc-slide-image,
body.front-page .abc-banner-carousel .abc-slide-image {
  object-fit: cover !important;
}

@media (max-width: 767px) {
  body.home .pc-homepage-carousel-section,
  body.front-page .pc-homepage-carousel-section {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  body.home .abc-banner-carousel,
  body.front-page .abc-banner-carousel {
    width: 100% !important;
    max-width: 100% !important;
  }

  body.home .abc-banner-carousel .abc-slide-image-container,
  body.front-page .abc-banner-carousel .abc-slide-image-container {
    width: 100% !important;
    padding-bottom: min(118%, 430px) !important;
  }
}