/* === Laserluk — Styles (Dark + Green, unified) === */

/* ====== Základ / paleta ====== */

:root{

  --bg:#141a26;                /* stejné jako lišta */

  --header-bg:rgba(20,26,38,.9);



  --panel:#11151f;

  --panel-soft:#151b29;

  --text:#e9edf3;

  --muted:#9fb1a6;



  --brand:#22c55e;

  --brand-dark:#149a47;

  --brand-ghost:rgba(34,197,94,.16);



  --border:rgba(255,255,255,.10);

  --radius:16px;

  --shadow:0 10px 30px rgba(0,0,0,.35);

  --container:clamp(16rem, 92vw, 1200px);

  --ring:0 0 0 3px rgba(34,197,94,.28);

  --lc-header-h:68px;

}



*{box-sizing:border-box}

html,body{height:100%}

html{scroll-behavior:smooth}

body{

  margin:0;

  font-family:Inter, system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;

  background:var(--bg);

  color:var(--text);

  line-height:1.6; letter-spacing:.2px;

}

.container,.lc-container{width:var(--container);margin-inline:auto;padding-inline:1rem}

img,video{max-width:100%;display:block}



/* ====== Header / nav ====== */

.lc-header{

  position:sticky; top:0; z-index:950;

  background:var(--header-bg);

  backdrop-filter:saturate(160%) blur(10px);

  border-bottom:1px solid var(--border);

}

.lc-header__inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:var(--lc-header-h)}

.lc-header-accent{height:2px;background:linear-gradient(90deg,transparent,var(--brand),transparent);opacity:.6}



.lc-logo{display:flex;align-items:center;gap:.6rem;color:#f3f6fb;text-decoration:none;font-weight:800}

.logo-badge{

  width:28px;height:28px;border-radius:10px;display:grid;place-items:center;

  background:linear-gradient(180deg, rgba(34,197,94,.22), rgba(34,197,94,.10));

  border:1px solid var(--brand-ghost); color:#cfe8d8;

}



.lc-nav{display:flex;align-items:center;gap:1rem}

.lc-navlist{display:flex;align-items:center;gap:.6rem;list-style:none;margin:0;padding:0}



.nav-link{

  position:relative; display:inline-block; padding:.55rem .7rem; border-radius:10px;

  color:#e7fff0; text-decoration:none; opacity:.95;

}

.nav-link:hover{opacity:1}

.nav-link::after{

  content:""; position:absolute; left:10px; right:10px; bottom:6px; height:2px;

  background:linear-gradient(90deg,transparent,var(--brand),transparent);

  transform:scaleX(1); transform-origin:center; transition:transform .18s ease;

}

.nav-link:hover::after{ transform:scaleX(0) }  /* invert podtržení */



/* ====== Hamburger & backdrop ====== */

.lc-actions{display:flex;align-items:center;gap:.25rem}

.lc-toggle{

  display:none; position:relative; background:rgba(0,0,0,.18);

  border:1px solid var(--border); color:#eafff2; width:44px; height:44px; border-radius:10px;

  -webkit-tap-highlight-color:transparent; z-index:2001;

}

@media (max-width:1200px){ .hide-mobile{display:none} .lc-toggle{display:inline-flex;align-items:center;justify-content:center} .lc-navlist{display:none} }

.lc-toggle:empty::before{content:"";width:22px;height:2px;background:currentColor;box-shadow:0 -6px 0 currentColor,0 6px 0 currentColor;border-radius:2px}

.lc-toggle[aria-expanded="true"]:empty::before,

.lc-toggle[aria-expanded="true"]::after{content:"";position:absolute;width:22px;height:2px;background:currentColor;transform:rotate(45deg)}

.lc-toggle[aria-expanded="true"]::after{transform:rotate(-45deg)}

.lc-toggle svg{width:24px;height:24px;display:block}



.lc-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.5);backdrop-filter:blur(2px);display:none;z-index:1990}

.lc-backdrop.is-open{display:block}

body.menu-open{overflow:hidden}



/* Dropdown panel */

.lc-panel{

  position:fixed; background:#0f1522; border:1px solid var(--border); border-radius:14px;

  box-shadow:0 18px 45px rgba(0,0,0,.45); padding:.6rem; display:none; z-index:2000;

  min-width:220px; max-width:92vw; animation:fadeIn .12s ease-out;

}

