/* index — styly jen pro tuto stránku */
/* ============ HEADER ============ */
.header{
  position:fixed;top:0;left:0;right:0;z-index:60;
  transition:background .3s var(--ease),box-shadow .3s var(--ease),padding .3s var(--ease);
  padding:16px 0;
}
/* Průhledná hlavička nad hero (jen úvod, dokud se neodscrolluje).
   Na podstránkách je hlavička vždy plná, proto tahle pravidla nepatří do sdíleného style.css. */
.header:not(.scrolled) .logo__sub b{color:#fff;text-shadow:0 1px 10px rgba(0,0,0,.35);}
.header:not(.scrolled) .logo__sub span{color:#dff0ea;text-shadow:0 1px 8px rgba(0,0,0,.3);}
.header:not(.scrolled) .nav a{color:#fff;text-shadow:0 1px 10px rgba(0,0,0,.4);}
.header:not(.scrolled) .nav a:hover{color:#bdeede;}
.header:not(.scrolled) .nav a::after{background:#fff;}
.logo__img{
  width:54px;height:54px;display:block;border-radius:0;
  box-shadow:0 8px 20px -10px rgba(8,60,46,.55);
  transition:width .3s var(--ease),height .3s var(--ease),transform .25s var(--ease);
}
/* NAV */
.nav{display:flex;align-items:center;gap:24px;}
.burger span{display:block;width:26px;height:2.5px;background:#0a4a38;border-radius:0;transition:.3s var(--ease);}
/* ============ HERO SLIDER ============ */
.hero{
  position:relative;
  height:clamp(540px,80vh,820px);
  background:#063a2d;overflow:hidden;
}
.hero__scrim{
  position:absolute;inset:0;
  background:
    linear-gradient(95deg, rgba(5,55,42,.92) 0%, rgba(5,55,42,.62) 38%, rgba(5,55,42,.06) 66%, rgba(5,55,42,0) 100%),
    linear-gradient(0deg, rgba(4,45,35,.55) 0%, rgba(4,45,35,0) 30%);
}
.hero__inner{position:relative;height:100%;display:flex;align-items:center;}
.btn{
  appearance:none;border:0;cursor:pointer;font:inherit;font-weight:800;letter-spacing:.04em;
  text-transform:uppercase;font-size:.92rem;color:#fff;
  background:var(--green);padding:15px 26px;border-radius:0;
  display:inline-flex;align-items:center;gap:10px;
  transition:background .2s var(--ease),transform .15s var(--ease);
}
.btn--ghost{background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.55);}
.btn--ghost:hover{background:rgba(255,255,255,.2);}
.store{
  background:#fff;display:flex;flex-direction:column;height:100%;
  border:1px solid var(--line);border-top:4px solid var(--green);
  box-shadow:0 18px 40px -28px rgba(8,40,30,.4);
}
.store__name{font-weight:800;font-size:1.22rem;color:var(--green-800);padding:24px 26px 16px;}
.store__row{display:flex;gap:12px;align-items:flex-start;font-size:1.01rem;color:var(--ink);}
.store__row svg{width:18px;height:18px;color:var(--green);flex-shrink:0;margin-top:4px;}
/* ============ FORM / KONTAKT ============ */
.contact{background:var(--green-900);color:#fff;padding:88px 0;}
/* ============ RESPONSIVE ============ */
@media(max-width:980px){
  .nav{position:absolute;top:100%;right:14px;left:14px;flex-direction:column;align-items:stretch;gap:0;background:#fff;box-shadow:0 20px 50px -18px rgba(8,60,46,.4);padding:10px;transform-origin:top;transform:scaleY(.6);opacity:0;visibility:hidden;transition:.22s var(--ease);}
  .nav.open{transform:scaleY(1);opacity:1;visibility:visible;}
  .nav a{padding:13px 14px;}
  .nav a::after{display:none;}
  .nav a:hover{background:var(--tan-300);}
  .burger{display:flex;}
  .header,.header.scrolled{background:rgba(255,255,255,.96);backdrop-filter:blur(10px);box-shadow:0 6px 22px -16px rgba(8,60,46,.4);padding:9px 0;}
  .header .nav a{color:#0a4a38;}
  .hero__inner{align-items:flex-start;}
  .hero__panel{padding-top:88px;}
  .boxes{grid-template-columns:1fr;}
  .stores{grid-template-columns:1fr;}
  .tradice__top{grid-template-columns:1fr;gap:26px;}
  .owners__wall{gap:36px;padding:48px 36px;}
  .footer__cols{grid-template-columns:1fr 1fr;}
  .footer__brand{grid-column:1 / -1;}
  .contact__grid{grid-template-columns:1fr;gap:40px;}
}
@media(max-width:680px){
  body{font-size:16px;}
  .wrap{padding:0 20px;}
  .gallery{grid-template-columns:1fr;gap:24px;max-width:420px;margin:0 auto;}
  .owners__wall{grid-template-columns:1fr;gap:44px;padding:40px 24px;}
  .pframe{max-width:280px;margin:0 auto;}
  .form-row{grid-template-columns:1fr;}
  .footer__cols{grid-template-columns:1fr;gap:30px;}
  .footer__bottom{flex-direction:column;align-items:flex-start;gap:10px;}
  .hero{height:auto;min-height:78vh;}
  .hero__inner{align-items:flex-start;}
  .hero__panel{padding-top:94px;padding-bottom:96px;}
}
@media(prefers-reduced-motion:reduce){
  *{transition:none!important;}
  html{scroll-behavior:auto;}
  .slide{transform:none!important;}
}