/* Bliżej Czech – style.css · čistý důvěryhodný styl (R-029) · bez závislostí */
:root{
  /* světlá: čistá bílá + studený modrošedý pás (Stripe/Linear model) – krémová zamítnuta Danielem 3. 9. */
  --bg:#ffffff; --bg-alt:#eef2f7; --surface:#ffffff; --text:#172033; --muted:#5a6778;
  --accent:#11457E; --accent-ink:#ffffff; --accent-soft:#e3edf8; --line:#d5dce5; --line-strong:#6f7d8c;
  --cz-red:#D7141A; --cz-red-link:#b31217;
  --radius:20px; --shadow:0 1px 2px rgba(20,30,40,.05),0 10px 30px rgba(20,30,40,.05);
  /* „obrácená“ paleta pro bloky (karty, ceník, kroky, ukázka, próbka): ve světlém režimu tmavé bloky se světlým písmem */
  --inv-bg:#0c1117; --inv-bg-alt:#182130; --inv-surface:#1f2a38; --inv-text:#e7ecf2; --inv-muted:#a9b5c4;
  --inv-accent:#8db5ea; --inv-accent-ink:#0b1626; --inv-accent-soft:#243a58; --inv-line:#3a4858; --inv-line-strong:#6f7d8c;
  --inv-cz-red-link:#f47a7e;
  /* stín bloku ve třech vrstvách: kontakt (1 px), okolí (ambient occlusion) a dálka v barvě akcentu */
  --inv-shadow:0 1px 1px rgba(12,17,23,.16),0 8px 16px -8px rgba(12,17,23,.22),0 32px 56px -24px rgba(17,69,126,.32);
  --grain:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='160'%20height='160'%3E%3Cfilter%20id='n'%3E%3CfeTurbulence%20type='fractalNoise'%20baseFrequency='.85'%20numOctaves='2'%20stitchTiles='stitch'/%3E%3CfeColorMatrix%20values='0%200%200%200%201%200%200%200%200%201%200%200%200%200%201%200%200%200%20.07%200'/%3E%3C/filter%3E%3Crect%20width='100%'%20height='100%'%20filter='url(%23n)'/%3E%3C/svg%3E");
  --page-accent:#11457E; --radius-sm:10px;
  /* pohyb: jedna sada křivek a délek (B#1) – akordeonová křivka beze změny hodnoty, jen pojmenovaná */
  --ease-out:cubic-bezier(.16,1,.3,1); --ease-acc:cubic-bezier(.78,.13,.15,.86); --dur-1:.15s; --dur-2:.3s; --dur-3:.7s; --rise:12px;
  --font:ui-sans-serif,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;
  --gutter:2rem; --maxw:1180px; --step--1:clamp(.8125rem,.78rem + .15vw,.9rem); --step-0:clamp(1rem,.95rem + .25vw,1.125rem); --step-1:clamp(1.15rem,1.05rem + .5vw,1.35rem);
  --step-2:clamp(1.85rem,1.45rem + 1.8vw,2.6rem); --step-3:clamp(2.15rem,1.6rem + 3.2vw,4.25rem);
  color-scheme:light dark;
}
@media (min-width:2000px){:root{--maxw:1260px;--step-0:1.1875rem}}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){ --bg:#0c1117; --bg-alt:#182130; --surface:#1f2a38; --text:#e7ecf2; --muted:#a3b0bf;
    --accent:#8db5ea; --accent-ink:#0b1626; --accent-soft:#243a58; --line:#3a4858; --line-strong:#6f7d8c;
    --cz-red-link:#f47a7e;
    --shadow:0 1px 2px rgba(0,0,0,.4),0 8px 24px rgba(0,0,0,.35);
    --inv-bg:#ffffff; --inv-bg-alt:#e8edf4; --inv-surface:#f4f7fb; --inv-text:#131c2b; --inv-muted:#4c5a6d;
    --inv-accent:#11457E; --inv-accent-ink:#ffffff; --inv-accent-soft:#e3edf8; --inv-line:#ccd6e2; --inv-line-strong:#6f7d8c;
    --inv-cz-red-link:#b31217; --inv-shadow:0 1px 1px rgba(0,0,0,.5),0 8px 16px -8px rgba(0,0,0,.5),0 32px 56px -24px rgba(0,0,0,.7);
    --grain:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='160'%20height='160'%3E%3Cfilter%20id='n'%3E%3CfeTurbulence%20type='fractalNoise'%20baseFrequency='.85'%20numOctaves='2'%20stitchTiles='stitch'/%3E%3CfeColorMatrix%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20.05%200'/%3E%3C/filter%3E%3Crect%20width='100%'%20height='100%'%20filter='url(%23n)'/%3E%3C/svg%3E");
    --page-accent:#8db5ea; }}
:root[data-theme="dark"]{ --bg:#0c1117; --bg-alt:#182130; --surface:#1f2a38; --text:#e7ecf2; --muted:#a3b0bf;
    --accent:#8db5ea; --accent-ink:#0b1626; --accent-soft:#243a58; --line:#3a4858; --line-strong:#6f7d8c;
    --cz-red-link:#f47a7e;
    --shadow:0 1px 2px rgba(0,0,0,.4),0 8px 24px rgba(0,0,0,.35);
    --inv-bg:#ffffff; --inv-bg-alt:#e8edf4; --inv-surface:#f4f7fb; --inv-text:#131c2b; --inv-muted:#4c5a6d;
    --inv-accent:#11457E; --inv-accent-ink:#ffffff; --inv-accent-soft:#e3edf8; --inv-line:#ccd6e2; --inv-line-strong:#6f7d8c;
    --inv-cz-red-link:#b31217; --inv-shadow:0 1px 1px rgba(0,0,0,.5),0 8px 16px -8px rgba(0,0,0,.5),0 32px 56px -24px rgba(0,0,0,.7);
    --grain:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='160'%20height='160'%3E%3Cfilter%20id='n'%3E%3CfeTurbulence%20type='fractalNoise'%20baseFrequency='.85'%20numOctaves='2'%20stitchTiles='stitch'/%3E%3CfeColorMatrix%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20.05%200'/%3E%3C/filter%3E%3Crect%20width='100%'%20height='100%'%20filter='url(%23n)'/%3E%3C/svg%3E");
    --page-accent:#8db5ea; }
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto} *,*::before,*::after{animation:none!important;transition:none!important} ::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}
body{margin:0;overflow-x:clip;font-family:var(--font);font-size:var(--step-0);line-height:1.6;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto}
a{color:var(--accent);text-underline-offset:.15em}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.skip{position:absolute;left:-999px;top:0;background:var(--accent);color:var(--accent-ink);padding:.5rem 1rem;z-index:100}
.skip:focus{left:1rem;top:1rem}
.wrap{width:min(100% - var(--gutter),var(--maxw));margin-inline:auto}

/* header */
.site-header{position:sticky;top:0;background:var(--bg);border-bottom:1px solid var(--line);z-index:10}
.nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 0}
.brand{position:relative;display:inline-flex;align-items:center;gap:.55rem;font-weight:700;text-decoration:none;color:var(--text);letter-spacing:-.01em}
.brand-mark{display:block;width:1.9rem;height:1.9rem;border-radius:50%}
/* textové odkazy: modrá, hover do vlajkové červené (mimo tlačítka a navigaci) */
main a:not(.btn){text-decoration-thickness:1px;transition:color var(--dur-1) var(--ease-out),text-decoration-color var(--dur-1) var(--ease-out),text-underline-offset var(--dur-2) var(--ease-out)}
main a:not(.btn):hover{text-underline-offset:.3em}
main a:not(.btn):hover{color:var(--cz-red-link)}
.nav-links{list-style:none;display:flex;gap:1rem;margin:0;padding:0;align-items:center;flex-wrap:wrap}
.nav-links a{color:var(--text);text-decoration:none;font-size:.95rem;transition:color var(--dur-1) var(--ease-out)}
.nav-links a:hover{color:var(--accent)}
/* mobil: odkazy v druhém řádku, vodorovně rolovatelné (bez JS); hlavička je vyšší → větší scroll-margin */
.nav .nav-cta{display:none}
.mnav{display:none}
@media (max-width:720px){.mnav ~ .nav-links{display:none}.nav .nav-cta{display:inline-block;margin-left:auto}.mnav{display:block;position:relative;order:5}.mnav summary{list-style:none;cursor:pointer;display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--text)}.mnav summary::-webkit-details-marker{display:none}.mnav[open] summary{background:var(--bg-alt)}.mnav-panel{position:absolute;right:0;top:calc(100% + .6rem);min-width:230px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:.4rem;display:flex;flex-direction:column;z-index:30}.mnav-panel a{display:block;padding:.65rem .9rem;border-radius:var(--radius-sm);text-decoration:none;color:var(--text);font-size:1rem}.mnav-panel a:hover{background:var(--bg-alt)}.mnav-panel a:last-child{color:var(--accent);font-weight:700}}

