/* Euromaster — montované haly, Trnava. Štýl webu (kalkulačka má vlastný kalkulacka/styles.css, farby sú rovnaké). */
:root{
  --antracit:#1F2429; --antracit-2:#171B1F; --antracit-3:#2A3037;
  --zlta:#FFC20E; --zlta-hover:#FFD24D;
  --siva:#F3F4F5; --siva-2:#E6E8EA; --ciara:#D3D7DB; --ciara-pole:#858C93;
  --text:#1F2429; --text-tlmeny:#4F5862; --na-tmavom:#E8EAEC; --na-tmavom-tlmene:#AEB5BC;
  --biela:#fff; --ok:#1b7a3d; --chyba:#b3261e;
  --pismo-nadpis:"Oswald",Impact,"Arial Narrow",system-ui,sans-serif;
  --pismo-text:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --rychlo:120ms; --tlacidlo:140ms; --stitok:200ms; --menu:240ms; --odhal:320ms;
  --vstup:cubic-bezier(0.23,1,0.32,1); --odchod:cubic-bezier(0.3,0,1,1);
  --cas-rozbal:380ms; --krivka-rozbal:cubic-bezier(0.22,0.61,0.36,1);
  --sirka:1200px; --hlavicka-v:64px;
}
@media (prefers-reduced-motion:reduce){
  :root{--rychlo:1ms;--tlacidlo:1ms;--stitok:1ms;--menu:1ms;--odhal:1ms;--cas-rozbal:1ms}
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:auto}
body{margin:0;font-family:var(--pismo-text);font-size:17px;line-height:1.55;color:var(--text);background:var(--biela)}
img{max-width:100%;height:auto;display:block}
h1,h2,h3,h4,p,ul,ol,figure{margin:0}
button,input,textarea{font:inherit}
:focus-visible{outline:3px solid #E0A800;outline-offset:3px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.preskocit{position:absolute;left:1rem;top:-200px;z-index:100;padding:.7rem 1.1rem;background:var(--zlta);color:var(--antracit);font-weight:700;border-radius:6px;text-decoration:none}
.preskocit:focus{top:.75rem}
[id]{scroll-margin-top:calc(var(--hlavicka-v) + 16px)}

/* ---------- typografia ---------- */
.nadpis,h1,h2,h3{font-family:var(--pismo-nadpis);font-weight:700;line-height:1.02;letter-spacing:-.01em;text-transform:uppercase}
h1{font-size:clamp(2.5rem,6.2vw,5.4rem)}
h2{font-size:clamp(2rem,4.4vw,3.6rem)}
h3{font-size:clamp(1.25rem,2.2vw,1.7rem);letter-spacing:0}
.kicker{font-family:var(--pismo-nadpis);font-weight:500;font-size:.95rem;letter-spacing:.22em;text-transform:uppercase;color:var(--text-tlmeny);display:flex;align-items:center;gap:.7rem}
.kicker::before{content:"";display:inline-block;width:28px;height:4px;background:var(--zlta)}
.tmave .kicker{color:var(--na-tmavom-tlmene)}
.uvodny-text{font-size:clamp(1.1rem,1.6vw,1.3rem);line-height:1.5;max-width:60ch}
.text-blok p+p{margin-top:.9rem}
.text-blok h2{margin:1.8rem 0 .6rem}
.text-blok h2:first-child{margin-top:0}
.text-blok ul{margin:.5rem 0 .9rem}
.text-blok ul{padding-left:1.2rem}
.text-blok li+li{margin-top:.35rem}
.text-blok a:not(.tlacidlo){color:inherit;font-weight:700;text-decoration:underline;text-decoration-color:var(--zlta);text-decoration-thickness:2px;text-underline-offset:3px}
.tmave{background:var(--antracit);color:var(--na-tmavom)}
.tmave h1,.tmave h2,.tmave h3{color:var(--biela)}
.svetle{background:var(--siva)}
.zlty{color:var(--zlta)}

/* ---------- rozloženie ---------- */
.obal{width:min(var(--sirka),100% - 2rem);margin-inline:auto}
.sekcia{padding-block:clamp(3rem,7vw,6rem)}
.sekcia--uzka{padding-block:clamp(2rem,4vw,3.5rem)}
.hlava-sekcie{display:grid;gap:.9rem;margin-bottom:clamp(1.6rem,4vw,3rem)}
.hlava-sekcie--riadok{grid-template-columns:1fr;align-items:end}
@media (min-width:900px){.hlava-sekcie--riadok{grid-template-columns:1.2fr .8fr;gap:2.5rem}}

/* ---------- tlačidlá ---------- */
.tlacidlo{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:52px;padding:.7rem 1.4rem;border-radius:6px;border:2px solid transparent;font-family:var(--pismo-nadpis);font-weight:600;font-size:1.05rem;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;cursor:pointer;white-space:nowrap;color:var(--antracit);background:var(--zlta);transition:background-color var(--tlacidlo) var(--vstup),color var(--tlacidlo) var(--vstup),border-color var(--tlacidlo) var(--vstup),transform var(--tlacidlo) var(--vstup)}
.tlacidlo:active{transform:scale(.97)}
.tlacidlo--hlavne{background:var(--zlta);color:var(--antracit)}
.tlacidlo--obrys{background:transparent;color:var(--antracit);border-color:var(--antracit)}
.tmave .tlacidlo--obrys{color:var(--biela);border-color:rgba(255,255,255,.55)}
.tlacidlo--velke{min-height:60px;padding:.8rem 1.8rem;font-size:1.15rem}
.tlacidlo--siroke{width:100%}
.tlacidlo svg{flex:none}
@media (hover:hover) and (pointer:fine){
  .tlacidlo--hlavne:hover{background:var(--zlta-hover)}
  .tlacidlo--obrys:hover{background:var(--antracit);color:var(--biela)}
  .tmave .tlacidlo--obrys:hover{background:var(--biela);color:var(--antracit);border-color:var(--biela)}
}

/* ---------- hlavička ---------- */
.hlavicka{position:sticky;top:0;z-index:40;background:var(--antracit);color:var(--biela);border-bottom:1px solid rgba(255,255,255,.08)}
.hlavicka__vnutro{min-height:var(--hlavicka-v);display:flex;align-items:center;gap:1rem}
.znacka{display:inline-flex;align-items:center;gap:.55rem;color:var(--biela);text-decoration:none;font-family:var(--pismo-nadpis);font-weight:700;font-size:1.45rem;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;min-height:44px}
.znacka::before{content:"";width:14px;height:26px;background:var(--zlta);transform:skewX(-14deg);flex:none}
.znacka small{font-family:var(--pismo-text);font-weight:500;font-size:.72rem;letter-spacing:.02em;text-transform:none;color:var(--na-tmavom-tlmene);display:none}
.menu{margin-left:auto;display:none}
.menu ul{list-style:none;margin:0;padding:0;display:flex;gap:.2rem}
.menu a{display:inline-flex;align-items:center;min-height:44px;padding:0 .8rem;white-space:nowrap;color:var(--na-tmavom);text-decoration:none;font-weight:600;font-size:.95rem;position:relative;transition:color var(--rychlo) var(--vstup)}
.menu a::after{content:"";position:absolute;left:.8rem;right:.8rem;bottom:8px;height:2px;background:var(--zlta);transform:scaleX(0);transform-origin:left;transition:transform 220ms var(--vstup)}
.menu a[aria-current="page"]::after{transform:scaleX(1)}
@media (hover:hover) and (pointer:fine){.menu a:hover{color:var(--biela)}.menu a:hover::after{transform:scaleX(1)}}
.hlavicka__tel{margin-left:auto;display:inline-flex;align-items:center;gap:.5rem;min-height:44px;padding:.4rem .9rem;border-radius:6px;background:var(--zlta);color:var(--antracit);text-decoration:none;font-family:var(--pismo-nadpis);font-weight:600;font-size:1.05rem;letter-spacing:.03em;white-space:nowrap;transition:background-color var(--tlacidlo) var(--vstup),transform var(--tlacidlo) var(--vstup)}
.hlavicka__tel:active{transform:scale(.97)}
.hlavicka__tel span{display:none}
@media (hover:hover) and (pointer:fine){.hlavicka__tel:hover{background:var(--zlta-hover)}}
.menu-tlacidlo{appearance:none;border:0;background:transparent;color:var(--biela);width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border-radius:6px}
.menu-mobil{display:none;background:var(--antracit-2);border-top:1px solid rgba(255,255,255,.08)}
.menu-mobil ul{list-style:none;margin:0;padding:.5rem 0}
.menu-mobil a{display:block;padding:.8rem 0;color:var(--na-tmavom);text-decoration:none;font-weight:600;font-size:1.05rem;border-bottom:1px solid rgba(255,255,255,.06)}
.menu-mobil a[aria-current="page"]{color:var(--zlta)}
.hlavicka[data-otvorene] .menu-mobil{display:block}
@media (min-width:1180px){
  .menu{display:block}
  .hlavicka__tel{margin-left:.5rem}
  .hlavicka__tel span{display:inline}
  .menu-tlacidlo,.menu-mobil{display:none !important}
}
@media (min-width:1180px) and (max-width:1339px){.menu a{padding:0 .55rem;font-size:.9rem}.menu a::after{left:.55rem;right:.55rem}}
@media (min-width:1560px){.znacka small{display:block}}
@media (min-width:600px) and (max-width:1179px){.hlavicka__tel span{display:inline}}

/* ---------- úvod ---------- */
.uvod{padding-block:clamp(2.5rem,6vw,5.5rem) clamp(2rem,5vw,4rem);position:relative;overflow:hidden}
.uvod__mriezka{display:grid;gap:2rem;align-items:center}
.uvod h1{margin:.9rem 0 1.2rem;max-width:14ch}
.uvod h1 em{font-style:normal;color:var(--zlta)}
.uvod__text{font-size:clamp(1.1rem,1.7vw,1.35rem);line-height:1.5;max-width:52ch;color:var(--na-tmavom)}
.uvod__akcie{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.6rem}
.vzor-cena{display:grid;gap:.15rem;margin-top:1.4rem;padding:1rem 1.2rem;border-left:4px solid var(--zlta);background:rgba(255,255,255,.06)}
.vzor-cena__stitok{font-family:var(--pismo-nadpis);font-weight:500;letter-spacing:.14em;text-transform:uppercase;font-size:.85rem;color:var(--na-tmavom-tlmene)}
.vzor-cena strong{font-family:var(--pismo-nadpis);font-weight:700;font-size:clamp(1.5rem,2.6vw,2.1rem);line-height:1.1;color:var(--zlta)}
.vzor-cena__pod{font-size:.92rem;color:var(--na-tmavom-tlmene)}
.zdvihne{margin-top:.8rem;font-size:.95rem;color:var(--na-tmavom-tlmene)}
.svetle .zdvihne,.kontakt__udaje .zdvihne{color:var(--text-tlmeny)}
.uvod__obrazok{position:relative}
.uvod__obrazok img{width:100%;height:auto;border-radius:6px}
.popisok{position:absolute;left:0;bottom:0;background:rgba(23,27,31,.85);color:var(--na-tmavom-tlmene);font-size:.78rem;padding:.3rem .6rem;border-radius:0 6px 0 6px}
@media (min-width:900px){
  .uvod__mriezka{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:3rem}
}

/* ---------- pás s číslami ---------- */
.cisla{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:rgba(255,255,255,.1);border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}
.cisla>div{background:var(--antracit);padding:1.4rem 1rem}
.cisla strong{display:block;font-family:var(--pismo-nadpis);font-weight:700;font-size:clamp(2.2rem,5vw,3.6rem);line-height:1;color:var(--zlta);letter-spacing:-.01em}
.cisla span{display:block;margin-top:.4rem;color:var(--na-tmavom-tlmene);font-size:.95rem;line-height:1.3}
@media (min-width:760px){.cisla{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* ---------- typy hál ---------- */
.typy{display:grid;gap:1.25rem}
.typ{display:grid;grid-template-rows:auto 1fr;background:var(--biela);border:1px solid var(--ciara);text-decoration:none;color:inherit;transition:border-color var(--rychlo) var(--vstup)}
.typ img{width:100%;aspect-ratio:16/10;object-fit:cover;background:var(--siva)}
.typ__telo{padding:1.2rem 1.3rem 1.4rem;display:grid;gap:.5rem;align-content:start}
.typ__telo h3{display:flex;justify-content:space-between;align-items:baseline;gap:1rem}
.typ__telo h3::after{content:"→";font-weight:500;color:var(--text-tlmeny);transition:color var(--rychlo) var(--vstup)}
.typ__telo p{color:var(--text-tlmeny)}
.typ__m2{font-family:var(--pismo-nadpis);font-weight:500;letter-spacing:.08em;text-transform:uppercase;font-size:.85rem;color:var(--text-tlmeny)}
@media (hover:hover) and (pointer:fine){.typ:hover{border-color:var(--antracit)}.typ:hover h3::after{color:var(--antracit)}}
@media (min-width:700px){.typy{grid-template-columns:repeat(2,minmax(0,1fr))}}
.doplnky{display:flex;flex-wrap:wrap;gap:.6rem;list-style:none;padding:0;margin:0}
.odkaz-dalej{display:inline-block;padding:12px 0;color:inherit;font-weight:700}
.doplnky li{padding:.5rem .9rem;border:1px solid var(--ciara);border-radius:999px;font-weight:600;font-size:.95rem;background:var(--biela)}

/* ---------- panel kalkulačky ---------- */
.kalk-panel{position:relative;overflow:hidden}
.kalk-panel .obal{display:grid;gap:2rem;align-items:center}
.kalk-panel h2{font-size:clamp(2.2rem,5.2vw,4.4rem);max-width:12ch}
.kalk-panel__cena{font-family:var(--pismo-nadpis);font-weight:700;font-size:clamp(1.6rem,3vw,2.4rem);color:var(--zlta);line-height:1.1}
.kalk-panel__body{display:grid;gap:.5rem;list-style:none;padding:0;margin:1.2rem 0 0;color:var(--na-tmavom)}
.kalk-panel__body li{display:flex;gap:.7rem;align-items:baseline}
.kalk-panel__body li::before{content:"";flex:none;width:10px;height:10px;background:var(--zlta);transform:translateY(-1px) skewX(-14deg)}
.kalk-panel img{width:100%;height:auto}
@media (min-width:900px){.kalk-panel .obal{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:3rem}}

/* ---------- výroba ---------- */
.vyroba{display:grid;gap:2rem;align-items:center}
.vyroba__fakty{display:grid;gap:1.2rem;margin-top:1.5rem}
.fakt{display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:baseline;padding-top:1rem;border-top:2px solid var(--antracit)}
.fakt strong{font-family:var(--pismo-nadpis);font-weight:700;font-size:clamp(1.9rem,3.4vw,2.8rem);line-height:1;min-width:5.5ch}
.fakt span{color:var(--text-tlmeny)}
@media (min-width:900px){.vyroba{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:3rem}}

/* ---------- postup ---------- */
.postup{display:grid;gap:1.5rem;counter-reset:krok;list-style:none;padding:0;margin:0}
.postup li{counter-increment:krok;display:grid;gap:.4rem;padding-top:1rem;border-top:2px solid var(--zlta)}
.postup li::before{content:"0" counter(krok);font-family:var(--pismo-nadpis);font-weight:700;font-size:clamp(2.4rem,4.5vw,3.6rem);line-height:1;color:var(--zlta)}
.postup h3{color:var(--biela)}
.postup p{color:var(--na-tmavom-tlmene)}
@media (min-width:760px){.postup{grid-template-columns:repeat(4,minmax(0,1fr));gap:2rem}}

/* ---------- región ---------- */
.region{display:grid;gap:2rem}
.mesta{display:flex;flex-wrap:wrap;gap:.5rem .6rem;list-style:none;padding:0;margin:0}
.mesta li{font-family:var(--pismo-nadpis);font-weight:500;letter-spacing:.04em;text-transform:uppercase;padding:.4rem .8rem;border:1px solid var(--ciara);background:var(--biela);font-size:.95rem}
.mesta li.domov{background:var(--antracit);color:var(--zlta);border-color:var(--antracit)}
.region__km{font-family:var(--pismo-nadpis);font-weight:700;font-size:clamp(4rem,10vw,8rem);line-height:.9;letter-spacing:-.02em}
.region__km small{display:block;font-size:1rem;font-weight:500;letter-spacing:.2em;color:var(--text-tlmeny);margin-top:.6rem}
@media (min-width:900px){.region{grid-template-columns:auto minmax(0,1fr);gap:4rem;align-items:start}}

/* ---------- referencie (šablóna, zatiaľ skrytá) ---------- */
.referencie{display:grid;gap:1.5rem}
.referencia{border:1px solid var(--ciara);background:var(--biela)}
.referencia dl{display:grid;grid-template-columns:auto 1fr;gap:.3rem 1rem;padding:1rem 1.2rem;margin:0}
.referencia dt{color:var(--text-tlmeny)}
.referencia dd{margin:0;font-weight:600}
@media (min-width:760px){.referencie{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* ---------- kontakt + formulár ---------- */
.kontakt{display:grid;gap:2.5rem}
.kontakt__udaje{display:grid;gap:1.1rem;align-content:start}
.kontakt__udaje a:not(.tlacidlo){color:inherit;font-weight:700;text-decoration:none;display:inline-block;padding:10px 0;margin:-10px 0}
.kontakt__velky-tel{font-family:var(--pismo-nadpis);font-weight:700;font-size:clamp(2rem,4vw,3rem);line-height:1;letter-spacing:.01em;color:var(--antracit);text-decoration:none;display:inline-block}
.tmave .kontakt__velky-tel{color:var(--zlta)}
.kontakt__riadok{display:grid;gap:.15rem}
.kontakt__riadok span{font-size:.85rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-tlmeny);font-family:var(--pismo-nadpis)}
.tmave .kontakt__riadok span{color:var(--na-tmavom-tlmene)}
.formular{display:grid;gap:1rem;background:var(--biela);padding:clamp(1.2rem,3vw,2rem);border:1px solid var(--ciara)}
.pole{display:grid;gap:.3rem}
.pole label{font-weight:700}
.pole .nepovinne{font-weight:400;color:var(--text-tlmeny)}
.pole input,.pole textarea{width:100%;min-height:50px;padding:.6rem .8rem;border:2px solid var(--ciara-pole);border-radius:6px;background:var(--biela);font-size:1rem;color:var(--text)}
.pole textarea{min-height:120px;resize:vertical}
.pole input[aria-invalid="true"],.pole textarea[aria-invalid="true"]{border-color:var(--chyba)}
.pole .chyba{color:var(--chyba);font-weight:600;font-size:.92rem}
.pole .chyba[hidden]{display:none}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.formular__stav{font-weight:700;min-height:1.5em}
.formular__stav.je-chyba{color:var(--chyba)}
.formular__stav.je-ok{color:var(--ok)}
.formular__pozn{font-size:.9rem;color:var(--text-tlmeny)}
.formular__pozn a{color:inherit;font-weight:700}
@media (min-width:900px){.kontakt{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:4rem}}

/* ---------- výzva nad pätou ---------- */
.vyzva{text-align:left}
.vyzva .obal{display:grid;gap:1.5rem;align-items:center}
.vyzva h2{max-width:16ch}
.vyzva__akcie{display:flex;flex-wrap:wrap;gap:.8rem}
@media (min-width:900px){.vyzva .obal{grid-template-columns:minmax(0,1fr) auto;gap:3rem}}

/* ---------- päta ---------- */
.pata{background:var(--antracit-2);color:var(--na-tmavom-tlmene);padding:2.5rem 0 calc(2rem + 76px);font-size:.95rem}
.pata__mriezka{display:grid;gap:1.6rem}
.pata h3{font-size:1rem;letter-spacing:.14em;color:var(--biela);margin-bottom:.6rem}
.pata ul{list-style:none;padding:0;margin:0;display:grid;gap:.1rem}
.pata a{color:var(--na-tmavom);text-decoration:none;display:inline-block;padding:12px 0;margin:-6px 0}
.pata a:not(.tlacidlo){transition:color var(--rychlo) var(--vstup)}
@media (hover:hover) and (pointer:fine){.pata a:hover{color:var(--zlta)}}
.pata__spodok{margin-top:2rem;padding-top:1.2rem;border-top:1px solid rgba(255,255,255,.1);display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;justify-content:space-between;font-size:.85rem}
.pata address{font-style:normal;line-height:1.6}
@media (min-width:760px){.pata__mriezka{grid-template-columns:1.3fr 1fr 1fr 1fr}.pata{padding-bottom:2.5rem}}

/* ---------- prilepená lišta na telefóne ---------- */
.lista{position:fixed;left:0;right:0;bottom:0;z-index:30;display:none;grid-template-columns:1fr 1fr;gap:.6rem;padding:.55rem .8rem calc(.55rem + env(safe-area-inset-bottom));background:var(--antracit);border-top:1px solid rgba(255,255,255,.1);transform:translateY(100%);transition:transform var(--menu) var(--vstup)}
.lista .tlacidlo{min-height:48px;padding-inline:.8rem;font-size:1rem}
.lista[data-vidno]{transform:none}
@media (max-width:759px){.lista{display:grid}}

/* ---------- pruh „ukážkové ceny“ ---------- */
.pruh-ukazka{background:#fff3c4;color:#4a3800;text-align:center;font-weight:700;padding:.5rem 1rem;border-bottom:2px solid #e0b400;font-size:.95rem}
.pruh-ukazka[hidden]{display:none}

/* ---------- stránka typu haly / textové stránky ---------- */
.pod-uvod{padding-block:clamp(2.5rem,5vw,4.5rem) clamp(2rem,4vw,3rem)}
.pod-uvod h1{max-width:16ch;margin:.8rem 0 1rem}
.pod-uvod .uvodny-text{color:var(--na-tmavom)}
.dvojstlpec{display:grid;gap:2.5rem;align-items:start}
.dvojstlpec figure img{width:100%;height:auto;border:1px solid var(--ciara)}
.dvojstlpec figcaption{font-size:.85rem;color:var(--text-tlmeny);margin-top:.5rem}
@media (min-width:900px){.dvojstlpec{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:4rem}}
.parametre{display:grid;gap:1px;background:var(--ciara);border:1px solid var(--ciara);margin-top:1.5rem}
.parametre div{background:var(--biela);padding:1rem 1.1rem}
.parametre strong{display:block;font-family:var(--pismo-nadpis);font-weight:700;font-size:1.5rem;line-height:1.1}
.parametre span{color:var(--text-tlmeny);font-size:.92rem}
@media (min-width:600px){.parametre{grid-template-columns:repeat(2,minmax(0,1fr))}}
.ine-typy{display:flex;flex-wrap:wrap;gap:.6rem;list-style:none;padding:0;margin:1rem 0 0}
.ine-typy a{display:inline-flex;align-items:center;min-height:44px;padding:.55rem 1rem;border:1px solid var(--ciara);background:var(--biela);color:inherit;text-decoration:none;font-weight:600;transition:border-color var(--rychlo) var(--vstup),background-color var(--rychlo) var(--vstup)}
@media (hover:hover) and (pointer:fine){.ine-typy a:hover{border-color:var(--antracit);background:var(--siva)}}

/* ---------- cenová stránka ---------- */
.cena-pozn{color:var(--text-tlmeny);max-width:70ch;margin-bottom:1.5rem}
.cenniky{display:grid;gap:1.25rem}
.cennik{display:grid;gap:.5rem;align-content:start;background:var(--biela);border:1px solid var(--ciara);padding:0 0 1.4rem}
.cennik img{width:100%;aspect-ratio:16/10;object-fit:cover;background:var(--siva)}
.cennik h3,.cennik p,.cennik .tlacidlo{margin-inline:1.3rem}
.cennik h3{margin-top:.8rem;display:grid;gap:.2rem}
.cennik h3 span{font-family:var(--pismo-text);font-weight:600;font-size:.95rem;text-transform:none;color:var(--text-tlmeny);letter-spacing:0}
.cennik__popis{color:var(--text-tlmeny);font-size:.95rem}
.cennik__m2{font-family:var(--pismo-nadpis);font-size:1.05rem;margin-top:.4rem;color:var(--text-tlmeny)}
.cennik__m2 strong{font-size:clamp(1.6rem,2.4vw,2rem);font-weight:700;line-height:1.05;display:block;color:var(--text)}
.cennik__spolu{font-size:.92rem;color:var(--text-tlmeny)}
.cennik .tlacidlo{margin-top:.6rem;justify-self:start;white-space:normal;text-align:center}
@media (min-width:900px){.cenniky{grid-template-columns:repeat(3,minmax(0,1fr))}}
.pod-nadpis{margin:clamp(2rem,4vw,3rem) 0 1rem}
.tab-ceny{width:100%;border-collapse:collapse;background:var(--biela);border:1px solid var(--ciara);font-size:.98rem}
.tab-ceny th,.tab-ceny td{text-align:left;padding:.8rem .9rem;border-bottom:1px solid var(--ciara);vertical-align:top}
.tab-ceny thead th{font-family:var(--pismo-nadpis);font-weight:500;letter-spacing:.1em;text-transform:uppercase;font-size:.85rem;color:var(--text-tlmeny);background:var(--siva)}
.tab-ceny tbody th{font-weight:600}
.tab-ceny td{white-space:nowrap;font-weight:700}
.tab-obal{overflow-x:auto;-webkit-overflow-scrolling:touch}
@media (max-width:700px){.tab-ceny{min-width:620px}}
.faktory{display:grid;gap:1.25rem;list-style:none;padding:0;margin:0}
.faktory li{padding:1.2rem 1.3rem;background:var(--biela);border-left:4px solid var(--zlta)}
.faktory h3{font-size:1.15rem;margin-bottom:.3rem}
.faktory p{color:var(--text-tlmeny)}
@media (min-width:760px){.faktory{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ---------- časté otázky ---------- */
.otazky{display:grid;gap:0;border-top:1px solid var(--ciara)}
.otazky details{border-bottom:1px solid var(--ciara)}
.otazky summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem 0;font-family:var(--pismo-nadpis);font-weight:600;font-size:1.15rem;text-transform:uppercase;letter-spacing:.02em}
.otazky summary::-webkit-details-marker{display:none}
.otazky .znak{flex:none;width:28px;height:28px;display:inline-grid;place-items:center;border:2px solid var(--antracit);border-radius:50%;font-weight:700;transition:transform var(--cas-rozbal) var(--krivka-rozbal)}
.otazky details[open] .znak{transform:rotate(45deg)}
.otazky details.zatvara .znak{transform:none}
.otazky .odpoved{padding-bottom:1.3rem;color:var(--text-tlmeny);max-width:70ch}
.otazky .odpoved p+p{margin-top:.6rem}

/* ---------- textová stránka ---------- */
.clanok{max-width:76ch}
.clanok h2{font-size:clamp(1.5rem,2.6vw,2.1rem);margin:2rem 0 .7rem}
.clanok h3{margin:1.4rem 0 .4rem}
.clanok p+p{margin-top:.8rem}
.clanok ul{padding-left:1.2rem}
.clanok li+li{margin-top:.3rem}
.clanok a{color:inherit;font-weight:700;text-decoration:underline;text-decoration-color:var(--zlta);text-decoration-thickness:2px;text-underline-offset:3px}
.navrh{background:#fff3c4;border:2px solid #e0b400;padding:.7rem 1rem;border-radius:6px;font-weight:700;color:#4a3800;margin-bottom:1.5rem}
.doplnit{background:#fff3c4;padding:0 .25rem;border-radius:3px}

/* ---------- citát a fotky zo stavby ---------- */
.citat{margin:0 0 2rem;padding:1.2rem 0 1.2rem 1.4rem;border-left:6px solid var(--zlta);max-width:60ch}
.citat p{font-family:var(--pismo-nadpis);font-weight:500;font-size:clamp(1.35rem,2.4vw,1.9rem);line-height:1.25}
.citat footer{margin-top:.6rem;color:var(--text-tlmeny);font-size:.95rem}
.fotky{display:grid;gap:1rem}
.fotka img{width:100%;aspect-ratio:16/10;object-fit:cover;background:var(--siva)}
.fotka figcaption{font-size:.88rem;color:var(--text-tlmeny);margin-top:.45rem}
@media (min-width:700px){.fotky{grid-template-columns:repeat(2,minmax(0,1fr))}.fotka--velka{grid-column:1/-1}}
@media (min-width:1000px){.fotky{grid-template-columns:repeat(4,minmax(0,1fr))}.fotka--velka{grid-column:span 2;grid-row:span 2}.fotka--velka img{height:100%}}

/* Pohyb: rytmus TICHÝ — žiadne odhaľovanie pri rolovaní. Hýbe sa len to, čoho sa človek dotkne (tlačidlá, menu, otázky, lišta). */