/* ==========================================================================
   CAA — Clinic Assistant Agent · klinikagent.sk
   Spoločný štýl pre všetky stránky.
   Bez externých fontov a bez skriptov tretích strán — web nesmie posielať
   údaje návštevníka nikomu, komu to nesľubujeme v zásadách ochrany údajov.
   ========================================================================== */

:root{
  --bg:        #05090A;
  --panel:     #070F0F;
  --panel-2:   #0A1614;
  --line:      #123A34;
  --line-soft: #0E2622;
  --mint:      #35E0C0;
  --mint-2:    #2FBBA0;
  --amber:     #D9A05B;
  --amber-dim: #8F6B3E;
  --text:      #EAFAF7;
  --dim:       #9DB9B5;
  --dim-2:     #6E8785;

  --mono: ui-monospace,"SF Mono",SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;
  --sans: "Avenir Next","Segoe UI Variable Display","Segoe UI",-apple-system,
          BlinkMacSystemFont,Roboto,Helvetica,Arial,sans-serif;

  --max: 1120px;
  --pad: 28px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:96px}

body{
  margin:0;
  background:var(--bg);
  color:var(--text);
  font:16px/1.7 var(--sans);
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}

/* jemné obvodové pozadie + svetelné škvrny */
body::before{
  content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240' viewBox='0 0 240 240'%3E%3Cg fill='none' stroke='%2335E0C0' stroke-width='1' opacity='0.5'%3E%3Cpath d='M0 40h60l20 20h70l20-20h70'/%3E%3Cpath d='M40 0v50l24 24v60l-24 24v82'/%3E%3Cpath d='M240 150h-56l-18-18H96l-22 22'/%3E%3Cpath d='M186 240v-52l18-18V96l16-16'/%3E%3Cpath d='M0 196h48l16 16h60'/%3E%3Cpath d='M120 0v28l18 18h46'/%3E%3C/g%3E%3Cg fill='%2335E0C0' opacity='0.55'%3E%3Ccircle cx='60' cy='40' r='2.5'/%3E%3Ccircle cx='150' cy='60' r='2.5'/%3E%3Ccircle cx='40' cy='50' r='2.5'/%3E%3Ccircle cx='184' cy='150' r='2.5'/%3E%3Ccircle cx='96' cy='132' r='2.5'/%3E%3Ccircle cx='124' cy='212' r='2.5'/%3E%3Ccircle cx='184' cy='46' r='2.5'/%3E%3C/g%3E%3C/svg%3E");
  background-size:240px 240px;
  opacity:.07;
}
body::after{
  content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(720px 420px at 12% 0%,rgba(53,224,192,.10),transparent 70%),
    radial-gradient(560px 360px at 92% 12%,rgba(217,160,91,.07),transparent 70%);
}
body > *{position:relative;z-index:1}

.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--pad)}
.wrap-uzky{max-width:820px;margin:0 auto;padding:0 var(--pad)}

a{color:var(--mint);text-decoration:none}
a:hover{color:var(--text)}

/* ---------- typografia ---------- */
.eyebrow{
  font:600 12px/1.4 var(--mono);
  letter-spacing:.18em;text-transform:uppercase;color:var(--mint);
  margin:0 0 18px;display:flex;align-items:center;gap:10px;
}
.eyebrow::before{content:"";width:7px;height:7px;background:var(--mint);flex:none}
.eyebrow.amber{color:var(--amber)}
.eyebrow.amber::before{background:var(--amber)}

h1,h2,h3{letter-spacing:-.02em;line-height:1.15;margin:0}
.akcent{color:var(--amber)}
.mono{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;font-size:12px;color:var(--dim-2)}