/* typography */
h1,h2,h3{line-height:1.12;letter-spacing:-.025em;margin:0 0 .7em;text-wrap:balance;font-kerning:normal;font-feature-settings:"kern" 1,"liga" 1}
h2{line-height:1.08}
h1{font-size:var(--step-3);line-height:1.05;max-width:19ch}
@media (max-width:720px){h1{font-size:clamp(1.85rem,1.1rem + 4vw,2.4rem)}}
h2{font-size:var(--step-2);max-width:26ch}
h3{font-size:var(--step-1)}
p{margin:0 0 1rem}
p,li{text-wrap:pretty}
.eyebrow{color:var(--accent);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-bottom:1rem}
@media (max-width:720px){.eyebrow{font-size:.75rem;letter-spacing:.06em}}
.lead{font-size:var(--step-1);line-height:1.55;max-width:54ch;color:var(--muted);margin-bottom:1.75rem}
.lead-sm{font-size:1.0625rem;line-height:1.65;color:var(--muted);max-width:56ch;margin-bottom:1.5rem}
.micro{font-size:var(--step--1);color:var(--muted)}
.prose{max-width:76ch}
.prose h2{margin-top:2rem}
code{font-size:.9em}
pre{white-space:pre-wrap;overflow-wrap:anywhere}
.source{font-size:var(--step--1);color:var(--muted);margin:1.25rem auto 0;max-width:68ch}
.bridge{font-weight:600;max-width:none;margin:3rem 0 0;font-size:var(--step-1);line-height:1.5;letter-spacing:-.01em;text-wrap:balance}
@media (max-width:720px){.bridge{margin-top:2rem;font-size:1.1rem}}
/* „Czego nie robię“: levé pravítko jako u ukázky a časové osy, ne modrošedý alert box (C#5) */
.note{border-left:3px solid var(--accent);padding:.2rem 0 .2rem 1.1rem;max-width:70ch;margin:0 0 1.5rem;line-height:1.6}

/* layout */
.section{padding:7rem 0}
@media (max-width:720px){
  .section{padding:4.5rem 0}
  body{line-height:1.65}
  .offer-list h3{margin-top:2rem}
  .offer-list{margin-top:.5rem}
  .cz p{line-height:1.65}
}
/* střídavé pozadí sekcí přes celou šířku (box-shadow + clip-path, bez změny struktury .wrap) */
/* pás přes celou šířku bez obřího stínu (levnější překreslení → plynulejší animace akordeonů) */
.section-alt{position:relative;background:transparent}
.section-alt::after{content:"";position:absolute;z-index:-1;inset:0;left:50%;transform:translateX(-50%);width:100vw;background:var(--bg-alt);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--line) 60%,transparent),inset 0 -1px 0 color-mix(in srgb,var(--line) 60%,transparent)}
/* kotva nadpisu: krátká vlajková linka nad každým h2 sekce */
.section h2::before{content:"";display:block;width:2.6rem;height:3px;border-radius:2px;margin-bottom:1.1rem;background:linear-gradient(to right,var(--accent) 0 50%,var(--cz-red) 50% 100%)}
/* sekce bez dvousloupcového rozvržení = vycentrovaná hlavička a obsahový sloupec (Apple/Tesla rytmus) */
.section:not(.offer)>h2{text-align:center;max-width:22ch;margin-inline:auto;margin-bottom:3rem}
.section:not(.offer)>h2::before{margin-inline:auto}
.section:not(.offer)>.source,.section:not(.offer)>.bridge{text-align:center;margin-inline:auto}
.steps,.faq{margin-inline:auto}
.contact .form,.contact .alt,.contact .micro{margin-inline:auto}
.pricing-notes{margin-top:2.5rem;padding-top:1.75rem;border-top:1px solid var(--line)}
.fine-lead,.fine-d{margin-inline:auto;text-align:center;max-width:64ch}
.fine-d .fine{text-align:left;max-width:64ch;margin-inline:auto}
@media (min-width:900px){
  /* pod sebou, zarovnané vlevo: text do 80ch, rozbalení Useme na jednom řádku se šipkou hned za textem */
  /* desktop: věta o kapacitě na dvou řádcích (br po „netto.“), vycentrovaná; rozbalení Useme pod ní na střed, jeho seznam vlevo v 68ch */
  .pricing-notes{text-align:center}
  .pricing-notes .fine-lead,.pricing-notes .fine-d{margin-inline:auto;text-align:center;max-width:none}
  .pricing-notes .fine-lead{font-size:var(--step-0);color:var(--text);line-height:1.55;margin-bottom:0}
  .pricing-notes .fine-d{margin-top:1.1rem}
  .fine-d summary{white-space:nowrap}
  .pricing-notes .fine{max-width:68ch;margin-inline:auto;text-align:left}
}
/* aby kotva z menu nezajela pod sticky hlavičku (výška hlavičky ~63 px) */
section[id],main[id]{scroll-margin-top:5.5rem}
.hero{position:relative;padding:5.5rem 0 5rem;max-width:none}
/* jediné „světlo“ na stránce: měkká záře za hero z tokenu akcentu (světlý režim modravé světlo, tmavý glow) */
.hero::before{content:"";position:absolute;z-index:-1;inset:-5.5rem 0 0;left:50%;transform:translateX(-50%);width:100vw;pointer-events:none;
  background:radial-gradient(48% 55% at 76% 42%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 70%),radial-gradient(34% 40% at 6% 96%,color-mix(in srgb,var(--accent) 6%,transparent),transparent 70%)}
