/* DGER top slider V9.5
   - full browser-width hero
   - keep the complete source image visible (no crop)
   - remove slide number / pagination UI
   - arrows remain at the extreme outer edges
*/
html body main#main section#top.cms-kv-slider[data-home-slider]{
  position:relative!important;
  left:50%!important;
  right:50%!important;
  width:100vw!important;
  max-width:none!important;
  margin-left:-50vw!important;
  margin-right:-50vw!important;
  height:60vh!important;
  min-height:520px!important;
  overflow:hidden!important;
  background:#edf5f2!important;
}

html body main#main section#top.cms-kv-slider .cms-kv-track,
html body main#main section#top.cms-kv-slider .cms-kv-slide{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
}

/* No safe gutters: the image may use the complete slider canvas. */
html body main#main section#top.cms-kv-slider .cms-kv-image{
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  object-fit:contain!important;
  object-position:50% 50%!important;
  transform:none!important;
}

/* Backdrop only fills any aspect-ratio gaps; foreground stays uncropped. */
html body main#main section#top.cms-kv-slider .cms-kv-backdrop{
  position:absolute!important;
  inset:-6%!important;
  z-index:0!important;
  width:112%!important;
  height:112%!important;
  object-fit:cover!important;
  object-position:50% 50%!important;
  opacity:.64!important;
  filter:blur(26px) saturate(.82) brightness(.98)!important;
  transform:scale(1.03)!important;
}

/* Number / page indicator is intentionally disabled. */
html body main#main section#top.cms-kv-slider .cms-kv-controls,
html body main#main section#top.cms-kv-slider .cms-kv-dot{
  display:none!important;
}

/* Arrows stay at the very edge so they cover as little image content as possible. */
html body main#main section#top.cms-kv-slider .cms-kv-nav{
  z-index:20!important;
  top:50%!important;
  width:46px!important;
  height:46px!important;
  transform:translateY(-50%)!important;
  background:rgba(255,255,255,.90)!important;
  box-shadow:0 8px 24px rgba(0,0,0,.10)!important;
}
html body main#main section#top.cms-kv-slider .cms-kv-nav--prev{left:18px!important}
html body main#main section#top.cms-kv-slider .cms-kv-nav--next{right:18px!important}
html body main#main section#top.cms-kv-slider .cms-kv-nav:hover,
html body main#main section#top.cms-kv-slider .cms-kv-nav:focus-visible{
  transform:translateY(-50%) scale(1.08)!important;
}

/* There is no pagination rail anymore, so copy can sit lower. */
html body main#main section#top.cms-kv-slider .cms-kv-overlay{
  bottom:clamp(34px,5vh,60px)!important;
}

@media (max-width:900px){
  html body main#main section#top.cms-kv-slider[data-home-slider]{
    height:60vh!important;
    min-height:500px!important;
  }
  html body main#main section#top.cms-kv-slider .cms-kv-nav{
    width:42px!important;
    height:42px!important;
  }
  html body main#main section#top.cms-kv-slider .cms-kv-nav--prev{left:10px!important}
  html body main#main section#top.cms-kv-slider .cms-kv-nav--next{right:10px!important}
  html body main#main section#top.cms-kv-slider .cms-kv-overlay{
    bottom:34px!important;
  }
}

@media (max-width:560px){
  html body main#main section#top.cms-kv-slider[data-home-slider]{
    height:60vh!important;
    min-height:520px!important;
  }
  html body main#main section#top.cms-kv-slider .cms-kv-nav{
    display:none!important;
  }
  html body main#main section#top.cms-kv-slider .cms-kv-overlay{
    bottom:24px!important;
  }
}