/* ---------- hlavička ---------- */
header{
  border-bottom:1px solid var(--line-soft);
  background:rgba(5,9,10,.86);
  backdrop-filter:blur(10px);
  position:sticky;top:0;z-index:50;
}
header .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:14px;padding-bottom:14px}
.znacka{display:flex;align-items:center;gap:12px;color:var(--text)}
.znacka img{width:34px;height:auto;display:block}
.znacka b{font:700 17px/1 var(--mono);letter-spacing:.22em;display:block}
.znacka span{font:500 9px/1.4 var(--mono);letter-spacing:.19em;color:var(--dim-2);display:block;margin-top:4px}
header nav{display:flex;align-items:center;gap:26px}
header nav a{font:500 12px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--dim)}
header nav a:hover{color:var(--mint)}
header nav a.cta{
  border:1px solid var(--mint);color:var(--mint);padding:10px 16px;
}
header nav a.cta:hover{background:var(--mint);color:var(--bg)}
@media(max-width:880px){
  header .wrap{flex-wrap:wrap}
  header nav{gap:16px;width:100%;flex-wrap:wrap;padding-top:4px}
}

/* ---------- tlačidlá ---------- */
.btn,.btn-ghost{
  display:inline-block;font:600 14px/1 var(--sans);
  padding:15px 26px;border:1px solid transparent;cursor:pointer;
}
.btn{background:var(--mint);color:var(--bg)}
.btn:hover{background:var(--text);color:var(--bg)}
.btn-ghost{border-color:var(--amber);color:var(--amber);background:transparent}
.btn-ghost:hover{background:var(--amber);color:var(--bg)}

/* ---------- hero ---------- */
.hero{padding:64px 0 0;position:relative;overflow:hidden}

/* hero: text vľavo, značka (oko) vpravo vedľa nadpisu */
.hero-grid{
  display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);
  gap:32px;align-items:center;margin-bottom:52px;
}
.hero h1{font-size:clamp(34px,4.6vw,54px);margin:0 0 22px;text-wrap:balance}
.hero .lead{font-size:clamp(16px,1.5vw,18px);color:var(--dim);margin:0 0 34px}
.hero .lead strong{color:var(--text);font-weight:600}
.hero-akcie{display:flex;gap:14px;flex-wrap:wrap}

