/* DVOJKA 4.5.6 — ovládanie bannera patrí pod obraz, nie cez jeho text. */
.hero .promo-slider-section{
  padding-bottom:54px!important;
  overflow:visible!important;
}
.hero .promo-slider{overflow:visible!important}
.hero .promo-track{
  height:100%!important;
  overflow:hidden!important;
  border-radius:inherit!important;
}
.hero .promo-controls{
  left:4px!important;
  right:4px!important;
  bottom:-48px!important;
  min-height:40px!important;
  align-items:center!important;
}
.hero .promo-dots{
  position:static!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  padding:8px 10px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.78)!important;
  box-shadow:0 7px 24px rgba(28,36,47,.12)!important;
  backdrop-filter:blur(8px)!important;
}
.hero .promo-dot{
  width:9px!important;height:9px!important;
  border:1.5px solid #10263a!important;
  background:rgba(255,255,255,.92)!important;
  box-shadow:none!important;
}
.hero .promo-dot.active{width:24px!important;background:#10263a!important}
.hero .promo-arrows{
  position:static!important;
  margin-left:auto!important;
  margin-right:86px!important;
  display:flex!important;
  gap:7px!important;
}
.hero .promo-arrow{
  width:38px!important;height:38px!important;
  border:1px solid rgba(16,38,58,.18)!important;
  background:rgba(255,255,255,.9)!important;
  color:#10263a!important;
  box-shadow:0 8px 24px rgba(28,36,47,.14)!important;
  backdrop-filter:blur(8px)!important;
}
.hero .promo-arrow:hover{background:#fff!important;transform:translateY(-1px)}

@media(max-width:980px){
  .hero .promo-slider-section{padding-bottom:48px!important}
  .hero .promo-controls{bottom:-43px!important}
  .hero .promo-arrows{margin-right:62px!important}
  .hero .promo-arrow{width:34px!important;height:34px!important}
}
@media(max-width:680px){
  .hero .promo-slider-section{padding-bottom:44px!important}
  .hero .promo-controls{left:1px!important;right:1px!important;bottom:-40px!important}
  .hero .promo-dots{gap:6px!important;padding:7px 8px!important;max-width:calc(100% - 134px);overflow:hidden}
  .hero .promo-dot{width:7px!important;height:7px!important;flex:0 0 auto}
  .hero .promo-dot.active{width:19px!important}
  .hero .promo-arrows{margin-right:48px!important;gap:5px!important}
  .hero .promo-arrow{width:32px!important;height:32px!important;font-size:16px!important}
}