@font-face {
  font-family:'Bricolage Grotesque'; font-style:normal; font-weight:600 800;
  font-display:swap; src:url('../fonts/bricolage.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:'Bricolage Grotesque'; font-style:normal; font-weight:600 800;
  font-display:swap; src:url('../fonts/bricolage-latin-ext.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 600;
  font-display:swap; src:url('../fonts/inter.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 600;
  font-display:swap; src:url('../fonts/inter-latin-ext.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 600;
  font-display:swap; src:url('../fonts/inter-symboly.woff2') format('woff2');
  unicode-range:U+203A,U+2190-2193,U+2197,U+21BA,U+25B6,U+2605,U+2606,U+26A0;
}
@font-face {
  font-family:'Spline Sans Mono'; font-style:normal; font-weight:400 500;
  font-display:swap; src:url('../fonts/spline-mono.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:'Spline Sans Mono'; font-style:normal; font-weight:400 500;
  font-display:swap; src:url('../fonts/spline-mono-latin-ext.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;
}

:root {
  --paper:#F6F4EF;
  --ink:#1A1D19;
  --muted:#65695F;
  --line:#E4DFD4;
  --pine:#2C4A3A;
  --pine-d:#1F3729;
  --oak:#B5762F;
   
  --oak-text:#9A5B14;
  --surface:#FFFFFF;
  --tint:#EBF0EB;
  --brick:#9C3B2E;           

  --radius:14px;
  --radius-s:12px;
  --radius-l:16px;
  --tien:0 1px 2px rgba(26,29,25,.04), 0 6px 20px rgba(26,29,25,.06);
  --tien-h:0 2px 6px rgba(26,29,25,.08), 0 14px 34px rgba(26,29,25,.10);

  --pismo-nadpis:"Bricolage Grotesque", system-ui, sans-serif;
  --pismo-text:"Inter", system-ui, sans-serif;
  --pismo-mono:"Spline Sans Mono", ui-monospace, monospace;

  --obal:1140px;
}

 
*,*::before,*::after { box-sizing:border-box; }
html { -webkit-text-size-adjust:100%; }
body {
  margin:0;
  font-family:var(--pismo-text);
  color:var(--ink);
  background:var(--paper);
  line-height:1.6;
  font-size:16px;
}
img { max-width:100%; display:block; }
a { color:inherit; text-decoration:none; }
h1,h2,h3 { font-family:var(--pismo-nadpis); line-height:1.15; margin:0 0 .5em; font-weight:700; letter-spacing:-.01em; }
h1 { font-size:clamp(1.8rem,4vw,2.6rem); }
h2 { font-size:clamp(1.4rem,2.6vw,1.9rem); }
h3 { font-size:1.05rem; }
p { margin:0 0 1rem; }
.lead { color:var(--muted); font-size:1.05rem; }

.obal { max-width:var(--obal); margin:0 auto; padding:0 20px; }
.sekcia { max-width:var(--obal); margin:0 auto; padding:42px 20px; }
.sekcia.stred { text-align:center; }
.sekcia-hlava { display:flex; align-items:baseline; justify-content:space-between; gap:16px; margin-bottom:22px; flex-wrap:wrap; }
.sekcia-hlava h2 { margin:0; }
.odkaz-viac { color:var(--pine); font-weight:600; white-space:nowrap; }
.odkaz-viac:hover { color:var(--oak-text); }

 
.cta {
  display:inline-flex; align-items:center; gap:.4em;
  font-family:var(--pismo-text); font-weight:600; font-size:.96rem;
  padding:.7em 1.15em; border-radius:999px; border:1px solid transparent;
  cursor:pointer; transition:transform .08s ease, box-shadow .12s ease, background .12s ease;
}
.cta:hover { transform:translateY(-1px); }
.cta-pine { background:var(--pine); color:#fff; }
.cta-pine:hover { background:var(--pine-d); }
.cta-oak { background:var(--oak-text); color:#fff; }
.cta-oak:hover { filter:brightness(.95); }
.cta-ghost { background:transparent; border-color:var(--line); color:var(--ink); }
.cta-ghost:hover { background:var(--surface); }
.cta-velka { font-size:1.05rem; padding:.85em 1.5em; }
.cta-disabled { background:var(--line); color:var(--muted); cursor:not-allowed; }
.cta-disabled:hover { transform:none; }

 
.hlavicka { position:sticky; top:0; z-index:50; background:rgba(246,244,239,.9); backdrop-filter:blur(8px); border-bottom:1px solid var(--line); }
.hlavicka-in { max-width:var(--obal); margin:0 auto; padding:12px 20px; display:flex; align-items:center; gap:16px; }
.brand { font-family:var(--pismo-nadpis); font-weight:800; font-size:1.35rem; letter-spacing:-.02em; color:var(--pine); }
.brand-bodka { color:var(--oak-text); }
.navigacia { margin-left:auto; display:flex; gap:6px; flex-wrap:wrap; }
.navigacia a { padding:.45em .75em; border-radius:999px; color:var(--muted); font-weight:500; font-size:.95rem; }
.navigacia a:hover { color:var(--ink); background:var(--tint); }
.navigacia a.je-aktivny { color:var(--pine); background:var(--tint); font-weight:600; }

.nav-prepinac, .hamburger { display:none; }
.hamburger { width:42px; height:38px; margin-left:auto; border:1px solid var(--line); border-radius:10px; background:var(--surface); cursor:pointer; flex-direction:column; justify-content:center; align-items:center; gap:4px; }
.hamburger span { width:18px; height:2px; background:var(--ink); border-radius:2px; }

 
.hero { background:linear-gradient(180deg,var(--tint),var(--paper)); border-bottom:1px solid var(--line); }
.hero-in { max-width:840px; margin:0 auto; padding:64px 20px 56px; text-align:center; }
.hero-kicker { text-transform:uppercase; letter-spacing:.14em; font-size:.78rem; font-weight:600; color:var(--oak-text); margin-bottom:14px; }
.hero-claim { font-size:clamp(2rem,5vw,3.2rem); margin-bottom:.4em; }
.hero-popis { color:var(--muted); font-size:1.1rem; max-width:620px; margin:0 auto 1.6em; }
.hero-hladaj { display:flex; gap:10px; max-width:600px; margin:0 auto; }
.hero-hladaj input { flex:1; padding:.9em 1.1em; border:1px solid var(--line); border-radius:999px; font-size:1rem; background:var(--surface); }
.hero-hladaj input:focus { outline:2px solid var(--pine); outline-offset:1px; }
.hero-tip { margin-top:12px; font-size:.85rem; color:var(--muted); }

 
.mriezka { display:grid; grid-template-columns:repeat(auto-fill,minmax(230px,1fr)); gap:20px; }
.karta { background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); overflow:hidden; box-shadow:var(--tien); display:flex; flex-direction:column; transition:transform .1s ease, box-shadow .14s ease; }
.karta:hover { transform:translateY(-3px); box-shadow:var(--tien-h); }
.karta-media { aspect-ratio:4/3; background:var(--tint); }
.karta-media img { width:100%; height:100%; object-fit:cover; }
.karta-telo { padding:14px 14px 16px; display:flex; flex-direction:column; gap:6px; flex:1; }
.karta-typ { font-size:.72rem; text-transform:uppercase; letter-spacing:.08em; color:var(--oak-text); font-weight:600; }
.karta-nazov { font-size:1rem; font-weight:600; font-family:var(--pismo-text); line-height:1.3; margin:0; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.karta-teaser { font-size:.85rem; color:var(--muted); margin:0; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.karta-pata { margin-top:auto; padding-top:8px; display:flex; align-items:center; justify-content:space-between; }
.karta-cena { font-family:var(--pismo-mono); font-weight:500; font-size:1.05rem; color:var(--pine); }
.karta-cta { font-size:.85rem; color:var(--muted); font-weight:600; text-decoration:none; }
.karta:hover .karta-cta { color:var(--oak-text); }
 
.karta-foto { display:block; }
.karta-nazov a { color:inherit; text-decoration:none; }
.karta-nazov a:hover { color:var(--oak-text); }
.karta-partner { font-size:.72rem; color:var(--muted); margin:6px 0 0; padding-top:6px; border-top:1px solid var(--line); }

 
.is-empty { position:relative; }
.is-empty img { display:none; }
.is-empty::after {
  content:attr(data-nazov);
  position:absolute; inset:0; display:flex; align-items:center; justify-content:center;
  padding:14px; text-align:center; font-family:var(--pismo-nadpis); font-weight:600;
  font-size:.85rem; color:var(--pine); background:repeating-linear-gradient(135deg,var(--tint),var(--tint) 12px,#E6ECE6 12px,#E6ECE6 24px);
}

 
.dlazdice { display:grid; grid-template-columns:repeat(auto-fill,minmax(190px,1fr)); gap:14px; }
.dlazdica { background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); padding:20px 18px; min-height:88px; display:flex; align-items:flex-end; font-family:var(--pismo-nadpis); font-weight:600; box-shadow:var(--tien); transition:transform .1s ease, box-shadow .14s; }
.dlazdica:hover { transform:translateY(-2px); box-shadow:var(--tien-h); color:var(--pine); }
.dlazdica-clanok { flex-direction:column; align-items:flex-start; gap:6px; }
.dl-titulok { font-size:1.05rem; }
.dl-popis { font-family:var(--pismo-text); font-weight:400; font-size:.85rem; color:var(--muted); }
.dl-coming { font-family:var(--pismo-text); font-size:.7rem; text-transform:uppercase; letter-spacing:.08em; color:var(--oak-text); border:1px solid var(--line); padding:.15em .5em; border-radius:999px; }

 
.dlazdice-kat { grid-template-columns:repeat(auto-fill,minmax(240px,1fr)); }
.kat-karta { background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); padding:18px; box-shadow:var(--tien); }
.kat-karta-hlava { display:flex; align-items:baseline; justify-content:space-between; gap:10px; }
.kat-nazov { font-family:var(--pismo-nadpis); font-weight:700; font-size:1.15rem; }
.kat-pocet { font-family:var(--pismo-mono); font-size:.82rem; color:var(--muted); }
.kat-deti { list-style:none; margin:12px 0 0; padding:0; display:flex; flex-wrap:wrap; gap:6px; }
.kat-deti a { font-size:.85rem; color:var(--muted); background:var(--tint); padding:.25em .6em; border-radius:999px; }
.kat-deti a:hover { color:var(--pine); }

 
.kat-hlava { margin-bottom:22px; }
.filtre { background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); padding:14px; margin-bottom:26px; box-shadow:var(--tien); }
.filtre-row { display:grid; grid-template-columns:1.4fr 1fr 1fr .8fr .8fr 1fr auto; gap:10px; align-items:center; }
.filtre input, .filtre select { padding:.6em .7em; border:1px solid var(--line); border-radius:10px; font-size:.92rem; background:var(--paper); font-family:var(--pismo-text); width:100%; }
.filtre input:focus, .filtre select:focus { outline:2px solid var(--pine); outline-offset:1px; }
.pocet-vysledkov { color:var(--muted); margin:-8px 0 18px; }
.prazdne { background:var(--surface); border:1px dashed var(--line); border-radius:var(--radius); padding:40px; text-align:center; color:var(--muted); }

 
.strankovanie { display:flex; flex-wrap:wrap; gap:6px; justify-content:center; align-items:center; margin-top:34px; }
.str { min-width:40px; text-align:center; padding:.5em .7em; border:1px solid var(--line); border-radius:10px; background:var(--surface); color:var(--ink); font-weight:600; font-size:.9rem; }
.str:hover { border-color:var(--pine); color:var(--pine); }
.str.je-aktivna { background:var(--pine); color:#fff; border-color:var(--pine); }
.str-dots { color:var(--muted); padding:0 2px; }

 
.omrvinky { color:var(--muted); font-size:.88rem; margin-bottom:14px; }
.omrvinky a { color:var(--pine); }
.omrvinky a:hover { color:var(--oak-text); }
.omrvinky-spodne { margin:30px 0 0; padding-top:18px; border-top:1px solid var(--line); }

 
.detail { max-width:860px; margin:0 auto; padding:36px 20px 56px; }
.geo-odsek { font-size:1.18rem; line-height:1.6; color:var(--ink); background:var(--tint); border-left:4px solid var(--pine); padding:18px 20px; border-radius:0 var(--radius) var(--radius) 0; margin:0 0 28px; }
.detail-hlava { display:grid; grid-template-columns:1fr 1fr; gap:28px; align-items:start; margin-bottom:34px; }
.detail-media { aspect-ratio:1/1; background:var(--tint); border-radius:var(--radius-l); overflow:hidden; border:1px solid var(--line); }
.detail-media img { width:100%; height:100%; object-fit:cover; }
.detail-info { display:flex; flex-direction:column; gap:8px; }
.detail-typ { font-size:.78rem; text-transform:uppercase; letter-spacing:.1em; color:var(--oak-text); font-weight:600; }
.detail-nazov { font-size:clamp(1.5rem,3vw,2.1rem); margin:0; }
.detail-cena { font-family:var(--pismo-mono); font-size:1.8rem; font-weight:500; color:var(--pine); margin:6px 0 14px; }
.detail-mini { font-size:.82rem; color:var(--muted); margin:8px 0 0; }
.detail-aktual { font-size:.78rem; color:var(--muted); margin:6px 0 0; }
 
.detail-dodanie { font-size:.9rem; color:var(--ink); margin:10px 0 0; padding-left:10px; border-left:3px solid var(--line); }
.kat-aktual { font-size:.82rem; color:var(--muted); margin:.35em 0 0; }

 
.detail section { margin:26px 0; }
.detail section h2 { margin-bottom:.5em; }

.blok-verdikt { background:var(--pine); color:#EAF0EA; border-radius:var(--radius-l); padding:24px 26px; }
.blok-verdikt h2 { color:#fff; margin-top:0; }
.blok-verdikt p { margin:0; font-size:1.05rem; }

.blok-vn { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.blok-vn h3 { margin:0 0 .5em; }
.blok-vn ul { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:8px; }
.blok-vn li { position:relative; padding-left:1.7em; font-size:.95rem; }
.vyhody, .nevyhody { background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); padding:18px 20px; }
.vyhody li::before { content:"＋"; position:absolute; left:0; color:var(--pine); font-weight:700; }
.nevyhody li::before { content:"－"; position:absolute; left:0; color:var(--brick); font-weight:700; }

.blok-rada { background:var(--surface); border:1px solid var(--line); border-left:4px solid var(--oak); border-radius:0 var(--radius) var(--radius) 0; padding:20px 22px; }
.blok-rada h2 { color:var(--oak-text); margin-top:0; }
.blok-rada p { margin:0; }

.pre-koho { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.pre-koho h3 { margin:0 0 .5em; }
.pre-koho ul { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:8px; }
.pre-koho li { position:relative; padding-left:1.6em; font-size:.95rem; }
.pk-ano, .pk-nie { border:1px solid var(--line); border-radius:var(--radius); padding:18px 20px; background:var(--surface); }
.pk-ano { border-top:3px solid var(--pine); }
.pk-nie { border-top:3px solid var(--brick); }
.pk-ano li::before { content:"✓"; position:absolute; left:0; color:var(--pine); font-weight:700; }
.pk-nie li::before { content:"✕"; position:absolute; left:0; color:var(--brick); font-weight:700; }

.blok-popis p { color:#2a2e27; }
.param-tab { width:100%; border-collapse:collapse; background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); overflow:hidden; }
.param-tab th, .param-tab td { text-align:left; padding:.7em 1em; border-bottom:1px solid var(--line); font-size:.92rem; vertical-align:top; }
.param-tab th { width:38%; color:var(--muted); font-weight:600; font-family:var(--pismo-text); }
.param-tab td { font-family:var(--pismo-mono); font-size:.88rem; }
.param-tab tr:last-child th, .param-tab tr:last-child td { border-bottom:0; }

 
.faq-item { background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); padding:4px 18px; margin-bottom:10px; }
.faq-item summary { cursor:pointer; font-weight:600; padding:14px 0; font-family:var(--pismo-nadpis); list-style:none; }
.faq-item summary::-webkit-details-marker { display:none; }
.faq-item summary::after { content:"+"; float:right; color:var(--oak-text); font-weight:700; }
.faq-item[open] summary::after { content:"–"; }
.faq-item p { margin:0 0 14px; color:var(--muted); }

 
.pata { background:var(--pine-d); color:#C9D4CB; margin-top:40px; }
.pata-in { max-width:var(--obal); margin:0 auto; padding:48px 20px 28px; display:grid; grid-template-columns:2fr 1fr 1fr; gap:30px; }
.pata .brand { color:#fff; }
.pata-brand p { margin:.6em 0 0; font-size:.9rem; color:#9DB0A0; max-width:34ch; }
.pata-nav { display:flex; flex-direction:column; gap:8px; }
.pata-nav a:hover, .pata-social a:hover { color:#fff; }
.pata-social { display:flex; flex-direction:row; align-items:center; flex-wrap:wrap; gap:12px; }
.pata-social span { color:#9DB0A0; font-size:.85rem; }
 
.pata-social a { color:#C9D4CB; display:inline-flex; align-items:center; transition:color .12s ease; }
.pata-social a:hover { color:#fff; }
.pata-social svg { display:block; }
.pata-spodok p { margin:0 0 4px; }
.pata-affil { color:#B9C7BB; }
.pata-firma a { color:inherit; text-decoration:underline; }
.pata-spodok { border-top:1px solid rgba(255,255,255,.08); text-align:center; padding:16px 20px; font-size:.8rem; color:#8DA08F; }

 
 
.poradca-form { display:flex; flex-wrap:wrap; gap:10px; margin-bottom:18px; }
.poradca-form input { flex:1 1 12ch; min-width:0; padding:.85em 1.1em; border:1px solid var(--line); border-radius:999px; font-size:1rem; background:var(--surface); font-family:var(--pismo-text); }
.poradca-form button { flex:0 0 auto; }
.poradca-form input:focus { outline:2px solid var(--pine); outline-offset:1px; }
.pochopene-chips { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin-bottom:18px; }
.ch-label { color:var(--muted); font-size:.85rem; }
.chip { background:var(--tint); border:1px solid var(--line); border-radius:999px; padding:.3em .8em; font-size:.88rem; }
.chip-k { color:var(--oak-text); font-weight:600; font-size:.7rem; text-transform:uppercase; letter-spacing:.05em; }
.poradca-veta { background:var(--tint); border-left:4px solid var(--oak); border-radius:0 var(--radius) var(--radius) 0; padding:14px 18px; font-size:1.05rem; margin:0 0 22px; }
.poradca-alt-nadpis { font-weight:600; color:var(--muted); margin:6px 0 12px; }
.poradca-tipy { color:var(--muted); }
.poradca-tipy a { color:var(--pine); font-weight:600; }
 
.poradca-slot { margin:0 0 34px; }
.poradca-slot-nadpis { font-size:1.15rem; margin:0 0 10px; padding-bottom:6px; border-bottom:1px solid var(--line); }
.poradca-napoveda { background:var(--tint); border:1px solid var(--line); border-radius:var(--radius); padding:18px 20px; margin-top:8px; }
.poradca-napoveda-text { margin:0 0 12px; color:var(--muted); }
.poradca-chipy { display:flex; flex-wrap:wrap; gap:8px; }
.chip-klik { text-decoration:none; color:var(--pine); font-weight:600; transition:background .12s ease, border-color .12s ease; }
.chip-klik:hover { background:var(--surface); border-color:var(--oak); }
#vysledky.je-nacitanie { opacity:.45; transition:opacity .12s; }
.poradca-viac { text-align:center; margin:8px 0 4px; }

 
.dq-form { max-width:760px; }
.dq-otazka { border:0; padding:0 0 22px; margin:0 0 22px; border-bottom:1px solid var(--line); }
.dq-otazka:last-of-type { border-bottom:0; }
 
.dq-legend { font-weight:700; font-size:1.05rem; margin-bottom:4px; padding:0; }
.dq-cislo {
  font-family:var(--pismo-nadpis); font-weight:800; font-size:1.35rem;
  color:var(--oak-text); margin-right:10px; line-height:1;
}
.dq-pomoc { margin:0 0 10px; font-size:.85rem; color:var(--muted); }
.dq-moznosti { display:flex; flex-wrap:wrap; gap:8px; margin-top:10px; }
.dq-chip { position:relative; }
 
.dq-chip input { position:absolute; opacity:0; width:0; height:0; }
.dq-chip span {
  display:inline-flex; align-items:center; gap:.4em;
  padding:.5em .9em; border:1px solid var(--line); border-radius:999px;
  background:var(--surface); cursor:pointer; font-size:.92rem; user-select:none;
  transition:background .14s ease-out, border-color .14s ease-out, color .14s ease-out, transform .14s ease-out;
}
.dq-chip span::before {
  content:""; width:0; height:14px; flex:none; opacity:0;
  background:no-repeat center/contain
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E");
  transition:width .14s ease-out, opacity .14s ease-out;
}
.dq-chip span:hover { background:var(--tint); border-color:var(--oak); transform:scale(1.02); }
.dq-chip input:checked + span { background:var(--pine); border-color:var(--pine); color:#fff; }
.dq-chip input:checked + span::before { width:14px; opacity:1; }
.dq-chip input:focus-visible + span { outline:2px solid var(--oak); outline-offset:2px; }
 
.dq-progres { display:none; font-family:var(--pismo-mono); font-size:.8rem; color:var(--muted); margin:0 0 20px; }
.js .dq-progres { display:block; }
.dq-akcie { margin-top:28px; padding-top:20px; border-top:1px solid var(--line); }
.dq-akcie-pozn { margin:10px 0 0; font-size:.85rem; color:var(--muted); }
.dq-zhrnutie { background:var(--tint); border-radius:12px; padding:16px 18px; margin-bottom:18px; }
.dq-zhrnutie-text { margin:0; font-size:1.05rem; font-weight:600; }
.dq-rady { margin-bottom:26px; }
.dq-rady-nadpis { font-size:1.05rem; margin:0 0 10px; }
.dq-rady ul { margin:0; padding-left:1.1em; }
.dq-rady li { margin-bottom:.5em; color:var(--muted); }
.dq-znova { margin-top:24px; }
.dlazdice-nastroje { grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); }

 
.dotaznik-form { max-width:660px; }
.dk-krok { border:0; margin:0 0 20px; padding:0; }
.dk-krok legend { font-family:var(--pismo-nadpis); font-weight:700; font-size:1.25rem; margin-bottom:14px; padding:0; }
.dk-cislo { display:inline-block; background:var(--oak-text); color:#fff; font-family:var(--pismo-mono); font-size:.78rem; padding:.12em .55em; border-radius:999px; margin-right:8px; vertical-align:middle; }
.dk-moznosti { display:grid; grid-template-columns:repeat(auto-fit,minmax(160px,1fr)); gap:10px; }
.dk-moznost { display:flex; align-items:center; gap:9px; border:1px solid var(--line); border-radius:var(--radius); padding:.8em 1em; background:var(--surface); cursor:pointer; transition:border-color .1s, background .1s; }
.dk-moznost:hover { border-color:var(--pine); }
.dk-moznost input { accent-color:var(--pine); width:18px; height:18px; }
.dk-moznost:has(input:checked) { border-color:var(--pine); background:var(--tint); }
.dk-akcie { display:flex; gap:10px; align-items:center; margin-top:10px; }
.dk-treba { outline:2px dashed var(--brick); outline-offset:8px; border-radius:var(--radius); }
.dk-prev, .dk-next { display:none; }
.dotaznik-form.je-krokovy .dk-prev { display:inline-flex; }
.dotaznik-form.je-krokovy .dk-next { display:inline-flex; }
.dotaznik-form.je-krokovy .dk-submit { display:none; }
.dotaznik-form.je-krokovy .dk-krok { display:none; }
.dotaznik-form.je-krokovy .dk-krok.je-aktivny { display:block; }
.dotaznik-znova { margin-top:24px; }

 
.galeria-filtre { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:24px; }
.gf { padding:.45em .95em; border:1px solid var(--line); border-radius:999px; background:var(--surface); font-size:.9rem; font-weight:500; color:var(--muted); }
.gf:hover { color:var(--pine); border-color:var(--pine); }
.gf.je-aktivny { background:var(--pine); color:#fff; border-color:var(--pine); }
.masonry { columns:4 240px; column-gap:14px; }
.m-dlazdica { display:block; width:100%; margin:0 0 14px; break-inside:avoid; position:relative; border-radius:var(--radius); overflow:hidden; border:1px solid var(--line); background:var(--surface); box-shadow:var(--tien); }
.m-dlazdica:hover { box-shadow:var(--tien-h); }
.m-media { background:var(--tint); }
.m-media img { width:100%; height:auto; display:block; }
.m-media.is-empty { min-height:210px; }
.m-popis { position:absolute; left:0; right:0; bottom:0; padding:22px 12px 10px; color:#fff; display:flex; flex-direction:column; gap:2px; background:linear-gradient(transparent, rgba(26,29,25,.78)); opacity:0; transition:opacity .15s; }
.m-dlazdica:hover .m-popis, .m-dlazdica:focus .m-popis { opacity:1; }
.m-typ { font-size:.68rem; text-transform:uppercase; letter-spacing:.07em; color:#E8D9C2; }
.m-nazov { font-size:.85rem; font-weight:600; line-height:1.25; }

 
@media (max-width:860px) {
  .detail-hlava { grid-template-columns:1fr; }
  .filtre-row { grid-template-columns:1fr 1fr; }
  .pata-in { grid-template-columns:1fr 1fr; }
}
@media (max-width:680px) {
  .hamburger { display:flex; }
   
  .nav-prepinac {
    display:block; position:absolute; width:1px; height:1px;
    margin:-1px; padding:0; border:0; overflow:hidden; white-space:nowrap;
    clip-path:inset(50%);
  }
   
  .nav-prepinac:focus-visible ~ .hlavicka-in .hamburger,
  .nav-prepinac:focus-visible + .hamburger {
    outline:2px solid var(--pine); outline-offset:2px;
  }
  .navigacia {
    position:fixed; inset:62px 0 auto 0; margin:0; flex-direction:column; gap:0;
    background:var(--paper); border-bottom:1px solid var(--line); padding:8px 20px 16px;
    transform:translateY(-130%); transition:transform .2s ease; box-shadow:var(--tien);
  }
  .nav-prepinac:checked ~ .navigacia { transform:translateY(0); }
  .navigacia a { padding:.7em 0; border-radius:0; border-bottom:1px solid var(--line); }
  .blok-vn, .pre-koho { grid-template-columns:1fr; }
  .filtre-row { grid-template-columns:1fr 1fr; }
  .hero-hladaj { flex-direction:column; }
  .hero-hladaj .cta { justify-content:center; }
  .pata-in { grid-template-columns:1fr; }
}
@media (max-width:420px) {
  .filtre-row { grid-template-columns:1fr; }
}

 
.login-body { min-height:100vh; display:flex; align-items:center; justify-content:center; background:linear-gradient(180deg,var(--tint),var(--paper)); padding:24px; }
.login-karta { background:var(--surface); border:1px solid var(--line); border-radius:var(--radius-l); box-shadow:var(--tien-h); padding:34px 30px; width:100%; max-width:380px; text-align:center; }
.login-brand { font-family:var(--pismo-nadpis); font-weight:800; font-size:1.4rem; color:var(--pine); }
.login-nadpis { font-size:1.1rem; color:var(--muted); font-weight:600; margin:.2em 0 1.4em; }
.login-form { display:flex; flex-direction:column; gap:14px; text-align:left; }
.login-form label { display:flex; flex-direction:column; gap:5px; font-size:.85rem; color:var(--muted); font-weight:600; }
.login-form input { padding:.7em .9em; border:1px solid var(--line); border-radius:10px; font-size:1rem; font-family:var(--pismo-text); background:var(--paper); }
.login-form input:focus { outline:2px solid var(--pine); outline-offset:1px; }
.login-form .cta { justify-content:center; margin-top:6px; }
.login-chyba { background:#FBEAE7; color:var(--brick); border:1px solid #F0CCC5; border-radius:10px; padding:.7em 1em; font-size:.9rem; margin:0 0 16px; }
.login-spat { margin:18px 0 0; font-size:.85rem; }
.login-spat a { color:var(--muted); }

 
.admin-body { margin:0; background:var(--paper); }
.admin-menu-prepinac { display:none; }
.admin-sidebar { position:fixed; top:0; left:0; bottom:0; width:230px; background:var(--pine-d); color:#C9D4CB; display:flex; flex-direction:column; padding:18px 0; overflow-y:auto; }
.admin-brand { font-family:var(--pismo-nadpis); font-weight:800; font-size:1.2rem; color:#fff; padding:6px 22px 18px; }
.admin-menu { display:flex; flex-direction:column; }
.admin-menu a { color:#C9D4CB; padding:.7em 22px; font-size:.92rem; font-weight:500; border-left:3px solid transparent; }
.admin-menu a:hover { background:rgba(255,255,255,.06); color:#fff; }
.admin-menu a.je-aktivny { background:rgba(255,255,255,.10); color:#fff; border-left-color:var(--oak); }
.admin-odhlasit { margin-top:14px; border-top:1px solid rgba(255,255,255,.08); color:#9DB0A0 !important; }
.admin-hlavny { margin-left:230px; min-height:100vh; display:flex; flex-direction:column; }
.admin-top { display:flex; align-items:center; gap:14px; background:var(--surface); border-bottom:1px solid var(--line); padding:12px 24px; position:sticky; top:0; z-index:10; }
.admin-top-titulok { font-weight:600; color:var(--ink); }
.admin-top-user { margin-left:auto; display:flex; align-items:center; gap:14px; font-size:.9rem; }
.admin-meno { color:var(--muted); }
.admin-top-odhlasit { color:var(--pine); font-weight:600; }
.admin-hamburger { display:none; width:40px; height:36px; border:1px solid var(--line); border-radius:8px; background:var(--surface); cursor:pointer; flex-direction:column; align-items:center; justify-content:center; gap:4px; }
.admin-hamburger span { width:18px; height:2px; background:var(--ink); }
.admin-obsah { padding:28px 24px; max-width:1000px; }
.admin-hlava h1 { margin:0 0 .2em; }
.admin-lead { color:var(--muted); margin:0; }
.admin-staty { display:grid; grid-template-columns:repeat(auto-fill,minmax(150px,1fr)); gap:14px; margin:22px 0; }
.admin-stat { background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); padding:18px; box-shadow:var(--tien); }
.admin-stat-cislo { display:block; font-family:var(--pismo-mono); font-size:1.9rem; font-weight:500; color:var(--pine); }
.admin-stat-popis { color:var(--muted); font-size:.85rem; }
.admin-panel { background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); padding:20px 22px; margin-top:18px; }
.admin-panel h2 { margin:0 0 .4em; font-size:1.1rem; }
.admin-panel-prazdny { border-style:dashed; color:var(--muted); }
@media (max-width:760px) {
  .admin-sidebar { transform:translateX(-100%); transition:transform .2s ease; z-index:30; box-shadow:var(--tien-h); }
  .admin-menu-prepinac:checked ~ .admin-sidebar { transform:translateX(0); }
  .admin-hlavny { margin-left:0; }
  .admin-hamburger { display:flex; }
}

 
.brand { display:inline-flex; align-items:center; gap:8px; }
.brand-logo { height:40px; max-height:40px; width:auto; display:block; }
.brand-text { display:none; }                                   
.brand.bez-loga .brand-text { display:inline-flex; align-items:baseline; font-family:var(--pismo-nadpis); font-weight:800; font-size:1.35rem; letter-spacing:-.02em; color:var(--pine); }

 
.pata-logo { display:inline-flex; align-items:center; background:var(--paper); border-radius:12px; padding:10px 14px; box-shadow:0 2px 12px rgba(0,0,0,.20); }
.pata-logo .brand-logo { height:32px; max-height:32px; }
.pata-logo .brand-text { display:none; }
.pata-logo.bez-loga { background:transparent; padding:0; box-shadow:none; }
.pata-logo.bez-loga .brand-text { display:inline; font-family:var(--pismo-nadpis); font-weight:800; font-size:1.3rem; color:#fff; }

 
.admin-top-brand { display:inline-flex; align-items:center; gap:10px; text-decoration:none; }
.admin-logo { height:34px; max-height:34px; width:auto; display:block; }
.admin-top-brand .brand-text { display:none; }
.admin-top-brand.bez-loga .brand-text { display:inline; font-family:var(--pismo-nadpis); font-weight:800; color:var(--pine); }

 
body {
  background-color:var(--paper);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28'%3E%3Ccircle cx='2' cy='2' r='1.4' fill='%232C4A3A' fill-opacity='0.045'/%3E%3C/svg%3E");
}
.sekcia + .sekcia { border-top:1px solid rgba(228,223,212,.6); }
 
main > .sekcia:nth-of-type(even) { background:linear-gradient(180deg, rgba(235,240,235,.5), transparent 60%); }

 
.sekcia-titulky { display:flex; flex-direction:column; gap:2px; }
.sekcia-kicker { text-transform:uppercase; letter-spacing:.14em; font-size:.72rem; font-weight:700; color:var(--oak-text); margin:0; }
.sekcia-hlava h2 { margin:0; }

 
.hero { position:relative; overflow:hidden; background:linear-gradient(180deg, var(--tint) 0%, var(--paper) 72%); border-bottom:1px solid var(--line); }
.hero::before { content:""; position:absolute; inset:0; background:radial-gradient(70% 90% at 82% -20%, rgba(44,74,58,.10), transparent 60%); pointer-events:none; }
.hero-vizual { position:absolute; right:-6%; bottom:-34%; width:min(560px,70vw); aspect-ratio:1/1; border-radius:50%;
  background:radial-gradient(circle at 32% 30%, rgba(181,118,47,.16), rgba(44,74,58,.12) 55%, transparent 70%);
  filter:blur(2px); pointer-events:none; z-index:0; }
.hero-in { position:relative; z-index:1; }
.hero-kicker::after { content:""; display:block; width:38px; height:3px; background:var(--oak); border-radius:3px; margin:8px auto 0; }

 
.karta { border-radius:var(--radius-l); }
.karta:hover { transform:translateY(-4px); box-shadow:var(--tien-h); }

@media (max-width:680px) {
  .brand-logo { height:36px; max-height:36px; }
  .pata-logo .brand-logo { height:30px; max-height:30px; }
}

 
.admin-flash { padding:12px 16px; border-radius:var(--radius-s); margin-bottom:18px; font-weight:500; border:1px solid; }
.admin-flash-ok  { background:#EAF3EC; color:#1F3729; border-color:#BFD8C5; }
.admin-flash-err { background:#F8E9E6; color:#7A2A20; border-color:#E2B7AE; }

.admin-hlava-akcia { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; flex-wrap:wrap; }
.admin-pocet { font-family:var(--pismo-mono); font-size:.95rem; color:var(--muted); font-weight:500; }
.admin-skratky { display:flex; flex-wrap:wrap; gap:10px; }
.admin-staty a.admin-stat { text-decoration:none; transition:transform .12s ease, box-shadow .12s ease; }
.admin-staty a.admin-stat:hover { transform:translateY(-2px); box-shadow:var(--tien-h); }

 
.admin-filtre { display:flex; flex-wrap:wrap; gap:10px; align-items:center; margin:18px 0; background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); padding:14px 16px; }
.admin-filtre input[type=search], .admin-filtre select { padding:.5em .7em; border:1px solid var(--line); border-radius:10px; font:inherit; background:var(--paper); }
.admin-filtre input[type=search] { min-width:220px; flex:1; }
.admin-zrus { color:var(--muted); font-size:.9rem; }

 
.admin-bulk { display:flex; align-items:center; gap:12px; flex-wrap:wrap; margin:14px 0; }
.admin-bulk select { padding:.45em .6em; border:1px solid var(--line); border-radius:10px; font:inherit; background:var(--surface); }
.admin-mini { font-size:.82rem; color:var(--muted); }
.admin-mini-warn { color:var(--brick); }

 
.admin-tabulka-obal { overflow-x:auto; border:1px solid var(--line); border-radius:var(--radius); background:var(--surface); }
.admin-tabulka { width:100%; border-collapse:collapse; font-size:.9rem; }
.admin-tabulka th, .admin-tabulka td { padding:9px 12px; text-align:left; border-bottom:1px solid var(--line); vertical-align:middle; }
.admin-tabulka thead th { background:var(--tint); font-family:var(--pismo-nadpis); font-size:.82rem; position:sticky; top:0; }
.admin-tabulka tbody tr:hover { background:#FBFAF7; }
.admin-tabulka tr.je-vypnuty { opacity:.55; }
.admin-tabulka .st-check { width:34px; }
.admin-tabulka .st-foto  { width:54px; }
.admin-tabulka .st-cena  { font-family:var(--pismo-mono); white-space:nowrap; }
.admin-tabulka .st-nazov a { color:var(--pine); font-weight:600; }
.admin-tabulka .st-nazov a:hover { color:var(--oak-text); }
.admin-tabulka .st-akcie { white-space:nowrap; }
.admin-tabulka-uzka { max-width:520px; }
.admin-thumb { width:42px; height:42px; border-radius:8px; overflow:hidden; background:var(--tint); }
.admin-thumb img { width:100%; height:100%; object-fit:cover; }
.admin-thumb.is-empty::after { content:""; }

.inline-akcia { display:inline; margin:0; }
.odznak { border:1px solid transparent; border-radius:999px; padding:.2em .7em; font-size:.78rem; font-weight:600; cursor:pointer; font-family:inherit; }
.odznak-ok  { background:#EAF3EC; color:#1F3729; border-color:#BFD8C5; }
.odznak-off { background:#F1EFEA; color:var(--muted); border-color:var(--line); }
.odznak-top { background:#F6ECDD; color:#7A4E15; border-color:#E4C79B; }
.odznak-pln { background:transparent; color:var(--muted); border-color:var(--line); }
.admin-link { background:none; border:none; color:var(--pine); font:inherit; font-size:.85rem; font-weight:600; cursor:pointer; padding:0; margin-right:8px; }
.admin-link:hover { color:var(--oak-text); }
.admin-link-zmaz { color:var(--brick); }

 
.admin-strankovanie { display:flex; flex-wrap:wrap; gap:6px; margin:18px 0; }
.admin-strankovanie a { padding:.35em .7em; border:1px solid var(--line); border-radius:8px; background:var(--surface); font-size:.85rem; }
.admin-strankovanie a.je-aktivny { background:var(--pine); color:#fff; border-color:var(--pine); }

 
.admin-form { margin-top:18px; }
.admin-form-mriezka { display:grid; grid-template-columns:repeat(2,1fr); gap:16px; }
.admin-pole { display:flex; flex-direction:column; gap:6px; }
.admin-pole-siroke { grid-column:1 / -1; }
.admin-pole > span { font-weight:600; font-size:.9rem; }
.admin-pole input, .admin-pole select, .admin-pole textarea, .admin-panel input, .admin-panel select {
  padding:.6em .75em; border:1px solid var(--line); border-radius:10px; font:inherit; background:var(--surface); width:100%; }
.admin-pole small { color:var(--muted); font-size:.8rem; }
.admin-mono { font-family:var(--pismo-mono); font-size:.85rem; }
.admin-fieldset { border:1px solid var(--line); border-radius:var(--radius); padding:16px; margin:18px 0; }
.admin-fieldset legend { font-family:var(--pismo-nadpis); font-weight:700; padding:0 8px; }
.param-row, .crit-row, .faq-row { display:flex; gap:8px; margin-bottom:8px; align-items:flex-start; }
.param-row input, .crit-row input, .faq-row input, .faq-row textarea { flex:1; padding:.5em .65em; border:1px solid var(--line); border-radius:8px; font:inherit; }
.cta-mini { padding:.4em .9em; font-size:.85rem; }
.admin-prepinace { display:flex; flex-wrap:wrap; gap:18px; margin:18px 0; }
.admin-check { display:flex; align-items:center; gap:8px; font-weight:500; }
.admin-check input { width:auto; }
 
.admin-body-md { font-family:var(--pismo-mono); font-size:.9rem; line-height:1.5; width:100%; padding:12px; border:1px solid var(--line); border-radius:8px; }
.pick-hladaj { position:relative; margin-bottom:12px; }
.pick-hladaj > input { width:100%; padding:.55em .7em; border:1px solid var(--line); border-radius:8px; font:inherit; }
.pick-vysledky { position:absolute; z-index:20; left:0; right:0; background:var(--surface); border:1px solid var(--line); border-radius:8px; box-shadow:var(--tien-h); max-height:280px; overflow-y:auto; margin-top:4px; }
.pick-navrh { display:block; width:100%; text-align:left; padding:.55em .7em; background:none; border:0; border-bottom:1px solid var(--line); cursor:pointer; font:inherit; }
.pick-navrh:hover { background:var(--tint); }
.pick-rows { display:flex; flex-direction:column; gap:8px; }
.pick-row { display:flex; gap:8px; align-items:center; background:var(--tint); border-radius:8px; padding:8px 10px; }
.pick-info { min-width:220px; display:flex; flex-direction:column; gap:2px; }
.pick-row > input[type="text"] { flex:1; padding:.5em .65em; border:1px solid var(--line); border-radius:8px; font:inherit; }
.pick-badge { font-size:.7rem; color:var(--muted); }
.pick-akcie { display:flex; gap:4px; }
.admin-form-pata { display:flex; gap:12px; align-items:center; margin-top:18px; }
.admin-zmaz-box { margin-top:8px; padding:10px; background:#F8E9E6; border:1px solid #E2B7AE; border-radius:10px; max-width:340px; }
.admin-zmaz-box select { margin:6px 0; }
.je-skryty { display:none; }

 
.import-progres { margin:16px 0; }
.import-bar { height:14px; background:var(--tint); border-radius:999px; overflow:hidden; }
.import-bar-fill { height:100%; width:0; background:var(--pine); transition:width .25s ease; }
.import-report { margin-top:14px; padding:12px 16px; border-radius:var(--radius-s); border:1px solid; }
.import-ok  { background:#EAF3EC; color:#1F3729; border-color:#BFD8C5; }
.import-err { background:#F8E9E6; color:#7A2A20; border-color:#E2B7AE; }

 
.stranka-cms .cms-obsah { max-width:760px; }
.stranka-cms .cms-obsah h2 { margin-top:1.4em; }
.sprievodca .kriterium { margin-bottom:1.2em; }
.sprievodca-faq .faq-polozka { border-bottom:1px solid var(--line); padding:.6em 0; }
.sprievodca-faq summary { font-weight:600; cursor:pointer; }
.sprievodca-cta { margin-top:1.6em; }

@media (max-width:760px) {
  .admin-form-mriezka { grid-template-columns:1fr; }
}

 
.an-obdobie { display:flex; gap:6px; }
.an-obdobie a { padding:.4em .8em; border:1px solid var(--line); border-radius:8px; background:var(--surface); font-size:.85rem; }
.an-obdobie a.je-aktivny { background:var(--pine); color:#fff; border-color:var(--pine); }
.an-dnes { display:block; font-size:.75rem; color:var(--oak-text); margin-top:2px; }

 
.an-graf { display:flex; align-items:flex-end; gap:2px; height:180px; padding-top:8px; overflow-x:auto; }
.an-stlpec { flex:1 1 0; min-width:8px; display:flex; flex-direction:column; align-items:center; justify-content:flex-end; height:100%; }
.an-bar { width:70%; min-height:0; background:linear-gradient(180deg,var(--pine),var(--pine-d)); border-radius:3px 3px 0 0; transition:height .2s ease; }
.an-stlpec:hover .an-bar { background:var(--oak); }
.an-os { font-size:.62rem; color:var(--muted); margin-top:4px; white-space:nowrap; }
.an-os-skryta { visibility:hidden; }

 
.an-mriezka { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:18px; }
.an-mriezka-2 { grid-template-columns:repeat(2,1fr); margin-top:12px; }
.an-tab h2 { font-size:1.05rem; margin:0 0 .6em; }
.an-tab-money { border-color:var(--oak); box-shadow:0 0 0 1px rgba(181,118,47,.25), var(--tien); }
.an-money-znak { color:var(--oak-text); }
.an-zoznam { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:7px; }
.an-zoznam li { display:grid; grid-template-columns:1fr 70px auto; align-items:center; gap:8px; font-size:.85rem; }
.an-label { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--ink); }
.an-bar-mini { background:var(--tint); border-radius:999px; height:8px; overflow:hidden; }
.an-bar-mini span { display:block; height:100%; background:var(--pine); border-radius:999px; }
.an-tab-money .an-bar-mini span { background:var(--oak); }
.an-cislo { font-family:var(--pismo-mono); font-weight:500; text-align:right; }
.an-geo { margin-top:18px; }

@media (max-width:900px) { .an-mriezka { grid-template-columns:1fr; } .an-mriezka-2 { grid-template-columns:1fr; } }

 
 
.nav-cta { background:var(--oak-text); color:#fff !important; border-radius:999px; padding:.5em 1.15em !important; font-weight:600; }
.nav-cta:hover { background:#9d6526; }

 
.hp-hero { position:relative; overflow:hidden; background:var(--paper); padding:72px 20px 84px; text-align:center; border-bottom:1px solid var(--line); }
.hp-hero-vizual { position:absolute; right:-8%; top:-30%; width:min(560px,60vw); aspect-ratio:1/1; border-radius:50%;
  background:radial-gradient(circle at 35% 35%, rgba(181,118,47,.14), rgba(44,74,58,.10) 55%, transparent 72%); filter:blur(2px); pointer-events:none; z-index:0; }
.hp-hero-in { position:relative; z-index:1; max-width:860px; margin:0 auto; }
.hp-kicker { font-family:var(--pismo-mono); font-size:12px; letter-spacing:.16em; text-transform:uppercase; color:var(--oak-text); margin:0 0 16px; }
.hp-h1 { font-family:var(--pismo-nadpis); font-weight:800; font-size:clamp(2.1rem,5.4vw,3.5rem); line-height:1.04; letter-spacing:-.02em; color:var(--ink); margin:0 0 18px; }
 
.hp-entita { font-family:var(--pismo-text); font-size:16px; line-height:1.6; color:var(--ink); max-width:720px; margin:0 auto 14px; }
.hp-sub { font-family:var(--pismo-text); font-size:18px; line-height:1.6; color:var(--muted); max-width:680px; margin:0 auto 32px; }

.hp-search { display:flex; gap:12px; max-width:720px; margin:0 auto; }
.hp-search-pole { flex:1; display:flex; align-items:center; gap:10px; height:76px; background:#fff; border:2px solid var(--pine-d); border-radius:16px; box-shadow:0 16px 38px rgba(31,55,41,.15); padding:0 20px; }
.hp-search-pole input { flex:1; border:0; outline:0; background:transparent; font:inherit; font-size:1.05rem; height:100%; color:var(--ink); }
 
.hp-search-pole:focus-within { outline:3px solid var(--pine-d); outline-offset:2px; }
.hp-search-btn { flex:none; background:var(--oak-text); color:#fff; font-family:var(--pismo-text); font-weight:600; font-size:19px; padding:0 40px; border:0; border-radius:16px; box-shadow:0 12px 26px rgba(181,118,47,.3); cursor:pointer; transition:background .12s ease; }
.hp-search-btn:hover { background:#9d6526; }

.hp-chips { display:flex; flex-wrap:wrap; gap:10px; align-items:center; justify-content:center; margin-top:18px; }
.hp-chips-label { font-size:.85rem; color:var(--muted); }
.hp-chip { border-radius:999px; border:1px solid var(--line); padding:9px 16px; font-size:.88rem; background:#fff; color:var(--ink); transition:border-color .12s, background .12s; }
.hp-chip:hover { border-color:var(--pine); background:var(--tint); }

 
.hp-rozcestnik { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.hp-rc { background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); padding:24px; display:flex; flex-direction:column; gap:8px; box-shadow:var(--tien); transition:transform .1s ease, box-shadow .14s; }
a.hp-rc:hover, .hp-clanok:hover { transform:translateY(-3px); box-shadow:var(--tien-h); }
.hp-rc-kicker { font-family:var(--pismo-mono); font-size:11px; letter-spacing:.12em; text-transform:uppercase; color:var(--oak-text); margin:0; }
 
.hp-rc h2 { margin:0; font-size:1.2rem; font-family:var(--pismo-nadpis); }
.hp-rc-popis { color:var(--muted); font-size:.92rem; margin:0; }
.hp-rc-cta { margin-top:auto; padding-top:6px; color:var(--pine); font-weight:600; font-size:.92rem; }
.hp-rc:hover .hp-rc-cta { color:var(--oak-text); }

 
.hp-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
.hp-karta { display:flex; flex-direction:column; background:var(--surface); border:1px solid var(--line); border-radius:var(--radius-l); overflow:hidden; box-shadow:var(--tien); transition:transform .1s ease, box-shadow .14s; }
.hp-karta:hover { transform:translateY(-4px); box-shadow:var(--tien-h); }
.hp-foto { aspect-ratio:4/3; background:var(--tint); }
.hp-foto img { width:100%; height:100%; object-fit:cover; }
.hp-karta-telo { padding:14px 15px 16px; display:flex; flex-direction:column; gap:6px; flex:1; }
.hp-karta-kicker { font-family:var(--pismo-mono); font-size:11px; letter-spacing:.1em; text-transform:uppercase; color:var(--oak-text); }
.hp-karta-nazov { margin:0; font-family:var(--pismo-text); font-weight:600; font-size:1rem; line-height:1.3; color:var(--ink); display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.hp-karta-popis { margin:0; color:var(--muted); font-size:.85rem; line-height:1.45; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.hp-karta-cena { margin-top:auto; padding-top:6px; font-family:var(--pismo-mono); font-weight:500; font-size:1.05rem; color:var(--pine); }

 
.hp-miestnosti { display:grid; grid-template-columns:repeat(auto-fill,minmax(180px,1fr)); gap:14px; }
.hp-tile { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:20px 18px; border-radius:var(--radius); background:linear-gradient(135deg,var(--pine),var(--pine-d)); color:#fff; font-family:var(--pismo-nadpis); font-weight:700; font-size:1.05rem; box-shadow:var(--tien); transition:transform .1s ease, box-shadow .14s; }
.hp-tile:hover { transform:translateY(-3px); box-shadow:var(--tien-h); }
.hp-tile-sip { color:var(--oak-text); font-size:1.2rem; }

 
.hp-clanky { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.hp-clanok { background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); padding:22px; display:flex; flex-direction:column; gap:8px; box-shadow:var(--tien); transition:transform .1s ease, box-shadow .14s; }
.hp-clanok h3 { margin:0; font-size:1.1rem; }
.hp-prazdny-blok { border:1px dashed var(--line); border-radius:var(--radius); padding:28px; text-align:center; color:var(--muted); background:var(--surface); }

 
.hp-faq-sub { color:var(--muted); margin:.3em 0 0; font-size:1rem; }
.faq-item { background:var(--surface); border:1px solid var(--line); border-radius:var(--radius-s); padding:4px 18px; margin-bottom:10px; }
.faq-item summary { cursor:pointer; font-weight:600; padding:14px 0; list-style:none; position:relative; padding-right:28px; }
.faq-item summary::-webkit-details-marker { display:none; }
.faq-item summary::after { content:"+"; position:absolute; right:2px; top:12px; color:var(--oak-text); font-size:1.3rem; line-height:1; }
.faq-item[open] summary::after { content:"–"; }
.faq-item p { margin:0 0 14px; color:var(--muted); line-height:1.6; }

 
.pata-in { display:grid; grid-template-columns:1.5fr 1fr 1fr 1fr; gap:28px; align-items:start; }
.pata-stlpce { display:contents; }
 
.pata-stlpec h2 { font-family:var(--pismo-nadpis); font-size:.95rem; margin:0 0 12px; color:#fff; font-weight:700; }
.pata-stlpec a { display:block; color:#C9D4CB; font-size:.9rem; padding:4px 0; }
.pata-stlpec a:hover { color:#fff; }

 
@media (max-width:1000px) {
  .hp-grid { grid-template-columns:repeat(2,1fr); }
  .hp-rozcestnik, .hp-clanky { grid-template-columns:1fr; }
  .pata-in { grid-template-columns:1fr 1fr; }
}
@media (max-width:600px) {
  .hp-hero { padding:48px 18px 60px; }
  .hp-search { flex-direction:column; }
  .hp-search-btn { padding:16px; }
  .hp-grid { grid-template-columns:1fr; }
  .pata-in { grid-template-columns:1fr; }
}

 
.clanok { max-width:820px; margin-inline:auto; }
.clanok-lead { font-size:1.2rem; line-height:1.6; }
.clanok-meta { font-size:.85rem; color:var(--muted); margin:0 0 24px; }
.clanok-kriteria { background:var(--tint); border-left:4px solid var(--pine); border-radius:0 var(--radius) var(--radius) 0; padding:16px 20px; margin:0 0 28px; }
.clanok-kriteria h2 { margin:0 0 8px; font-size:1.05rem; }
.clanok-kriteria ul { margin:0; padding-left:20px; }
.clanok-kriteria li { margin:4px 0; }
.clanok-telo { line-height:1.7; }
.clanok-telo h2 { margin:32px 0 12px; font-size:1.4rem; }
.clanok-telo h3 { margin:24px 0 8px; font-size:1.12rem; }
.clanok-telo p { margin:0 0 16px; }
.clanok-telo ul, .clanok-telo ol { margin:0 0 16px; padding-left:22px; }
.clanok-telo li { margin:6px 0; }
.clanok-telo blockquote { margin:20px 0; padding:12px 18px; border-left:4px solid var(--oak); background:var(--tint); border-radius:0 var(--radius) var(--radius) 0; color:var(--muted); }
.clanok-telo a { color:var(--pine); font-weight:600; }
.clanok-telo code { background:var(--tint); padding:.1em .35em; border-radius:4px; font-family:var(--pismo-mono); font-size:.9em; }
.clanok-tab-obal { overflow-x:auto; margin:0 0 20px; }
.clanok-tab { border-collapse:collapse; width:100%; font-size:.95rem; }
.clanok-tab th, .clanok-tab td { border:1px solid var(--line); padding:8px 12px; text-align:left; }
.clanok-tab th { background:var(--tint); font-weight:600; }
.clanok-vyber { margin:36px 0; }
.clanok-picks { display:grid; grid-template-columns:repeat(auto-fill, minmax(220px, 1fr)); gap:20px; }
.clanok-pick { display:flex; flex-direction:column; }
.clanok-pick-note { font-size:.85rem; color:var(--muted); margin:8px 2px 0; font-style:italic; }
.clanok-faq { margin:36px 0; }
.clanok-faq .faq-polozka { border-top:1px solid var(--line); padding:16px 0; }
.clanok-faq h3 { margin:0 0 6px; font-size:1.02rem; }
.clanok-faq p { margin:0; color:var(--ink); }
.clanok-suvisiace { margin:40px 0 0; border-top:2px solid var(--line); padding-top:24px; }
.clanok-suvisiace-zoznam { list-style:none; margin:0; padding:0; display:grid; gap:10px; }
.clanok-suvisiace-zoznam a { display:block; padding:12px 16px; background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); text-decoration:none; color:var(--ink); font-weight:600; transition:border-color .12s ease; }
.clanok-suvisiace-zoznam a:hover { border-color:var(--oak); }
.suv-kicker { display:block; font-size:.7rem; text-transform:uppercase; letter-spacing:.06em; color:var(--oak-text); font-weight:600; }
 
.hub-mriezka { display:grid; grid-template-columns:repeat(auto-fill, minmax(260px, 1fr)); gap:20px; }
.hub-karta { display:flex; flex-direction:column; gap:6px; padding:20px; background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); box-shadow:var(--tien); text-decoration:none; color:var(--ink); transition:transform .1s ease, box-shadow .14s ease; }
.hub-karta:hover { transform:translateY(-3px); box-shadow:var(--tien-h); }
.hub-kicker { font-size:.7rem; text-transform:uppercase; letter-spacing:.06em; color:var(--oak-text); font-weight:600; }
.hub-nazov { font-size:1.1rem; margin:0; }
.hub-lead { font-size:.9rem; color:var(--muted); margin:0; flex:1; }
.hub-cta { font-size:.85rem; color:var(--pine); font-weight:600; margin-top:4px; }

 

 
.hp-hero::after {
  content:""; position:absolute; inset:0; pointer-events:none; z-index:0;
  opacity:.035;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E");
}
 
.hp-hero-vizual {
  filter:blur(80px); opacity:.7;
  animation:hp-drift 28s ease-in-out infinite alternate; will-change:transform;
}
 
.hp-hero::before {
  content:""; position:absolute; z-index:0; pointer-events:none;
  left:-10%; bottom:-40%; width:min(480px,55vw); aspect-ratio:1/1; border-radius:50%;
  background:radial-gradient(circle at 50% 50%, rgba(44,74,58,.10), transparent 70%);
  filter:blur(80px);
  animation:hp-drift2 34s ease-in-out infinite alternate;
}
@keyframes hp-drift {
  from { transform:translate3d(0,0,0) scale(1); }
  to   { transform:translate3d(-3%,2%,0) scale(1.06); }
}
@keyframes hp-drift2 {
  from { transform:translate3d(0,0,0) scale(1); }
  to   { transform:translate3d(4%,-3%,0) scale(1.1); }
}

 
.odhal { }
.js .odhal { opacity:.6; transform:translateY(12px); }
.js .odhal.je-vidno {
  opacity:1; transform:none;
  transition:opacity .3s ease-out, transform .3s ease-out;
}

 
.izba { border-top:1px solid var(--line); }
.izba-mriezka { display:grid; grid-template-columns:1.15fr .85fr; gap:40px; align-items:center; }
.izba-scena { width:100%; height:auto; display:block; }
.izba-scena .st { fill:none; stroke:var(--ink); stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; }
.izba-scena .st-p { stroke:var(--pine); }
.izba-scena .st-o { stroke:var(--oak); }
.izba-scena .vypln { fill:var(--tint); stroke:none; }

 
.js .izba-kus { opacity:0; transform:translateY(16px); }
.js .izba.je-vidno .izba-kus {
  opacity:1; transform:none;
  transition:opacity .45s ease-out, transform .45s cubic-bezier(.22,.68,.36,1);
}
.js .izba.je-vidno .izba-kus:nth-child(1) { transition-delay:.05s; }
.js .izba.je-vidno .izba-kus:nth-child(2) { transition-delay:.25s; }
.js .izba.je-vidno .izba-kus:nth-child(3) { transition-delay:.45s; }
.js .izba.je-vidno .izba-kus:nth-child(4) { transition-delay:.65s; }
.js .izba.je-vidno .izba-kus:nth-child(5) { transition-delay:.85s; }

.izba-kroky { list-style:none; margin:0; padding:0; }
.izba-krok { display:flex; gap:14px; align-items:baseline; padding:14px 0; border-bottom:1px solid var(--line); }
.izba-krok:last-child { border-bottom:0; }
.izba-krok-cislo { font-family:var(--pismo-mono); font-size:.78rem; color:var(--oak-text); letter-spacing:.08em; flex:none; }
.izba-krok-text strong { display:block; font-family:var(--pismo-nadpis); font-size:1.02rem; margin-bottom:2px; }
.izba-krok-text span { color:var(--muted); font-size:.9rem; }
.js .izba-krok { opacity:.35; transition:opacity .45s ease-out; }
.js .izba.je-vidno .izba-krok { opacity:1; }
.js .izba.je-vidno .izba-krok:nth-child(1) { transition-delay:.05s; }
.js .izba.je-vidno .izba-krok:nth-child(2) { transition-delay:.25s; }
.js .izba.je-vidno .izba-krok:nth-child(3) { transition-delay:.45s; }
.js .izba.je-vidno .izba-krok:nth-child(4) { transition-delay:.65s; }
.js .izba.je-vidno .izba-krok:nth-child(5) { transition-delay:.85s; }

@media (max-width:820px) {
  .izba-mriezka { grid-template-columns:1fr; gap:24px; }
   
  .js .izba.je-vidno .izba-kus,
  .js .izba.je-vidno .izba-krok { transition-delay:0s !important; }
}

 
.karta { transition:transform .18s ease-out, box-shadow .18s ease-out; }
.karta:hover { transform:translateY(-2px); box-shadow:0 2px 8px rgba(26,29,25,.06), 0 10px 24px rgba(26,29,25,.08); }

 
.faq-item summary::after {
  content:""; width:14px; height:14px; margin-top:5px;
  background:no-repeat center/contain
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23B5762F' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  transition:transform .2s ease-out;
}
.faq-item[open] summary::after { content:""; transform:rotate(180deg); }
.faq-telo { display:grid; grid-template-rows:0fr; transition:grid-template-rows .24s ease-out; }
.faq-item[open] .faq-telo { grid-template-rows:1fr; }
.faq-telo > div { overflow:hidden; }

 
.cms-obsah { max-width:68ch; line-height:1.7; }
.cms-obsah > p:first-of-type { font-size:1.12rem; line-height:1.65; color:var(--ink); }
.cms-obsah h2 {
  position:relative; padding-left:14px; margin-top:1.8em;
  border-left:3px solid var(--oak); line-height:1.25;
}
.cms-obsah ul, .cms-obsah ol { padding-left:1.2em; }
.cms-obsah li { margin-bottom:.4em; }
 
.cms-obsah .udaje, .cms-obsah blockquote {
  background:var(--tint); border-left:3px solid var(--pine);
  border-radius:0 var(--radius-s) var(--radius-s) 0;
  padding:14px 18px; margin:1.6em 0; color:var(--ink);
}

 
.sprievodca .clanok-lead, .clanok .clanok-lead {
  font-size:1.16rem; line-height:1.6; color:var(--ink);
  border-left:3px solid var(--oak); padding-left:16px; margin-bottom:1.6em;
}
.clanok-verdikt { box-shadow:inset 0 1px 0 rgba(255,255,255,.10), inset 0 -18px 40px rgba(0,0,0,.16); }

 
@supports (animation-timeline:scroll()) {
  .citanie {
    position:fixed; top:0; left:0; right:0; height:3px; z-index:50;
    background:var(--oak); transform-origin:0 50%; transform:scaleX(0);
    animation:citanie-rast linear both;
    animation-timeline:scroll(root block);
  }
  @keyframes citanie-rast { to { transform:scaleX(1); } }
}

 

 
.cms-obsah { counter-reset:sekcia; }
.cms-obsah h2 {
  counter-increment:sekcia;
  display:flex; align-items:baseline; gap:12px;
  margin-top:3.5rem; padding-left:0; border-left:0;
}
.cms-obsah h2::before {
  content:counter(sekcia,decimal-leading-zero);
  font-family:var(--pismo-mono); font-size:.8rem; font-weight:500;
  color:var(--oak-text); flex:none; letter-spacing:.06em;
  position:relative; top:-.15em;
}
.cms-obsah h2:first-of-type { margin-top:1.6rem; }
.cms-obsah > p:first-of-type { font-size:1.15rem; line-height:1.65; color:var(--ink); }

 
.js .odhal-blok { opacity:.55; transform:translateY(14px); }
.js .odhal-blok.je-vidno {
  opacity:1; transform:none;
  transition:opacity .35s ease-out, transform .35s ease-out;
}

 
.kat-karta { transition:transform .18s ease-out, box-shadow .18s ease-out; }
.kat-karta:hover { transform:translateY(-2px); box-shadow:var(--tien-h); }
.kat-karta-hlava { display:flex; align-items:center; gap:14px; }
.kat-ikona { flex:none; color:var(--ink); transition:color .2s ease-out; }
.kat-ikona svg { display:block; width:48px; height:48px; }
.kat-karta:hover .kat-ikona { color:var(--oak-text); }
.kat-karta-hlava .kat-nazov { flex:1; }
.kat-pocet {
  font-family:var(--pismo-mono); font-size:.82rem; color:var(--oak-text);
  white-space:nowrap; flex:none;
}

 
.vk {
  display:flex; gap:24px; align-items:flex-start; flex-wrap:wrap;
  margin-top:2.5rem; padding-top:2rem; border-top:1px solid var(--line);
  max-width:68ch;
}
.vk-foto {
  width:100%; max-width:320px; height:auto; flex:none;
  border-radius:var(--radius-l); display:block;
  background:var(--tint);
}
.vk-telo { flex:1; min-width:min(100%,260px); }
.vk-nadpis { margin:0 0 2px; font-size:1.25rem; }
.vk-handle { margin:0 0 12px; font-family:var(--pismo-mono); font-size:.9rem; }
.vk-handle a { color:var(--pine); font-weight:600; }
.vk-handle a:hover { color:var(--oak-text); }
.vk-text { margin:0; color:var(--muted); line-height:1.65; }
.vk-text a { color:var(--pine); font-weight:600; }
.vk-text a:hover { color:var(--oak-text); }
@media (max-width:560px) {
  .vk { gap:18px; }
  .vk-foto { max-width:100%; }
}

 
.dp-diera { border-left:3px solid var(--brick); }
.dp-diera .an-cislo { color:var(--brick); font-weight:600; }
.dp-text { font-family:var(--pismo-mono); font-size:.86rem; }
.dp-prazdne { color:var(--muted); font-style:italic; }

 
@media (prefers-reduced-motion:reduce) {
  .js .odhal-blok, .js .odhal-blok.je-vidno { opacity:1; transform:none; transition:none; }
  .kat-karta, .kat-karta:hover { transform:none; transition:none; }
  .hp-hero-vizual, .hp-hero::before { animation:none; }
  .js .odhal, .js .odhal.je-vidno,
  .js .izba-kus, .js .izba.je-vidno .izba-kus,
  .js .izba-krok, .js .izba.je-vidno .izba-krok {
    opacity:1; transform:none; transition:none;
  }
  .karta, .karta:hover { transform:none; transition:none; }
  .faq-telo { transition:none; }
  .faq-item summary::after { transition:none; }
  .citanie { display:none; }
  .dq-chip span { transition:none; }
}

 
 
 
.admin-pata {
  margin-top:32px; padding:14px 24px 22px; max-width:1000px;
  border-top:1px solid var(--line);
  text-align:right;
}
.admin-verzia {
  font-family:var(--pismo-mono); font-size:.75rem;
  color:var(--muted); letter-spacing:.02em;
}
 
.admin-verzia[title] { color:var(--brick); cursor:help; }
 
 
.poradca-oprava {
  margin:0 0 18px;
  padding:10px 14px;
  border-left:3px solid var(--oak);
  background:var(--tint);
  border-radius:0 8px 8px 0;
  color:var(--ink);
  font-size:.95rem;
}
 
 
.navigacia a.nav-cta.je-aktivny {
  background:var(--pine);
  color:#fff !important;
  box-shadow:0 0 0 2px var(--paper), 0 0 0 4px var(--pine);
}
.navigacia a.nav-cta.je-aktivny:hover { background:var(--pine-d); }
 
 
.pd-rozklad { margin:34px 0 8px; }
.pd-nadpis {
  font-family:var(--pismo-mono); font-size:.78rem; font-weight:500;
  letter-spacing:.14em; text-transform:uppercase;
  color:var(--oak-text); margin:0 0 18px;
}

 
.pd-veta {
  display:flex; flex-wrap:wrap; gap:8px 26px;
  text-decoration:none; color:inherit;
  padding:16px 18px; border:1px solid var(--line); border-radius:12px;
  background:var(--surface);
}
.pd-veta:hover { border-color:var(--oak); }
.pd-veta:focus-visible { outline:2px solid var(--pine); outline-offset:2px; }

.pd-tok { display:flex; flex-direction:column; align-items:flex-start; gap:2px; }
.pd-slovo {
  display:block; font-size:1.18rem; font-weight:600; color:var(--ink);
  line-height:1.3;
}

 
.pd-slovo::after {
  content:''; display:block; height:2px; margin-top:4px;
  background:var(--oak); border-radius:1px; transform-origin:left center;
  animation:pd-kresli .45s ease-out both;
}
.pd-tok:nth-child(2) .pd-slovo::after { animation-delay:.12s; }
.pd-tok:nth-child(3) .pd-slovo::after { animation-delay:.24s; }
@keyframes pd-kresli { from { transform:scaleX(0); } to { transform:scaleX(1); } }

.pd-slot {
  font-family:var(--pismo-mono); font-size:.72rem; letter-spacing:.1em;
  text-transform:uppercase; color:var(--oak-text);
}

 
.pd-zvysok { display:flex; flex-wrap:wrap; align-items:baseline; gap:6px 10px; margin:14px 2px 0; }
.pd-slot-prazdny {
  color:var(--muted); border-bottom:2px dashed var(--line); padding-bottom:1px;
}
.pd-zvysok-text { color:var(--muted); font-size:.92rem; }


 
@media (max-width:520px) {
  .pd-veta { flex-direction:column; gap:12px; }
  .pd-tok { width:100%; }
}

@media (prefers-reduced-motion:reduce) {
  .pd-slovo::after { animation:none; transform:none; }
}
 
 
 
.cms-obsah { position:relative; padding-left:30px; }

 
.cms-obsah::before {
  content:""; position:absolute; left:8px; top:4.8rem; bottom:1.5rem;
  width:1px; background:var(--line);
}
.cms-obsah h2 { position:relative; }

 
.cms-obsah h2::after {
  content:""; position:absolute; left:-29px; top:.5em;
  width:11px; height:11px; border-radius:50%;
  background:var(--surface); border:2px solid var(--oak);
}

 
.cms-obsah h2:nth-of-type(4)::after {
  border-style:dashed; border-color:var(--muted);
}

 
@media (max-width:560px) {
  .cms-obsah::before { display:none; }
  .cms-obsah h2::after { display:none; }
}

 
.len-pre-citacku {
  position:absolute !important; width:1px; height:1px; padding:0; margin:-1px;
  overflow:hidden; clip:rect(0 0 0 0); clip-path:inset(50%); white-space:nowrap; border:0;
}

 
.vyhrada-ceny {
  font-size:.86rem; color:var(--ink); line-height:1.5;
  margin:22px 0 0; padding:10px 0 10px 12px;
  border-left:3px solid var(--line); max-width:64ch;
}
.detail-vyhrada-ceny {
  margin:10px 0 0; padding:8px 0 8px 10px; font-size:.82rem;
}

 
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    transition-delay: 0s !important;
    scroll-behavior: auto !important;
  }
  html { scroll-behavior: auto !important; }
}

 
.js .design-2026 .odhal,.js .design-2026 .odhal-blok{opacity:1}
.design-2026 .pata-firma,.design-2026 .pata-firma a{color:#d4d9ce}
:root{--paper:#f8f7f3;--ink:#272b25;--muted:#696b62;--pine:#414f38;--pine-d:#303d28;--oak-text:#81613d;--line:#dedfd5;--tint:#efeee7;--radius:8px;--radius-s:6px;--radius-l:10px;--obal:1320px;--tien:none;--tien-h:0 14px 32px #272b2510}
html{scroll-behavior:smooth;scroll-padding-top:110px}
body.design-2026{background:var(--paper)}
::selection{background:#d9dfcc;color:#272b25}
a,button,input,select,summary{ -webkit-tap-highlight-color:transparent }
:focus-visible{outline:3px solid #81613d;outline-offset:5px}
.skip-link{position:fixed;left:20px;top:-100px;padding:12px 24px;background:var(--ink);color:white;z-index:1000}.skip-link:focus{top:10px}
.studio-note{min-height:34px;display:flex;align-items:center;justify-content:space-between;padding:6px max(32px,calc((100vw - 1256px)/2));background:#414f38;color:#f7f7ef;font-size:10px;letter-spacing:.045em}
.studio-note a{color:inherit}.studio-note a span{margin-left:12px}
.design-2026 .hlavicka{background:#f8f7f3ed;backdrop-filter:blur(20px);border-bottom:1px solid var(--line)}
.design-2026 .hlavicka-in{max-width:1320px;min-height:88px;padding:16px 32px}
.design-2026 .brand{display:flex;align-items:center;gap:10px;white-space:nowrap}
.design-2026 .brand .brand-logo{max-height:36px!important}
.design-2026 .brand .brand-text{display:inline-flex!important;font-size:19px;font-weight:700;letter-spacing:-.8px}
.design-2026 .brand-bodka{color:var(--muted)}
.design-2026 .navigacia{gap:12px;align-items:center}
.design-2026 .navigacia a{font-size:12px;border-radius:4px;padding:10px 12px}
.design-2026 .navigacia .nav-cta{background:var(--pine);color:white;border-radius:5px;padding:13px 23px}
.design-2026 .sekcia{max-width:1320px;padding:64px 32px}
.design-2026 .sekcia+.sekcia{border-top:0}
.design-2026 h1,.design-2026 h2,.design-2026 h3{letter-spacing:-.04em}
.design-2026 .sekcia-hlava{align-items:flex-end;margin-bottom:32px;gap:20px}
.design-2026 .sekcia-hlava h2{font-size:clamp(1.75rem,3vw,2.6rem);font-weight:600;line-height:1.15}
.design-2026 .sekcia-kicker{font-family:var(--pismo-text);font-weight:500;font-size:10px;letter-spacing:.15em;color:var(--muted);margin-bottom:12px}
.design-2026 .cta{border-radius:5px;padding:14px 23px;font-size:13px;font-weight:500;gap:30px;transition:background .25s,transform .25s,box-shadow .25s}
.design-2026 .cta:hover{transform:translateY(-2px);box-shadow:0 7px 18px #272b2518}
.design-2026 .odkaz-viac{font-size:12px;color:var(--ink);padding-bottom:5px;border-bottom:1px solid var(--ink);white-space:nowrap}
.design-2026 .studio-hero{display:grid;grid-template-columns:.88fr 1.12fr;align-items:center;gap:46px;max-width:1320px;margin:auto;padding:44px 32px 48px;text-align:left;overflow:visible;border:0;background:none}
.design-2026 .studio-hero::before,.design-2026 .studio-hero::after,.design-2026 .hp-hero-vizual{display:none}
.design-2026 .hp-hero-in{max-width:none;margin:0;padding:12px 0}
.design-2026 .hp-kicker{display:flex;align-items:center;gap:9px;font-family:var(--pismo-text);font-size:10px;letter-spacing:.09em;margin:0 0 27px;color:var(--muted)}
.studio-dot{width:6px;height:6px;border-radius:100%;background:var(--pine)}
.design-2026 .hp-h1{font-size:clamp(46px,5.1vw,72px);line-height:1.04;font-weight:600;letter-spacing:-.065em;margin-bottom:24px}
.hp-h1 em{font-family:Georgia,serif;font-weight:400;color:#718063;letter-spacing:-.055em}
.design-2026 .hp-entita{font-size:11px;color:var(--muted);max-width:400px;line-height:1.65;margin:0 0 12px}
.design-2026 .hp-sub{font-size:14px;color:var(--muted);line-height:1.85;max-width:400px;margin:0 0 28px}
.studio-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap}
.studio-text-link{font-size:12px;color:var(--ink);border-bottom:1px solid #b8bbae;padding:8px 0}.studio-text-link span{margin-left:12px}
.studio-hero-foot{display:flex;align-items:center;gap:13px;margin-top:40px;color:var(--muted);font-size:10px;line-height:1.8}.studio-hero-foot strong{color:var(--ink);font-weight:500}.studio-star{font-family:Georgia,serif;font-size:43px;line-height:1;color:#859176}
.studio-visual{position:relative;margin:0;align-self:stretch;min-height:490px;overflow:hidden;border-radius:7px;background:#e8e4db}
.studio-visual>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:52% center;transition:transform 1.4s cubic-bezier(.2,.7,.2,1)}
.studio-visual:hover>img{transform:scale(1.035)}
.studio-image-label{position:absolute;top:23px;left:25px;right:25px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.14em;color:#34362f}.studio-image-label span{letter-spacing:0;font-size:10px}
.studio-visual figcaption{position:absolute;bottom:13px;left:18px;font-size:9px;background:#f8f7f3df;padding:4px 8px;border-radius:3px;color:#51544b}
.studio-hotspot{position:absolute;width:35px;height:35px;display:grid;place-items:center;background:#ffffffdc;border:1px solid #fff9;box-shadow:0 0 0 7px #fff3;border-radius:50%;color:#34362f;transition:box-shadow .3s,transform .3s}.studio-hotspot:hover,.studio-hotspot:focus-visible{box-shadow:0 0 0 12px #fff3;transform:scale(1.08)}
.hotspot-sofa{top:54%;left:65%}.hotspot-table{top:74%;left:47%}
.hotspot-label{position:absolute;bottom:48px;left:50%;transform:translate(-50%,5px);padding:9px 12px;background:#f8f7f3;border-radius:4px;white-space:nowrap;opacity:0;pointer-events:none;font-size:10px;transition:opacity .25s,transform .25s}
.studio-hotspot:hover .hotspot-label,.studio-hotspot:focus-visible .hotspot-label{opacity:1;transform:translate(-50%,0)}
.studio-values{display:flex;max-width:1256px;margin:auto;padding:23px 0;justify-content:space-around;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:11px;color:#5b6053;gap:15px}.studio-values span{display:flex;align-items:center;gap:12px}.studio-values i{font-style:normal;font-size:20px;color:var(--pine)}
.design-2026 .studio-advisor{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:center;padding-top:50px;padding-bottom:50px}
.studio-advisor-heading h2{font-size:29px;font-weight:600;line-height:1.15;margin:0 0 12px}.studio-advisor-heading>p:last-child{font-size:12px;color:var(--muted);margin:0}
.design-2026 .hp-search{display:flex;gap:6px;border:1px solid #d3d6ca;border-radius:7px;padding:6px;background:white;box-shadow:0 6px 20px #343b2605;margin:0}
.design-2026 .hp-search-pole{height:47px;border:0;box-shadow:none;padding:0 13px;background:none;min-width:0;border-radius:3px;flex:1}
.design-2026 .hp-search-pole input{min-width:0;width:100%;font-size:12px}
.design-2026 .hp-search-btn{padding:0 21px;border-radius:4px;box-shadow:none;background:var(--pine);font-size:12px}.hp-search-btn span{margin-left:12px}
.design-2026 .hp-chips{justify-content:flex-start;gap:6px;margin-top:12px}.design-2026 .hp-chip{padding:5px 9px;font-size:9px;background:transparent;border-color:var(--line)}.design-2026 .hp-chips-label{font-size:10px}
.design-2026 .studio-paths{padding-top:0;padding-bottom:30px}
.design-2026 .hp-rozcestnik{gap:0;border:1px solid var(--line);border-radius:7px;overflow:hidden}
.design-2026 .hp-rc{border:0;border-right:1px solid var(--line);border-radius:0;background:transparent;padding:25px 28px;box-shadow:none;gap:10px;transition:background .3s}.design-2026 .hp-rc:last-child{border-right:0}.design-2026 .hp-rc:hover{background:#eeeee5;transform:none;box-shadow:none}
.design-2026 .hp-rc-kicker{font-size:9px;color:var(--muted)}.design-2026 .hp-rc h2{font-size:20px;font-weight:600}.design-2026 .hp-rc-popis{font-size:12px;line-height:1.7}.design-2026 .hp-rc-cta{font-size:11px;padding-top:12px}
.design-2026 .hp-grid{gap:26px 20px}.design-2026 .hp-karta,.design-2026 .karta{background:transparent;border:0;box-shadow:none;border-radius:5px;transition:transform .35s,box-shadow .35s}
.design-2026 .hp-karta:hover,.design-2026 .karta:hover{transform:translateY(-5px);box-shadow:0 10px 24px #272b2510}
.design-2026 .hp-foto{aspect-ratio:1.12;background:#efeee8;border-radius:5px;overflow:hidden}.design-2026 .hp-foto img{object-fit:contain;mix-blend-mode:multiply;padding:18px;transition:transform .65s cubic-bezier(.2,.7,.2,1)}.design-2026 .hp-karta:hover img{transform:scale(1.06)}
.design-2026 .hp-karta-telo{padding:17px 3px 12px;gap:8px}.design-2026 .hp-karta-kicker{font:9px var(--pismo-text);letter-spacing:.13em;color:var(--muted)}.design-2026 .hp-karta-nazov{font-size:13px;letter-spacing:-.01em}.design-2026 .hp-karta-popis{font-size:11px;line-height:1.65}.design-2026 .hp-karta-cena{font:500 17px var(--pismo-text);color:var(--ink);padding-top:9px}
.design-2026 .izba{background:#eceee5;border-radius:9px;max-width:1256px;padding:46px}.design-2026 .izba-mriezka{gap:65px}.design-2026 .izba-krok-cislo{color:#7a876d}
.design-2026 .hp-miestnosti{gap:12px}.design-2026 .hp-tile{min-height:130px;background:#e9ecdf;color:var(--ink);border:1px solid #dce0d0;border-radius:5px;padding:24px;box-shadow:none;font-size:17px;font-weight:500;transition:background .3s,transform .3s}.design-2026 .hp-tile:nth-child(2n){background:#eee7dd;border-color:#e4ddd2}.design-2026 .hp-tile:hover{background:#dce3cd;transform:translateY(-4px)}.design-2026 .hp-tile-sip{color:var(--pine)}
.design-2026 .hp-clanok{background:#f0eee7;border:0;border-radius:5px;padding:30px;min-height:240px;box-shadow:none;transition:background .3s,transform .3s}.design-2026 .hp-clanok:nth-child(2){background:#e9ecdf}.design-2026 .hp-clanok:hover{transform:translateY(-5px)}.design-2026 .hp-clanok h3{font-size:24px;font-weight:600;line-height:1.2;margin:10px 0}
.design-2026 .hp-faq{max-width:1000px;padding-top:35px;padding-bottom:90px}.design-2026 .faq-item{background:none;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:18px 0;margin:0}.design-2026 .faq-item summary{font-weight:500;font-size:15px}.design-2026 .hp-faq-sub{font-size:12px}
.design-2026 .pata{background:#303b2d;border-radius:0;padding-top:65px}.design-2026 .pata-in,.design-2026 .pata-spodok{max-width:1320px;padding-left:32px;padding-right:32px}.design-2026 .pata-logo{box-shadow:none;border-radius:4px}.design-2026 .pata-brand>p{font-size:12px;max-width:260px;color:#d4d9ce}.design-2026 .pata-stlpec h2{font-size:12px;letter-spacing:0}.design-2026 .pata-stlpec a{font-size:11px;line-height:1.9}.design-2026 .pata-spodok{font-size:10px}.design-2026 .pata-affil{font-size:11px}
 
.design-2026 main>.sekcia:first-child:not(.studio-hero){padding-top:54px}
.design-2026 main>.sekcia>h1,.design-2026 .kat-hlava h1{font-size:clamp(34px,5vw,60px);font-weight:600;line-height:1.1}
.design-2026 .lead{font-size:15px;line-height:1.8;color:var(--muted)}
.design-2026 .filtre{padding:23px;background:#edeee6;border:1px solid #dde0d3;border-radius:7px;margin-top:30px}
.design-2026 input,.design-2026 select,.design-2026 textarea{accent-color:var(--pine)}
.design-2026 .filtre input,.design-2026 .filtre select,.design-2026 .poradca-form input{border-radius:5px;border-color:#d3d8c9;background:#fff;font-size:13px;min-height:46px}
.design-2026 .karta .foto{background:#efeee8;overflow:hidden;border-radius:5px}.design-2026 .karta .foto img{object-fit:contain;transition:transform .6s}.design-2026 .karta:hover .foto img{transform:scale(1.04)}
.design-2026 .produkt-foto{background:#eeede7;border-radius:8px}.design-2026 .produkt-foto img{mix-blend-mode:multiply}.design-2026 .poradca-veta{border-radius:5px;background:#e9eddf;border-left-color:var(--pine)}
.design-2026 .dotaznik-form{padding:28px;background:#eeeee6;border:1px solid var(--line);border-radius:8px}.design-2026 .omrvinky{font-size:11px;margin-bottom:25px}
.design-2026 .karta-media{background:#efeee8;overflow:hidden;border-radius:5px}.design-2026 .karta-media img{object-fit:contain;mix-blend-mode:multiply;padding:15px;transition:transform .6s}.design-2026 .karta:hover .karta-media img{transform:scale(1.05)}
.design-2026 .karta-telo{padding:18px 5px}.design-2026 .karta-nazov{font-size:14px;letter-spacing:-.02em}.design-2026 .karta-cena{font:500 18px var(--pismo-text);color:var(--ink)}.design-2026 .karta-typ{font-size:10px;font-weight:500;color:var(--muted)}
.design-2026 .detail{max-width:1200px;padding:40px 32px 80px}.design-2026 .detail-hlava{gap:55px;align-items:center;margin:35px 0 55px}.design-2026 .detail-media{border:0;background:#eeede7;border-radius:8px}.design-2026 .detail-media img{object-fit:contain;mix-blend-mode:multiply;padding:24px}.design-2026 .detail-nazov{font-size:clamp(28px,3.5vw,44px);font-weight:600;line-height:1.12}.design-2026 .detail-cena{font:500 30px var(--pismo-text);color:var(--ink)}.design-2026 .detail-typ{font-size:10px;color:var(--muted)}
.design-2026 .clanok{max-width:860px}.design-2026 .clanok-lead{font-size:18px;line-height:1.8}.design-2026 .clanok-telo{line-height:1.9}.design-2026 .clanok-telo h2{font-size:28px;font-weight:600}
@media(max-width:680px){.design-2026 .navigacia{top:73px;visibility:hidden;pointer-events:none;transform:translateY(-12px);opacity:0;transition:opacity .25s,transform .25s,visibility .25s}.design-2026 .nav-prepinac:checked~.navigacia{visibility:visible;pointer-events:auto;transform:translateY(0);opacity:1}.design-2026 .detail{padding:24px 20px 55px}.design-2026 .detail-hlava{gap:25px}}
 
.design-2026 .room-story .izba-mriezka{grid-template-columns:1.15fr 1fr;gap:46px;align-items:center}
.room-stage{position:relative;aspect-ratio:1;overflow:hidden;border-radius:8px;background:#dfd7c9;isolation:isolate}
.room-frame{position:absolute;inset:0;background-image:url('../img/izba-kroky-2026.webp');background-size:300% 200%;background-repeat:no-repeat;opacity:1;transition:opacity .65s cubic-bezier(.2,.65,.3,1);will-change:opacity}
.room-frame-0{background-position:0 0;opacity:1}.room-frame-1{background-position:50% 0}.room-frame-2{background-position:100% 0}.room-frame-3{background-position:0 100%}.room-frame-4{background-position:50% 100%}.room-frame-5{background-position:100% 100%;opacity:1}
.room-ready .room-frame{opacity:0}.room-ready .room-frame.is-built{opacity:1}
.room-reset .room-frame{transition:none}
 
.room-frame-0{z-index:0}
.room-frame-1{z-index:1;clip-path:polygon(17% 67.2%,82% 67.2%,100% 85.8%,0% 85.8%)}
.room-frame-2{z-index:3;clip-path:polygon(15% 67.8%,14.6% 65%,14.5% 61%,14.6% 57%,15.2% 54%,16.5% 51%,18.4% 49%,21% 47.5%,24% 47.1%,25% 46%,27% 45.4%,40% 45.4%,41.5% 45.7%,43% 45.4%,57% 45.4%,59% 45.7%,60% 45.4%,75% 45.4%,78% 46.3%,79% 47.6%,82% 48.1%,85% 49.3%,88% 51%,89.8% 54%,90.5% 59%,90.2% 64%,89.3% 67.9%,85% 68.8%,20% 68.8%)}
.room-frame-3{z-index:4;clip-path:polygon(25.8% 64%,27% 63%,30% 62.3%,36% 61.8%,45% 61.5%,56% 61.5%,65% 61.8%,72% 62.3%,76% 63.2%,78% 64.2%,78% 65.4%,76% 66.7%,73% 67.6%,69% 68.2%,68.6% 75%,67.5% 76.1%,64% 76.7%,60% 76.7%,57.5% 75.8%,57% 68.8%,43.2% 68.8%,43% 75.2%,41% 76.1%,37% 76.5%,33.5% 75.8%,31.5% 74.5%,31.2% 68%,28% 67%,26% 65.9%)}
.room-frame-4{z-index:2;clip-path:polygon(84.1% 23.4%,86% 23%,91% 23%,95.7% 23.4%,96.7% 32%,95% 32.5%,92.1% 32.8%,92.1% 65.9%,94.5% 66.1%,95% 67%,94% 67.5%,88% 67.5%,86.5% 67%,87% 66.3%,90.3% 65.9%,90.3% 32.8%,87% 32.6%,83.8% 32%)}
.room-frame-5{z-index:2;clip-path:polygon(35.5% 8.8%,73.2% 8.8%,73.2% 41.1%,35.5% 41.1%)}
.room-scene-caption,.room-counter{position:absolute;z-index:7;background:#f8f7f3e8;border:1px solid #fff5;backdrop-filter:blur(6px);font-size:10px;color:#454b3c;padding:7px 12px;border-radius:4px;bottom:16px}
.room-scene-caption{left:16px}.room-counter{right:16px;font-family:var(--pismo-mono)}
.room-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:56px;flex-wrap:wrap;padding-top:12px}
.room-status{font-size:11px;color:var(--muted)}.room-controls{display:flex;gap:12px}.room-controls[hidden],.room-controls button[hidden]{display:none}
.room-controls button{font:500 11px var(--pismo-text);background:transparent;color:var(--pine);border:0;border-bottom:1px solid #adb69f;padding:8px 0;cursor:pointer}.room-controls button:hover{color:var(--ink);border-color:var(--ink)}
.room-disclaimer{font-size:9px;color:var(--muted);margin:7px 0 0}
.design-2026 .room-story .izba-krok{opacity:1;transform:none;transition:opacity .7s ease,transform .7s ease,background .6s ease;transition-delay:0s!important;padding:17px 12px;border-radius:6px;min-height:92px}
.design-2026 .room-story.room-ready .izba-krok{opacity:0;transform:translateY(14px);visibility:hidden}
.design-2026 .room-story.room-ready .izba-krok.is-built{opacity:1;transform:none;visibility:visible}
.design-2026 .room-story .izba-krok.is-current{background:#dfe5d3;border-bottom-color:transparent}
.design-2026 .room-story.room-ready .izba-krok{padding:0}
.room-toggle{display:flex;gap:14px;align-items:baseline;width:100%;min-height:92px;padding:17px 12px;text-align:left;font:inherit;color:inherit;border:0;border-radius:6px;background:transparent;cursor:pointer}
.room-toggle:hover{background:#dfe5d380}.room-toggle:focus-visible{outline:2px solid var(--pine);outline-offset:3px}.room-toggle::after{content:'−';margin-left:auto;align-self:center;font-size:21px;color:var(--pine)}
.is-off .room-toggle::after{content:'+'}.is-off .room-toggle .izba-krok-text{opacity:.55}
@media(max-width:800px){.room-toggle{min-height:76px;padding:12px 8px}}
.design-2026 .room-story .izba-krok-cislo{display:grid;place-items:center;width:30px;height:30px;flex-shrink:0;background:#e0e4d7;border-radius:50%;font-size:11px;transition:background .5s,color .5s}
.design-2026 .room-story .is-current .izba-krok-cislo{background:var(--pine);color:#fff}
.design-2026 .room-story .izba-krok-text strong{font-size:20px;font-weight:600;line-height:1.3}.design-2026 .room-story .izba-krok-text>span{font-size:13px;line-height:1.55;display:block}
@media(max-width:800px){.design-2026 .room-story .izba-mriezka{grid-template-columns:1fr;gap:22px}.design-2026 .room-story .izba-krok{min-height:76px;padding:12px 8px}.design-2026 .room-story .izba-krok-text strong{font-size:17px}.design-2026 .room-story .izba-krok-text>span{font-size:12px}.room-toolbar{gap:8px}.room-scene-caption{font-size:9px;left:10px}.room-counter{right:10px;font-size:9px}}
@media(prefers-reduced-motion:reduce){.room-frame{transition:none;will-change:auto}.design-2026 .room-story.room-ready .izba-krok{opacity:1;visibility:visible;transform:none}}
 
@keyframes studio-reveal{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
.studio-enter{animation:studio-reveal .8s cubic-bezier(.2,.7,.2,1) backwards;animation-delay:var(--studio-delay,0ms)}
@view-transition{navigation:auto}
::view-transition-old(root){animation:studio-page-out .18s ease both}::view-transition-new(root){animation:studio-page-in .35s ease both}
@keyframes studio-page-out{to{opacity:0;transform:translateY(-8px)}}@keyframes studio-page-in{from{opacity:0;transform:translateY(12px)}}
.studio-progress{position:fixed;top:0;left:0;height:2px;width:100%;transform:scaleX(0);transform-origin:left;background:#a8b38f;z-index:100;pointer-events:none}
@media(min-width:901px){.stranka-uvod .hp-hero-in{animation:studio-reveal .8s ease both}.stranka-uvod .studio-visual{animation:studio-reveal 1s .1s ease both}}
@media(max-width:1100px){.design-2026 .navigacia{gap:1px}.design-2026 .brand .brand-text{font-size:16px}.design-2026 .navigacia a{padding:9px;font-size:11px}.design-2026 .studio-hero{gap:28px}.studio-visual{min-height:460px}.studio-values{margin:0 32px}.design-2026 .izba{margin:0 32px}.design-2026 .studio-advisor{gap:30px}}
@media(max-width:800px){.studio-note{padding:7px 20px}.studio-note>a{display:none}.design-2026 .hlavicka-in{min-height:73px;padding:14px 20px;flex-wrap:wrap}.design-2026 .brand .brand-text{font-size:18px}.design-2026 .studio-hero{grid-template-columns:1fr;padding:30px 20px;gap:28px}.design-2026 .hp-hero-in{padding:8px 0}.design-2026 .hp-h1{font-size:58px}.design-2026 .hp-kicker{margin-bottom:21px}.design-2026 .hp-sub{max-width:500px}.studio-hero-foot{margin-top:25px}.studio-visual{min-height:440px}.studio-values{margin:0 20px;padding:18px 0;font-size:10px;flex-wrap:wrap;justify-content:flex-start;column-gap:22px}.studio-values span{gap:8px}.design-2026 .studio-advisor{grid-template-columns:1fr;gap:23px}.design-2026 .sekcia{padding:40px 20px}.design-2026 .hp-rozcestnik{grid-template-columns:1fr}.design-2026 .hp-rc{border-right:0;border-bottom:1px solid var(--line);padding:23px}.design-2026 .hp-rc:last-child{border-bottom:0}.design-2026 .hp-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}.design-2026 .izba{margin:0 20px;padding:30px 22px}.design-2026 .izba-mriezka{gap:25px}.design-2026 .hp-clanky{grid-template-columns:1fr}.design-2026 .hp-clanok{min-height:180px}.design-2026 .pata-in{grid-template-columns:1fr 1fr;gap:30px}.design-2026 .pata-brand{grid-column:1/-1}.design-2026 .pata-in,.design-2026 .pata-spodok{padding-left:20px;padding-right:20px}}
@media(min-width:701px) and (max-width:800px){.design-2026 .navigacia{width:100%;justify-content:space-between}}
@media(max-width:700px){.design-2026 .navigacia{gap:7px;align-items:stretch}.design-2026 .navigacia a{padding:12px;font-size:14px}.design-2026 .nav-prepinac:focus-visible+.hamburger{outline:3px solid #81613d;outline-offset:4px}}
@media(max-width:480px){.design-2026 .hp-h1{font-size:50px}.studio-visual{min-height:360px}.studio-image-label{left:15px;right:15px;font-size:8px}.studio-image-label span{font-size:9px}.design-2026 .hp-entita{font-size:10px}.studio-actions{gap:19px}.design-2026 .sekcia-hlava{align-items:flex-start;flex-direction:column;gap:15px}.design-2026 .hp-foto img{padding:10px}.design-2026 .hp-karta-nazov{font-size:12px}.design-2026 .hp-karta-popis{font-size:10px}.design-2026 .hp-miestnosti{grid-template-columns:repeat(2,minmax(0,1fr))}.design-2026 .hp-tile{font-size:14px;min-height:105px;padding:16px}.design-2026 .hp-search-pole{padding:0 7px}.design-2026 .hp-search-pole input{font-size:11px}.design-2026 .hp-search-btn{padding:0 15px}.hp-search-btn span{margin-left:4px}.studio-advisor-heading h2{font-size:27px}.design-2026 .dotaznik-form{padding:20px}.hotspot-label{white-space:normal;width:140px;text-align:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-delay:0ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.studio-enter{opacity:1;transform:none}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}.studio-progress{display:none}}
 
.design-2026 .hp-hero-in,.design-2026 .studio-advisor-heading,.design-2026 .hp-rc,.design-2026 .sekcia-titulky,.design-2026 .faq-uvod,.design-2026 main>.sekcia>h1,.design-2026 main>.sekcia>.lead,.design-2026 .kat-hlava h1,.design-2026 .kat-hlava>p,.design-2026 .clanok>h1,.design-2026 .clanok-lead{text-align:center}
.design-2026 .hp-hero-in .hp-entita,.design-2026 .hp-hero-in .hp-sub{margin-inline:auto}
.design-2026 .hp-hero-in .hp-kicker,.design-2026 .studio-actions,.design-2026 .studio-hero-foot{justify-content:center}
.design-2026 .sekcia-titulky{flex:1}

[hidden]{display:none!important}
.hp-vyber-item{min-width:0;display:flex;flex-direction:column}.hp-vyber-item>.hp-karta{flex:1}
.rychle-filtre{flex:1 0 100%;min-width:0;display:flex;flex-wrap:wrap;gap:14px;align-items:end;border:1px solid #d8ddcf;border-radius:12px;padding:20px;background:#edefe5;margin-top:12px}
.rychle-filtre legend{padding:0 8px;font-weight:650;font-size:15px}
.rychle-filtre label{display:flex;flex:1 1 145px;flex-direction:column;gap:7px;font-size:12px;font-weight:600;min-width:0}
.rychle-filtre select,.rychle-filtre input{width:100%;min-height:46px;border:1px solid #cdd4c2;border-radius:5px;padding:10px;background:white;font:inherit;color:inherit;box-sizing:border-box}
.rychle-filtre small{flex-basis:100%;font-size:12px;color:#58634f;line-height:1.5}
.rychle-filtre a{font-size:13px;padding:12px 0}
.vyber-open,.vyber-save{border:1px solid #ccd4c2;border-radius:6px;background:#fafbf6;color:#344b32;padding:10px 14px;cursor:pointer;font-family:inherit;font-weight:600;font-size:12px;min-height:42px}
.vyber-open{white-space:nowrap}.vyber-open span{display:inline-block;min-width:18px;margin-left:5px}
.vyber-save{align-self:start;margin-top:12px}.vyber-save[aria-pressed=true]{background:#e4ebdb;border-color:#7b916c}
.vyber-save:hover,.vyber-open:hover{background:#e4ebdb}
.vyber-save:focus-visible,.vyber-open:focus-visible,#moj-vyber button:focus-visible,.rychle-filtre select:focus-visible{outline:3px solid #b47c31;outline-offset:3px}
#moj-vyber{box-sizing:border-box;width:min(1100px,94vw);max-height:90dvh;overflow:auto;border:1px solid #d6daca;border-radius:18px;padding:30px;background:#fafaf5;color:#273523;box-shadow:0 30px 120px #13241450}
#moj-vyber::backdrop{background:#17221bcc;backdrop-filter:blur(5px)}
#moj-vyber[open]{animation:vyber-vstup .22s ease-out}
.vyber-head{display:flex;justify-content:space-between;align-items:center;gap:20px;position:sticky;top:-30px;background:#fafaf5;padding:10px 0;z-index:1}
.vyber-head h2{margin:0;font-size:28px}.vyber-head button{font-size:22px;border:0;background:#e9ecdf;width:44px;height:44px;border-radius:50%;cursor:pointer;flex-shrink:0}
.vyber-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:24px 0}
.vyber-item{display:flex;gap:16px;padding:16px;border:1px solid #d9ddcf;border-radius:10px;min-width:0;background:white}
.vyber-item img{width:100px;height:110px;object-fit:contain;flex-shrink:0}.vyber-item h3{font-size:15px;line-height:1.4;margin:0 0 8px;overflow-wrap:anywhere}.vyber-item p{margin:0 0 8px;font-weight:600}.vyber-item a{font-size:13px}
.vyber-check{display:flex;align-items:center;gap:9px;font-size:13px;margin-top:12px;cursor:pointer}.vyber-check input{width:20px;height:20px;accent-color:#48613c}
.vyber-remove{background:none;border:0;text-decoration:underline;color:#6e4533;padding:10px 0;font:inherit;font-size:12px;cursor:pointer}
.vyber-status{color:#83521d;min-height:1em}.vyber-disclaimer{font-size:12px;color:#626c5c;line-height:1.6}
.vyber-table-scroll{overflow-x:auto;border:1px solid #d9ddcf;border-radius:8px}
.vyber-compare table{border-collapse:collapse;min-width:640px;width:100%;font-size:13px;table-layout:fixed}.vyber-compare caption{text-align:left;padding:14px;font-size:12px}.vyber-compare td,.vyber-compare th{text-align:left;padding:14px;border-bottom:1px solid #d9ddcf;vertical-align:top;overflow-wrap:anywhere}.vyber-compare th{background:#edefe5}.vyber-compare tbody th{width:160px}
.podobne-produkty{border-top:1px solid #d9ddcf;padding-top:40px}.podobne-produkty>p{color:#626c5c}
@keyframes vyber-vstup{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:720px){#moj-vyber{padding:18px}.vyber-head{top:-18px}.vyber-list{grid-template-columns:1fr}.vyber-item img{width:75px;height:90px}.rychle-filtre{padding:14px}.rychle-filtre label{flex-basis:calc(50% - 14px)}.vyber-open{margin:5px 0}}
@media(prefers-reduced-motion:reduce){#moj-vyber[open]{animation:none}}

.vyber-tools{display:flex;gap:10px;flex-wrap:wrap;margin:15px 0}.vyber-share{border:1px solid #ccd4c2;border-radius:10px;padding:16px;background:#eef2e7}.vyber-share label{display:block;font-size:13px}.vyber-share input{display:block;width:100%;box-sizing:border-box;padding:12px;margin:8px 0;border:1px solid #bcc8ad;border-radius:5px;font:inherit}.vyber-share p{font-size:12px;line-height:1.6}.vyber-list>h3{grid-column:1/-1}.vyber-list>.cta{align-self:start;justify-self:start}.vyber-status{line-height:1.5}
.vyber-shared-item{flex-direction:column;align-items:flex-start;gap:8px}.vyber-shared-item h3{margin:0}

.cookies { position:fixed; z-index:1000; inset:auto auto 20px 50%; transform:translateX(-50%); width:max-content; max-width:calc(100% - 32px); max-height:calc(100dvh - 32px); overflow:auto; padding:16px 22px; box-sizing:border-box; background:#f5f3eb; color:#253026; border:1px solid #919b84; border-radius:16px; box-shadow:0 12px 50px #17271930; font-size:15px; line-height:1.5; text-align:center; }
.cookies[hidden] { display:none; }
.cookies p { margin:0 0 10px; }
.cookies a,.cookies-page a { color:inherit; text-decoration:underline; }
.cookies-actions { display:flex; justify-content:center; gap:10px; flex-wrap:wrap; }
.cookies-actions button { cursor:pointer; padding:10px 18px; min-height:44px; background:#364832; color:#fff; border:2px solid #364832; border-radius:9px; font:inherit; font-weight:600; }
.cookies-actions button:hover { background:#253524; }
.cookies-actions button[value="deny"] { background:transparent; color:#253026; }
.cookies-actions button[value="deny"]:hover { background:#e5e9de; }
.cookies button:focus-visible,.cookies a:focus-visible,.cookies-page button:focus-visible,.cookies-page a:focus-visible { outline:3px solid #a46319; outline-offset:4px; }
.cookies button:disabled,.cookies-page button:disabled { opacity:.65; cursor:wait; }
[data-consent-error]:empty { display:none; }
.cookies [data-consent-error],.cookies-page [data-consent-error] { margin-top:10px; }
.cookies> a { display:inline-block; margin-top:8px; padding:2px 10px; }
.design-2026 .cookies-page { max-width:850px; margin-inline:auto; text-align:center; overflow-wrap:anywhere; }
.cookies-page section { margin-top:38px; }
.cookies-page h2 { margin-bottom:18px; }
.cookies-page p { line-height:1.8; margin:0 auto 18px; }
.cookies-page form { margin:20px auto; }
.cookies-page .omrvinky { justify-content:center; }
@media(max-width:540px) { .cookies { bottom:12px; width:calc(100% - 24px); max-width:420px; padding:14px 12px; } .cookies-actions { gap:8px; } .cookies-actions button { padding:10px 12px; } }