/* ─────────────────────────────────────────────────────────────
   Landing v4 · Adventní kalendář online (11. 9. 2026)
   Staví na landing-premium.css (tokeny .lp3, papír s vločkami, tmavá sekce se sněhem,
   formulář a kontakt). Tady je jen to, co kalendář potřebuje navíc. Třídy lpk-…
   Hloubka jen plochými odstíny (vnitřek, hrany desky, rub dvířek), žádné měkké stíny ani záře.
   ───────────────────────────────────────────────────────────── */
.lpk-sprite{ position:absolute; width:0; height:0; overflow:hidden; }

/* ── drobečky ── */
.lpk .drobecky ol{ display:flex; flex-wrap:wrap; gap:8px; font-size:14px; line-height:20px; color:var(--sed); }
.lpk .drobecky li + li::before{ content:"›"; margin-right:8px; }
.lpk .drobecky a{ text-decoration:underline; text-decoration-color:rgba(17,17,17,.25); text-underline-offset:3px; }
.lpk .drobecky a:hover{ color:var(--zel); text-decoration-color:currentColor; }
.lpk .drobecky [aria-current]{ color:var(--ink); }

/* ── hero: stejně jako u animovaných novoročenek (.lp3-hero): vlevo text na papíře, vpravo až k okraji fotka večerního stolu s monitorem,
   do jehož obrazovky je vložená živá stránka adventního kalendáře ── */
.lpk-hero{ overflow-x:clip; } /* rozměry, mezera 56 px, odsazení textu i velikost nadpisu přesně jako u animovaných (.lp3-hero) */
/* výzva ke kliknutí pod fakty: jen text, bez šipky (Honza šipku zrušil) */
.lpk-zkus{ margin:22px 0 0; font-size:17px; line-height:24px; font-weight:800; color:var(--zel); }

/* Fotka 2400 × 1792 px (enov-redesign/landing/hero/kalendar-monitor-*.jpg). Obrazovka v ní: 461,309 → 1943,1174 px = 19,21 % / 17,24 %, 61,75 % × 48,27 %;
   zelená plocha obrazovky je v souboru přebarvená na #07122F, aby nikde neprosvítala.
   Panel přesně jako u animovaných (.lp3-scena-okno): poměr 4 : 3, od mezery 56 px za textem až k pravému okraji, stejná výška hera.
   Fotka je 109 % šířky panelu (monitor o něco větší než u animovaných: obrazovka ≈ 540 px na 1440 proti 395 px), vodorovně na střed, svisle −1 %. */
