/* karavan.tenants.cz — Chausson Exaltis 6010. Písmo je na serveru (fonty/),
   z Googlu se nic nenačítá: žádné cizí požadavky, žádný souhlas. */
@font-face{font-family:Manrope;font-weight:300;font-display:swap;src:url(fonty-w/manrope-300.woff2) format("woff2")}
@font-face{font-family:Manrope;font-weight:400;font-display:swap;src:url(fonty-w/manrope-400.woff2) format("woff2")}
@font-face{font-family:Manrope;font-weight:500;font-display:swap;src:url(fonty-w/manrope-500.woff2) format("woff2")}
@font-face{font-family:Manrope;font-weight:600;font-display:swap;src:url(fonty-w/manrope-600.woff2) format("woff2")}
@font-face{font-family:Manrope;font-weight:700;font-display:swap;src:url(fonty-w/manrope-700.woff2) format("woff2")}

:root{
  --kv-text:#111418; --kv-text-tlumeny:#5B6168; --kv-odstavec:#4A5058;
  --kv-pozadi:#fff; --kv-pas:#F2F2EF; --kv-cara:#D5D8DC; --kv-akcent:#1E3A5F;
  --kv-okraj:clamp(20px,5vw,64px);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:72px}
body{margin:0;background:var(--kv-pozadi);color:var(--kv-text);font:400 16px/1.65 Manrope,system-ui,sans-serif;-webkit-text-size-adjust:100%}
img{display:block;max-width:100%}
a{color:inherit}
.obal{max-width:1200px;margin:0 auto;padding:0 var(--kv-okraj)}
.pas{background:var(--kv-pas)}
.popisek{font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--kv-akcent);margin:0 0 .75rem}
h1,h2{font-weight:300;letter-spacing:-.025em;line-height:1.1;margin:0}
h1{font-size:clamp(48px,8.7vw,125px)}
h2{font-size:clamp(30px,4.2vw,52px);margin-bottom:1.25rem}
p{color:var(--kv-odstavec);margin:0 0 1rem}
section{padding:clamp(48px,8vw,112px) 0}

/* hlavička */
.hlavicka{position:fixed;top:0;left:0;right:0;z-index:20;background:rgba(255,255,255,.96);border-bottom:1px solid var(--kv-cara)}
.hlavicka .obal{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;min-height:64px;padding-top:6px;padding-bottom:6px}
.znacka{font-weight:700;letter-spacing:.2em;text-decoration:none;font-size:15px}
.hlavicka nav{display:flex;flex-wrap:wrap;gap:.25rem 1.5rem;align-items:center;font-size:14px;font-weight:500}
.hlavicka nav a{text-decoration:none;padding:.4rem 0}
.hlavicka nav a.tel{color:var(--kv-akcent);font-weight:700}

/* úvod */
.uvod{padding:clamp(40px,7vw,96px) 0 clamp(32px,5vw,64px)}
.uvod .obal{display:flex;flex-wrap:wrap;gap:2rem 3rem;justify-content:space-between;align-items:flex-end}
.uvod-text{flex:1 1 480px}
.uvod-text p.podtitul{font-size:clamp(16px,1.6vw,19px);max-width:34em;margin-top:1.25rem}
.cena-blok{flex:0 0 auto}
.cena-velka{font-size:clamp(30px,3.8vw,55px);font-weight:300;letter-spacing:-.02em;color:var(--kv-text);margin:0 0 1.25rem}
.tlacitka{display:flex;flex-wrap:wrap;gap:.6rem}
.pdf-odkaz{display:inline-block;margin-top:.9rem;font-size:14px;font-weight:600}
.tl{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 1.5rem;font:600 15px Manrope,sans-serif;text-decoration:none;border:1px solid var(--kv-text)}
.tl-plne{background:var(--kv-text);color:#fff}
.tl-obrys{background:transparent;color:var(--kv-text)}
.tl:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid var(--kv-akcent);outline-offset:2px}

/* fotky přes celou šířku */
.pres{width:100%;object-fit:cover}
.ram{max-width:1440px;margin:0 auto}
.hero{height:clamp(340px,56vw,780px);object-position:50% 72%}
.pres-2{height:clamp(320px,48vw,680px);object-position:50% 62%}

/* mřížka čísel */
.cisla{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,152px),1fr));gap:0 32px}
.cislo{padding:1rem 0 1.75rem;border-top:1px solid var(--kv-text)}
.cislo b{display:block;font-size:clamp(28px,3.2vw,40px);font-weight:300;letter-spacing:-.02em;line-height:1.1}
.cislo span{font-size:13px;color:var(--kv-text-tlumeny)}
.zaklad{padding:clamp(32px,5vw,64px) 0 0}

/* představení */
.dvasloupce{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:clamp(32px,6vw,96px)}
.highlights{list-style:none;margin:0;padding:0;border-top:1px solid var(--kv-text)}
.highlights li{display:grid;grid-template-columns:2.5rem 1fr;gap:.5rem;padding:1rem 0;border-bottom:1px solid var(--kv-cara)}
.highlights .n{color:var(--kv-akcent);font-weight:700}
.highlights strong{display:block;font-weight:600}
.highlights span{color:var(--kv-odstavec);font-size:15px}