@media (prefers-color-scheme:dark){.hero::before{top:0;mix-blend-mode:screen;background:radial-gradient(52% 60% at 74% 40%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 72%),radial-gradient(32% 38% at 6% 96%,color-mix(in srgb,var(--accent) 9%,transparent),transparent 70%)}}
/* hero ≥ 980 px: štítek přes celou šířku, text 7/12 | ukázka 5/12, fakta jako jeden řádek nad hairline pod oběma sloupci (A#1, C#2) */
@media (min-width:980px){
  .hero{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:0 4rem;align-items:start;padding:4.5rem 0 5rem}
  .hero-text{display:contents}
  .hero-text>*{grid-column:1}
  .hero .eyebrow{grid-column:1/-1;max-width:none;margin-bottom:2.25rem}
  .hero h1{font-size:clamp(2.5rem,1.3rem + 2.5vw,3.6rem);letter-spacing:-.03em;line-height:1.04;max-width:none;margin-bottom:.55em}
  .hero .lead{max-width:50ch}
  .hero .cta-row{margin:1.75rem 0 .75rem}
  .hero .btn{font-size:1rem;padding:.95rem 1.5rem}
  .hero .proof{grid-column:1/-1;margin:3.5rem 0 0;padding-top:1.5rem;border-top:1px solid var(--line)}
  .demo{grid-column:2;grid-row:2/6;align-self:center;margin:0}
}
@media (max-width:720px){
  .hero{padding:2.5rem 0 3rem}
  .hero h1{margin-bottom:.5em}
  .hero .lead{margin-bottom:1.25rem}
  .cta-row{margin:1.25rem 0 .6rem}
  .hero .proof{margin-top:1.25rem}
}
.cta-row{margin:2rem 0 .85rem}
.btn{display:inline-block;padding:1rem 1.75rem;border-radius:999px;font-weight:600;text-decoration:none;border:2px solid var(--accent);color:var(--accent);background:transparent;cursor:pointer;font-size:1.0625rem;line-height:1.2;text-align:center}
@media (min-width:721px){.btn{white-space:nowrap}}
.btn-primary{background:var(--accent);color:var(--accent-ink);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 6px 16px -10px color-mix(in srgb,var(--accent) 70%,transparent)}
.btn:not(.btn-primary):not(.btn-small):hover{background:var(--accent-soft)}
@media (hover:hover){.btn-primary:hover,.btn-small:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 12px 24px -10px color-mix(in srgb,var(--accent) 75%,transparent)}}
.btn:active{transform:translateY(1px);filter:none;box-shadow:none}
.btn-primary:focus-visible,.btn-small:focus-visible{outline-offset:3px}
.btn-small{padding:.5rem 1rem;font-size:.95rem;background:var(--accent);color:var(--accent-ink)!important}
.proof{list-style:none;display:flex;flex-wrap:wrap;gap:.35rem 2rem;padding:0;margin:0 0 .5rem;color:var(--muted);font-size:var(--step--1);font-variant-numeric:tabular-nums}
.proof li::before{content:"✓ " / "";color:var(--accent);font-weight:700}
.list{padding-left:1.2rem;max-width:60ch}
.list li{margin-bottom:.6rem}
.cards{list-style:none;padding:0;margin:0;display:grid;gap:1.5rem}
.cards-4{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
/* tiles: hover = kontrastní inverze (jen zařízení s myší) */
@media (hover:hover){
  .tiles li{transition:background-color var(--dur-2) var(--ease-out),color var(--dur-2) var(--ease-out),border-color var(--dur-2) var(--ease-out)}
  .tiles li:hover{background:var(--text);color:var(--bg);border-color:transparent}
}
.cards li{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.75rem;box-shadow:var(--shadow);line-height:1.6}
.tiles li strong{display:block;margin-bottom:.5rem}
/* nabídky P2/P3: úvod vlevo, checklist vpravo (≥ 900 px) */
@media (min-width:900px){.offer{display:grid;grid-template-columns:5fr 6fr;gap:4.5rem;align-items:start}.offer-list h3{margin-top:.35rem}}
.check{list-style:none;padding:0;margin:0;max-width:60ch}
.check li{margin:0;border-top:1px solid var(--line)}
.check li:last-child{border-bottom:1px solid var(--line)}
.chk summary{list-style:none;cursor:pointer;display:flex;gap:.75rem;align-items:center;padding:1rem .6rem;margin:0 -.6rem;border-radius:var(--radius-sm);font-weight:600;line-height:1.4;-webkit-tap-highlight-color:transparent}
.chk summary::-webkit-details-marker{display:none}
.chk summary::before{content:"✓" / "";color:var(--accent);font-weight:700;flex:none}
.chk summary::after{content:"";margin-left:auto;flex:none;width:.8em;height:.8em;background:linear-gradient(currentColor,currentColor) center/100% 2px no-repeat,linear-gradient(currentColor,currentColor) center/2px 100% no-repeat;color:var(--muted);transition:transform var(--dur-2) var(--ease-acc)}
.chk[open] summary::after{transform:rotate(135deg)}
.chk p{margin:0 0 1.1rem 1.7rem;color:var(--muted);font-size:.95rem;line-height:1.6}
/* malé rozbalení „Szczegóły“ (kroky, drobný tisk ceníku) */
.d-more{margin-top:.5rem}
.d-more summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:.4rem;color:var(--accent);font-weight:600;font-size:.95rem;-webkit-tap-highlight-color:transparent}
.d-more summary::-webkit-details-marker{display:none}
.d-more summary::after{content:"";width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform var(--dur-2) var(--ease-acc)}
.d-more[open] summary::after{transform:rotate(225deg) translateY(2px)}
.d-more p{margin:.5rem 0 0;color:var(--muted);font-size:.95rem}
.fine-lead{font-size:var(--step--1);color:var(--muted);margin:0 auto .75rem;line-height:1.65}
.fine-d .fine{margin-top:.6rem}
.steps{counter-reset:s;list-style:none;padding:0;margin:0;display:grid;gap:1.5rem;max-width:72ch}
@media (min-width:900px){
  .steps{grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:none;position:relative}
  /* linka postupu: za kartami (vidět jen v mezerách) ve výšce středu číslice = padding 1.75rem + půlka 2.75rem */
  .steps::before{content:"";position:absolute;left:2rem;right:2rem;top:calc(1.75rem + 1.375rem);height:2px;border-radius:1px;background:linear-gradient(to right,var(--accent) 0 50%,var(--cz-red) 50% 100%);opacity:.75;transform-origin:0 50%}
}
.steps li{position:relative;padding:1.75rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);line-height:1.6}
/* číslo kroku jako velká číslice v akcentu, ne SaaS odznak (A#4) */
.steps li::before{counter-increment:s;content:counter(s);display:block;margin-bottom:1rem;color:var(--accent);font-weight:800;font-size:2.75rem;line-height:1;letter-spacing:-.04em;font-variant-numeric:tabular-nums}

/* pricing */
.pricing{display:grid;gap:1.5rem;grid-template-columns:1fr;align-items:stretch}
.price-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.75rem;box-shadow:var(--shadow)}
.price-card h3{font-size:.8rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-weight:700}
.price{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:.3em;line-height:1.1;font-size:clamp(2.2rem,1.7rem + 1.1vw,2.6rem);font-weight:800;letter-spacing:-.03em;margin:.2rem 0 1rem;font-variant-numeric:tabular-nums}
.price span{font-size:.95rem;font-weight:500;color:var(--muted);letter-spacing:0;white-space:nowrap}
.price-card ul{padding-left:1.1rem;margin:0}
.price-card li{margin-bottom:.6rem;overflow-wrap:break-word}
.price-card li.group{list-style:none;margin-left:-1.1rem;margin-top:1rem;margin-bottom:.5rem;font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;opacity:.75}
.price-card li.group:first-child{margin-top:0}
.fine{font-size:var(--step--1);color:var(--muted);padding-left:1.1rem;margin-top:0;max-width:80ch}
.fine li{margin-bottom:.5rem}

/* ukázka konverzace v úvodu: „papír“ na tmavém i světlém pozadí */
.demo{margin:2.5rem 0 0;padding:1.75rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);display:grid;gap:1rem}
@media (min-width:980px){.demo{margin:0}}
.demo-head{font-size:var(--step--1);font-weight:500;color:var(--muted);display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;padding-bottom:.85rem;border-bottom:1px solid var(--line)}
.demo-tag{background:var(--accent);color:var(--accent-ink);border-radius:999px;padding:.15rem .6rem;font-weight:600;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}
.demo-msg{padding-left:1.1rem;border-left:3px solid var(--line)}
.demo-out{border-left-color:var(--accent)}
.demo-who{display:block;font-size:.75rem;letter-spacing:.08em;font-weight:600;text-transform:uppercase;color:var(--muted);margin-bottom:.3rem}
.demo-msg p{margin:0;line-height:1.55;font-size:1.0625rem}
.demo-in p{color:var(--muted)}
.demo-foot{margin:0;padding-top:.85rem;border-top:1px solid var(--line);font-size:var(--step--1);color:var(--muted)}
/* „Znasz to?“ – štítek vlevo, věta vpravo */
.pains{list-style:none;padding:0;margin:0 auto;max-width:68ch;display:grid}
.pains li{display:grid;gap:.2rem .9rem;padding:1.35rem 0;border-top:1px solid var(--line);line-height:1.55;font-size:var(--step-0)}
.pains li:last-child{border-bottom:1px solid var(--line)}
@media (min-width:700px){.pains li{grid-template-columns:9rem 1fr;align-items:baseline}}
.pain-tag{font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:600}

/* sample, faq, form */
.sample{color:var(--text);border:0;border-radius:var(--radius);padding:2.5rem 1.5rem;margin-block:0;box-shadow:var(--shadow)}
.sample>*{max-width:64ch}
.section.sample>h2{text-align:left;max-width:60ch;margin-bottom:1.25rem}
.section.sample>h2::before{margin-inline:0;background:linear-gradient(to right,var(--accent) 0 50%,var(--cz-red-link) 50% 100%)}
.sample-grid{display:grid;gap:1.5rem;margin:1.5rem 0;max-width:none}
@media (min-width:700px){.sample-grid{grid-template-columns:1fr 1fr}}
.sample-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:1.5rem;line-height:1.55}
.sample-who{display:block;font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text);opacity:.8;margin-bottom:.45rem}
.sample .cta-row{margin:1.75rem 0 0}
.sample .btn-primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}
@media (min-width:721px){.sample{padding:3.5rem 3rem}}
.faq{max-width:68ch}
.faq details{border:0;border-bottom:1px solid var(--line);background:transparent;padding:0;margin:0}
.faq summary{cursor:pointer;font-weight:600;padding:1.1rem .75rem;margin:0 -.75rem;border-radius:var(--radius-sm);list-style:none;display:flex;align-items:center;gap:.9rem;line-height:1.4}
.faq summary::-webkit-details-marker{display:none}
.faq summary::before{content:"";flex:none;width:.9em;height:.9em;background:linear-gradient(currentColor,currentColor) center/100% 2px no-repeat,linear-gradient(currentColor,currentColor) center/2px 100% no-repeat;color:var(--accent);transition:transform var(--dur-2) var(--ease-acc)}
.faq details[open] summary::before{transform:rotate(135deg)}
.faq p{padding:.1rem 0 1.25rem 0;margin:0;color:var(--text);line-height:1.65}
/* hover = jemný průhledový pás (jen zařízení s myší) */
@media (hover:hover){.faq summary,.chk summary{transition:background-color var(--dur-1) var(--ease-out)}.faq summary:hover,.chk summary:hover{background:linear-gradient(90deg,transparent,rgba(0,0,0,.05),transparent)}}
@media (hover:hover) and (prefers-color-scheme:dark){.faq summary:hover,.chk summary:hover{background:linear-gradient(90deg,transparent,rgba(255,255,255,.07),transparent)}}
.contact .form,.contact .alt,.contact .micro{max-width:640px}
.form{display:grid;gap:1.15rem}
.field{display:grid;gap:.4rem}
.field label{font-weight:600;font-size:.95rem}
.field input,.field textarea{font:inherit;padding:.7rem .85rem;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);width:100%;transition:border-color var(--dur-1) var(--ease-out),box-shadow var(--dur-1) var(--ease-out)}
.field input:not([type=checkbox]):focus-visible,.field textarea:focus-visible{outline:2px solid var(--accent);outline-offset:0;border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}
@media (min-width:721px){.form .btn{justify-self:start;min-width:18rem}}
.field-check{grid-template-columns:auto 1fr;align-items:start;gap:.6rem}
.field-check input{width:1.15rem;height:1.15rem;margin-top:.25rem}
.field-check label{font-weight:400}
.alt{margin-top:1.25rem}
.cz{background:transparent;border:0;padding:2.5rem 0}
.section-cz{padding:3.5rem 0;border-top:1px solid var(--line)}
.section-alt+.section-cz{border-top:0}
.section-cz h2{font-size:var(--step-1);margin-bottom:1rem}
.section-cz h2::before{margin-bottom:.8rem}
.cz p{max-width:56ch;margin-inline:auto;text-align:center}
.cz p a{display:inline-block;margin-top:.5rem;white-space:nowrap}
@media (min-width:900px){
  .section-cz{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:1rem 4rem;align-items:start;padding:3.5rem 0 4rem}
  .section.section-cz>h2{text-align:left;margin:0;max-width:none}
  .section.section-cz>h2::before{margin-inline:0}
  .cz p{text-align:left;margin:0;max-width:68ch;font-size:var(--step-0)}
}

