/* Shared control placement: never vary position or size by active slide. */
/* Avoid focus-induced internal scrolling in narrow banner viewports. */
.home-banner .banner { overflow: clip !important; }
.home-banner .banner :is(.campaign-carousel-controls, .carousel-controls) {
  left: auto !important;
  right: clamp(16px, 3vw, 42px) !important;
  top: auto !important;
  bottom: clamp(14px, 2.6vw, 34px) !important;
  transform: none !important;
  gap: 14px !important;
  padding: 8px 12px !important;
}
.home-banner .banner :is(.campaign-carousel-dots, .dots) { gap: 7px !important; }
.home-banner .banner :is(.campaign-carousel-dots, .dots) button {
  width: 7px !important;
  height: 7px !important;
  transition: background-color 300ms ease !important;
}
.home-banner .banner :is(.campaign-carousel-dots, .dots) button.on { width: 22px !important; }
.home-banner .banner :is(.campaign-carousel-counter, .counter) { font-size: 12px !important; }
@media (max-width: 640px) {
  .home-banner .banner :is(.campaign-carousel-controls, .carousel-controls) {
    right: 12px !important;
    bottom: 10px !important;
    padding: 7px 10px !important;
  }
}