/* v5.42 — slightly stronger, still understated transition and edge-positioned arrows. */
body:has(.v530-hero) .v530-hero::after {
  height: 64px !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1800' height='90' viewBox='0 0 1800 90' preserveAspectRatio='none'%3E%3Cpath d='M0 10 C430 79 1370 79 1800 10 L1800 90 L0 90 Z' fill='%23eff8fd'/%3E%3Cpath d='M0 10 C430 79 1370 79 1800 10' fill='none' stroke='%23ffffff' stroke-width='2'/%3E%3C/svg%3E") !important;
}
/* The control row spans the hero. Dots remain centered, arrows at respective edges. */
body:has(.v530-hero) .v530-hero .v539-slider-controls {
  position:absolute !important;
  left:0 !important; right:0 !important;
  width:100% !important;
  transform:none !important;
  bottom:43px !important;
  display:flex !important;
  justify-content:center !important;
  pointer-events:none;
}
body:has(.v530-hero) .v530-hero .v539-dots {pointer-events:auto}
body:has(.v530-hero) .v530-hero .v539-arrow {
  position:absolute !important;
  top:50%; transform:translateY(-50%);
  width:29px !important; height:29px !important;
  pointer-events:auto;
}
body:has(.v530-hero) .v530-hero .v539-prev {left:24px !important}
body:has(.v530-hero) .v530-hero .v539-next {right:24px !important}
@media (max-width:760px) {
  body:has(.v530-hero) .v530-hero::after {height:32px !important}
  body:has(.v530-hero) .v530-hero .v539-slider-controls {bottom:30px !important}
  body:has(.v530-hero) .v530-hero .v539-prev {left:8px !important}
  body:has(.v530-hero) .v530-hero .v539-next {right:8px !important}
}