/* energie / zima */
.ctyri-cisla{margin-top:2rem}
.velke-cislo{font-size:clamp(72px,14vw,200px);font-weight:300;letter-spacing:-.04em;line-height:1}

/* nivelace */
.niv{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));gap:clamp(24px,5vw,80px);align-items:start}
.niv img{width:100%;height:auto}
.niv .velka{aspect-ratio:4/3;object-fit:cover}
.niv .mala{aspect-ratio:3/2;object-fit:cover;max-width:360px;margin-top:1.5rem}
.blok-citat{border-top:1px solid var(--kv-text);padding-top:1rem;margin-top:1.5rem}
.blok-citat b{display:block}

/* galerie */
.galerie{margin-top:2rem}
.gal-okno{position:relative;aspect-ratio:3/2;background:var(--kv-text)}
.gal-okno img{width:100%;height:100%;object-fit:contain}
.gal-sip{position:absolute;top:50%;transform:translateY(-50%);width:52px;height:52px;border-radius:50%;border:0;background:rgba(255,255,255,.92);font-size:22px;cursor:pointer;color:var(--kv-text)}
.gal-sip.vlevo{left:12px}.gal-sip.vpravo{right:12px}
.gal-info{display:flex;justify-content:space-between;gap:1rem;margin:.75rem 0;font-size:14px;color:var(--kv-odstavec)}
.gal-nahledy{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px}
.gal-nahledy button{flex:0 0 auto;padding:0;border:2px solid transparent;background:none;cursor:pointer;opacity:.65}
.gal-nahledy button img{width:104px;height:72px;object-fit:cover}
.gal-nahledy button[aria-current="true"]{border-color:var(--kv-text);opacity:1}

/* půdorys */
.pudorys{position:relative;max-width:560px;width:100%}
.pudorys>img{width:100%;height:auto}
.postel{position:absolute;left:60.25%;top:16.37%;width:26.8%;height:22.92%;border:2px dashed var(--kv-akcent);background:rgba(30,58,95,.08)}
.postel .matrace{position:absolute;inset:6%;border:2px solid var(--kv-akcent);border-radius:7px;background:rgba(255,255,255,.55)}
.postel .polstar{position:absolute;top:6%;width:34%;height:11%;background:#fff}
.postel .polstar.l{left:9%}.postel .polstar.p{right:9%}
.postel .perina{position:absolute;left:0;right:0;top:37%;border-top:2px solid var(--kv-akcent);opacity:.5}
dl.preklad{display:grid;grid-template-columns:auto 1fr;gap:.25rem 1rem;font-size:14px;margin:1rem 0 0}
dl.preklad dt{font-style:italic}
dl.preklad dd{margin:0}

/* tabulka a výbava */
table{width:100%;border-collapse:collapse;margin-bottom:2rem}
th,td{text-align:left;padding:.7rem 1rem .7rem 0;border-bottom:1px solid var(--kv-cara);vertical-align:top}
th{font-weight:600;width:38%}
.vybava{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:2rem}
.vybava h3{font-size:15px;font-weight:700;color:var(--kv-akcent);margin:0 0 .75rem}
.vybava ul{margin:0;padding:0;list-style:none;border-top:1px solid var(--kv-text)}
.vybava li{padding:.45rem 0;border-bottom:1px solid var(--kv-cara);font-size:15px;color:var(--kv-odstavec)}

/* kontakt */
.kontakt-radek{display:flex;flex-wrap:wrap;gap:2rem 6rem;margin-bottom:2rem}
.kontakt-radek .tel-velke{font-size:clamp(28px,3.5vw,40px);font-weight:300;text-decoration:none}
.kontakt-pozn{border-top:1px solid var(--kv-text);padding-top:1rem;font-size:15px}

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

/* hero přes celou obrazovku: fotka až nahoru, nadpisy přes ni */
.hero-plne{position:relative;min-height:100vh;min-height:100svh;padding:0;display:flex;align-items:flex-end;color:#fff;overflow:hidden;background:#222}
.hero-foto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 66%}
.hero-stin{position:absolute;inset:0;background:linear-gradient(to top,rgba(10,14,20,.78) 0%,rgba(10,14,20,.45) 38%,rgba(10,14,20,.12) 70%,rgba(10,14,20,.28) 100%)}
.hero-obsah{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:2rem 3rem;justify-content:space-between;align-items:flex-end;width:100%;padding-top:110px;padding-bottom:clamp(32px,6vw,72px)}
.hero-plne h1,.hero-plne .cena-velka{color:#fff}
.hero-plne .popisek{color:rgba(255,255,255,.85)}
.hero-plne p.podtitul{color:rgba(255,255,255,.92)}
.hero-plne .tl-plne{background:#fff;color:var(--kv-text);border-color:#fff}
.hero-plne .tl-obrys{color:#fff;border-color:#fff}
.hero-plne .pdf-odkaz{color:#fff}
.hero-plne .tl:focus-visible,.hero-plne a:focus-visible{outline-color:#fff}
/* hlavička: nahoře průhledná nad fotkou (jen s JS), po rolování bílá */
.js .hlavicka.nahore{background:transparent;border-bottom-color:transparent;color:#fff}
.js .hlavicka.nahore a,.js .hlavicka.nahore nav a.tel{color:#fff}