/* =========================================================
   ZLATO Z OLIV – HOMEPAGE HERO SLIDER V11
   FIX: nový slider se vkládá mimo starý hero wrapper
   ========================================================= */

.in-index #zzo-promo-side{
  display:none!important;
}

.in-index .zzo-v11-hide-original{
  display:none!important;
}

.in-index .zzo-hero-v11{
  position:relative!important;
  display:block!important;
  width:100vw!important;
  max-width:100vw!important;
  margin-left:calc(50% - 50vw)!important;
  margin-right:calc(50% - 50vw)!important;
  padding:0!important;
  overflow:hidden!important;
  background:#f7f2e8!important;
  box-sizing:border-box!important;
  clear:both!important;
  z-index:1!important;
}

.in-index .zzo-hero-v11__viewport{
  position:relative!important;
  width:100%!important;
  aspect-ratio:1920 / 700!important;
  overflow:hidden!important;
  background:#f7f2e8!important;
}

.in-index .zzo-hero-v11__slide{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transition:opacity .75s ease, visibility .75s ease!important;
  z-index:1!important;
}

.in-index .zzo-hero-v11__slide.is-active{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  z-index:2!important;
}

.in-index .zzo-hero-v11__slide>a{
  display:block!important;
  width:100%!important;
  height:100%!important;
}

.in-index .zzo-hero-v11__slide img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  object-fit:cover!important;
  object-position:center center!important;
  transform:none!important;
  filter:none!important;
}

/* šipky */
.in-index .zzo-hero-v11__arrow{
  position:absolute!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  z-index:10!important;
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#fff!important;
  background:rgba(37,53,17,.78)!important;
  border:1px solid rgba(201,164,66,.72)!important;
  border-radius:50%!important;
  box-shadow:0 4px 14px rgba(0,0,0,.12)!important;
  cursor:pointer!important;
}

.in-index .zzo-hero-v11__arrow:hover{
  background:#253511!important;
}

.in-index .zzo-hero-v11__arrow--prev{left:24px!important}
.in-index .zzo-hero-v11__arrow--next{right:24px!important}

.in-index .zzo-hero-v11__arrow svg{
  width:19px!important;
  height:19px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:2!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}

/* tečky */
.in-index .zzo-hero-v11__dots{
  position:absolute!important;
  left:50%!important;
  bottom:14px!important;
  transform:translateX(-50%)!important;
  z-index:11!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  padding:7px 9px!important;
  background:rgba(255,255,255,.82)!important;
  border-radius:999px!important;
}

.in-index .zzo-hero-v11__dot{
  width:8px!important;
  height:8px!important;
  min-width:8px!important;
  min-height:8px!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:1px solid #253511!important;
  border-radius:50%!important;
  box-shadow:none!important;
  cursor:pointer!important;
}

.in-index .zzo-hero-v11__dot.is-active{
  background:#c9a442!important;
  border-color:#c9a442!important;
}

/* mobil: celý banner bez ořezu */
@media(max-width:767px){
  .in-index .zzo-hero-v11__viewport{
    aspect-ratio:16 / 9!important;
  }

  .in-index .zzo-hero-v11__slide img{
    object-fit:contain!important;
    background:#f7f2e8!important;
  }

  .in-index .zzo-hero-v11__arrow{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
  }

  .in-index .zzo-hero-v11__arrow--prev{left:8px!important}
  .in-index .zzo-hero-v11__arrow--next{right:8px!important}

  .in-index .zzo-hero-v11__dots{
    bottom:8px!important;
    padding:6px 8px!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .in-index .zzo-hero-v11__slide{
    transition:none!important;
  }
}