/* bloky vždy v obrácené paletě (světlý režim: tmavá karta / tmavý režim: světlá karta) – tokeny se dědí na potomky,
   hover-inverze dlaždic a ceníku (background:var(--text);color:var(--bg)) je tím vrací do barev stránky */
.cards li,.price-card,.steps li,.sample,.demo{
  --bg:var(--inv-bg); --bg-alt:var(--inv-bg-alt); --surface:var(--inv-surface); --text:var(--inv-text); --muted:var(--inv-muted);
  --accent:var(--inv-accent); --accent-ink:var(--inv-accent-ink); --accent-soft:var(--inv-accent-soft); --line:var(--inv-line); --line-strong:var(--inv-line-strong);
  --cz-red-link:var(--inv-cz-red-link); --shadow:var(--inv-shadow);
  background:var(--surface); color:var(--text); border-color:var(--line)}
.sample{background:var(--accent-soft)}
/* světlý režim: jediná plocha ve vlajkové modré (tmavý režim zůstává světle modrý) */
.sample{background:var(--page-accent)}
@media (prefers-color-scheme:dark){.sample .sample-card{background:var(--bg);border-color:transparent}}
@media (min-width:980px){
  .sample{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:1rem 4rem;align-items:start}
  .section.sample>h2{grid-column:1;margin-bottom:.6rem}
  .sample>p,.sample .cta-row{grid-column:1}
  .sample-grid{grid-column:2;grid-row:1/6;grid-template-columns:1fr;margin:0;align-self:center}
}
.cards li a{color:var(--accent)}
.cards li .xp-co a{color:inherit}

