body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Inter,sans-serif;color:#fff;background:black;overflow-x:hidden}
.header{position:fixed;top:0;width:100%;z-index:10}
.header .container{display:flex;justify-content:space-between;padding:1rem 5%}
.logo{font-weight:700}
.scene{min-height:100vh;display:flex;align-items:center;background-size:cover;background-position:center;position:relative}
.scene-content{position:relative;max-width:520px;margin-left:10%}
.overlay{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.15),rgba(0,0,0,.65))}
h1{font-size:clamp(3rem,6vw,4.5rem)}
h2{font-size:clamp(2.2rem,4vw,3.2rem)}
p{font-size:1.2rem;max-width:420px}
.btn{display:inline-block;margin-top:1.5rem;padding:.8rem 1.6rem;border-radius:999px;background:#f2b705;color:#000;font-weight:700;text-decoration:none}
.phone{margin-top:2rem;max-width:320px;border-radius:24px;box-shadow:0 30px 60px rgba(0,0,0,.5);animation:float 6s ease-in-out infinite}
.story-screenshot img{margin-top:2rem;max-width:300px;border-radius:24px;box-shadow:0 30px 60px rgba(0,0,0,.45);transform:rotate(-2deg);animation:float 7s ease-in-out infinite}
.secret-bird{position:fixed;width:64px;opacity:.9;cursor:pointer;transition:transform .4s ease,opacity .4s ease;z-index:3}
.secret-bird.fly-away{transform:translateY(-80px) translateX(40px) scale(.8);opacity:0}
.fade{opacity:0;transform:translateY(40px);transition:all 1s ease}
.fade.show{opacity:1;transform:none}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
.footer{text-align:center;padding:2rem;background:#000}
.lang-switch{position:fixed;right:1rem;bottom:1rem;font-size:.85rem}
.lang-switch a{color:#fff;margin-left:.5rem;text-decoration:none;opacity:.7}
.lang-switch a:hover{opacity:1}
.bg-planina{background-image:url('/images/planipad.png')}
.bg-voda{background-image:url('/images/vodaipad.png')}
.bg-mokrady{background-image:url('/images/mokradyipad.png')}
.bg-les{background-image:url('/images/leslandscape.png')}
.bg-hory{background-image:url('/images/horyipad.png')}
.bg-mesto{background-image:url('/images/mestoipad.png')}
.hero-layout{
 display:grid;
 grid-template-columns:1fr 1fr;
 gap:3rem;
 align-items:center;
}
@media(max-width:900px){
 .hero-layout{grid-template-columns:1fr}
}


/* WOW EFFECT – živá karta ptáčka */
.live-card {
  perspective: 800px;
}

.live-card img {
  transition: transform 0.4s ease, box-shadow 0.4s ease;
  transform-origin: center;
}

.live-card:hover img {
  transform: rotateX(4deg) rotateY(-4deg) translateY(-6px);
  box-shadow: 0 25px 60px rgba(0,0,0,0.35);
}

.live-card:active img {
  transform: scale(0.98);
}

@keyframes breathe {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-4px); }
}

.live-card img {
  animation: breathe 6s ease-in-out infinite;
}


/* Footer center alignment */
footer {
  text-align: center;
}

footer .edu-disclaimer {
  max-width: 720px;
  margin: 1.5rem auto 0;
}



/* =========================================================
   Reviews section
   ========================================================= */

.section-reviews {
  position: relative;
  padding: 6rem 1.5rem;
  background-image:
    url("/images/moreipad.webp"),
    url("/images/moreipad.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  color: #ffffff;
}

.section-reviews .section-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
  z-index: 1;
}

.section-reviews .section-content {
  position: relative;
  z-index: 2;
  max-width: 1100px;
  margin: 0 auto;
  text-align: center;
}

.section-reviews h2 {
  font-size: 2.2rem;
  margin-bottom: 1.5rem;
}

.section-reviews .section-intro {
  max-width: 720px;
  margin: 0 auto 3rem;
  font-size: 1.1rem;
  line-height: 1.6;
  opacity: 0.95;
}

/* Reviews grid */

.section-reviews .reviews {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
}

.section-reviews .review {
  background: rgba(255, 255, 255, 0.12);
  backdrop-filter: blur(6px);
  border-radius: 18px;
  padding: 2rem;
  text-align: left;
}

.section-reviews .review p {
  font-size: 1rem;
  line-height: 1.6;
  margin: 0 0 1.2rem;
}

.section-reviews .review footer {
  font-size: 0.9rem;
  opacity: 0.85;
}

/* Responsive reviews */

@media (max-width: 1024px) {
  .section-reviews .reviews {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 640px) {
  .section-reviews {
    padding: 4rem 1.2rem;
  }

  .section-reviews .reviews {
    grid-template-columns: 1fr;
  }

  .section-reviews h2 {
    font-size: 1.8rem;
  }
}


/* =========================================================
   Footer + contact form
   ========================================================= */

.site-footer {
  padding: 4rem 1.5rem 2rem;
  background: #f2f2ef;
  color: #222;
}

.site-footer .footer-content {
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
}

/* Contact block */

.footer-contact {
  margin-bottom: 3rem;
}

.footer-contact h3 {
  font-size: 1.4rem;
  margin-bottom: 0.8rem;
}

.footer-contact p {
  text-align: center;   /* ← klíčové */
  color: white;
  font-size: 1em;
  max-width: 420px;
  text-align: center;
  margin: 0 auto 1.5rem;
}

/* Contact form */

.footer-contact .contact-form {
  max-width: 420px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.footer-contact input,
.footer-contact textarea {
  width: 100%;
  font-family: inherit;
  font-size: 1rem;
  padding: 0.8rem 1rem;
  border-radius: 10px;
  border: 1px solid #ccc;
}

.footer-contact input:focus,
.footer-contact textarea:focus {
  outline: none;
  border-color: #888;
}

.footer-contact button {
  margin-top: 0.5rem;
  padding: 0.8rem 1.2rem;
  border: none;
  border-radius: 999px;
  background: #222;
  color: #fff;
  font-size: 1rem;
  cursor: pointer;
}

.footer-contact button:hover {
  background: #444A4C;
}

/* Footer copyright */

.footer-copy {
  font-size: 0.85rem;
  color: #666;
}