.hero-oko{
  display:block;width:100%;max-width:620px;height:auto;justify-self:end;
  opacity:.95;
  -webkit-mask-image:radial-gradient(ellipse 64% 64% at 50% 50%,#000 42%,transparent 100%);
  mask-image:radial-gradient(ellipse 64% 64% at 50% 50%,#000 42%,transparent 100%);
}
@media(max-width:900px){
  .hero-grid{grid-template-columns:1fr;gap:8px}
  .hero-oko{max-width:460px;margin:0 auto;justify-self:center;order:-1}
}

/* ---------- štatistický pás ---------- */
.staty{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);margin-top:8px}
.staty > div{padding:26px 24px;border-right:1px solid var(--line)}
.staty > div:last-child{border-right:0}
.staty .zvyraznene{background:var(--panel-2);box-shadow:inset 0 0 0 1px var(--amber-dim)}
.staty .cislo{font-size:30px;font-weight:700;letter-spacing:-.02em;margin:0 0 8px}
.staty .zvyraznene .cislo{color:var(--amber)}
.staty .popis{font:500 11px/1.5 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--dim-2);margin:0}
.chipy{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.chipy span{
  font:500 10px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;
  color:var(--dim);border:1px solid var(--line);padding:6px 9px;
}
@media(max-width:760px){
  .staty{grid-template-columns:1fr}
  .staty > div{border-right:0;border-bottom:1px solid var(--line)}
  .staty > div:last-child{border-bottom:0}
}

/* ---------- segmenty (pás cez celú šírku stránky) ---------- */
.segmenty{
  display:grid;grid-template-columns:1fr 1fr;
  width:100vw;margin-left:calc(50% - 50vw);margin-top:56px;
  border-top:1px solid var(--line);border-bottom:1px solid var(--line);
}
.segmenty div{
  padding:24px clamp(20px,4vw,56px);
  border-right:1px solid var(--line);border-bottom:1px solid var(--line);
  font:500 12px/1.3 var(--mono);letter-spacing:.16em;text-transform:uppercase;
  display:flex;align-items:center;gap:14px;
}
.segmenty div::before{content:"";width:8px;height:8px;flex:none}
/* ľavý stĺpec — tyrkysový, pravý stĺpec — jantárový (podľa návrhu) */
.segmenty div:nth-child(odd){color:var(--text)}
.segmenty div:nth-child(odd)::before{background:var(--mint)}
.segmenty div:nth-child(even){color:var(--amber);background:rgba(217,160,91,.045);border-right:0}
.segmenty div:nth-child(even)::before{background:var(--amber)}
.segmenty div:nth-last-child(-n+2){border-bottom:0}
@media(max-width:640px){
  .segmenty{grid-template-columns:1fr}
  .segmenty div{border-right:0;padding:20px 24px}
  .segmenty div:nth-last-child(2){border-bottom:1px solid var(--line)}
}

/* ---------- sekcie ---------- */
section{padding:90px 0;border-top:1px solid var(--line-soft);scroll-margin-top:80px}
section h2{font-size:clamp(25px,3.1vw,37px);margin:0 0 28px;text-wrap:balance}
.podnadpis{color:var(--dim);max-width:70ch;margin:0 0 40px}

/* problém */
.problem{display:grid;grid-template-columns:minmax(240px,340px) 1fr;gap:56px;align-items:start}
.problem p{color:var(--dim);margin:0 0 18px}
.problem p strong{color:var(--text);font-weight:600}
.cisla{display:flex;flex-direction:column;gap:10px}
.male-cislo,.velke-cislo{padding:13px 18px}
.male-cislo{border:1px solid var(--line);background:var(--panel)}
.male-cislo b{display:block;font-size:26px;font-weight:700;color:var(--mint);letter-spacing:-.03em;line-height:1}
.velke-cislo{border:1px solid var(--amber-dim);background:var(--panel-2)}
.velke-cislo b{display:block;font-size:34px;font-weight:700;color:var(--amber);letter-spacing:-.03em;line-height:1}
.velke-cislo.mint{border-color:var(--line);background:var(--panel)}
.velke-cislo.mint b{color:var(--mint)}
.male-cislo span,.velke-cislo span{display:block;margin-top:8px;font:500 10px/1.6 var(--mono);letter-spacing:.11em;text-transform:uppercase;color:var(--dim-2)}
@media(max-width:820px){.problem{grid-template-columns:1fr;gap:32px}}

/* kroky */
.kroky{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line)}
.kroky article{padding:34px 30px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.kroky article:nth-child(2n){border-right:0}
.kroky article:nth-last-child(-n+2){border-bottom:0}
.kroky .index{font:600 11px/1 var(--mono);letter-spacing:.2em;color:var(--dim-2);display:block;margin-bottom:18px}
.kroky h3{font-size:19px;margin:0 0 12px}
.kroky p{color:var(--dim);margin:0;font-size:15px}
.kroky article.amber{background:var(--panel-2)}
.kroky article.amber h3{color:var(--amber)}
.kroky article.amber p{color:#C7A97F}
.kroky article.amber .index{color:var(--amber-dim)}
@media(max-width:760px){
  .kroky{grid-template-columns:1fr}
  .kroky article{border-right:0}
  .kroky article:nth-last-child(2){border-bottom:1px solid var(--line)}
}

/* cenník */
.baliky{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:44px}
.balik{border:1px solid var(--line);background:var(--panel);padding:32px 28px;position:relative}
.balik.hlavny{border-color:var(--mint)}
.stitok{
  position:absolute;top:-11px;left:28px;background:var(--mint);color:var(--bg);
  font:700 10px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;padding:6px 12px;
}
.balik h3{font:600 12px/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--dim);margin:0 0 22px}
.cena{font-size:38px;font-weight:700;letter-spacing:-.03em;line-height:1;margin:0}
.cena i{font-size:14px;font-weight:400;font-style:normal;color:var(--dim-2);letter-spacing:0}
.cena-popis{font:500 10px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--dim-2);margin:10px 0 24px}
.balik ul{list-style:none;padding:0;margin:0 0 24px}
.balik li{color:var(--dim);font-size:15px;padding-left:20px;position:relative;margin-bottom:11px}
.balik li::before{content:"—";position:absolute;left:0;color:var(--mint-2)}
.balik.hlavny li::before{color:var(--mint)}
/* Štandard — všetko okrem prvého bodu jantárovo; Profesionál — všetky body */
.balik.hlavny li:not(:first-child),
.balik.pro li{color:var(--amber)}
.balik.hlavny li:not(:first-child)::before,
.balik.pro li::before{color:var(--amber)}
.balik .spodok{border-top:1px solid var(--line-soft);padding-top:18px;font:500 10px/1.9 var(--mono);letter-spacing:.13em;text-transform:uppercase;color:var(--dim-2)}
@media(max-width:900px){.baliky{grid-template-columns:1fr}}