/* footer */
/* patička: pás v barvě střídavého pozadí, tři sloupce (značka | rozliczenie | odkazy), spodní řádek s linkou */
.site-footer{border-top:1px solid #2a3542;background:#0c1117;padding:3.5rem 0 2rem;color:#a3b0bf;font-size:.95rem}
@media (prefers-color-scheme:dark){.site-footer{background:#070b10}}
.site-footer a{color:#e7ecf2;transition:color var(--dur-1) var(--ease-out)}
.site-footer :focus-visible{outline-color:#8db5ea}
.site-footer a:hover{color:#f47a7e}
.footer-grid{display:grid;gap:1.75rem 2.5rem;align-items:start}
@media (min-width:721px){.footer-grid{grid-template-columns:1.1fr 1.5fr auto}}
.footer-grid p{margin:0}
.f-brand{display:grid;gap:.45rem}
.brand-mini{display:inline-flex;align-items:center;gap:.5rem;font-weight:700;color:#ffffff}
.brand-mini svg{width:1.6rem;height:1.6rem;border-radius:50%}
.f-note{max-width:52ch}
.f-links{display:flex;flex-direction:column;gap:.4rem}
.f-micro{margin:2rem 0 0;padding-top:1.25rem;border-top:1px solid #2e3a48;color:#8994a3}

/* jemný pohyb – jen nativně, bez JS; bez podpory nebo s reduced-motion zůstává web statický */
@view-transition{navigation:auto}
.site-header{view-transition-name:site-header}
::view-transition-old(root),::view-transition-new(root){animation-duration:var(--dur-2)}
@media screen and (prefers-reduced-motion:no-preference){
  /* Akordeony (FAQ, checklisty, kroky, ceník): výšku animuje mřížka 0fr → 1fr.
     Dřív to stálo na `interpolate-size` (height 0 → auto). To Chrome umí, ale Safari na iPhonu ne
     (ověřeno 4. 9. na Danielově telefonu, Safari 26.6) – tam se proto zapínala JS náhrada v nav.js
     a ta na telefonu sekala. Mřížku umí obojí, takže je teď jedna cesta pro všechny.
     300 ms, ease-in-out jako na wodazycia.org (Impreza); .anim u ceníku nastaví nav.js až po úvodním sbalení na mobilu. */
  @supports selector(::details-content){
    .faq details,.chk,.d-more,.anim .pacc{display:grid;grid-template-rows:auto 0fr;transition:grid-template-rows var(--dur-2) var(--ease-acc)}
    .faq details[open],.chk[open],.d-more[open],.anim .pacc[open]{grid-template-rows:auto 1fr}
    .faq details::details-content,.chk::details-content,.d-more::details-content,.anim .pacc::details-content{display:flow-root;min-height:0;overflow:clip}
  }
  /* bez ::details-content (starší Safari, starší Firefox): obsah se jen prolne, výšku dopočítá nav.js */
  @supports not selector(::details-content){.faq details[open]>p,.chk[open]>p,.d-more[open]>p,.d-more[open]>ul,.pacc[open]>ul{animation:acc-in .3s ease-out both}}
  @keyframes acc-in{from{opacity:0}to{opacity:1}}
  .btn{transition:background-color var(--dur-1) var(--ease-out),color var(--dur-1) var(--ease-out),border-color var(--dur-1) var(--ease-out),box-shadow var(--dur-2) var(--ease-out),transform var(--dur-2) var(--ease-out),filter var(--dur-1) var(--ease-out)}
  /* vstup hero při načtení: po vrstvách zespodu (12 px), ukázka naposled; H1 = LCP, proto startuje z .35 (B#2) */
  @keyframes rise{from{opacity:0;transform:translateY(var(--rise))}}
  @keyframes rise-h1{from{opacity:.35;transform:translateY(var(--rise))}}
  .hero-text>*,.hero .demo{animation:rise var(--dur-3) var(--ease-out) backwards}
  .hero-text>h1,.hero-text>.lead{animation-name:rise-h1}
  .hero-text>:nth-child(3){animation-delay:.14s}
  .hero-text>:nth-child(4){animation-delay:.22s}
  .hero-text>:nth-child(5){animation-delay:.3s}
  .hero-text>:nth-child(6){animation-delay:.36s}
  .hero .demo{animation-delay:.42s}
  @media (min-width:980px){
    @supports (animation-timeline:scroll()){
      .hero .demo{animation:rise var(--dur-3) var(--ease-out) .42s backwards,depth linear both;animation-timeline:auto,scroll(root);animation-range:normal,0 100vh}
      @keyframes depth{to{translate:0 -56px}}
    }
  }
  /* jednorázové odhalení bloků pod ohybem (třídu .rv dává nav.js jen prvkům pod obrazovkou; .is-in jednou, pak unobserve – akordeony nic nespouští znovu) */
  .rv{opacity:0}
  .rv.is-in{opacity:1;animation:rise var(--dur-3) var(--ease-out) backwards}
  .pains>li.is-in:nth-child(2),.steps>li.is-in:nth-child(2),.tiles>li.is-in:nth-child(2),.pricing>.is-in:nth-child(2),.offer-list.is-in,.get>li.is-in:nth-child(2),.works>li.is-in:nth-child(2),.cards>li.is-in:nth-child(2){animation-delay:.08s}
  .pains>li.is-in:nth-child(3),.steps>li.is-in:nth-child(3),.tiles>li.is-in:nth-child(3),.pricing>.is-in:nth-child(3),.get>li.is-in:nth-child(3),.works>li.is-in:nth-child(3),.cards>li.is-in:nth-child(3){animation-delay:.16s}
  .pains>li.is-in:nth-child(4),.tiles>li.is-in:nth-child(4){animation-delay:.24s}
  /* vlajková linka se vykreslí: pod wordmarkem při načtení, nad H2 při odhalení (B#4) */
  @keyframes draw{from{transform:scaleX(0)}}
  .brand::after{transform-origin:0 50%;animation:draw .6s var(--ease-out) .2s backwards}
  .section>h2.is-in::before,.offer-intro.is-in h2::before,.sample.is-in>h2::before{animation:draw var(--dur-3) var(--ease-out) .15s backwards}
  .section>h2.is-in::before{transform-origin:50% 50%}
  .steps:has(>li.is-in)::before{animation:draw 1.2s var(--ease-out) .2s backwards}
  .offer-intro.is-in h2::before,.sample.is-in>h2::before{transform-origin:0 50%}
  /* hlavička: nahoře splývá se stránkou, po odrolování hrana + stín; vázáno na scroll (rem), akordeony ji nemění (B#5) */
  @supports (animation-timeline:scroll()){
    .site-header{border-bottom-color:transparent;animation:hdr linear both;animation-timeline:scroll(root);animation-range:0 6rem}
    @keyframes hdr{to{border-bottom-color:var(--line);box-shadow:0 10px 30px -14px rgba(0,0,0,.28)}}
  }
  @keyframes menu-in{from{opacity:0;transform:translateY(-6px)}}
  .mnav[open] .mnav-panel{animation:menu-in var(--dur-2) var(--ease-out)}
}

/* look B „Odznak“: modro-červená linka jen pod wordmarkem */
.brand::after{content:"";position:absolute;left:calc(1.9rem + .55rem);right:0;bottom:-6px;height:2px;border-radius:1px;background:linear-gradient(to right,var(--accent) 0 50%,var(--cz-red) 50% 100%)}

/* mobil: balíčky ceníku sbalené jako FAQ (akordeon); desktop vždy rozbalené */
.pacc summary{display:block;list-style:none;cursor:pointer;position:relative;padding-right:1.8rem}
.pacc summary::marker{content:""}
.pacc summary::-webkit-details-marker{display:none}
.pacc summary::after{content:"";position:absolute;right:.4rem;top:.55em;width:9px;height:9px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg);transition:transform var(--dur-2) var(--ease-acc)}
.pacc[open] summary::after{transform:translateY(.25em) rotate(225deg)}
.pacc:not([open]) .price{margin-bottom:.2rem}
/* „Dlaczego ja“ – praxe jako mini časová osa (Majorel modrá, TUI červená) */
.xp{display:grid;gap:.7rem;margin-top:.2rem}
.xp-item{display:block;padding-left:.85rem;border-left:3px solid var(--accent)}
.xp-b{border-left-color:var(--cz-red)}
.xp-co{display:block;font-weight:700}
.xp-dt{font-weight:500;color:var(--muted);font-size:var(--step--1);margin-left:.3rem;font-variant-numeric:tabular-nums}
.xp-co a{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em;text-decoration-color:var(--muted);text-decoration-color:color-mix(in srgb,currentColor 35%,transparent)}
.xp-co a:hover,.xp-co a:focus-visible{text-decoration-color:currentColor}
/* v obrácené dlaždici (hover) musí odkaz zůstat v barvě textu, ne vlajkově červený */
.tiles .xp-co a:hover,.tiles .xp-co a:focus-visible{color:inherit}
/* cenové karty: hover = kontrastní inverze (jako tiles) */
@media (hover:hover){
  .price-card{transition:background-color var(--dur-2) var(--ease-out),color var(--dur-2) var(--ease-out)}
  .price-card:hover{background:var(--text);color:var(--bg)}
  .price-card:hover h3,.price-card:hover .price span{color:inherit;opacity:.75}
  .price-card:hover .pacc summary::after{border-color:currentColor;opacity:.7}
  .price-card-main:hover{box-shadow:inset 0 1px 0 rgba(255,255,255,.09),inset 0 -1px 0 rgba(0,0,0,.16),0 0 0 3px var(--page-accent),var(--shadow)}
  .tiles li:hover .xp-a{border-left-color:var(--page-accent)}
}
.tiles li:hover .xp-dt{color:inherit;opacity:.75}
.btn-group{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}
.btn-group .btn{font-family:inherit}
.field input.hp,.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0;padding:0;border:0}
.btn:disabled{opacity:.6;cursor:progress}
/* ceník desktop: e-shopy vedle sebe, hotel přes celou šířku ve 2 sloupcích; karty se nenatahují (sbalená zůstává nízká) */
.price-card-hotel{grid-column:1/-1}
@media (min-width:721px){.pricing{grid-template-columns:repeat(2,1fr);align-items:stretch}.price-card:has(.pacc:not([open])){align-self:start}}
/* dva sloupce v hotelové kartě až tam, kde se vejdou celé (dřív od 721 px zbývalo vpravo prázdné místo) */
@media (min-width:900px){.price-card-hotel ul{columns:2;column-gap:2.4rem}.price-card-hotel li{break-inside:avoid}}
.price-card{cursor:pointer}
.price-card,.faq summary{-webkit-tap-highlight-color:transparent}

/* nabídky: nadpis v užším sloupci nesmí být tak velký jako nadpis sekce */
@media (min-width:900px){.offer-intro h2{font-size:clamp(1.6rem,1.1rem + 1.1vw,2.05rem);max-width:20ch}}
/* karty na desktopu 2x2 (širší, čitelnější) místo čtyř úzkých sloupců */
@media (min-width:721px){.cards-4{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1000px){.cards-4{gap:1.5rem}}

/* ---- studiový balíček 4. 9. (A/B/C audit) ---- */
/* bloky bez 1px obrysu: jemný vertikální gradient + horní světelná hrana + tónovaný stín (A#4); hover-inverze (shorthand background) je přebíjí */
.cards li,.steps li,.price-card,.demo{border:0;background-image:var(--grain),linear-gradient(180deg,var(--surface),color-mix(in srgb,var(--surface) 72%,var(--bg-alt)));box-shadow:inset 0 1px 0 rgba(255,255,255,.09),inset 0 -1px 0 rgba(0,0,0,.16),var(--shadow)}
/* doporučená karta: prstenec v akcentu KARTY (světlý režim světle modrý na tmavé kartě 6,9:1, tmavý navy na světlé 9:1) – C#4 */
.price-card-main{box-shadow:inset 0 1px 0 rgba(255,255,255,.09),inset 0 -1px 0 rgba(0,0,0,.16),0 0 0 3px var(--accent),var(--shadow)}
/* nadpisy: širší limit u centrovaných sekcí (ne u próbky), nabídkový nadpis bez 20ch stropu (C#12) */
.section:not(.offer):not(.sample)>h2{max-width:26ch}
.offer-intro h2{max-width:none}
/* akordeony v prohlížečích bez ::details-content: výšku animuje nav.js (WAAPI), během animace ořez obsahu */
.acc-anim{overflow:clip}
@media (max-width:359px){.brand{white-space:nowrap}.nav{gap:.6rem}.nav .nav-cta{padding:.45rem .65rem}}
@media (forced-colors:active){
  .faq summary::before,.chk summary::after{background:none;width:auto;height:auto;transition:none;transform:none;content:"+" / ""}
  .faq details[open] summary::before,.chk[open] summary::after{content:"–" / ""}
}
.field input:user-invalid,.field textarea:user-invalid{border-color:var(--cz-red);box-shadow:0 0 0 1px var(--cz-red)}
/* ---- mobil 4. 9. (?v=38): ruční zlomy jen pro desktop, drobné písmo vlevo, CTA na plnou šířku ---- */
@media (max-width:720px){
  /* zlomy vložené kvůli desktopové kompozici tvoří na úzké obrazovce utržené krátké řádky */
  .bridge br,.fine-lead br,.f-note br,.cz p br:first-of-type{display:none}
  .bridge{text-wrap:pretty}
  /* poznámky pod ceníkem: zarovnané vlevo jako zbytek stránky, ne na střed */
  .fine-lead,.fine-d,.fine-d summary,.fine-d .fine{text-align:left;margin-inline:0}
  /* rozbalovací šipka hned za textem, ne zaparkovaná u pravého okraje */
  .fine-d summary{display:block}
  .fine-d summary::after{display:inline-block;margin-left:.45rem;vertical-align:middle}
  /* obě tlačítka stejně široká přes celý sloupec */
  .cta-row .btn{width:100%}
  /* zásah prstem u souhlasu RODO */
  .field-check input{width:1.35rem;height:1.35rem;margin-top:.15rem}
}
/* ---- mobil 4. 9. (?v=39): vzduch – větší okraje, karty dál od sebe, menší H2 ---- */
@media (max-width:720px){
  /* obsah nedrží u hran displeje */
  :root{--gutter:3rem}
  /* nadpis sekce už nesoupeří velikostí s H1 (33 px) – vznikne vzduch a o řádek méně */
  h2{font-size:clamp(1.6rem,1.25rem + 1.5vw,2rem)}
  .section:not(.offer)>h2{margin-bottom:2.75rem}
  /* pásy a úvod */
  .section:not(.sample):not(.section-cz){padding-block:5.5rem}
  .section-cz{padding-block:4.25rem}
  /* pás přes celou šířku kreslí přímo sekce (ne pseudoprvek mimo její rám) – jinak by ho ořízlo přeskakování sekcí */
  .section-alt{width:auto;margin-inline:0;padding-inline:calc((100% - min(100% - var(--gutter),var(--maxw)))/2);background:var(--bg-alt);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--line) 60%,transparent),inset 0 -1px 0 color-mix(in srgb,var(--line) 60%,transparent)}
  .section-alt::after{display:none}
  .hero{padding:3rem 0 3.5rem}
  /* stohované karty dál od sebe; vnitřní odsazení o kus menší, ať sloupec textu zůstane stejně široký */
  .cards,.steps,.pricing,.sample-grid{gap:2rem}
  .cards li,.steps li,.price-card,.demo{padding:1.6rem}
  .sample{padding:2.5rem 1.4rem}
  .sample-card{padding:1.35rem}
  /* seznamy: vyšší řádky místo tabulkové hustoty */
  .chk summary{padding:1.25rem .6rem}
  .faq summary{padding:1.35rem .75rem}
  .pains li{padding:1.6rem 0;gap:.35rem .9rem}
  .form{gap:1.5rem}
  /* fakta pod úvodem: zalomený řádek zůstává zarovnaný pod textem, ne pod ✓ */
  .proof{gap:.55rem 2rem}
  .proof li{display:flex;gap:.35em}
  .proof li::before{flex:none}
}
/* nejužší telefony (≤359 px): menší okraj a odsazení, ať sloupec textu zůstane ~31 znaků */
@media (max-width:359px){
  :root{--gutter:2.5rem}
  .cards li,.steps li,.price-card,.demo{padding:1.4rem}
}
/* ---- mobil (?v=41): plynulost akordeonů ----
   Rozbalení akordeonu posouvá celý zbytek stránky, takže prohlížeč musí při každém snímku
   přepočítat rozvržení všeho pod ním. U FAQ je pod ním jen patička (plynulé), u „Co dostajesz“
   skoro celá stránka (~8 000 px) → na telefonu vypadávaly snímky. `content-visibility:auto`
   nechá prohlížeč sekce mimo obrazovku přeskočit. `contain-intrinsic-size` je pro každou sekci
   změřená výška jejího obsahu (bez odsazení), aby se stránka při rolování nezkracovala.
   V tisku se přeskakování vypíná (níž v @media print). */
@media (max-width:720px){
  main > section:not(.hero),.site-footer{content-visibility:auto}
  [aria-labelledby="h-problem"]{contain-intrinsic-size:auto 922px}
  [aria-labelledby="h-p2"]{contain-intrinsic-size:auto 847px}
  [aria-labelledby="h-p3"]{contain-intrinsic-size:auto 920px}
  [aria-labelledby="h-how"]{contain-intrinsic-size:auto 912px}
  [aria-labelledby="h-why"]{contain-intrinsic-size:auto 1106px}
  [aria-labelledby="h-cennik"]{contain-intrinsic-size:auto 803px}
  [aria-labelledby="h-sample"]{contain-intrinsic-size:auto 789px}
  [aria-labelledby="h-faq"]{contain-intrinsic-size:auto 786px}
  [aria-labelledby="h-kontakt"]{contain-intrinsic-size:auto 1107px}
  [aria-labelledby="h-cz"]{contain-intrinsic-size:auto 211px}
  .site-footer{contain-intrinsic-size:auto 422px}
}
@media print{
  :root{--bg:#fff;--bg-alt:#fff;--surface:#fff;--text:#000;--muted:#333;--accent:#11457E;--accent-ink:#fff;--accent-soft:#fff;--line:#999;--line-strong:#666;--cz-red-link:#b31217;--shadow:none;
    --inv-bg:#fff;--inv-bg-alt:#fff;--inv-surface:#fff;--inv-text:#000;--inv-muted:#333;--inv-accent:#11457E;--inv-accent-ink:#fff;--inv-accent-soft:#fff;--inv-line:#999;--inv-line-strong:#666;--inv-cz-red-link:#b31217;--inv-shadow:none;--grain:none;--page-accent:#fff}
  .skip,.nav-links,.nav-cta,.mnav,.hero::before,.section-alt::after,.cta-row,.steps::before{display:none}
  .site-header{position:static;border-bottom:1px solid #999;box-shadow:none}
  .section{padding:2rem 0}
  .cards li,.steps li,.price-card,.demo,.sample,.sample-card{background:none;border:1px solid #999;box-shadow:none;color:#000;break-inside:avoid}
  .price-card-main{box-shadow:none;border-color:#11457E}
  .site-footer{background:none;color:#000;border-top:1px solid #999}
  .site-footer a,.f-micro,.brand-mini{color:#000}
  details::details-content{content-visibility:visible!important;display:block!important;height:auto!important}
  .faq summary::before,.chk summary::after,.d-more summary::after,.pacc summary::after{display:none}
  .form{display:none}
  main > section,.site-footer{content-visibility:visible!important;contain-intrinsic-size:none!important}
  main a[href^="http"]:not(.btn)::after{content:" (" attr(href) ")";font-size:.85em;color:#333}
}
/* „Dlaczego ja“: úvod ve dvou sloupcích zarovnaných s kartami 2×2, věta na řádek (Daniel 23. 9. 2026) */
.why-intro{display:grid;gap:1.25rem 1.5rem;margin-bottom:2rem}
.why-intro .lead-sm{max-width:none;margin:0}
.why-claim,.why-body{display:block}
.why-claim{color:var(--text);font-weight:700;font-size:clamp(1.15rem,1.05rem + .5vw,1.4rem);line-height:1.3;margin-bottom:.45rem;text-wrap:balance}
.why-body{font-size:clamp(1.0625rem,1rem + .25vw,1.175rem);line-height:1.6;text-wrap:balance;max-width:46ch}
@media (min-width:721px){.why-intro{grid-template-columns:repeat(2,1fr)}.why-intro .lead-sm{padding-inline:1.75rem}}


/* ===== koncept 23. 9. 2026 – doplňky jen pro novou sekci ceníku ===== */
.concept-bar{position:relative;z-index:60;display:flex;flex-wrap:wrap;gap:.5rem 1rem;align-items:center;justify-content:space-between;padding:.55rem max(1rem,calc((100% - var(--maxw))/2));background:#fff3bf;color:#3d3000;font-size:.85rem;line-height:1.4;border-bottom:1px solid #e5cf6a}
.concept-bar button{font:inherit;font-weight:700;cursor:pointer;border:1px solid #b89a1c;background:#fffbe6;color:#3d3000;border-radius:999px;padding:.3rem .8rem}
.concept-bar button[aria-pressed="true"]{background:#3d3000;color:#fff3bf}
.concept-skip{margin-block:2.5rem 0;padding:1.1rem 1.4rem;border:1px dashed var(--line-strong);border-radius:var(--radius-sm);color:var(--muted);font-size:.95rem;font-family:var(--font)}
.concept-skip p{margin:0}
.cz-note{display:none;margin-top:1rem;padding:.7rem .9rem;border-radius:var(--radius-sm);background:#fff3bf;color:#3d3000;font-size:.82rem;line-height:1.45;border:1px solid #e5cf6a}
.notes-on .cz-note{display:block}
.pricing-lead{text-align:center;color:var(--muted);margin:-.5rem auto 1.75rem;max-width:60ch}
.seg-in{position:absolute;opacity:0;pointer-events:none}
.seg-bar{display:flex;flex-wrap:wrap;gap:1rem 1.5rem;align-items:center;justify-content:space-between;margin-bottom:1.5rem}
.seg-tabs,.vat-switch{display:inline-flex;padding:4px;gap:4px;border-radius:999px;background:var(--bg-alt);border:1px solid var(--line)}
.seg-tabs label,.vat-switch button{font:inherit;font-size:.95rem;font-weight:600;padding:.5rem 1.05rem;border-radius:999px;cursor:pointer;color:var(--muted);background:transparent;border:0;white-space:nowrap}
.vat-switch button{font-size:.85rem;padding:.45rem .9rem}
.seg-tabs,.vat-switch{max-width:100%}
@media (max-width:480px){.seg-tabs{display:flex;width:100%}.seg-tabs label{flex:1;text-align:center;padding:.5rem .5rem;font-size:.9rem}.vat-switch button{padding:.45rem .7rem}}
#seg-shop:checked~.seg-bar label[for="seg-shop"],#seg-hotel:checked~.seg-bar label[for="seg-hotel"],.vat-switch button[aria-pressed="true"]{background:var(--accent);color:var(--accent-ink)}
#seg-shop:focus-visible~.seg-bar label[for="seg-shop"],#seg-hotel:focus-visible~.seg-bar label[for="seg-hotel"]{outline:2px solid var(--accent);outline-offset:2px}
#seg-shop:checked~.panel-hotel,#seg-hotel:checked~.panel-shop{display:none}
.pricing.tiers{grid-template-columns:1fr}
@media (min-width:721px){.pricing.tiers{grid-template-columns:repeat(2,1fr)}.pricing.tiers>.tier:last-child{grid-column:1/-1}}
@media (min-width:980px){.pricing.tiers{grid-template-columns:repeat(3,1fr)}.pricing.tiers>.tier:last-child{grid-column:auto}}
.tier{display:flex;flex-direction:column}
.tier .tier-sub{text-transform:none;letter-spacing:0;font-weight:600}
.tier-when{display:inline-block;margin-top:.55rem;font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;font-weight:700;color:var(--accent)}
.tier .price{margin-top:.35rem}
.tier .price .od{font-size:1rem;font-weight:600;color:var(--muted);letter-spacing:0}
.tier .price .od:empty{display:none}
.tier-foot{margin:.8rem 0 0;padding-top:.75rem;border-top:1px solid var(--line);font-size:.9rem;color:var(--muted)}
.ip{font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}
.addon{margin-top:1.5rem;padding:1.1rem 1.4rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-alt);font-size:.95rem}
.addon p{margin:.2rem 0}
.indiv-wrap{margin-top:1.5rem;grid-template-columns:1fr!important}
.indiv-grid{display:grid;gap:1rem 3rem}
@media (min-width:900px){.indiv-grid{grid-template-columns:5fr 6fr;align-items:center}}
.indiv h3{font-size:.8rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-weight:700}
.indiv-lead{margin:.2rem 0 1rem}
.indiv .cta-row{margin:0}
.indiv ul{padding-left:1.1rem;margin:0}
.brutto-hint{margin:1rem auto 0;max-width:70ch;text-align:center;font-size:var(--step--1);color:var(--muted)}
.bar-ctl{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}
.anchor{display:block;position:relative;top:-5rem;visibility:hidden}
.concept-skip{margin-block:1rem 0}
.concept-skip .cta-row{margin:.7rem 0 0}
.skip-hint{margin-top:.6rem!important;font-size:.85rem}
.pay-steps{list-style:none;display:grid;gap:.8rem 1.75rem;margin:0 auto 2.25rem;padding:0;max-width:64rem;counter-reset:st}
@media (min-width:821px){.pay-steps{grid-template-columns:repeat(3,1fr)}}
.pay-steps li{counter-increment:st;display:flex;gap:.8rem;align-items:flex-start;font-size:.95rem;line-height:1.45}
.pay-steps li::before{content:counter(st);flex:none;width:1.9rem;height:1.9rem;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:.9rem;background:var(--accent);color:var(--accent-ink)}
.pay-steps small{display:block;margin-top:.15rem;color:var(--muted);font-size:.85rem}
.tier-lead{margin:1rem 0 .1rem;font-weight:700}
.panel-foot{margin:1.1rem auto 0;max-width:70ch;text-align:center;font-size:.9rem;color:var(--muted)}
.addon-h{font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;font-weight:700;color:var(--muted);margin:0 0 .35rem!important}
.notes-cta{display:flex;flex-wrap:wrap;gap:.6rem 1rem;align-items:center;justify-content:center;margin:1.4rem 0 0;font-weight:600}
.brutto-hint{margin:-.5rem auto 1.25rem}

/* hover = inverze karty (web v43): doplněné prvky musí dědit barvu, jinak accent/muted zmizí na inverzním pozadí (Daniel 24. 9.) */
.price-card:hover .tier-when,.price-card:hover .tier-foot,.price-card:hover .od,.price-card:hover .tier-sub{color:inherit;opacity:.8}
.price-card:hover .tier-foot{border-top-color:currentColor}
.price-card .price b{font-weight:800}
.is-brutto .price b:not([data-nob]){color:inherit}

/* Tyto tři krátké návrhy mají jiné výšky sekcí než web v43; na mobilu nepoužívat staré odhady pro kotvy. */
@media (max-width:720px){main > section:not(.hero),.site-footer{content-visibility:visible;contain-intrinsic-size:none}}

/* 26. 9. ceník v2: tři karty, krátké odrážky, podmínky ve třech řádcích */
.pc-grid{list-style:none;padding:0;margin:1.5rem auto 0;display:grid;gap:1.1rem;max-width:64rem}
@media (min-width:980px){.pc-grid{grid-template-columns:repeat(3,1fr);align-items:stretch}}
.pc-grid .price-card{display:flex;flex-direction:column;gap:.6rem;padding:1.4rem 1.45rem;cursor:default}
.pc-name{margin:0;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--muted)}
.pc-price{margin:0;font-size:clamp(1.7rem,1.4rem + 1vw,2.1rem);font-weight:800;letter-spacing:-.02em;line-height:1.1;color:var(--accent);font-variant-numeric:tabular-nums}
.pc-price small{display:block;margin-top:.3rem;font-size:.85rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.pc-list{margin:.2rem 0 0;padding-left:1.1rem;display:grid;gap:.35rem;line-height:1.5}
.pc-foot{margin:auto 0 0;padding-top:.7rem;border-top:1px solid var(--line);font-size:.9rem;color:var(--muted);line-height:1.5}
.price-card:hover .pc-name,.price-card:hover .pc-price,.price-card:hover .pc-price small,.price-card:hover .pc-foot{color:inherit}
.price-card:hover .pc-foot{border-top-color:currentColor;opacity:.85}
.pc-terms{list-style:none;padding:0;margin:1.4rem auto 0;max-width:64rem;display:grid;gap:.35rem;font-size:.95rem;color:var(--muted)}
.pc-terms li{padding-left:1.1rem;position:relative}
.pc-terms li::before{content:"";position:absolute;left:0;top:.62em;width:.4rem;height:.4rem;border-radius:50%;background:var(--accent)}
.pc-terms strong{color:var(--text)}
.pc-more{max-width:64rem;margin:1.2rem auto 0}
.pc-more .pc-extra{list-style:none;padding:0;margin:1rem 0 0;display:grid;gap:.9rem}
.pc-more .pc-extra li{border-left:3px solid var(--accent);padding:.1rem 0 .1rem .9rem;line-height:1.55}
.pc-more .pc-extra li.pc-red{border-left-color:var(--cz-red)}
.pc-more .brutto-hint{text-align:left;margin:1rem 0 0;max-width:none}


.hero-lean{padding-block:clamp(2rem,6vw,4rem) clamp(1.5rem,4vw,2.5rem)}
.hero-lean h1{max-width:18ch}
/* 26. 9.: ukázka zarovnaná s nadpisem (hotelové hero nemá štítek, grid-row 2/6 ji posouval dolů); nová věta vždy na novém řádku */
@media (min-width:980px){.hero .demo{align-self:start;margin-top:.5rem}.hero-lean .demo{grid-row:1/5}}
.demo-msg p{text-wrap:pretty}
.offer-list{list-style:none;padding:0;margin:1.25rem 0 0;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr))}
.offer-list li{border:1px solid var(--line);border-radius:var(--radius-sm,12px);padding:1rem 1.1rem;background:var(--surface)}
.offer-list strong{display:block;margin-bottom:.25rem}
.steps-lean{padding-left:1.25rem;display:grid;gap:.6rem;max-width:60ch;margin:1.25rem auto 0}
.aside-note{margin:1rem auto 0;font-size:.95rem;text-align:center;max-width:60ch}
.price-rows{list-style:none;padding:0;margin:1.25rem auto 0;display:grid;gap:.9rem;max-width:46rem}
.price-rows .price-card{padding:1.1rem 1.35rem;cursor:default}
.price-card:hover .pr-price,.price-card:hover .pr-head strong{color:inherit}
.price-card:hover .pr-price{opacity:.85}
.price-rows p{margin:.35rem 0 0;max-width:60ch}
.pay-note{margin:1.1rem auto 0;max-width:70ch;text-align:center;font-size:.95rem;color:var(--muted)}
.pr-head{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;flex-wrap:wrap}
.pr-head strong{font-size:1.15rem}
.pr-price{font-size:1.25rem;font-weight:700;color:var(--accent);white-space:nowrap}
.price-terms{max-width:46rem;margin:1rem auto 0;font-size:.95rem}
.vat-row{display:flex;justify-content:center;margin-top:1rem}
.full-price{max-width:72rem;margin:1.5rem auto 0}
.full-price > summary{max-width:46rem;margin:0 auto;display:block}


.fork{display:grid;gap:1.1rem;grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));margin-top:1.5rem}
.fork .price-card{display:flex;flex-direction:column;gap:.5rem;cursor:default}
.fork h3{margin:0;font-size:1.35rem}.fork p{margin:0}.fork .from{font-weight:700;font-size:1.15rem}
.fork .btn{align-self:flex-start;margin-top:.5rem}
.price-card:hover .from{color:inherit}
/* 26. 9. „Moje realizacje“ (Daniel): mobil = varianta A (samostatné boxy s páskem vlajky), desktop = jeden blok se seznamem jako v „Dlaczego ja“ (max. 3 vedle sebe → řádky pod sebou) */
.works{list-style:none;padding:0;margin:1.25rem auto 0;display:grid;gap:.9rem;max-width:44rem}
.works li{position:relative;display:grid;gap:.2rem;border:1px solid var(--line);border-radius:14px;padding:1.4rem 1.1rem 1rem;background:var(--surface)}
.works li::before{content:"";position:absolute;top:.8rem;left:1.1rem;width:2.2rem;height:3px;border-radius:2px;background:linear-gradient(to right,var(--accent) 0 50%,var(--cz-red) 50% 100%)}
.w-name{font-weight:700}.w-name a{font-weight:700}
.w-desc{color:var(--muted)}
@media (min-width:721px){
  .works{position:relative;gap:0;max-width:50rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:.6rem 2.25rem;box-shadow:var(--shadow);overflow:hidden}
  .works::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(to right,var(--accent) 0 50%,var(--cz-red) 50% 100%)}
  .works li{grid-template-columns:12.5rem 1fr;align-items:baseline;gap:1.5rem;border:0;border-radius:0;background:none;padding:1.15rem 0}
  .works li+li{border-top:1px solid var(--line)}
  .works li::before{display:none}
}
/* 26. 9. (Daniel): odkazy v „Moje realizacje“ kontrastnější – v tmavém režimu bílé (barva textu) s modrým podtržením, ve světlém tmavě modré; najetí myší = vlajková červená */
.works{--w-link:var(--accent)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .works{--w-link:var(--text)}}
:root[data-theme="dark"] .works{--w-link:var(--text)}
main .works a{color:var(--w-link);text-decoration-color:var(--accent);text-decoration-thickness:2px;text-underline-offset:.24em}
main .works a:hover{color:var(--cz-red-link);text-decoration-color:currentColor}
/* 26. 9. „Kim jestem“ v2 (Daniel: mobil nehezký): stejný jazyk jako schválený blok „Moje realizacje“ – jeden blok s páskem vlajky, text zarovnaný vlevo; mobil = 3 řádky pod sebou, počítač = 3 sloupce */
.facts{list-style:none;margin:0 auto;display:grid;max-width:50rem;position:relative;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);overflow:hidden;padding:.35rem 1.35rem}
.facts::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(to right,var(--accent) 0 50%,var(--cz-red) 50% 100%)}
.facts li{display:grid;gap:.2rem;align-content:start;padding:1.05rem 0}
.facts li+li{border-top:1px solid var(--line)}
.facts strong{font-size:1.3rem;line-height:1.2;letter-spacing:-.015em;font-weight:800;color:var(--accent)}
.facts span{color:var(--muted);font-size:1rem;line-height:1.5}
@media (min-width:721px){
  .facts{grid-template-columns:repeat(3,1fr);padding:.5rem 0}
  .facts li{padding:1.35rem 1.5rem}
  .facts li+li{border-top:0;border-left:1px solid var(--line)}
  .facts strong{font-size:1.3rem;white-space:nowrap}
}
/* 26. 9. sklepy „Co dostajesz“: vše viditelné, hlavní služba přes celou šířku, pod ní 2 × 2 */
.get{list-style:none;padding:0;margin:0 auto;display:grid;gap:1rem;max-width:64rem}
.get li{display:grid;gap:.25rem;align-content:start;border:1px solid var(--line);border-radius:var(--radius-sm,12px);padding:1rem 1.1rem;background:var(--surface);line-height:1.55}
.get li strong{font-size:inherit}
/* 26. 9. vzhled boxů = hotely „Co mogę przygotować?“ (bez modré linky, text v barvě textu) */
@media (min-width:721px){.get{grid-template-columns:repeat(2,1fr)}.get .get-main{grid-column:1/-1}}
.get-not{margin:1.75rem auto 0;max-width:64rem;color:var(--muted);font-size:.95rem}
/* 26. 9. „Jak to działa?“ (Daniel: tři body jen jako text) – jeden blok s páskem vlajky, číslo v kroužku; mobil pod sebou, počítač 3 sloupce */
.flow{counter-reset:f;list-style:none;margin:0 auto;display:grid;max-width:50rem;position:relative;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);overflow:hidden;padding:.35rem 1.35rem}
.flow::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(to right,var(--accent) 0 50%,var(--cz-red) 50% 100%)}
.flow li{counter-increment:f;display:grid;grid-template-columns:2.25rem 1fr;column-gap:1rem;row-gap:.15rem;align-items:start;align-content:start;padding:1.1rem 0;line-height:1.55}
.flow li::before{content:counter(f);grid-row:1/span 2;width:2.25rem;height:2.25rem;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:var(--accent-ink);font-weight:800;font-size:1rem;font-variant-numeric:tabular-nums}
.flow li+li{border-top:1px solid var(--line)}
.flow strong{font-size:1.1rem;line-height:1.3;padding-top:.3rem}
.flow span{color:var(--muted)}
@media (min-width:721px){.flow{grid-template-columns:repeat(3,1fr);padding:.5rem 0}.flow li{grid-template-columns:1fr;row-gap:.45rem;padding:1.35rem 1.5rem}.flow li::before{grid-row:auto;margin-bottom:.2rem}.flow strong{padding-top:0}.flow li+li{border-top:0;border-left:1px solid var(--line)}}
/* 26. 9. QA: na úzkých telefonech (≤ 400 px) přepínač cen a záložky ceníku nepřetékají */
@media (max-width:400px){.vat-switch{display:flex;width:100%}.vat-switch button{flex:1;white-space:normal;line-height:1.25;padding:.45rem .55rem}.seg-tabs label{white-space:normal;line-height:1.25}}
.home-hero{padding-block:clamp(2rem,6vw,3.5rem) 1rem}
.home-hero h1{max-width:20ch}

/* Release: keep all headings, prices, and contact fields visible without scroll reveal timing. */
main > section:not(.hero), .site-footer { content-visibility: visible !important; contain-intrinsic-size: none !important; }
.rv { opacity: 1 !important; animation: none !important; }
/* Candidate visual polish for the three Polish pages. Kept local so build.mjs can reproduce it. */
@media (min-width:721px){
  .home-hero{padding-block:clamp(2.75rem,5vw,4rem) 2.75rem;text-align:center}
  .home-hero h1{max-width:20ch;margin:0 auto .35em;font-size:clamp(2.8rem,4.3vw,4rem)}
  .home-hero>.lead{max-width:63ch;margin:0 auto 2rem}
  .home-hero .fork{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;margin:0 auto 1rem;text-align:left}
  .home-hero .fork .price-card{padding:1.5rem 1.65rem}
  .home-hero .fork .btn{margin-top:auto}
  .home-hero>.micro{max-width:63ch;margin:0 auto;text-align:center}
  .home-hero+.section,.home-hero+.section+.section{padding-block:4.5rem}
}
@media (max-width:720px){
  .home-hero+.section,.home-hero+.section+.section{padding-block:3.75rem}
  .contact .form>.micro{font-size:.875rem;line-height:1.65}
}
/* The shop offer is a dense list; distinct inverted surfaces make each item scannable. */
.get li{background:var(--inv-surface);color:var(--inv-text);border-color:var(--inv-line);box-shadow:var(--shadow)}
.get li span{color:var(--inv-muted)}
.get .get-main{background:var(--inv-bg-alt);border-left:4px solid var(--inv-accent);padding-left:1.3rem;row-gap:.55rem}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]) .flow li::before{background:#fff;color:#0b1626}
}
:root[data-theme="dark"] .flow li::before{background:#fff;color:#0b1626}
/* Hotel: concrete step labels, clearer hierarchy, original numbered circles. */
.flow-hotel strong{font-size:1.2rem;line-height:1.35}
@media(min-width:721px){.flow-hotel li::before{margin-bottom:.55rem}.flow-hotel li{row-gap:.55rem}}

/* 2026-09-28 audit (Claude): tlačítko formuláře stejným písmem jako web (B-13), hamburger 44 px (B-14) */
.btn{font-family:inherit}
.mnav summary{width:44px;height:44px}
/* A-03: aktivní volba přepínače cen viditelná i v režimu vysokého kontrastu */
@media (forced-colors:active){.vat-switch button[aria-pressed="true"]{forced-color-adjust:none;background:Highlight;color:HighlightText}}
/* B-12: patičky cenových karet v jedné linii (subgrid jako .fork na úvodní stránce) */
@media (min-width:980px){.pc-grid{grid-template-rows:repeat(4,auto)}.pc-grid .price-card{display:grid;grid-row:span 4;grid-template-rows:subgrid;row-gap:.6rem}.pc-grid .pc-list{align-self:start}.pc-grid .pc-foot{margin-top:0;align-self:start}}