.lpk-foto{ position:relative; overflow:hidden; aspect-ratio:4 / 3; background:#1B2A22; }
.lpk-foto__scena{ --s:109%; position:absolute; left:calc(50% - var(--s) / 2); top:-1%; width:var(--s); aspect-ratio:2400 / 1792; }
.lpk-foto__scena > img{ position:absolute; inset:0; width:100%; height:100%; }
/* obrazovka: přesně přes plochu obrazovky ve fotce (o chlup větší, aby nezůstal lem); rozměry obsahu z její šířky (cqw) */
.lpk-obrazovka{ position:absolute; left:19.16%; top:17.19%; width:61.85%; height:48.37%; display:flex; flex-direction:column; overflow:hidden; container-type:inline-size; background:#07122F; }
/* lišta prohlížeče: tečky a adresa; tečky tlumené (červená jen pro slevy) */
.lpk-prohlizec{ flex:none; display:flex; align-items:center; gap:1.6cqw; height:max(16px, 3.6cqw); padding:0 1.6cqw; background:#EFE9DE; }
.lpk-prohlizec__tecky{ display:flex; gap:.8cqw; width:5cqw; }
.lpk-prohlizec__tecky i{ width:max(4px, 1cqw); aspect-ratio:1; border-radius:50%; background:#CFC5B3; }
.lpk-prohlizec__adresa{ flex:1; display:flex; align-items:center; justify-content:center; gap:.8cqw; max-width:44cqw; height:max(11px, 2.4cqw); margin:0 auto; padding:0 1.4cqw; background:#fff; font-size:max(8px, 1.45cqw); line-height:1; font-weight:600; color:#4A4F55; }
.lpk-prohlizec__adresa svg{ flex:none; width:max(7px, 1.3cqw); height:max(7px, 1.3cqw); fill:none; stroke:#1A7F4E; stroke-width:1.6; }
.lpk-prohlizec__misto{ width:5cqw; } /* vyvažuje tečky, aby adresa stála uprostřed */

/* Stránka kalendáře pod lištou: modrá noc, přes celou šířku obrázek (zimní městečko z motivu 18) s vyříznutými dvířky,
   přes to padá sníh (snih.js kreslí do canvas[data-snih]), dole přes zem obrázku pruh s obsahem otevřeného okénka.
   Každá dvířka nesou přesně svůj výřez obrázku, takže zavřený kalendář je jeden souvislý obraz.
   Všechny míry z šířky obrazovky --W (kontejner .lpk-scena, cqw): stránka .5475 W vysoká (obrazovka .5835 W − lišta .036 W).
   Mřížka 8 × 4: buňka .0956 W, mezera .011 W, okraj .0791 W, nahoře pás s názvem .068 W, pod mřížkou pruh .052 W.
   Okénka 24 a 12 jsou 2 × 2, okénko 6 je 1 × 2, okénko 20 je 2 × 1; poloha z inline --c/--r/--w/--h. */
.lpk-panel{ position:relative; flex:1; min-height:0; overflow:hidden; background:#07122F; }
.lpk-scena{ position:relative; z-index:1; container-type:inline-size; perspective:1600px; perspective-origin:50% 50%; }
/* sníh: plátno přes celou stránku, velikost daná CSS (jinak by snih.js při změně rozměru plátna roztahoval rozvržení) */
.lpk-snih{ position:absolute; inset:0; z-index:3; width:100%; height:100%; pointer-events:none; }
/* kalendář kouká čelem (bez natočení); do prostoru se hýbou jen dvířka */
.lpk-deska{ --W:100cqw;
  --obr:url("enov-redesign/landing/vanoce/kalendar-mestecko.jpg");
  position:relative; transform-style:preserve-3d; }

/* obrázek: výška stránky .5475 W, šířka 1,137 W (poměr 2000 : 963), posunutý o 6,85 % doleva, aby zůstal vidět kostel */
.lpk-obraz{ --p:calc(var(--W) * .0791); --t:calc(var(--W) * .068); --k:calc(var(--W) * .1066);
  --ow:calc(var(--W) * 1.137); --oh:calc(var(--W) * .5475); --ox:calc(var(--W) * -.0685);
  position:relative; height:var(--oh); transform-style:preserve-3d;
  background:var(--obr) var(--ox) 0 / var(--ow) var(--oh) no-repeat, #10235A; }
/* název stránky kalendáře vlevo nahoře na nebi */
.lpk-deska__hlava{ position:absolute; left:var(--p); top:calc(var(--W) * .014); display:flex; flex-direction:column; gap:calc(var(--W) * .004); color:#F7F1E6; }
.lpk-deska__hlava b{ font-size:max(10px, calc(var(--W) * .024)); line-height:1.1; font-weight:800; letter-spacing:.08em; }
.lpk-deska__hlava span{ font-size:max(7px, calc(var(--W) * .0125)); line-height:1.3; font-weight:700; letter-spacing:.02em; color:#E9CB85; }
.lpk-deska__mrizka{ position:absolute; left:var(--p); right:var(--p); top:var(--t); display:grid; grid-template-columns:repeat(8, minmax(0,1fr));
  grid-auto-rows:calc(var(--W) * .0956); gap:calc(var(--W) * .011); transform-style:preserve-3d; }

/* okénko = tlačítko; vnitřek (prohloubené okénko s obsahem) a dvířka na levém pantu */
.lpk-okenko{ --w:1; --h:1; position:relative; display:block; grid-column:var(--c) / span var(--w); grid-row:var(--r) / span var(--h);
  padding:0; border:0; background:none; cursor:pointer; transform-style:preserve-3d; -webkit-tap-highlight-color:transparent; }
.lpk-okenko:focus-visible{ outline:3px solid #F7F1E6; outline-offset:2px; }
/* vnitřek: hloubku dělá odstín stěn díry (horní a levá stěna ve stínu), žádný stín pod prvkem */
.lpk-uvnitr{ position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:calc(var(--W) * .007);
  background:linear-gradient(to bottom, rgba(74,52,20,.34), rgba(74,52,20,0) 16%), linear-gradient(to right, rgba(74,52,20,.24), rgba(74,52,20,0) 13%), var(--vnitrek, #F1E7D4); color:var(--inkoust, #14372C);
  font-size:max(8px, calc(var(--W) * .0135)); line-height:1; font-weight:800; transform:translateZ(1px); }
.lpk-okenko[data-typ="video"]{ --vnitrek:#17402F; --inkoust:#F7F1E6; }
.lpk-okenko[data-typ="darek"]{ --vnitrek:#EAD6A6; }
.lpk-okenko[data-typ="fotka"]{ --vnitrek:#DDE8E0; }
.lpk-okenko[data-typ="sleva"]{ --inkoust:#C62828; }
.lpk-okenko[data-typ="sleva"] .lpk-uvnitr > span{ font-size:max(10px, calc(var(--W) * .019)); }
.lpk-okenko--velke .lpk-uvnitr{ font-size:max(11px, calc(var(--W) * .021)); gap:calc(var(--W) * .012); }
.lpk-ikona{ width:42%; max-width:46px; aspect-ratio:1; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; overflow:visible; }
.lpk-okenko--velke .lpk-ikona{ width:34%; max-width:64px; stroke-width:1.4; }
.lpk-okenko.je-aktivni .lpk-uvnitr{ outline:2px solid #E9CB85; outline-offset:-2px; }

.lpk-dvere{ position:absolute; inset:0; transform-style:preserve-3d; transform-origin:0 50%; transform:translateZ(2px); transition:transform .6s cubic-bezier(.45,0,.2,1); }
.lpk-okenko.je-otevrene .lpk-dvere{ transform:translateZ(2px) rotateY(-112deg); transition:transform 1s cubic-bezier(.2,1.25,.35,1); }
.lpk-dvere__predni, .lpk-dvere__zadni{ position:absolute; inset:0; -webkit-backface-visibility:hidden; backface-visibility:hidden; }
/* líc dvířek: přesný výřez obrázku podle polohy v mřížce, tenký světlý obrys */
.lpk-dvere__predni{ border:1px solid rgba(247,241,230,.42);
  background:var(--obr) calc(var(--ox) - var(--p) - (var(--c) - 1) * var(--k)) calc(0px - var(--t) - (var(--r) - 1) * var(--k)) / var(--ow) var(--oh) no-repeat, #10235A;
  background-origin:border-box; }
/* číslo: krémový štítek, u 24 zlatá fólie */
.lpk-dvere__predni b{ position:absolute; left:12%; top:12%; min-width:1.9em; padding:.3em .34em .26em; background:#F7F1E6; color:#14372C;
  font:800 max(10px, calc(var(--W) * .0185))/1 'Mulish', system-ui, sans-serif; text-align:center; font-variant-numeric:tabular-nums; }
.lpk-okenko--velke .lpk-dvere__predni b{ left:8%; top:8%; font-size:max(14px, calc(var(--W) * .034)); }
.lpk-okenko[data-den="24"] .lpk-dvere__predni b{ background:linear-gradient(135deg, #F3DE9E 0%, #C99A45 48%, #EFD595 100%); color:#1B2A22; }
/* rub dvířek: světlá plocha, u pantu tmavší */
.lpk-dvere__zadni{ background:linear-gradient(to right, rgba(20,55,44,.14), rgba(20,55,44,0) 30%), #F7F1E6; border:1px solid #E2D8C6; transform:rotateY(180deg); }
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  .lpk-okenko:not(.je-otevrene):hover .lpk-dvere{ transform:translateZ(2px) rotateY(-22deg); }
}

/* obsah otevřeného okénka: jeden řádek v tmavém pruhu přes spodek stránky (pod mřížkou je jen zem obrázku), vpravo počet otevřených (z JS) */
.lpk-detail{ position:absolute; left:0; right:0; bottom:0; z-index:2; display:flex; align-items:center; gap:1.4cqw; height:max(22px, 5.2cqw); padding:0 7.9cqw;
  background:rgba(5,12,34,.86); color:#F7F1E6; font-size:max(9px, 1.6cqw); line-height:1.2; white-space:nowrap; }
.lpk-detail__hlava{ flex:none; font-weight:700; color:#E9CB85; }
.lpk-detail__text{ min-width:0; overflow:hidden; text-overflow:ellipsis; font-weight:800; }
.lpk-detail__podpis{ flex:none; color:rgba(247,241,230,.62); }
.lpk-detail__pocet{ flex:none; margin-left:auto; font-weight:600; color:rgba(247,241,230,.7); }
.lpk-detail__pocet b{ color:#F7F1E6; font-weight:800; font-variant-numeric:tabular-nums; }

/* ── jak to funguje (tmavá sekce se sněhem) ── */
.lpk-postup__obal{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,560px); gap:88px; align-items:center; }
.lpk-postup__foto{ order:-1; margin:0; }
.lpk-postup__foto img{ display:block; width:100%; height:auto; aspect-ratio:1200 / 670; object-fit:cover; }
.lpk-postup__foto figcaption{ margin-top:12px; font-size:14px; line-height:20px; color:rgba(255,255,255,.62); }
.lpk-kroky{ margin:36px 0 0; padding:0; list-style:none; border-bottom:1px solid rgba(255,255,255,.16); }
.lpk-kroky li{ display:grid; grid-template-columns:56px minmax(0,1fr); gap:8px; padding:22px 0; border-top:1px solid rgba(255,255,255,.16); }
.lpk-kroky__c{ font-size:34px; line-height:30px; font-weight:400; color:rgba(255,255,255,.5); font-variant-numeric:tabular-nums; }
.lpk-kroky h3{ font-size:21px; line-height:28px; }
.lpk-kroky p{ margin-top:4px; font-size:16px; line-height:25px; color:rgba(255,255,255,.76); }

/* ── co může být v okénku: nadpis drží místo, vpravo řádky s otevřeným okénkem ── */
.lpk-obsah__obal{ display:grid; grid-template-columns:minmax(0,440px) minmax(0,1fr); gap:96px; align-items:start; }
.lpk-obsah__hlava{ position:sticky; top:140px; }
.lpk-typy{ margin:0; padding:0; list-style:none; border-bottom:1px solid var(--linka); }
.lpk-typy li{ display:grid; grid-template-columns:104px minmax(0,1fr) minmax(0,280px); gap:12px 36px; align-items:center; padding:28px 0; border-top:1px solid var(--linka); }
.lpk-dlazdice{ display:flex; flex-direction:column; align-items:center; justify-content:center; gap:7px; width:104px; aspect-ratio:1;
  border:8px solid #14372C; background:#E9DECA; box-shadow:inset 6px 6px 0 #CDBD9F; color:#14372C; font-size:13px; line-height:1; font-weight:800; }
.lpk-dlazdice .lpk-ikona{ width:34px; }
.lpk-typy h3{ font-size:24px; line-height:30px; }
.lpk-typy p{ margin-top:6px; font-size:17px; line-height:27px; color:var(--sed); }
.lpk-typy .lpk-typy__ukazka{ margin:0; padding-left:18px; border-left:2px solid var(--zel); font-size:16px; line-height:24px; font-weight:700; color:var(--ink); }
.lpk-typy__ukazka small{ display:block; margin-bottom:2px; font-size:13px; line-height:18px; font-weight:600; color:var(--sed); }
.lpk-cesty{ display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); margin-top:48px; background:var(--papir); }
.lpk-cesty > div{ padding:28px 32px; }
.lpk-cesty > div + div{ border-left:1px solid var(--linka); }
.lpk-cesty h3{ font-size:20px; line-height:28px; }
.lpk-cesty p{ margin-top:6px; font-size:16px; line-height:25px; color:var(--sed); }

/* ── pro koho: kancelář s kalendářem na monitoru + tři sloupce ── */
.lpk-kancelar{ position:relative; overflow:hidden; margin:48px 0 0; aspect-ratio:2.35 / 1; background:#15261E; }
.lpk-kancelar__scena{ position:absolute; left:0; top:-17%; width:100%; aspect-ratio:1600 / 893; }
.lpk-kancelar__scena > img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
/* obrazovka monitoru ve fotce: 1485,518 → 2296,995 z 2752 × 1536 px (stejné míry jako .lp3-obrazovka) */
.lpk-monitor{ position:absolute; left:53.96%; top:33.72%; width:29.47%; height:31.05%; display:flex; flex-direction:column; overflow:hidden; container-type:size; background:#14372C; filter:brightness(.92); }
.lpk-monitor__lista{ flex:none; display:flex; align-items:center; gap:1.2cqw; height:8cqh; padding:0 2.4cqw; background:#0F2C22; }
.lpk-monitor__lista i{ width:1.4cqw; height:1.4cqw; border-radius:50%; background:rgba(247,241,230,.25); }
.lpk-monitor__lista span{ margin-left:1.4cqw; font-size:1.9cqw; font-weight:600; color:rgba(247,241,230,.6); }
.lpk-monitor__plocha{ flex:1; display:flex; flex-direction:column; min-height:0; padding:3.5cqh 4cqw 4cqh; }
.lpk-monitor__hlava{ display:flex; justify-content:space-between; margin-bottom:3cqh; font-size:2.2cqw; line-height:1.2; font-weight:800; color:#F7F1E6; }
.lpk-monitor__hlava span{ font-weight:600; color:rgba(247,241,230,.6); }
.lpk-monitor__mrizka{ flex:1; display:grid; grid-template-columns:repeat(6, minmax(0,1fr)); grid-template-rows:repeat(4, minmax(0,1fr)); gap:1.3cqw; min-height:0; }
.lpk-monitor__mrizka span{ display:grid; place-items:center; background:#F8F3EA; font-size:2.5cqw; font-weight:800; color:#14372C; }
.lpk-monitor__mrizka .je-otevrene{ background:#E9DECA; box-shadow:inset .7cqw .7cqw 0 #C6B495; font-size:1.8cqw; }
.lpk-komu__sloupce{ display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:48px; margin-top:48px; }
.lpk-komu__sloupce > div{ padding-top:22px; border-top:2px solid var(--tmava); }
.lpk-komu__sloupce h3{ font-size:24px; line-height:30px; }
.lpk-komu__sloupce p{ margin-top:10px; font-size:17px; line-height:27px; color:var(--sed); }
.lpk-k{ display:grid; gap:6px; margin:16px 0 0; padding:0; list-style:none; font-size:15px; line-height:22px; font-weight:600; }
.lpk-k li::before{ content:""; display:inline-block; width:10px; height:5px; margin-right:10px; border-left:2px solid var(--zel); border-bottom:2px solid var(--zel); transform:translateY(-3px) rotate(-45deg); }

/* ── časté dotazy ── */
.lpk-dotazy .lp3-dotazy p{ max-width:62ch; }

/* ── poptávka + kontakt ── */
.lpk .lp3-poptavka{ grid-template-columns:minmax(0,860px) 440px; justify-content:space-between; }
.lpk .lp3-pole > label{ font-size:14px; line-height:20px; font-weight:700; }
.lpk .lp3-pole.chyba input{ border-color:#B3261E; }
.lpk .lp3-kontakt{ background:#fff; }
.lpk-volby{ display:flex; flex-wrap:wrap; gap:10px; min-width:0; margin:0; padding:0; border:0; }
.lpk-volby legend{ margin-bottom:8px; padding:0; font-size:14px; line-height:20px; font-weight:700; }
.lpk-volba{ display:inline-flex; align-items:center; gap:10px; min-height:52px; padding:0 18px; border:1.5px solid #C9CCD1; background:#fff; font-size:15px; line-height:20px; font-weight:600; cursor:pointer; transition:border-color .2s ease, background-color .2s ease; }
.lpk-volba:hover{ border-color:#9EA3AA; }
.lpk-volba input{ flex:none; width:18px; height:18px; margin:0; accent-color:var(--zel); }
.lpk-volba:has(input:checked){ border-color:var(--zel); background:var(--mint); }
.lpk-volba:has(input:focus-visible){ outline:2px solid var(--zel); outline-offset:2px; }
.lp3-formular > .lpk-souhlas{ margin-top:0; font-size:13px; line-height:19px; color:var(--sed); }

/* ── menší obrazovky ── */
@media (max-width:1100px){
  .lpk-zkus{ margin:28px 0 0; }
  .lpk-postup__obal, .lpk-obsah__obal{ grid-template-columns:minmax(0,1fr); gap:40px; }
  .lpk-postup__foto{ order:0; }
  .lpk-obsah__hlava{ position:static; }
  .lpk .lp3-poptavka{ grid-template-columns:minmax(0,1fr); }
  .lpk .lp3-kontakt{ margin-top:56px; }
}
@media (max-width:820px){
  .lpk-hero h1{ font-size:40px; line-height:46px; }
  .lpk .lpk-hero .lp3-fakta{ flex-direction:column; gap:6px; }
  .lpk .lpk-hero .lp3-fakta li::before, .lpk .lpk-hero .lp3-fakta li + li::before{ content:""; display:inline-block; width:10px; height:5px; margin:0 10px 0 0; border-left:2px solid var(--zel); border-bottom:2px solid var(--zel); transform:translateY(-3px) rotate(-45deg); }
  .lpk-scena{ perspective:1200px; }
  .lpk-foto__scena{ --s:150%; top:-11.6%; } /* mobil: obrazovka skoro přes celou šířku, ať jdou okénka ťukat */
  .lpk-detail__podpis, .lpk-detail__pocet{ display:none; }
  .lpk-uvnitr > span{ display:none; }
  .lpk-okenko--velke .lpk-uvnitr > span, .lpk-okenko[data-typ="sleva"] .lpk-uvnitr > span{ display:block; }
  .lpk-okenko[data-typ="sleva"]:not(.lpk-okenko--velke) .lpk-ikona{ display:none; }
  .lpk-okenko[data-typ="sleva"] .lpk-uvnitr > span{ font-size:9px; }
  .lpk-ikona{ width:52%; }
  .lpk-dvere__predni b{ left:8%; top:8%; min-width:1.7em; padding:.25em .2em .2em; }
  .lpk-kroky li{ grid-template-columns:40px minmax(0,1fr); padding:18px 0; }
  .lpk-kroky__c{ font-size:26px; line-height:28px; }
  .lpk-typy li{ grid-template-columns:72px minmax(0,1fr); gap:14px 18px; align-items:start; padding:24px 0; }
  .lpk-typy .lpk-typy__ukazka{ grid-column:2; }
  .lpk-dlazdice{ width:72px; gap:4px; border-width:5px; box-shadow:inset 4px 4px 0 #CDBD9F; font-size:10px; }
  .lpk-dlazdice .lpk-ikona{ width:24px; }
  .lpk-typy h3{ font-size:21px; line-height:28px; }
  .lpk-typy p{ font-size:16px; line-height:25px; }
  .lpk-cesty{ grid-template-columns:minmax(0,1fr); margin-top:32px; }
  .lpk-cesty > div{ padding:22px 20px; }
  .lpk-cesty > div + div{ border-left:0; border-top:1px solid var(--linka); }
  .lpk-kancelar{ aspect-ratio:4 / 3; margin-top:32px; }
  .lpk-kancelar__scena{ left:-61.7%; top:-14.9%; width:166.7%; }
  .lpk-komu__sloupce{ grid-template-columns:minmax(0,1fr); gap:32px; margin-top:32px; }
  .lpk-volba{ flex:1 1 100%; }
}
@media (prefers-reduced-motion: reduce){
  .lpk-dvere, .lpk-okenko.je-otevrene .lpk-dvere, .lpk-volba{ transition:none; }
}