.cennik-pozn{border:1px solid var(--line-soft);background:var(--panel);padding:22px 26px;margin-top:28px;color:var(--dim);font-size:14px}
.cennik-pozn p{margin:0}
.cennik-pozn p + p{margin-top:10px}

/* bezpečnosť */
.bezpec{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line)}
.bezpec article{background:var(--bg);padding:30px 26px}
.bezpec h3{font-size:16px;margin:0 0 10px;color:var(--mint)}
.bezpec p{color:var(--dim);margin:0;font-size:15px}
@media(max-width:900px){.bezpec{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.bezpec{grid-template-columns:1fr}}

/* kontakt */
.kontakt-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:44px;align-items:start}
.kontakt-grid h2{margin-bottom:20px}
.kontakt-grid p{color:var(--dim);margin:0 0 24px}
.kontakt-grid h3{font:600 11px/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--dim-2);margin:0 0 16px}
.kontakt-grid .riadky{font-family:var(--mono);font-size:13px;line-height:2.2;color:var(--dim)}
.kontakt-grid .riadky a{display:block}
@media(max-width:860px){.kontakt-grid{grid-template-columns:1fr;gap:32px}}

/* ---------- pätička ---------- */
footer{border-top:1px solid var(--line-soft);padding:32px 0;background:var(--panel)}
footer .wrap{display:flex;justify-content:space-between;align-items:center;gap:18px 32px;flex-wrap:wrap}
footer .znacka b{font-size:13px}
footer nav{display:flex;gap:22px;flex-wrap:wrap}
footer a,footer span{font:500 11px/1.8 var(--mono);letter-spacing:.13em;text-transform:uppercase;color:var(--dim-2)}
footer a:hover{color:var(--mint)}

/* ==========================================================================
   PRÁVNE STRÁNKY
   ========================================================================== */
.pravna .hlavicka{padding:64px 0 34px;border-bottom:1px solid var(--line-soft)}
.pravna h1{font-size:clamp(28px,4vw,40px);margin:0 0 14px}
.pravna .datum{font:500 11px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--dim-2);margin:0}

main{padding:48px 0 88px}
main h2{font-size:21px;margin:52px 0 14px;line-height:1.35;max-width:none}
main h2:first-of-type{margin-top:0}
main h3{font-size:16px;margin:32px 0 10px;color:var(--mint)}
main p,main li{color:var(--dim)}
main p strong,main li strong{color:var(--text);font-weight:600}
main ul,main ol{padding-left:22px;margin:14px 0}
main li{margin-bottom:9px}
main li::marker{color:var(--mint-2)}

table{width:100%;border-collapse:collapse;margin:20px 0;font-size:15px}
th,td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--line-soft);vertical-align:top;color:var(--dim)}
th{
  background:var(--panel-2);color:var(--dim-2);
  font:600 11px/1.5 var(--mono);letter-spacing:.13em;text-transform:uppercase;
  white-space:nowrap;
}
tr:last-child td,tr:last-child th{border-bottom:0}
.tabulka-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--line-soft);margin:20px 0}
.tabulka-scroll table{margin:0}

