/* Optimized backgrounds — WebP with JPEG fallback via image-set */

.feature-band {
  background-image: image-set(
    url("../assets/feature-bg.webp") type("image/webp"),
    url("../assets/feature-bg.jpg") type("image/jpeg")
  );
}

.faq-band {
  background-image: image-set(
    url("../assets/faq-bg.webp") type("image/webp"),
    url("../assets/faq-bg.jpg") type("image/jpeg")
  );
}

.slot-stage {
  background-image: image-set(
    url("../assets/slot-stage-bg.webp") type("image/webp"),
    url("../assets/slot-stage-bg.jpg") type("image/jpeg")
  );
}

.rules-hero {
  background-image: image-set(
    url("../assets/rules-hero-bg.webp") type("image/webp"),
    url("../assets/rules-hero-bg.jpg") type("image/jpeg")
  );
}

.rules-how {
  background-image: image-set(
    url("../assets/rules-how-bg.webp") type("image/webp"),
    url("../assets/rules-how-bg.jpg") type("image/jpeg")
  );
}

.rules-pay {
  background-image: image-set(
    url("../assets/rules-pay-bg.webp") type("image/webp"),
    url("../assets/rules-pay-bg.jpg") type("image/jpeg")
  );
}

.rules-note {
  background-image: image-set(
    url("../assets/rules-note-bg.webp") type("image/webp"),
    url("../assets/rules-note-bg.jpg") type("image/jpeg")
  );
}

.history-hero {
  background-image: image-set(
    url("../assets/history-hero-bg.webp") type("image/webp"),
    url("../assets/history-hero-bg.jpg") type("image/jpeg")
  );
}

.history-band {
  background-image: image-set(
    url("../assets/history-list-bg.webp") type("image/webp"),
    url("../assets/history-list-bg.jpg") type("image/jpeg")
  );
}