.lc-panel ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem}

.lc-panel a{display:block;padding:.6rem .8rem;color:#e9ecf2;text-decoration:none;border-radius:10px}

.lc-panel a:hover{background:rgba(255,255,255,.06)}

@keyframes fadeIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}



/* ====== Hero + laser nadpis ====== */

.hero{position:relative; min-height:78svh; display:grid; place-items:center; border-bottom:1px solid var(--border); overflow:hidden;}

.hero__video{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; filter:contrast(1.06) brightness(.8); z-index:0; pointer-events:none}

.hero__video::-webkit-media-controls{display:none!important}

.hero__overlay{position:absolute; inset:0; background:rgba(8,11,18,.6)}

.hero__content{position:relative; text-align:left; padding:5rem 0; max-width:980px}



.hero h1{position:relative; font-size:clamp(2rem,4vw + 1rem,4rem); line-height:1.1; margin:0 0 1rem; white-space:pre-wrap}

.hero p{font-size:clamp(1rem,.6vw + .9rem,1.25rem); color:#d9f2e3; margin:0 0 1.1rem}



/* — Laserovaný text — (fix zdvojení) */

.hero h1 .word{display:inline-block;white-space:nowrap}

.hero h1 .char{

  position:relative; display:inline-block;

  color:transparent;                           /* skryje „rezavý“ text – zabrání zdvojení */

  -webkit-background-clip:text; background-clip:text;

  background-image:linear-gradient(180deg,#8c4c2f 0%,#6b341c 100%);  /* rez */

}

.hero h1 .char .metal{

  position:absolute; inset:0; display:block;

  width:0%; overflow:hidden;

  color:transparent; -webkit-background-clip:text; background-clip:text;

  background-image:linear-gradient(180deg,#f0fff5 0%,#d3f7de 55%,#b3eec6 100%); /* „kov“ do zelena */

  transition:width .45s ease-out; will-change:width; pointer-events:none;

}

.hero h1 .char.is-clean .metal{width:100%}



/* Laser „květina“ */

.laser-beam{

  position:absolute; top:50%; left:-10px; transform:translate(-50%,-50%) rotate(0deg);

  width:56px; height:56px; pointer-events:none; opacity:.98; z-index:10;

  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><g fill='none' stroke='%23ff3b3b' stroke-width='4' stroke-linecap='round'><ellipse cx='50' cy='20' rx='14' ry='22'/><ellipse cx='80' cy='35' rx='14' ry='22' transform='rotate(30 80 35)'/><ellipse cx='82' cy='69' rx='14' ry='22' transform='rotate(60 82 69)'/><ellipse cx='50' cy='80' rx='14' ry='22'/><ellipse cx='20' cy='65' rx='14' ry='22' transform='rotate(-30 20 65)'/><ellipse cx='18' cy='31' rx='14' ry='22' transform='rotate(-60 18 31)'/><circle cx='50' cy='50' r='10'/></g></svg>");

  background-size:contain; background-repeat:no-repeat;

  filter:drop-shadow(0 0 10px rgba(255,59,59,.55)) drop-shadow(0 0 18px rgba(255,59,59,.35));

  transition:left 240ms ease, transform 240ms ease, opacity .4s ease;

}



/* Badges (fajfky) */

.hero__badges{display:flex; gap:1rem; list-style:none; padding:0; margin:1.1rem 0 .8rem; flex-wrap:wrap}

.hero__badges li{

  display:flex; align-items:center; gap:.6rem; font-size:1rem; color:#e9edf3;

  background:rgba(34,197,94,.10); border:1px solid var(--brand-ghost); border-radius:999px; padding:.5rem .75rem;

}

.tick{width:18px;height:18px;flex:0 0 18px;display:inline-block;position:relative}

.tick::after{content:"";position:absolute;left:2px;top:-1px;width:12px;height:20px;border-right:4px solid var(--brand);border-bottom:4px solid var(--brand);transform:rotate(45deg);filter:drop-shadow(0 0 8px rgba(34,197,94,.55))}



/* Buttons */

.btn{

  appearance:none;border:none;cursor:pointer;text-decoration:none;

  background:linear-gradient(180deg,var(--brand),var(--brand-dark));

  color:#061013;font-weight:800;letter-spacing:.2px;

  padding:.95rem 1.2rem;border-radius:12px;box-shadow:var(--shadow);

  transition:transform .15s ease, filter .2s ease;

}

.btn:hover{transform:translateY(-1px);filter:brightness(1.05)}

.btn--ghost{background:linear-gradient(180deg,rgba(34,197,94,.14),rgba(34,197,94,.08));color:#e9edf3;border:1px solid var(--brand-ghost);box-shadow:none}

.btn--bright{background:linear-gradient(180deg,#2be06f,#18a94e);color:#05140e}

.hero__cta{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:.4rem}



/* ====== Oddělovače mezi sekcemi — zelený gradient ====== */

.section{

  position:relative;

  padding:clamp(2.6rem,4vw,5.8rem) 0;

}

.section::before{

  content:""; position:absolute; inset:0 0 auto 0; height:2px;

  background:linear-gradient(90deg,transparent,var(--brand),transparent);

  opacity:.6;

}

.section__header{margin-bottom:2rem;text-align:center}

.section__header h2{font-size:clamp(1.6rem,1.2vw + 1.2rem,2.2rem);margin:0 0 .4rem}

.section__header p{color:var(--muted);margin:0}

.grid{display:grid;gap:1.2rem}



/* ====== Výchozí panely = dřívější hover ====== */

/* Karty služeb */

.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.2rem;padding-inline:1rem}

@media (min-width:900px){.cards{padding-inline:1.5rem}}

.card{

  background:var(--panel-soft);

  border:1px solid rgba(34,197,94,.30);

  border-radius:var(--radius); padding:1.2rem; box-shadow:var(--shadow);

  transition:transform .15s ease, background-color .2s ease, border-color .2s ease, filter .2s ease;

}

.card:hover{transform:translateY(-2px);background:rgba(34,197,94,.10);border-color:rgba(34,197,94,.45);filter:brightness(1.02)}

.card__icon {

  width: 60px;

  height: 60px;

  display: grid;

  place-items: center;

  margin-bottom: .8rem;

  background: rgba(34,197,94,.16);

  border-radius: 12px;

  overflow: hidden;

  border: 1px solid rgba(34,197,94,.25);

}



.card__icon img {

  width: 70%;

  height: 70%;

  object-fit: contain;

  filter: brightness(1.2) drop-shadow(0 0 6px rgba(34,197,94,.25));

  transition: transform .25s ease, filter .25s ease;

}



.card:hover .card__icon img {

  transform: scale(1.08);

  filter: brightness(1.4) drop-shadow(0 0 8px rgba(34,197,94,.45));

}



.card h3{color:#ecfff3}

.card p{color:#cfe8d8}



/* Statistiky */

.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}

.stat{

  background:var(--panel-soft);

  border:1px solid rgba(34,197,94,.30);

  border-radius:12px; padding:1rem; text-align:center;

  transition:transform .12s ease, border-color .2s ease, background-color .2s ease;

}

.stat:hover{transform:translateY(-2px);background:rgba(34,197,94,.10);border-color:rgba(34,197,94,.45)}

.stat__num{font-size:1.8rem;font-weight:800;color:#eafff2}

.stat__label{color:#d0eddc}



/* Formulář */

.contact-form{background:var(--panel-soft);border:1px solid rgba(34,197,94,.30);border-radius:16px;padding:1rem}

.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}

.form-field{display:flex;flex-direction:column;gap:.35rem}

label{font-weight:600}

input,select,textarea{background:#0f1522;border:1px solid rgba(34,197,94,.30);color:var(--text);padding:.9rem 1rem;border-radius:12px;outline:none}

input:focus,select:focus,textarea:focus{box-shadow:var(--ring);border-color:rgba(34,197,94,.45)}

.error{color:#ff7a7a;min-height:1em}

.form-actions{display:flex;align-items:center;gap:1rem;margin-top:.6rem}

.form-note{color:#9fb1a6;margin:0}

.hp{display:none!important}



/* Galerie */

.gallery-grid{display:grid;gap:1rem;grid-template-columns:repeat(4,1fr)}

@media (max-width:1100px){.gallery-grid{grid-template-columns:repeat(3,1fr)}}

@media (max-width:900px){.gallery-grid{grid-template-columns:repeat(2,1fr)}}

@media (max-width:520px){.gallery-grid{grid-template-columns:1fr}}

.photo-card{

  position:relative;display:block;min-width:0;aspect-ratio:4/3;background:transparent;cursor:pointer;

  border-radius:12px;overflow:hidden;outline:1px solid rgba(34,197,94,.30);

  transition:transform .12s ease, outline-color .2s ease, filter .2s ease;

}

.photo-card img{width:100%;height:100%;object-fit:cover}

.photo-card:hover{transform:translateY(-2px);outline-color:rgba(34,197,94,.45);filter:brightness(1.02)}



/* FAQ */

.faq{display:grid;gap:.6rem}

.faq-item{background:var(--panel-soft);border:1px solid rgba(34,197,94,.30);border-radius:12px;padding:.4rem .8rem}

.faq-item summary{cursor:pointer;font-weight:600;padding:.6rem .2rem;outline:none;list-style:none}

.faq-item summary::-webkit-details-marker{display:none}

.faq-item[open]{border-color:rgba(34,197,94,.45);background:rgba(34,197,94,.10)}

.faq-item div{color:#cfe8d8;padding:0 0 .6rem .2rem}



/* Modal */

.modal{
  position:fixed;
  inset:0;
  display:none;
  place-items:center;
  z-index:3000;
}

.modal:not([open]){
  display:none!important;
}

.modal[open]{
  display:grid;
}

.modal__backdrop{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.6);
  backdrop-filter:blur(4px);
}

.modal__dialog{
  position:relative;
  width:min(92vw,1200px);
  height:70vh;                     /* pevná výška rámečku */
  background:#0f1522;
  border:1px solid var(--border);
  border-radius:16px;
  box-shadow:var(--shadow);
  padding:0;
  overflow:hidden;                 /* důležité pro ořez */
}

.modal__close{
  position:absolute;
  right:.5rem;
  top:.25rem;
  border:0;
  background:transparent;
  color:#e9edf3;
  font-size:2rem;
  line-height:1;
  cursor:pointer;
  z-index:2;
}

.modal__video{
  display:none;
  width:100%;
  height:100%;
  object-fit:contain;              /* video bez ořezu */
  background:black;
}

.modal__img{
  display:none;
  width:100%;
  height:100%;
  object-fit:cover;                /* 🔥 vyplní celý rámeček */
}




/* Footer + zelený oddělovač */

.site-footer{position:relative;background:#0f1522;padding:2rem 0}

.site-footer::before{content:"";position:absolute;inset:0 0 auto 0;height:2px;background:linear-gradient(90deg,transparent,var(--brand),transparent);opacity:.6}

.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}

.site-footer p{margin:0;color:#cfe8d8}

.site-footer nav{display:flex;gap:1rem;flex-wrap:wrap}

.site-footer a{color:#cfe8d8;text-decoration:none;position:relative;padding:.2rem 0}

.site-footer a::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:linear-gradient(90deg,transparent,var(--brand),transparent);transform:scaleX(0);transform-origin:center;transition:transform .18s ease}

.site-footer a:hover{color:#fff}

.site-footer a:hover::after{transform:scaleX(1)}



/* Floating buttons */

.float-stack{position:fixed;right:16px;bottom:16px;z-index:2500;display:flex;flex-direction:column;gap:.6rem}

.float-btn{

  width:46px;height:46px;border-radius:999px;display:grid;place-items:center;

  background:rgba(34,197,94,.16);color:#eafff2;text-decoration:none;border:1px solid var(--brand-ghost);

  box-shadow:0 6px 18px rgba(0,0,0,.35);

  transition:transform .12s ease, filter .2s ease, background-color .2s ease, box-shadow .2s ease;

}

.float-btn:hover{transform:translateY(-2px);filter:brightness(1.08);background:rgba(34,197,94,.22);box-shadow:0 8px 22px rgba(0,0,0,.45)}

.float-btn svg{width:22px;height:22px;display:block}

.to-top{opacity:0;pointer-events:none;transform:translateY(8px)}

.to-top.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}



/* A11y & responsivita */

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero__video{display:none}}

@media (max-width:980px){.stats{grid-template-columns:repeat(2,1fr)}}

@media (max-width:640px){.form-row{grid-template-columns:1fr}}



/* už máš .photo-card { aspect-ratio: 4/3; } – ponech.

   Doplň fallback pro prohlížeče, kde aspect-ratio občas hapruje: */

@supports not (aspect-ratio: 4 / 3) {

  .photo-card{ position:relative; }

  .photo-card::before{ content:""; display:block; padding-top:75%; }

  .photo-card > img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }

}

/* ať jsou <a> klikací přes celou plochu */

.photo-card{ display:block; text-decoration:none; }



/* === Cookiebar === */

.cookiebar{

  position: fixed; inset: auto 0 0 0; z-index: 3000;

  background: rgba(15, 21, 34, .96);

  border-top: 1px solid rgba(34,197,94,.30);

  box-shadow: 0 -10px 30px rgba(0,0,0,.35);

  padding: .8rem 0;

  backdrop-filter: saturate(160%) blur(6px);

}

.cookiebar__inner{

  width: var(--container); margin-inline: auto; padding-inline: 1rem;

  display: grid; gap: .8rem; align-items: center;

}

.cookiebar__text{ margin: 0; color: var(--text); }

.cookiebar__actions{ display: flex; gap: .5rem; flex-wrap: wrap }

.cookiebar__actions--panel{ justify-content: flex-end }



.cookiebar__panel{

  margin-top: .6rem;

  border-top: 1px solid rgba(34,197,94,.30);

  background: var(--panel-soft);

}

#cc-panel[hidden]{ display:none }

#cc[hidden]{ display:none }



.cc-row{ padding: .8rem 1rem; border-bottom: 1px solid var(--border) }

.cc-row:last-child{ border-bottom: 0 }

.cc-note{ margin: .25rem 0 0; color: #cfe8d8; font-size: .95rem }



/* switch */

.cc-switch{ display: inline-flex; align-items: center; gap: .6rem; cursor: pointer; user-select: none }

.cc-switch input{ position: absolute; opacity: 0; pointer-events: none }

.cc-switch span{

  width: 42px; height: 24px; border-radius: 999px; position: relative; display: inline-block;

  background: #2a3346; border: 1px solid var(--border); transition: background .2s ease, border-color .2s ease;

}

.cc-switch span::after{

  content:""; position: absolute; top: 50%; left: 3px; transform: translateY(-50%);

  width: 18px; height: 18px; border-radius: 50%; background: #e9edf3; transition: left .2s ease;

}

.cc-switch input:checked + span{ background: rgba(34,197,94,.25); border-color: rgba(34,197,94,.45) }

.cc-switch input:checked + span::after{ left: 21px }



/* tlačítka dědí tvé .btn styly; jen drobná úprava pro lištu */

.cookiebar .btn{ padding: .7rem 1rem }



/* Telefon “badge” */

.contact-phone{

  display:inline-flex; align-items:center; gap:.5rem;

  font-weight:800; text-decoration:none;

  color:#05140e;

  background:linear-gradient(180deg,var(--brand),var(--brand-dark));

  padding:.45rem .75rem; border-radius:12px;

  box-shadow:var(--shadow);

}

.contact-phone:hover{ filter:brightness(1.05); }



/* Skryté extra fotky (výchozí) */

[data-gallery] .photo-card[data-extra="1"]{ display:none; }

[data-gallery].is-expanded .photo-card[data-extra="1"]{ display:block; }



/* Modal nav šipky */

.modal__dialog{ position:relative; }

.modal__nav{

  position:absolute; top:50%; transform:translateY(-50%);

  width:44px; height:44px; border-radius:999px; border:0; cursor:pointer;

  background:rgba(0,0,0,.35); color:#fff; font-size:1.2rem; line-height:1;

  display:grid; place-items:center;

  backdrop-filter:blur(4px);

}

.modal__nav--prev{ left:.5rem; }

.modal__nav--next{ right:.5rem; }

.modal__nav:hover{ background:rgba(0,0,0,.5); }



/* ===== Modal – ovladací prvky vždy nahoře, média se vejdou do okna ===== */

.modal{ position:fixed; inset:0; display:none; place-items:center; z-index:3000 }

.modal[open]{ display:grid }

.modal__backdrop{ position:absolute; inset:0; background:rgba(0,0,0,.7); backdrop-filter:blur(4px) }



.modal__dialog{

  position:relative;

  width:min(92vw, 1200px);

  background:#0b1220;            /* tmavé pozadí za obsahem */

  border:1px solid rgba(255,255,255,.12);

  border-radius:16px;

  box-shadow:0 20px 60px rgba(0,0,0,.55);

  overflow:hidden;

}



/* Média – pod ovládacími prvky */

.modal__video,

.modal__img{

  position:relative;

  z-index:1;                      /* pod šipkami a křížkem */

  display:none;

  width:100%;

  height:auto;

  max-height:82vh;                /* vejde se do okna */

  object-fit:contain;             /* neroztahovat */

  background:#000;                /* pro video i obrázek */

}



/* Křížek – vždy nahoře, velká klik zona */

.modal__close{

  position:absolute;

  top:10px; right:10px;

  z-index:5;                      /* nad vším */

  width:44px; height:44px;

  border:0; border-radius:999px;

  background:rgba(0,0,0,.45);

  color:#e9edf3; font-size:26px; line-height:1;

  display:grid; place-items:center;

  cursor:pointer;

  box-shadow:0 4px 14px rgba(0,0,0,.4);

  backdrop-filter:saturate(140%) blur(4px);

}

.modal__close:hover{ background:rgba(0,0,0,.6) }



/* Šipky – klikatelné i nad videem (z-index) */

.modal__nav{

  position:absolute;

  top:50%; transform:translateY(-50%);

  z-index:4;                      /* nad videem/obrázkem */

  width:48px; height:48px;

  border:1px solid rgba(255,255,255,.25);

  border-radius:999px;

  background:rgba(0,0,0,.45);

  color:#f1f5f9; font-size:26px; line-height:1;

  display:grid; place-items:center;

  cursor:pointer;

  user-select:none;

  box-shadow:0 6px 18px rgba(0,0,0,.45);

  backdrop-filter:saturate(140%) blur(4px);

  transition:transform .12s ease, background-color .12s ease, border-color .12s ease;

  pointer-events:auto;            /* jistota */

}

.modal__nav:hover{

  transform:translateY(calc(-50% - 1px));

  background:rgba(0,0,0,.6);

  border-color:rgba(255,255,255,.4);

}

.modal__nav--prev{ left:10px }

.modal__nav--next{ right:10px }



/* V menších oknech trochu menší */

@media (max-width:640px){

  .modal__nav{ width:42px; height:42px; font-size:22px }

  .modal__close{ width:42px; height:42px; font-size:24px }

}



/* Tlačítko Zpět nahoru – vizuální jistota */

.to-top{

  opacity:0; pointer-events:none; transform:translateY(8px);

  transition:opacity .18s ease, transform .18s ease;

}

.to-top.is-visible{ opacity:1; pointer-events:auto; transform:translateY(0) }

/* HERO: zobraz poster/GIF na pozadí, video až po "playing" */
.hero{
  background:#0b1220 url('assets/hero-poster.jpg') center/cover no-repeat;
}
.hero--gif{ /* zapneš z JS když přepneš na GIF */
  background-image: url('assets/hero-fallback.gif'), url('assets/hero-poster.jpg');
  background-size: cover;
  background-position: center;
}
.hero__video{
  opacity:0; transition:opacity .25s ease; /* neukazuj černý rám videa */
}
.hero.is-playing .hero__video{
  opacity:1; /* ukaž video až když hraje */
}
/* hlavička se NESMÍ lámat na dva řádky */
.lc-header__inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  min-height:var(--lc-header-h);
  flex-wrap: nowrap;            /* ⟵ důležité */
}

/* logo jako dřív, jen obrázek místo SVG badge */
.lc-logo{display:flex;align-items:center;gap:.6rem;color:#f3f6fb;text-decoration:none;font-weight:800;white-space:nowrap}

.logo-badge{
  width:100px;                   /* stejné rozměry jako původní badge */
  height:100px;
  border-radius:50px;
  display:block;                /* ⟵ zruší baseline mezeru pod <img> */
  object-fit:cover;
  background:none;              /* už nepoužíváme gradient pozadí */
  border:1px solid var(--brand-ghost);
}

/* jistota: navigace drží vpravo na jednom řádku */
.lc-nav{display:flex;align-items:center;gap:1rem;flex-wrap:nowrap}