.box{border:1px solid var(--line-soft);background:var(--panel);padding:22px 24px;margin:24px 0}
.box p{margin:0}
.box p + p{margin-top:12px}
.box-dolezity{border-color:var(--mint);background:var(--panel-2)}
.box-dolezity p strong{color:var(--mint)}

.obsah{border:1px solid var(--line-soft);background:var(--panel);padding:24px 26px;margin:0 0 44px}
.obsah h2{font:600 11px/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--dim-2);margin:0 0 16px}
.obsah ol{margin:0;padding-left:20px;columns:2;column-gap:36px}
.obsah li{margin-bottom:7px;font-size:15px}
@media(max-width:640px){.obsah ol{columns:1}}

/* miesta na doplnenie — po vyplnení zmaž toto pravidlo */
.doplnit{
  background:#4A3A12;color:#FFDB9A;font-weight:600;
  padding:1px 5px;border-bottom:1px dashed var(--amber);
}

/* prístupnosť */
:focus-visible{outline:2px solid var(--mint);outline-offset:3px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* tlač */
@media print{
  body::before,body::after{display:none}
  body{background:#fff;color:#000}
  header,footer nav{display:none}
  main p,main li,td{color:#222}
}

/* ==========================================================================
   v17 — doplnky k redizajnu úvodu (14. 10. 2026)
   ========================================================================== */

/* šachovnicová tabuľka (pás pod hero aj bezpečnosť) — ohraničená, v šírke stránky */
.sachovnica{display:grid;grid-template-columns:repeat(2,1fr);border:1px solid var(--line);margin-top:56px}
.sachovnica.tri{grid-template-columns:repeat(3,1fr);margin-top:0}
.sachovnica article{padding:28px 28px 30px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.sachovnica h3{font-size:17px;margin:0 0 10px;display:flex;align-items:baseline;gap:12px}
.sachovnica h3::before{content:"";width:8px;height:8px;flex:none;transform:translateY(-2px)}
.sachovnica p{margin:0;color:var(--dim);font-size:15px}
.sachovnica .m h3{color:var(--text)}
.sachovnica .m h3::before{background:var(--mint)}
.sachovnica .a{background:rgba(217,160,91,.045)}
.sachovnica .a h3{color:var(--amber)}
.sachovnica .a h3::before{background:var(--amber)}
.sachovnica .a p{color:#C7A97F}
/* 2 stĺpce × 3 riadky */
.sachovnica article:nth-child(2n){border-right:0}
.sachovnica article:nth-last-child(-n+2){border-bottom:0}
/* 3 stĺpce × 2 riadky */
.sachovnica.tri article:nth-child(2n){border-right:1px solid var(--line)}
.sachovnica.tri article:nth-child(3n){border-right:0}
.sachovnica.tri article:nth-last-child(-n+2){border-bottom:1px solid var(--line)}
.sachovnica.tri article:nth-last-child(-n+3){border-bottom:0}
@media(max-width:900px){
  .sachovnica.tri{grid-template-columns:1fr 1fr}
  .sachovnica.tri article{border-right:1px solid var(--line)!important;border-bottom:1px solid var(--line)!important}
  .sachovnica.tri article:nth-child(2n){border-right:0!important}
  .sachovnica.tri article:nth-last-child(-n+2){border-bottom:0!important}
}
@media(max-width:640px){
  .sachovnica,.sachovnica.tri{grid-template-columns:1fr}
  .sachovnica article,.sachovnica.tri article{border-right:0!important;border-bottom:1px solid var(--line)!important}
  .sachovnica article:last-child,.sachovnica.tri article:last-child{border-bottom:0!important}
}

/* podnadpis pod H2 sekcie „Dopyt premení na rezerváciu“ */
.podnadpis-akcent{font-size:clamp(18px,2vw,22px);color:var(--dim);margin:-14px 0 40px}

/* dva varianty kalendára */
.varianty{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-top:0}
.varianty article{padding:26px 30px;border-right:1px solid var(--line);background:var(--panel)}
.varianty article:last-child{border-right:0}
.varianty h3{font-size:16px;margin:0 0 8px;color:var(--mint)}
.varianty p{margin:0;color:var(--dim);font-size:15px}
@media(max-width:760px){
  .varianty{grid-template-columns:1fr}
  .varianty article{border-right:0;border-bottom:1px solid var(--line)}
  .varianty article:last-child{border-bottom:0}
}

/* cenník — dva balíky */
.baliky.dva{grid-template-columns:repeat(2,1fr);max-width:880px}
.balik .polozka{display:flex;justify-content:space-between;gap:14px}
.balik .polozka b{font-weight:600;white-space:nowrap}
.balik .text{color:var(--dim);font-size:15px;margin:0 0 20px}
@media(max-width:760px){.baliky.dva{grid-template-columns:1fr}}

/* pätička — e-mail bez veľkých písmen (09: drobnosť pre redizajn) */
footer a[href^="mailto:"]{text-transform:none}

/* v17 — hlavný nadpis v jednom riadku (na úzkych displejoch sa zalomí) */
.hero h1.jeden-riadok{white-space:nowrap;text-wrap:nowrap;font-size:clamp(34px,5.4vw,66px);margin:0 0 30px}
@media(max-width:700px){.hero h1.jeden-riadok{white-space:normal;text-wrap:balance}}
.staty .cislo .akcent{color:var(--amber)}
/* šachovnica len s kľúčovými slovami */
.sachovnica.kratka article{padding:22px 28px}
.sachovnica.kratka h3{margin:0;font-size:17px}

/* v17 — šachovnica v sekcii „Dopyt premení na rezerváciu“ */
.sachovnica.kroky-s{margin-top:0}
.sachovnica.kroky-s .index{font:600 11px/1 var(--mono);letter-spacing:.2em;color:var(--dim-2);display:block;margin-bottom:16px;text-transform:uppercase}
.sachovnica.kroky-s .a .index{color:var(--amber-dim)}
.sachovnica.kroky-s h3::before{display:none}
/* Profesionál — jantárový rámček */
.balik.pro{border-color:var(--amber);box-shadow:inset 0 0 0 1px var(--amber);background:var(--panel-2)}
.balik.pro h3{color:var(--amber)}

/* v17 — nové logo (SVG, písmo prevedené na krivky) */
.znacka img.logo{width:auto;height:52px}
footer .znacka img.logo{height:38px}
.hero-znak{display:block;width:100%;max-width:340px;height:auto;justify-self:center;opacity:.95}
@media(max-width:900px){.hero-znak{max-width:180px;margin:0 auto 12px;order:-1}}

:root{
  --sans: Inter,"Segoe UI",-apple-system,BlinkMacSystemFont,Roboto,Helvetica,Arial,sans-serif;
  --mono: var(--sans);
}
body{font-size:16.5px;line-height:1.7}
h1,h2,h3{font-weight:800;letter-spacing:-.025em}
.hero .lead{max-width:none;font-size:clamp(17px,1.7vw,20px)}
.hero-text{max-width:860px;margin-bottom:52px}


/* v17 — horný pás a tabuľka kľúčových slov (15. 10.) */
.staty .cislo .biela{color:var(--text)}
.sachovnica.kratka .m h3,.sachovnica.kratka .j h3{color:var(--text)}
.sachovnica.kratka .j{box-shadow:inset 0 0 0 1px var(--amber);background:rgba(217,160,91,.045)}
.sachovnica.kratka .j h3::before{background:var(--amber)}

/* v17 — jantárové bunky: výplň + rámček cez zelené čiary mriežky (15. 10.) */
.sachovnica.kratka article{position:relative}
.sachovnica.kratka .j{box-shadow:none;background:rgba(217,160,91,.10)}
.sachovnica.kratka .j::after{content:"";position:absolute;inset:-1px;border:1px solid var(--amber);pointer-events:none;z-index:1}
/* „Zachytí dopyt“ — len jantárový rámček, bez zeleného okraja pod ním */
.staty .zvyraznene{position:relative;box-shadow:none}
.staty .zvyraznene::after{content:"";position:absolute;inset:-1px;border:1px solid var(--amber);pointer-events:none}

/* v17 — písmo (15. 10.): nadpisy Newsreader, text Inter — SIL OFL, assets/fonts/OFL-*.txt, hostované na vlastnom webe */
@font-face{font-family:'Newsreader';font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/newsreader-latin-ext-600-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Newsreader';font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/newsreader-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/inter-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/inter-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/inter-latin-ext-500-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/inter-latin-500-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/inter-latin-ext-700-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/inter-latin-700-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{
  --sans: Inter,"Segoe UI",-apple-system,BlinkMacSystemFont,Roboto,Helvetica,Arial,sans-serif;
  --serif: Newsreader,Georgia,"Times New Roman",serif;
  --mono: var(--sans);
}
body{font-family:var(--sans)}
h1,h2,h3,.cislo,.cena,.male-cislo b,.velke-cislo b{font-family:var(--serif);font-weight:600;letter-spacing:-.01em}
/* tabuľka kľúčových slov v hero = písmo textu */
.sachovnica.kratka h3{font-family:var(--sans);font-weight:700;letter-spacing:-.005em}

/* v17 — sekcia „Dopyt, ktorý príde v piatok“ (15. 10.): popisky čísel normálnym textom (Inter), nie drobné verzálky */
#problem .male-cislo span,#problem .velke-cislo span{font:500 14px/1.5 var(--sans);letter-spacing:0;text-transform:none;color:var(--dim);margin-top:10px}
#problem .male-cislo,#problem .velke-cislo{padding:18px 22px}
#problem .male-cislo b,#problem .velke-cislo b{font-size:38px}
#problem p{font-size:17px;line-height:1.75}

/* v17 — sekcia „Dopyt premení na rezerváciu“ (15. 10.): písma ako v úvode */
#ako-to-funguje .podnadpis-akcent{font:500 clamp(18px,2vw,21px)/1.4 var(--sans);color:var(--dim)}
#ako-to-funguje .sachovnica h3{font-size:21px;margin-bottom:10px}
#ako-to-funguje .sachovnica p{font:400 16px/1.7 var(--sans)}
#ako-to-funguje .sachovnica .index{font:600 14px/1.4 var(--sans);letter-spacing:0;text-transform:none;margin-bottom:10px}

/* v17 — sekcia „Ceny balíkov“ (15. 10.): písma ako v úvode */
#cennik .balik h3{font:700 14px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase}
#cennik .cena{font-size:48px}
#cennik .cena i{font:400 15px/1 var(--sans)}
#cennik .cena-popis{font:500 13.5px/1.4 var(--sans);letter-spacing:0;text-transform:none}
#cennik .balik .text,#cennik .balik li{font:400 15.5px/1.6 var(--sans)}
#cennik .balik .spodok{font:500 14px/1.8 var(--sans);letter-spacing:0;text-transform:none;color:var(--dim)}
#cennik .stitok{font:700 11px/1 var(--sans)}
#cennik .cennik-pozn{font:400 15px/1.7 var(--sans)}

/* v17 — cenník (15. 10.): karty na celú šírku, symetricky; jantár len v Profesionáli */
#cennik .baliky.dva{max-width:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:stretch}
#cennik .balik{display:flex;flex-direction:column;padding:36px 36px 30px}
#cennik .balik .spodok{margin-top:auto}
#cennik .balik.hlavny li,#cennik .balik.hlavny li:not(:first-child){color:var(--text)}
#cennik .balik.hlavny li::before,#cennik .balik.hlavny li:not(:first-child)::before{color:var(--mint)}
#cennik .balik.hlavny .polozka b{color:var(--text)}
#cennik .balik.pro li,#cennik .balik.pro .polozka b{color:var(--amber)}
#cennik .podnadpis{max-width:72ch}
@media(max-width:760px){#cennik .baliky.dva{grid-template-columns:1fr}#cennik .balik{padding:30px 22px 24px}}

/* v17 — sekcia „Bezpečnosť na prvom mieste“ (15. 10.): písma ako v ostatných sekciách */
#ochrana .podnadpis{font:400 17px/1.7 var(--sans);max-width:72ch}
#ochrana .sachovnica h3{font-size:20px;margin-bottom:10px;align-items:baseline}
#ochrana .sachovnica p{font:400 16px/1.7 var(--sans)}
#ochrana .sachovnica article{padding:30px 30px 32px}
#ochrana > .wrap > .podnadpis:last-child{font-size:15px}

/* v17 — sekcia kontakt (#kontakt) a pätička (15. 10.): písma ako v ostatných sekciách */
.kontakt-grid p{font:400 17px/1.7 var(--sans)}
.kontakt-grid h3{font:700 13px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--dim-2)}
.kontakt-grid .riadky{font:400 15.5px/2 var(--sans);color:var(--dim)}
.kontakt-grid .btn{font:700 15px/1 var(--sans)}
footer a,footer span{font:500 13.5px/1.8 var(--sans);letter-spacing:0;text-transform:none}
footer .wrap > span:last-child{color:var(--dim-2)}
header nav a{font:600 13px/1 var(--sans);letter-spacing:.06em}

/* v17 — cenník s tromi balíkmi (15. 10., 02 v2.3 č. 9) */
#cennik .baliky.tri-b{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch;max-width:none;margin-top:8px}
#cennik .balik.hlavny{border-color:var(--mint);box-shadow:inset 0 0 0 1px var(--mint);transform:translateY(-8px)}
#cennik .balik .spodok strong{color:var(--text);font-weight:700}
#cennik .balik.pro .spodok strong{color:var(--amber)}
#cennik .porovnanie{margin:18px 0 0;font:500 15px/1.6 var(--sans);color:var(--dim)}
@media(max-width:960px){#cennik .baliky.tri-b{grid-template-columns:1fr}#cennik .balik.hlavny{transform:none}}

/* v17: odporúčaný Štandard v jantárovej */
#cennik .balik.hlavny.pro{border-color:var(--amber);box-shadow:inset 0 0 0 1px var(--amber)}
#cennik .balik.hlavny.pro li,#cennik .balik.hlavny.pro li:not(:first-child),#cennik .balik.hlavny.pro .polozka b{color:var(--amber)}
#cennik .balik.hlavny.pro li::before,#cennik .balik.hlavny.pro li:not(:first-child)::before{color:var(--amber)}
#cennik .balik.hlavny.pro .stitok{background:var(--amber)}

/* v18: menšie písmo, viac vzduchu (návrh) */
:root{--max:1080px}
body{font-size:15.5px;line-height:1.7}
.hero{padding:76px 0 0}
.hero h1.jeden-riadok{font-size:clamp(30px,4.4vw,54px);margin:0 0 24px}
.hero .lead{font-size:clamp(16px,1.45vw,18px);margin:0 0 30px}
.staty .cislo{font-size:26px}
.sachovnica.kratka h3{font-size:15.5px}
.sachovnica.kratka article{padding:18px 24px}
section{padding:110px 0}
section h2{font-size:clamp(23px,2.5vw,31px);margin:0 0 30px}
.podnadpis{margin:0 0 44px}
#problem .male-cislo b,#problem .velke-cislo b{font-size:32px}
#problem p{font-size:16px}
#ako-to-funguje .podnadpis-akcent{font-size:clamp(16px,1.7vw,18px)}
#ako-to-funguje .sachovnica h3{font-size:18px}
#ako-to-funguje .sachovnica p,#ochrana .sachovnica p{font-size:15px}
#ako-to-funguje .sachovnica article,#ochrana .sachovnica article{padding:30px 30px 32px}
#cennik .cena{font-size:40px}
#cennik .balik .text,#cennik .balik li{font-size:14.5px}
#cennik .cennik-pozn{font-size:14px}
#ochrana .podnadpis{font-size:16px}
#ochrana .sachovnica h3{font-size:17.5px}
.kontakt-grid p{font-size:16px}