/*--------------------------------------------------------------
# Hero Section - STATICKÝ SLIDER 1920x200 (BEZ ANIMÁCIÍ)
--------------------------------------------------------------*/
#hero {
  width: 100%;
  height: 200px; /* Pevná výška 200px */
  max-width: 1920px; /* Maximálna šírka 1920px */
  margin: 0 auto; /* Centrovanie na veľkých obrazovkách */
  overflow: hidden;
  padding: 0;
  margin-bottom: 0;
  position: relative; /* RELATIVE - normálne skrolovanie */
  z-index: 0;
}

#hero .carousel-item {
  width: 100%;
  height: 200px; /* Pevná výška 200px */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

#hero .carousel-item::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}

#hero .carousel-container {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  padding: 0;
}

#hero .carousel-content {
  text-align: center;
}

#hero h2 {
  color: #2e2e2e;
  margin: 0;
  padding: 10px 20px;
  font-size: 32px;
  font-weight: 700;
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 4px;
}

#hero h2 span {
  color: #FFF;
  -webkit-text-stroke: 1px black;
}

/* SKRYTIE OVLÁDACÍCH PRVKOV PRE STATICKÝ VZHĽAD */
#hero .carousel-control-prev, 
#hero .carousel-control-next,
#hero .carousel-indicators {
  display: none; /* Úplne skryté */
}

/* Responzívne úpravy - VÝŠKA 200px na všetkých zariadeniach */
@media (max-width: 1920px) {
  #hero {
    height: 200px;
  }
  #hero .carousel-item {
    height: 200px;
  }
}

@media (max-width: 1600px) {
  #hero {
    height: 200px;
  }
  #hero .carousel-item {
    height: 200px;
  }
}

@media (max-width: 1400px) {
  #hero {
    height: 200px;
  }
  #hero .carousel-item {
    height: 200px;
  }
  #hero h2 {
    font-size: 28px;
    padding: 8px 16px;
  }
}

@media (max-width: 1200px) {
  #hero {
    height: 200px;
  }
  #hero .carousel-item {
    height: 200px;
  }
  #hero h2 {
    font-size: 26px;
    padding: 8px 16px;
  }
}

@media (max-width: 992px) {
  #hero {
    height: 200px;
  }
  #hero .carousel-item {
    height: 200px;
  }
  #hero h2 {
    font-size: 24px;
    padding: 6px 12px;
  }
}

@media (max-width: 768px) {
  #hero {
    height: 200px;
  }
  #hero .carousel-item {
    height: 200px;
  }
  #hero h2 {
    font-size: 20px;
    padding: 5px 10px;
  }
}

@media (max-width: 576px) {
  #hero {
    height: 200px;
  }
  #hero .carousel-item {
    height: 200px;
  }
  #hero h2 {
    font-size: 18px;
    padding: 4px 8px;
    -webkit-text-stroke: 0.5px black;
  }
}

@media (max-width: 480px) {
  #hero {
    height: 200px;
  }
  #hero .carousel-item {
    height: 200px;
  }
  #hero h2 {
    font-size: 16px;
    padding: 3px 6px;
  }
}

@media (max-width: 360px) {
  #hero {
    height: 200px;
  }
  #hero .carousel-item {
    height: 200px;
  }
  #hero h2 {
    font-size: 14px;
    padding: 2px 4px;
  }
}

/* Pre veľmi veľké obrazovky nad 1920px */
@media (min-width: 1921px) {
  #hero {
    max-width: 1920px;
    margin: 0 auto;
    height: 200px;
  }
  #hero .carousel-item {
    height: 200px;
  }
  #hero h2 {
    font-size: 34px;
  }
}