/* 1. Sjednocení videa (všechny společné vlastnosti na jednom místě) */
.hero-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
  pointer-events: none;
}

/* 2. Hero sekce */
#hero {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  background-image: var(--bg-desktop);
}

/* 3. Seskupení obsahu nad videem (místo tří samostatných zápisů) */
#hero > .hero.nadpis,
#hero > .hero.podnadpis,
#hero > .hero.cta {
  position: relative;
  z-index: 2;
}

/* 4. Responzivita a přepínání */
.video-mobile { display: none; }
.video-desktop { display: block; }

#hero {
  /* Výchozí nastavení pro mobil (Mobile First) */
  background-image: var(--bg-mobile);
  background-size: cover;
  background-position: center;
  min-height: 400px;
  background-color: #000;
}
#hero .nadpis,#hero .podnadpis{width:50%;text-shadow: 2px 2px 4px rgba(0, 0, 0, 1);text-align:left}


@media (max-width: 768px) {
  #hero { background-image: var(--bg-mobile); }
  
  .video-desktop { display: none; }
  .video-mobile { display: block; }
  #hero .nadpis,#hero .podnadpis{width:100%;}

}