/* CRNM – hlavný štýl. Rozmery sú navrhnuté pre šírku 1900 px a plynulo sa zmenšujú (ako na Squarespace). Farby v :root. */
@font-face{font-family:Barlow;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/barlow-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Barlow;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/barlow-latin-ext-400-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+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:Barlow;font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/barlow-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Barlow;font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/barlow-latin-ext-500-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+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:Barlow;font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/barlow-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Barlow;font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/barlow-latin-ext-600-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+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:Barlow;font-style:normal;font-weight:800;font-display:swap;src:url(../fonts/barlow-latin-800-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Barlow;font-style:normal;font-weight:800;font-display:swap;src:url(../fonts/barlow-latin-ext-800-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,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:Barlow;font-style:normal;font-weight:900;font-display:swap;src:url(../fonts/barlow-latin-900-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Barlow;font-style:normal;font-weight:900;font-display:swap;src:url(../fonts/barlow-latin-ext-900-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

/* --u = 1 px pri šírke okna 1900 px (veľkosť zo screenshotov) */
:root{
  --u:calc(100vw / 1900);
  --zelena:#24493d;
  --zelena-tmava:#1f3d34;
  --zelena-tlacidlo:#2f5246;
  --tmava:#262626;
  --svetla:#f4f4f4;
  --krem:#f3efe8;
  --cervena:#ee1c1c;
  --text:#000;
  --text-jemny:#555;
  --okraj:#e3e0da;
  --gutter:max(18px,calc(134 * var(--u)));
  --radius:8px;
  --tien:0 10px 30px rgba(0,0,0,.08);
  /* typografia */
  --t-telo:clamp(15px,calc(18 * var(--u)),20px);
  --t-male:clamp(14px,calc(17 * var(--u)),19px);
  --t-tl:clamp(15px,calc(20 * var(--u)),22px);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:110px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
body{margin:0;font-family:Barlow,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:var(--t-telo);font-weight:500;line-height:1.45;color:var(--text);background:#fff;letter-spacing:-.02em}
img,svg{display:block;max-width:100%}
img{height:auto}
a{color:inherit}
h1,h2,h3{line-height:1.05;margin:0 0 .5em;letter-spacing:-.01em}
p{margin:0 0 1em}
.wrap{padding-inline:var(--gutter);max-width:2400px;margin-inline:auto}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-999px;top:8px;background:var(--zelena);color:#fff;padding:8px 14px;z-index:100;border-radius:4px}
.skip:focus{left:8px}
:focus-visible{outline:3px solid #6aa58f;outline-offset:3px}
.ico{width:1em;height:1em;flex:none}

/* ---------- Tlačidlá ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;font:500 var(--t-tl)/1.1 Barlow,sans-serif;letter-spacing:-.02em;text-decoration:none;padding:clamp(14px,calc(23 * var(--u)),24px) clamp(20px,calc(32 * var(--u)),34px);border-radius:6px;border:0;cursor:pointer;background:var(--zelena-tlacidlo);color:#fff;transition:background .2s,transform .2s,color .2s}
.btn:hover{background:var(--zelena);transform:translateY(-2px)}
.btn--obrys{background:transparent;border:2px solid rgba(255,255,255,.85);color:#fff;padding-block:clamp(12px,calc(21 * var(--u)),22px)}
.btn--obrys:hover{background:#fff;color:#000}
.btn--cierne{background:#000;width:100%}
.btn--cierne:hover{background:#2b2b2b}
.btn--male{padding:clamp(10px,calc(14 * var(--u)),14px) clamp(16px,calc(22 * var(--u)),22px);font-size:var(--t-male)}

/* ---------- Hlavička ---------- */
.hlavicka{position:sticky;top:0;z-index:50;background:#fff;transition:box-shadow .2s}
.hlavicka.je-scroll{box-shadow:0 2px 16px rgba(0,0,0,.08)}
.hlavicka__in{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:clamp(70px,calc(110 * var(--u)),116px)}
.logo{display:block;flex:none}
.logo img{height:clamp(42px,calc(58 * var(--u)),62px);width:auto}
.nav__ul{display:flex;align-items:center;gap:clamp(18px,calc(38 * var(--u)),40px);list-style:none;margin:0;padding:0}
.nav__a{display:flex;align-items:center;gap:6px;font:500 var(--t-telo)/1.2 Barlow,sans-serif;letter-spacing:-.02em;color:#000;text-decoration:none;background:none;border:0;padding:8px 0;cursor:pointer;white-space:nowrap}
.nav__a:hover,.nav__a[aria-current="page"],.nav__tl.je-aktivne{color:var(--zelena)}
.nav__a[aria-current="page"],.nav__tl.je-aktivne{text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:2px}
.nav__tl .ico{width:1.25em;height:1.25em;stroke-width:1.8;transition:transform .2s}
.nav__drop{position:relative}
.nav__pod{list-style:none;margin:0;padding:10px 0;position:absolute;top:100%;left:-18px;min-width:270px;background:#fff;border-radius:6px;box-shadow:0 14px 34px rgba(0,0,0,.12);opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .18s,transform .18s,visibility .18s}
.nav__pod a{display:block;padding:9px 18px;text-decoration:none;font-size:var(--t-male);white-space:nowrap}
.nav__pod a:hover{background:var(--svetla);color:var(--zelena)}
@media (min-width:1241px){
  .nav__drop:hover .nav__pod,.nav__drop:focus-within .nav__pod,.nav__tl[aria-expanded="true"]+.nav__pod{opacity:1;visibility:visible;transform:none}
  .nav__drop:hover .nav__tl .ico,.nav__tl[aria-expanded="true"] .ico{transform:rotate(180deg)}
}
.menu-tl{display:none;background:none;border:0;padding:8px;margin-right:-8px;cursor:pointer;color:#000}
.menu-tl svg{width:30px;height:30px;stroke-width:1.6}
.menu-tl .ico-x,.menu-tl[aria-expanded="true"] .ico-menu{display:none}
.menu-tl[aria-expanded="true"] .ico-x{display:block}
@media (max-width:1240px){
  .menu-tl{display:block}
  .nav{position:fixed;inset:70px 0 0;background:#fff;padding:8px var(--gutter) 32px;overflow:auto;transform:translateX(100%);visibility:hidden;transition:transform .25s,visibility .25s}
  .nav.je-otvorene{transform:none;visibility:visible}
  .nav__ul{flex-direction:column;align-items:stretch;gap:0}
  .nav__a{width:100%;justify-content:space-between;font-size:21px;padding:16px 0;border-bottom:1px solid var(--okraj)}
  .nav__pod{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;padding:0 0 8px;display:none;min-width:0}
  .nav__tl[aria-expanded="true"]+.nav__pod{display:block}
  .nav__tl[aria-expanded="true"] .ico{transform:rotate(180deg)}
  .nav__pod a{font-size:18px;padding:12px 16px;white-space:normal}
  body.menu-otvorene{overflow:hidden}
}

/* ---------- Hero ---------- */
.hero{position:relative;background:var(--krem) url(../img/hero-1720.webp) center bottom/cover no-repeat;padding-block:clamp(36px,calc(138 * var(--u)),150px) clamp(60px,calc(150 * var(--u)),160px);text-align:center}
@media (max-width:900px){.hero{background-image:url(../img/hero-900.webp)}}
.hero__nad{font-size:var(--t-telo);font-weight:500;color:#333;margin:0 0 clamp(20px,calc(50 * var(--u)),56px)}
.hero h1{font-size:clamp(31px,calc(83 * var(--u)),90px);font-weight:900;text-transform:uppercase;color:var(--zelena);margin:0 auto;line-height:1.08;letter-spacing:-.005em;text-wrap:balance}
.hero__ciara{border:0;border-top:1px solid #d6d1c8;margin:clamp(32px,calc(92 * var(--u)),100px) calc(-1 * var(--gutter)) clamp(16px,calc(23 * var(--u)),24px)}
.hero__karty{display:grid;grid-template-columns:1fr 1fr;gap:clamp(10px,calc(14 * var(--u)),14px);position:relative}
.karta{display:flex;justify-content:space-between;gap:24px;background:#fff;border-radius:4px;padding:clamp(24px,calc(80 * var(--u)),84px) clamp(22px,calc(69 * var(--u)),72px) clamp(40px,calc(100 * var(--u)),110px);text-align:left;text-decoration:none;color:#000;transition:box-shadow .25s}
.karta:hover{box-shadow:var(--tien)}
.karta h2{font-size:clamp(19px,calc(23 * var(--u)),24px);font-weight:600;margin-bottom:clamp(14px,calc(30 * var(--u)),32px)}
.karta p{font-size:var(--t-male);line-height:1.47;max-width:20.5em;margin:0}
.karta .ico{width:clamp(56px,calc(80 * var(--u)),86px);height:clamp(56px,calc(80 * var(--u)),86px);stroke-width:1.5;color:#000;margin-top:clamp(10px,calc(30 * var(--u)),32px);margin-right:clamp(0px,calc(56 * var(--u)),60px)}
.hero__cta{position:absolute;left:50%;bottom:0;transform:translate(-50%,50%);white-space:nowrap}
.hero__cta:hover{transform:translate(-50%,calc(50% - 2px))}
@media (max-width:760px){
  .hero__karty{grid-template-columns:1fr}
  .karta .ico{margin-right:0}
  .hero__cta{position:static;transform:none;margin-top:24px}
  .hero__cta:hover{transform:translateY(-2px)}
}

/* ---------- Novinka ---------- */
.novinka{display:grid;grid-template-columns:clamp(84px,calc(134 * var(--u)),140px) 1fr;min-height:clamp(150px,calc(247 * var(--u)),260px);background:#6f7a86 url(../img/luka-1600.webp) center 70%/cover;position:relative}
.novinka::before{content:"";position:absolute;inset:0;background:rgba(112,118,128,.62);pointer-events:none}
.novinka__stitok{position:relative;background:var(--cervena);color:#fff;font-weight:600;font-size:var(--t-telo);text-transform:uppercase;display:flex;align-items:center;justify-content:center}
.novinka__in{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px 40px;padding:28px var(--gutter) 28px clamp(24px,calc(204 * var(--u)),210px);flex-wrap:wrap;color:#fff}
.novinka h2{font-size:clamp(26px,calc(44 * var(--u)),46px);font-weight:800;text-transform:uppercase;margin:0;letter-spacing:0}
.novinka p{font-size:clamp(17px,calc(22 * var(--u)),23px);margin:0;font-weight:500}
.novinka__prava{display:flex;align-items:center;gap:20px clamp(24px,calc(42 * var(--u)),44px);flex-wrap:wrap}
@media (max-width:900px){.novinka{background-image:url(../img/luka-800.webp)}.novinka__in{flex-direction:column;align-items:flex-start;padding-left:var(--gutter)}}
@media (max-width:560px){.novinka{grid-template-columns:1fr}.novinka__stitok{padding:10px var(--gutter);justify-content:flex-start}}

/* ---------- Rozcestník (6 dlaždíc) ---------- */
.rozcestnik{background:var(--tmava);color:#fff;padding-block:clamp(48px,calc(160 * var(--u)),170px) clamp(56px,calc(170 * var(--u)),180px)}
.rozcestnik h2{text-align:center;font-size:clamp(28px,calc(42 * var(--u)),44px);font-weight:900;line-height:1.05;white-space:pre-line;margin-bottom:clamp(32px,calc(95 * var(--u)),100px)}
.dlazdice{display:grid;grid-template-columns:repeat(6,1fr);border-radius:8px;overflow:hidden;list-style:none;margin:0;padding:0}
.dlazdica{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(10px,calc(16 * var(--u)),18px);aspect-ratio:272/212;padding:16px 10px;text-decoration:none;text-align:center;color:#fff;background-color:var(--c);transition:background-color .3s,color .3s}
.dlazdica .ico{width:clamp(44px,calc(86 * var(--u)),92px);height:clamp(44px,calc(86 * var(--u)),92px);stroke-width:1.5;transition:transform .3s}
.dlazdica span{font-weight:700;font-size:clamp(14px,calc(19 * var(--u)),20px);text-transform:uppercase;letter-spacing:-.045em;line-height:1.15}
/* hover: farba dlaždice zmizne, ikona a text preberú jej farbu */
.dlazdica:hover,.dlazdica:focus-visible{background-color:transparent;color:var(--c)}
.dlazdica:focus-visible{outline:2px dashed var(--c);outline-offset:-6px}
.dlazdica:hover .ico,.dlazdica:focus-visible .ico{transform:translateY(-4px) scale(1.06)}
@media (max-width:1000px){.dlazdice{grid-template-columns:repeat(3,1fr)}}
@media (max-width:560px){.dlazdice{grid-template-columns:repeat(2,1fr)}.dlazdica{aspect-ratio:1/1}}
.linka{display:flex;align-items:center;justify-content:center;gap:clamp(20px,calc(92 * var(--u)),96px);margin-top:clamp(48px,calc(206 * var(--u)),210px);flex-wrap:wrap}
.linka>.ico{width:clamp(90px,calc(157 * var(--u)),164px);height:clamp(90px,calc(157 * var(--u)),164px);stroke-width:.9;transform:rotate(-12deg)}
.linka h3{font-size:clamp(19px,calc(24 * var(--u)),25px);font-weight:900;margin:0 0 .45em}
.linka small{display:block;font-size:var(--t-telo);font-weight:500;text-transform:uppercase;margin-bottom:4px}
.linka a{font-size:clamp(36px,calc(72 * var(--u)),76px);font-weight:900;text-decoration:none;letter-spacing:-.02em;line-height:1.05}
.linka a:hover{color:#cfe3da}

/* ---------- Príručky ---------- */
.prirucky{padding-block:clamp(56px,calc(217 * var(--u)),230px) clamp(56px,calc(200 * var(--u)),210px)}
.prirucky__in{display:grid;grid-template-columns:calc(686 * var(--u)) 1fr;gap:0}
.prirucky h2{font-size:clamp(28px,calc(42 * var(--u)),44px);font-weight:600;line-height:1}
.prirucky h2 b{display:block;font-size:clamp(44px,calc(70 * var(--u)),74px);font-weight:800;text-transform:uppercase;line-height:1.05;margin-top:.15em}
.prirucky h2 span{display:block;font-size:clamp(44px,calc(68 * var(--u)),72px);font-weight:600;line-height:1}
.produkty{display:grid;grid-template-columns:repeat(2,minmax(0,calc(398 * var(--u))));gap:clamp(12px,calc(14 * var(--u)),14px)}
.produkt h3{font-size:clamp(20px,calc(28 * var(--u)),29px);font-weight:400;margin:.8em 0 .3em;line-height:1.3;letter-spacing:-.02em}
.produkt .cena{font-size:clamp(18px,calc(22 * var(--u)),23px);font-weight:400;margin-bottom:.7em}
.produkt p{font-size:var(--t-telo)}
.obal{aspect-ratio:3/2;background:radial-gradient(circle at 70% 30%,#2d5a4b,#10261f 75%);display:grid;place-items:center;overflow:hidden;max-width:100%}
.obal__kniha{width:46%;aspect-ratio:3/4;background:linear-gradient(90deg,#0d2a21 0 7%,#163d31 7% 9%,#1c4a3b 9%);border-radius:2px 6px 6px 2px;box-shadow:12px 14px 30px rgba(0,0,0,.45);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8%;padding:8% 6% 8% 12%;color:#d9b25f;text-align:center}
.obal__kniha strong{font-size:clamp(12px,calc(19 * var(--u)),20px);font-weight:800;text-transform:uppercase;line-height:1.05;letter-spacing:.02em}
.obal__kniha .ico{width:38%;height:auto;stroke-width:1.3}
.produkt .btn{padding-block:clamp(14px,calc(22 * var(--u)),23px)}
.produkt--prazdny{border:1px dashed #c9c9c9;padding:clamp(20px,calc(28 * var(--u)),28px);display:flex;flex-direction:column;justify-content:center}
.produkt--prazdny h3{margin-top:0}
@media (max-width:900px){.prirucky__in{grid-template-columns:1fr;gap:32px}.produkty{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.produkty{grid-template-columns:1fr}}

/* ---------- Citát ---------- */
.citat{display:grid;grid-template-columns:calc(1232 * var(--u)) 1fr;background:var(--zelena-tmava);color:#d9ddd9}
.citat__text{padding-block:clamp(48px,calc(221 * var(--u)),230px) clamp(48px,calc(203 * var(--u)),210px);padding-inline:var(--gutter) clamp(24px,calc(90 * var(--u)),96px)}
.citat blockquote{margin:0;font-size:clamp(23px,calc(40 * var(--u)),42px);font-weight:900;line-height:1.1;white-space:pre-line;letter-spacing:-.01em}
.citat cite{display:block;font-style:normal;font-size:var(--t-male);font-weight:600;color:#fff;margin:clamp(32px,calc(84 * var(--u)),88px) 0 clamp(24px,calc(36 * var(--u)),40px);max-width:38em;line-height:1.45}
.citat__foto{min-height:360px;background:#8a8a8a}
.citat__foto img{width:100%;height:100%;object-fit:cover;object-position:50% 20%}
@media (max-width:900px){.citat{grid-template-columns:1fr}.citat__foto{order:-1;max-height:480px}}

/* ---------- Čísla ---------- */
.cisla{position:relative;background:#b6b1aa url(../img/dohoda-1600.webp) center/cover;color:#fff;text-align:center;padding-block:clamp(48px,calc(80 * var(--u)),84px) clamp(56px,calc(137 * var(--u)),140px)}
.cisla::before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(70,72,68,.42),rgba(70,72,68,.52))}
.cisla .wrap{position:relative}
.stitok{display:inline-block;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:clamp(16px,calc(31 * var(--u)),32px) clamp(20px,calc(32 * var(--u)),32px);font-size:var(--t-telo);font-weight:400}
.cisla h2{font-size:clamp(20px,calc(24 * var(--u)),25px);font-weight:900;margin:clamp(32px,calc(70 * var(--u)),74px) 0 clamp(28px,calc(70 * var(--u)),72px)}
.cisla ul{list-style:none;margin:0 auto;padding:0;display:grid;grid-template-columns:repeat(3,1fr);max-width:calc(1230 * var(--u));gap:24px}
.cisla strong{display:block;font-size:clamp(48px,calc(72 * var(--u)),76px);font-weight:900;line-height:1;margin-bottom:clamp(14px,calc(30 * var(--u)),32px)}
.cisla li span{font-size:var(--t-telo);font-weight:500}
@media (max-width:900px){.cisla{background-image:url(../img/dohoda-800.webp)}.cisla ul{max-width:none}}
@media (max-width:560px){.cisla ul{grid-template-columns:1fr;gap:32px}}

/* ---------- Recenzie ---------- */
.recenzie{padding-block:clamp(48px,calc(110 * var(--u)),120px);background:#fff}
.recenzie h2{font-size:clamp(28px,calc(42 * var(--u)),44px);font-weight:900;margin-bottom:1em}
.recenzie__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}
.recenzia{background:var(--svetla);border-radius:var(--radius);padding:clamp(22px,calc(32 * var(--u)),32px);margin:0}
.hviezdy{display:flex;gap:2px;color:#e0a526;margin-bottom:12px}
.hviezdy .ico{width:18px;height:18px}
.recenzia blockquote{margin:0 0 16px}
.recenzia figcaption{font-weight:600;font-size:var(--t-male)}
.recenzia figcaption span{font-weight:400;color:var(--text-jemny)}

/* ---------- Kontakt + formulár ---------- */
.kontakt{background:var(--svetla);padding-block:clamp(48px,calc(168 * var(--u)),176px) clamp(48px,calc(156 * var(--u)),164px)}
.kontakt__in{display:grid;grid-template-columns:1fr calc(672 * var(--u));gap:clamp(32px,calc(96 * var(--u)),100px)}
.kontakt h2{font-size:clamp(36px,calc(70 * var(--u)),74px);font-weight:900;line-height:1;white-space:pre-line;letter-spacing:-.025em;margin-bottom:0}
.kontakt h2 .ico{display:inline-block;width:.72em;height:.72em;vertical-align:-.02em;stroke-width:2.4}
.kontakt__text{max-width:32em;margin:clamp(24px,calc(56 * var(--u)),60px) 0 0;line-height:1.38}
.kontakt h3{font-size:clamp(20px,calc(24 * var(--u)),25px);font-weight:900;margin:clamp(28px,calc(52 * var(--u)),56px) 0 clamp(14px,calc(24 * var(--u)),24px)}
.kontakt address{font-style:normal;font-weight:600}
.kontakt address em{display:block;font-weight:400;color:#666}
.kontakt__odkazy{font-weight:600;line-height:1.45}
.kontakt__odkazy a{text-decoration:none;display:block}
.kontakt__odkazy a:hover{text-decoration:underline}
@media (max-width:900px){.kontakt__in{grid-template-columns:1fr}}

.form{display:grid;grid-template-columns:1fr 1fr;gap:clamp(18px,calc(30 * var(--u)),30px) clamp(10px,calc(12 * var(--u)),12px)}
.form .cela{grid-column:1/-1}
.pole label{display:block;font-size:var(--t-telo);margin-bottom:clamp(8px,calc(14 * var(--u)),14px);font-weight:500}
.pole label small{color:#666;font-weight:500;font-size:1em;margin-left:4px}
.pole input,.pole select,.pole textarea{width:100%;font:inherit;font-size:var(--t-male);font-weight:500;height:clamp(44px,calc(52 * var(--u)),54px);padding:0 clamp(18px,calc(26 * var(--u)),26px);border:1px solid transparent;border-radius:999px;background:#fafafa;color:#000;transition:border-color .2s,box-shadow .2s;appearance:none;-webkit-appearance:none}
.pole input::placeholder,.pole textarea::placeholder{color:#777}
.pole textarea{height:auto;border-radius:22px;min-height:130px;padding-block:14px;resize:vertical}
.pole select{color:#555;background:#fafafa url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6l6 -6'/%3E%3C/svg%3E") right 24px center no-repeat;padding-right:60px}
.pole select:valid{color:#000}
.pole input:focus,.pole select:focus,.pole textarea:focus{outline:none;border-color:var(--zelena);box-shadow:0 0 0 3px rgba(36,73,61,.15)}
.pole input:user-invalid,.pole select:user-invalid,.pole textarea:user-invalid{border-color:#c0392b}
.suhlas{display:flex;gap:12px;align-items:flex-start;font-size:clamp(13px,calc(15 * var(--u)),15px);line-height:1.4;font-weight:500}
.suhlas input{width:20px;height:20px;flex:none;margin:0;accent-color:var(--zelena)}
.medovnik{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.form__spodok{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.form .btn{background:#000;border-radius:6px;padding:clamp(16px,calc(24 * var(--u)),24px) clamp(24px,calc(32 * var(--u)),32px)}
.form .btn:hover{background:#2b2b2b}
.form .btn[disabled]{opacity:.6;cursor:wait}
.form__poznamka{font-size:clamp(13px,calc(15 * var(--u)),15px);color:#666;margin:0}
.hlaska{grid-column:1/-1;padding:14px 18px;border-radius:12px;font-weight:500;margin:0}
.hlaska--ok{background:#e3f1ea;color:#1d4d3c}
.hlaska--chyba{background:#fbe7e5;color:#8a2219}
.ts-slot:empty{display:none}
@media (max-width:560px){.form{grid-template-columns:1fr}}

/* ---------- Pätička ---------- */
.paticka{background:#000;color:#fff;padding-block:clamp(48px,calc(82 * var(--u)),86px) 32px}
.paticka__in{display:grid;grid-template-columns:1fr calc(272 * var(--u)) calc(273 * var(--u));gap:0}
.paticka h2{font-size:clamp(20px,calc(24 * var(--u)),25px);font-weight:900;margin:0 0 .7em}
.paticka h3{font-size:var(--t-telo);font-weight:500;margin:clamp(0px,calc(24 * var(--u)),24px) 0 1.2em}
.paticka p{font-weight:500;margin:0}
.paticka ul{list-style:none;margin:0;padding:0;line-height:1.4}
.paticka ul+ul{margin-top:1.1em}
.paticka a{text-decoration:underline;text-underline-offset:3px}
.paticka a:hover{color:#bcd8cc}
.newsletter{display:flex;gap:8px;margin-top:clamp(28px,calc(66 * var(--u)),70px);max-width:calc(562 * var(--u));min-width:min(100%,420px);flex-wrap:wrap}
.newsletter input[type=email]{flex:1 1 220px;font:inherit;font-size:var(--t-male);height:clamp(60px,calc(86 * var(--u)),88px);padding:0 clamp(20px,calc(44 * var(--u)),44px);border:0;background:#fff;color:#000}
.newsletter input[type=email]::placeholder{color:#999}
.newsletter button{font:500 var(--t-tl) Barlow,sans-serif;letter-spacing:-.02em;padding:0 clamp(24px,calc(42 * var(--u)),42px);height:clamp(60px,calc(84 * var(--u)),86px);border:0;border-radius:6px;background:#d6d6d6;cursor:pointer;color:#000}
.newsletter button:hover{background:#fff}
.newsletter .suhlas{flex-basis:100%;color:#aaa;font-size:13px}
.newsletter .hlaska{flex-basis:100%}
.paticka__spodok{border-top:1px solid #222;margin-top:clamp(48px,calc(160 * var(--u)),170px);padding-top:20px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:14px;color:#999}
.paticka__spodok a{color:#999}
@media (max-width:900px){.paticka__in{grid-template-columns:1fr 1fr;gap:32px}.paticka__in>div:first-child{grid-column:1/-1}.newsletter{max-width:none}}
@media (max-width:480px){.paticka__in{grid-template-columns:1fr}.newsletter button{width:100%}}

/* ---------- Podstránky ---------- */
.podhero{background:var(--krem) url(../img/hero-1720.webp) center bottom/cover;padding-block:clamp(40px,calc(110 * var(--u)),116px) clamp(56px,calc(140 * var(--u)),150px)}
@media (max-width:900px){.podhero{background-image:url(../img/hero-900.webp)}}
.podhero h1{font-size:clamp(30px,calc(68 * var(--u)),72px);font-weight:800;text-transform:uppercase;color:var(--zelena);max-width:16em;line-height:.95;text-wrap:balance}
.podhero p{font-size:clamp(17px,calc(21 * var(--u)),22px);max-width:40em;color:#222}
.podhero .btn{margin-top:8px}
.drobky{font-size:var(--t-male);margin-bottom:clamp(14px,calc(24 * var(--u)),24px);color:#444}
.drobky a{text-decoration:none}
.drobky a:hover{text-decoration:underline}
.sekcia{padding-block:clamp(48px,calc(120 * var(--u)),130px)}
.sekcia--svetla{background:var(--svetla)}
.sekcia--tmava{background:var(--tmava);color:#fff}
.sekcia h2{font-size:clamp(28px,calc(42 * var(--u)),44px);font-weight:900;margin-bottom:clamp(24px,calc(48 * var(--u)),50px)}
.situacie{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,calc(14 * var(--u)),14px)}
.situacia{background:#fff;border-radius:4px;padding:clamp(24px,calc(56 * var(--u)),60px);border-top:6px solid var(--c);scroll-margin-top:110px}
.situacia .ico{width:clamp(40px,calc(60 * var(--u)),64px);height:clamp(40px,calc(60 * var(--u)),64px);color:var(--c);stroke-width:1.5;margin-bottom:18px}
.situacia h2,.situacia h3{font-size:clamp(21px,calc(26 * var(--u)),27px);font-weight:800;margin-bottom:.5em}
.situacia p{margin:0;max-width:36em}
.situacia .btn{margin-top:22px}
@media (max-width:760px){.situacie{grid-template-columns:1fr}}
.kroky{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(16px,calc(24 * var(--u)),24px);counter-reset:k}
.kroky li{counter-increment:k;border-top:2px solid rgba(255,255,255,.25);padding-top:20px}
.kroky li::before{content:"0" counter(k);display:block;font-size:clamp(40px,calc(56 * var(--u)),58px);font-weight:900;line-height:1;margin-bottom:14px;color:#9cc7b6}
.kroky h3{font-size:clamp(19px,calc(23 * var(--u)),24px);font-weight:800;margin-bottom:.4em}
.kroky p{margin:0;color:#ddd}
@media (max-width:1000px){.kroky{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.kroky{grid-template-columns:1fr}}
.faq{max-width:900px}
.faq details{border-bottom:1px solid var(--okraj);padding:18px 0}
.faq summary{font-size:clamp(18px,calc(22 * var(--u)),23px);font-weight:600;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px}
.faq summary::-webkit-details-marker{display:none}
.faq summary .ico{width:24px;height:24px;transition:transform .2s}
.faq details[open] summary .ico{transform:rotate(180deg)}
.faq details p{margin:12px 0 0;color:#333}
.baliky{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,calc(14 * var(--u)),14px);align-items:stretch}
.balik{background:#fff;border-radius:4px;padding:clamp(24px,calc(48 * var(--u)),50px);display:flex;flex-direction:column;border:2px solid transparent}
.balik--top{border-color:#954598;position:relative}
.balik--top::before{content:"Odporúčame";position:absolute;top:-13px;left:clamp(24px,calc(48 * var(--u)),50px);background:#954598;color:#fff;font-size:14px;font-weight:600;padding:3px 12px;border-radius:20px}
.balik h3{font-size:clamp(24px,calc(30 * var(--u)),31px);font-weight:900;text-transform:uppercase;margin-bottom:.15em}
.balik__pod{color:var(--text-jemny);margin-bottom:18px}
.balik__cena{font-size:clamp(21px,calc(26 * var(--u)),27px);font-weight:800;color:var(--zelena);margin-bottom:20px}
.balik ul{list-style:none;padding:0;margin:0 0 28px;display:grid;gap:10px;font-size:var(--t-male)}
.balik li{display:flex;gap:10px}
.balik li .ico{width:20px;height:20px;color:#43693c;stroke-width:2.2;margin-top:2px}
.balik .btn{margin-top:auto}
@media (max-width:1000px){.baliky{grid-template-columns:1fr}}
.poznamka{margin-top:28px}
.poznamka a{color:var(--zelena);font-weight:600}
.cta-pas{background:var(--zelena-tmava);color:#fff;padding-block:clamp(44px,calc(90 * var(--u)),96px)}
.cta-pas .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px 48px;flex-wrap:wrap}
.cta-pas h2{font-size:clamp(24px,calc(38 * var(--u)),40px);font-weight:900;margin:0;max-width:18em;line-height:1.1}
.cta-pas .tl{display:flex;gap:12px;flex-wrap:wrap}
.cta-pas .btn{background:#fff;color:var(--zelena)}
.cta-pas .btn:hover{background:#e6efe9}
.cta-pas .btn--obrys{background:transparent;color:#fff}
.dvojstlpec{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,calc(96 * var(--u)),100px);align-items:center}
.dvojstlpec img{width:100%}
@media (max-width:900px){.dvojstlpec{grid-template-columns:1fr}}
.text p{max-width:36em}
.hodnoty{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,calc(14 * var(--u)),14px)}
.hodnoty>div{background:#fff;border-radius:4px;padding:clamp(22px,calc(40 * var(--u)),42px)}
.hodnoty .ico{width:40px;height:40px;color:var(--zelena);margin-bottom:14px;stroke-width:1.6}
.hodnoty h3{font-size:clamp(20px,calc(24 * var(--u)),25px);font-weight:900;margin-bottom:.3em}
.hodnoty p{margin:0}
@media (max-width:800px){.hodnoty{grid-template-columns:1fr}}
.clanky{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}
.clanok-karta{display:block;background:#fff;border-radius:4px;padding:clamp(22px,calc(32 * var(--u)),32px);text-decoration:none;transition:box-shadow .2s}
.clanok-karta:hover{box-shadow:var(--tien)}
.clanok-karta small{color:#954598;font-weight:600;text-transform:uppercase;font-size:14px}
.clanok-karta h3{font-size:clamp(20px,calc(24 * var(--u)),25px);font-weight:800;margin:.4em 0}
.prazdne{background:#fff;border:1px dashed #c9c9c9;padding:clamp(22px,calc(32 * var(--u)),32px);max-width:760px}
.prazdne .ico{width:36px;height:36px;margin-bottom:10px;color:#954598}
.pravny{max-width:820px}
.pravny h2{font-size:clamp(21px,calc(26 * var(--u)),27px);margin:1.6em 0 .6em;font-weight:800}
.upozornenie{background:#fff6d8;border-left:5px solid #e0a526;padding:14px 18px;border-radius:6px;font-size:var(--t-male)}

/* =========================================================
   STRÁNKY SLUŽIEB – centrované, výrazné sekcie (1 sekcia = 1 myšlienka)
   ========================================================= */
.btn--velke{font-size:clamp(17px,calc(22 * var(--u)),23px);font-weight:600;padding:clamp(16px,calc(26 * var(--u)),27px) clamp(24px,calc(40 * var(--u)),42px)}
.btn--velke .ico{width:1.1em;height:1.1em}
.btn--svetle{background:#fff;color:var(--zelena);box-shadow:inset 0 0 0 2px var(--zelena)}
.btn--svetle:hover{background:var(--zelena);color:#fff}
.btn--biele{background:#fff;color:var(--zelena)}
.btn--biele:hover{background:#e6efe9;color:var(--zelena)}
.btn--obrys-tmave{background:transparent;color:#000;box-shadow:inset 0 0 0 2px #000}
.btn--obrys-tmave:hover{background:#000;color:#fff}

/* Hero */
.h2ero{background:var(--krem) url(../img/hero-1720.webp) center bottom/cover no-repeat;padding-block:clamp(18px,calc(34 * var(--u)),36px) clamp(56px,calc(120 * var(--u)),126px);text-align:center}
@media (max-width:900px){.h2ero{background-image:url(../img/hero-900.webp)}}
.h2ero .drobky{text-align:left}
.h2ero__in{display:flex;flex-direction:column;align-items:center}
.h2ero__dokaz{display:flex;flex-wrap:wrap;justify-content:center;margin:clamp(18px,calc(36 * var(--u)),39px) 0 clamp(36px,calc(67 * var(--u)),70px);padding:7px 18px;background:rgba(255,255,255,.75);border:1px solid #e0dbd1;border-radius:999px;font-size:clamp(13px,calc(15 * var(--u)),15px);gap:4px 16px}
.h2ero__dokaz strong{font-weight:900;color:var(--zelena)}
.h2ero__kat{display:inline-flex;align-items:center;gap:10px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;font-size:clamp(14px,calc(18 * var(--u)),18px);color:var(--c);margin:0 0 clamp(18px,calc(28 * var(--u)),30px)}
.h2ero__kat .ico{width:30px;height:30px;stroke-width:1.8}
.h2ero h1{font-size:clamp(34px,calc(82 * var(--u)),88px);font-weight:900;color:var(--zelena);line-height:.98;letter-spacing:-.025em;max-width:14.5em;margin:0 auto clamp(26px,calc(42 * var(--u)),44px);text-wrap:balance}
.h2ero__perex{font-size:clamp(17px,calc(23 * var(--u)),24px);line-height:1.42;max-width:34em;color:#1d1d1d;margin:0 auto clamp(34px,calc(56 * var(--u)),58px);text-wrap:pretty}
.h2ero__tl{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.dovera{list-style:none;padding:0;margin:clamp(26px,calc(44 * var(--u)),46px) 0 0;display:flex;flex-wrap:wrap;justify-content:center;gap:10px 30px;font-size:clamp(15px,calc(19 * var(--u)),20px);font-weight:700}
.dovera li{display:flex;align-items:center;gap:8px}
.dovera .ico{width:22px;height:22px;color:#2e7d32;stroke-width:2.2}
.skratka{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));max-width:1300px;margin:clamp(56px,calc(110 * var(--u)),116px) auto 0;background:#fff;color:#111;border:1px solid #d9d4ca;border-top:5px solid var(--c);border-radius:6px;box-shadow:0 20px 50px rgba(40,40,30,.10);text-align:left}
.skratka>div{padding:clamp(18px,calc(28 * var(--u)),30px) clamp(18px,calc(30 * var(--u)),32px);border-left:1px solid var(--okraj)}
.skratka>div:first-child{border-left:0}
.skratka dt{font-size:clamp(12px,calc(14 * var(--u)),14px);font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--c);margin-bottom:8px}
.skratka dd{margin:0;font-size:clamp(17px,calc(21 * var(--u)),22px);font-weight:500;line-height:1.35}
@media (max-width:700px){.skratka{grid-template-columns:1fr}.skratka>div{border-left:0;border-top:1px solid var(--okraj)}.skratka>div:first-child{border-top:0}}

/* Sekcie */
.sek{padding-block:clamp(64px,calc(130 * var(--u)),140px);scroll-margin-top:90px}
.sek--biela{background:#fff}
.sek--svetla{background:var(--svetla)}
.sek--zelena{background:var(--zelena-tmava);color:#fff}
.sek--tmava{background:var(--tmava);color:#fff}
.sek__in{text-align:center;margin-inline:auto}
.sek__in--uzka{max-width:1000px}
.sek__in--stredna{max-width:1200px}
.sek__in--siroka{max-width:1500px}
.sek__stitok{display:inline-block;margin:0 0 clamp(16px,calc(24 * var(--u)),24px);padding:7px 16px;border-radius:999px;background:color-mix(in srgb,var(--c,var(--zelena)) 12%,transparent);color:var(--c,var(--zelena));font-weight:800;text-transform:uppercase;letter-spacing:.12em;font-size:clamp(12px,calc(15 * var(--u)),15px)}
.sek--zelena .sek__stitok,.sek--tmava .sek__stitok{background:rgba(255,255,255,.12);color:#cfe3da}
.sek__h{font-size:clamp(32px,calc(62 * var(--u)),66px);font-weight:900;line-height:1.02;letter-spacing:-.025em;margin:0 auto clamp(28px,calc(50 * var(--u)),54px);max-width:15em;text-wrap:balance}
.sek__text p,.sek__perex{font-size:clamp(18px,calc(25 * var(--u)),26px);line-height:1.5;max-width:31em;margin-inline:auto;text-wrap:pretty}
.sek__perex{margin-top:-12px;margin-bottom:clamp(28px,calc(44 * var(--u)),46px)}
.sek--zelena .sek__text p{color:#e3ece7}
.sek__pozn{font-size:clamp(16px,calc(19 * var(--u)),20px);max-width:38em;margin:22px auto 0;color:#444}
.sek__most{margin:clamp(32px,calc(50 * var(--u)),52px) auto 0;font-size:clamp(19px,calc(26 * var(--u)),27px);font-weight:800;color:var(--c,var(--zelena));max-width:28em}
.sek--namietka .sek__h{font-style:normal;font-size:clamp(32px,calc(64 * var(--u)),68px)}

/* Bolesti */
.bolesti{list-style:none;padding:0;margin:0 auto;max-width:900px;display:grid;gap:12px;text-align:left}
.bolesti li{display:flex;gap:18px;align-items:center;background:#fff;border-radius:6px;padding:clamp(16px,calc(24 * var(--u)),26px) clamp(18px,calc(28 * var(--u)),30px);font-size:clamp(17px,calc(23 * var(--u)),24px);font-weight:600;line-height:1.35;box-shadow:0 2px 0 rgba(0,0,0,.04)}
.bolesti .ico{width:clamp(26px,calc(34 * var(--u)),36px);height:clamp(26px,calc(34 * var(--u)),36px);color:#c0392b;stroke-width:2}

/* Prínosy */
.prinosy{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,calc(24 * var(--u)),26px)}
.prinosy li{padding:clamp(26px,calc(44 * var(--u)),46px) clamp(20px,calc(34 * var(--u)),36px);border:1px solid var(--okraj);border-radius:8px;background:#fff}
.prinosy .ico{width:clamp(56px,calc(76 * var(--u)),80px);height:clamp(56px,calc(76 * var(--u)),80px);padding:clamp(14px,calc(18 * var(--u)),19px);border-radius:50%;background:color-mix(in srgb,var(--c,var(--zelena)) 12%,transparent);color:var(--c,var(--zelena));stroke-width:1.7;margin:0 auto 20px}
.prinosy h3{font-size:clamp(21px,calc(28 * var(--u)),29px);font-weight:900;margin-bottom:.4em}
.prinosy p{margin:0;font-size:clamp(16px,calc(20 * var(--u)),21px);line-height:1.45;color:#333}
@media (max-width:1000px){.prinosy{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.prinosy{grid-template-columns:1fr}}

/* Tabuľka porovnania */
.tabulka{overflow-x:auto;border-radius:8px;box-shadow:0 20px 50px rgba(40,40,30,.08);background:#fff;text-align:left}
.tabulka table{width:100%;border-collapse:collapse;min-width:600px;font-size:clamp(16px,calc(20 * var(--u)),21px)}
.tabulka th,.tabulka td{padding:clamp(14px,calc(20 * var(--u)),21px) clamp(14px,calc(24 * var(--u)),25px);vertical-align:top;border-bottom:1px solid var(--okraj);line-height:1.35}
.tabulka thead th{background:var(--zelena-tmava);color:#fff;font-weight:800;font-size:clamp(14px,calc(17 * var(--u)),17px);text-transform:uppercase;letter-spacing:.05em}
.tabulka thead th.nasa{background:var(--c,var(--zelena))}
.tabulka tbody th{font-weight:800;width:30%}
.tabulka td.nasa{background:color-mix(in srgb,var(--c,var(--zelena)) 7%,#fff);font-weight:700}
.tabulka tbody tr:last-child>*{border-bottom:0}
.tab-ano,.tab-nie{display:inline-flex;gap:8px;align-items:flex-start}
.tab-ano .ico,.tab-nie .ico{width:22px;height:22px;margin-top:2px}
.tab-ano .ico{color:#2e7d32}.tab-nie .ico{color:#c0392b}

/* Kroky postupu */
.kroky2{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:clamp(14px,calc(24 * var(--u)),26px);counter-reset:k2}
.kroky2 li{counter-increment:k2;background:#fff;border:1px solid var(--okraj);border-top:5px solid var(--c,var(--zelena));border-radius:6px;padding:clamp(24px,calc(38 * var(--u)),40px) clamp(20px,calc(28 * var(--u)),30px)}
.kroky2 li::before{content:counter(k2);display:grid;place-items:center;width:clamp(48px,calc(60 * var(--u)),62px);height:clamp(48px,calc(60 * var(--u)),62px);margin:0 auto 18px;border-radius:50%;background:var(--c,var(--zelena));color:#fff;font-weight:900;font-size:clamp(22px,calc(28 * var(--u)),29px)}
.kroky2 h3{font-size:clamp(20px,calc(26 * var(--u)),27px);font-weight:900;margin-bottom:.4em}
.kroky2 p{margin:0;font-size:clamp(16px,calc(19 * var(--u)),20px);color:#333;line-height:1.45}

/* CTA medzi sekciami */
.cta-medzi{margin-top:clamp(40px,calc(64 * var(--u)),68px);display:flex;flex-direction:column;align-items:center;gap:14px}
.cta-medzi p{margin:0;font-size:clamp(16px,calc(19 * var(--u)),20px);color:#444}
.cta-medzi p a{font-weight:800;color:#000}

/* Čísla */
.cisla2{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.cisla2 strong{display:block;font-size:clamp(64px,calc(120 * var(--u)),128px);font-weight:900;line-height:1;margin-bottom:12px}
.cisla2 span{font-size:clamp(17px,calc(22 * var(--u)),23px);font-weight:600;color:#ddd}
@media (max-width:600px){.cisla2{grid-template-columns:1fr;gap:36px}}

/* Video */
.video{display:block;width:100%;aspect-ratio:16/9;max-width:100%;border-radius:8px;background:#1f2a26;object-fit:cover}
.video--prazdne{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#fff;background:linear-gradient(rgba(31,61,52,.72),rgba(31,61,52,.82)),url(../img/hero-900.webp) center/cover;font-weight:700;font-size:clamp(16px,calc(20 * var(--u)),21px)}
.video--prazdne .ico{width:88px;height:88px;padding:22px;border:3px solid rgba(255,255,255,.85);border-radius:50%;stroke-width:1.6}

/* Ukážka auditu */
.audit{margin:0;background:#fff;border:1px solid #d9d4ca;border-radius:8px;box-shadow:0 20px 50px rgba(40,40,30,.10);overflow:hidden;text-align:left}
.audit__hlava{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 28px;background:var(--zelena-tmava);color:#fff;font-weight:800;text-transform:uppercase;letter-spacing:.06em;font-size:clamp(14px,calc(17 * var(--u)),17px)}
.audit__hlava span{display:flex;align-items:center;gap:10px}
.audit__hlava .ico{width:24px;height:24px}
.audit__stitok{background:#e0a526;color:#1d1d1d;border-radius:20px;padding:3px 12px;font-size:13px}
.audit__parcela{margin:0;padding:18px 28px;font-weight:800;font-size:clamp(17px,calc(20 * var(--u)),21px);border-bottom:1px solid var(--okraj);background:#faf9f6}
.audit__riadky{list-style:none;margin:0;padding:0}
.audit__riadky li{display:grid;grid-template-columns:16px minmax(150px,240px) 1fr auto;gap:18px;align-items:center;padding:16px 28px;border-bottom:1px solid var(--okraj);font-size:clamp(16px,calc(19 * var(--u)),20px)}
.audit__riadky i{width:16px;height:16px;border-radius:50%}
.audit__riadky em{font-style:normal;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;padding:4px 12px;border-radius:20px;white-space:nowrap}
.s-ok i{background:#2e7d32}.s-ok em{background:#e3f1e5;color:#1f5e23}
.s-pozor i{background:#e0a526}.s-pozor em{background:#fbf0d6;color:#7a5a0e}
.s-problem i{background:#c62828}.s-problem em{background:#fbe3e3;color:#8a1c1c}
.audit__zaver{margin:0;padding:22px 28px;background:#eef3f0;font-weight:700;font-size:clamp(16px,calc(20 * var(--u)),21px);line-height:1.45}
.audit figcaption{padding:10px 28px;font-size:13px;color:#777}
@media (max-width:700px){.audit__riadky li{grid-template-columns:16px 1fr auto;row-gap:4px}.audit__riadky li span{grid-column:2/-1;grid-row:2}}

/* Balíky */
.baliky--sluzba{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,calc(24 * var(--u)),26px);text-align:left}
.baliky--sluzba .balik{border:1px solid #d9d4ca;border-radius:8px;padding:clamp(26px,calc(42 * var(--u)),44px)}
.baliky--sluzba .balik--top{border:3px solid #954598;box-shadow:0 20px 50px rgba(149,69,152,.18)}
.baliky--sluzba .balik h3{font-size:clamp(28px,calc(38 * var(--u)),40px)}
.baliky--sluzba .balik__pod{font-size:clamp(17px,calc(20 * var(--u)),21px)}
.baliky--sluzba .balik__cena{font-size:clamp(24px,calc(32 * var(--u)),33px)}
.baliky--sluzba .balik ul{font-size:clamp(16px,calc(19 * var(--u)),20px);gap:12px}
@media (max-width:1100px){.baliky--sluzba{grid-template-columns:1fr;max-width:640px;margin-inline:auto}}
.platba{display:flex;gap:16px;align-items:center;justify-content:center;max-width:860px;margin:clamp(28px,calc(44 * var(--u)),46px) auto 0;padding:22px 28px;background:#fff8e6;border:2px solid #f0dca3;border-radius:8px;font-size:clamp(17px,calc(21 * var(--u)),22px);line-height:1.45;text-align:left}
.platba .ico{width:34px;height:34px;color:#9a6b00;flex:none}

/* Cenovka */
.cenovka{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);border-radius:8px;overflow:hidden;box-shadow:0 20px 50px rgba(40,40,30,.10);text-align:left}
.cenovka__hlavna{background:var(--zelena-tmava);color:#fff;padding:clamp(28px,calc(52 * var(--u)),54px);display:flex;flex-direction:column;gap:8px}
.cenovka__hlavna>strong{font-size:clamp(64px,calc(110 * var(--u)),116px);font-weight:900;line-height:1}
.cenovka__hlavna>span{color:#cfe0d8;font-size:clamp(16px,calc(20 * var(--u)),21px)}
.cenovka__delenie{margin-top:auto;padding-top:28px;border-top:1px solid rgba(255,255,255,.2);display:flex;flex-direction:column;gap:6px}
.cenovka__delenie strong{font-size:clamp(36px,calc(56 * var(--u)),58px);font-weight:900;line-height:1}
.cenovka__delenie span{color:#cfe0d8;font-size:clamp(15px,calc(19 * var(--u)),20px)}
.cenovka__zoznam{padding:clamp(28px,calc(52 * var(--u)),54px);background:#fff}
.cenovka__zoznam>p{font-weight:800;font-size:clamp(18px,calc(22 * var(--u)),23px);margin-bottom:14px}
.cenovka__zoznam ul{list-style:none;padding:0;margin:0 0 28px;display:grid;gap:12px;font-size:clamp(16px,calc(20 * var(--u)),21px)}
.cenovka__zoznam li{display:flex;gap:12px}
.cenovka__zoznam .ico{width:24px;height:24px;color:#2e7d32;stroke-width:2.4;margin-top:1px}
.cenovka__veta{margin:clamp(28px,calc(40 * var(--u)),42px) auto 0;font-size:clamp(19px,calc(26 * var(--u)),27px);font-weight:800;color:var(--zelena);max-width:30em}
@media (max-width:800px){.cenovka{grid-template-columns:1fr}}

.pribehy{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;text-align:left}

/* Most na inú službu */
.sek--odkaz{padding-block:clamp(24px,calc(40 * var(--u)),42px)}
.most{padding:clamp(28px,calc(48 * var(--u)),50px);background:var(--svetla);border-radius:8px}
.most h2{font-size:clamp(24px,calc(36 * var(--u)),38px);font-weight:900;margin:0 0 .4em;line-height:1.1}
.most p{margin:0 auto 22px;max-width:34em;font-size:clamp(17px,calc(21 * var(--u)),22px)}
.most__odkazy{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
.most__odkazy a{display:inline-flex;align-items:center;gap:10px;font-weight:800;font-size:clamp(16px,calc(19 * var(--u)),20px);color:var(--zelena);text-decoration:none;padding:14px 22px;background:#fff;border:2px solid var(--zelena);border-radius:6px}
.most__odkazy a:hover{background:var(--zelena);color:#fff}
.most__odkazy .ico{width:20px;height:20px}

/* Osobný list zakladateľa */
.list-zakladatela{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,calc(72 * var(--u)),76px);align-items:center;text-align:left}
.list-zakladatela img{width:100%;border-radius:8px;aspect-ratio:1/1;object-fit:cover;object-position:50% 25%}
.list-zakladatela h2{font-size:clamp(30px,calc(54 * var(--u)),58px);font-weight:900;line-height:1.02;letter-spacing:-.02em;margin-bottom:.5em}
.list-zakladatela p{font-size:clamp(17px,calc(22 * var(--u)),23px);line-height:1.5;max-width:30em}
.list-zakladatela__podpis{display:flex;flex-direction:column;margin:24px 0}
.list-zakladatela__podpis strong{font-size:clamp(20px,calc(26 * var(--u)),27px);font-weight:900}
.list-zakladatela__podpis span{font-size:clamp(14px,calc(17 * var(--u)),17px);color:#555}
@media (max-width:800px){.list-zakladatela{grid-template-columns:1fr}.list-zakladatela img{max-width:320px}}

/* FAQ v službách */
.sek--faq .faq{max-width:900px;margin:0 auto;text-align:left}
.sek--faq .faq details{border-bottom:2px solid #e2ded6;padding:clamp(18px,calc(26 * var(--u)),28px) 0}
.sek--faq .faq summary{font-size:clamp(18px,calc(25 * var(--u)),26px);font-weight:800}
.sek--faq .faq summary .ico{width:28px;height:28px}
.sek--faq .faq details p{font-size:clamp(17px,calc(21 * var(--u)),22px);line-height:1.5;margin-top:14px}

/* Záverečné CTA */
.s-cta{background:var(--zelena-tmava);color:#fff;padding-block:clamp(64px,calc(130 * var(--u)),140px);text-align:center}
.s-cta__in{display:flex;flex-direction:column;align-items:center}
.s-cta h2{font-size:clamp(34px,calc(70 * var(--u)),74px);font-weight:900;line-height:1;letter-spacing:-.025em;margin-bottom:.35em;max-width:14em;text-wrap:balance}
.s-cta p{margin:0 0 clamp(24px,calc(40 * var(--u)),42px);color:#cfe0d8;max-width:30em;font-size:clamp(18px,calc(25 * var(--u)),26px)}
.s-cta__tel{display:block;font-size:clamp(42px,calc(104 * var(--u)),110px);font-weight:900;letter-spacing:-.03em;line-height:1;text-decoration:none;margin-bottom:clamp(24px,calc(40 * var(--u)),42px)}
.s-cta__tel:hover{color:#cfe3da}

/* Dopyt – centrovaný formulár */
.dopyt{background:var(--svetla);padding-block:clamp(64px,calc(130 * var(--u)),140px);scroll-margin-top:70px}
.dopyt__in{max-width:960px;margin-inline:auto;text-align:center}
.dopyt__istoty{list-style:none;padding:0;margin:-12px 0 clamp(28px,calc(44 * var(--u)),46px);display:flex;justify-content:center;flex-wrap:wrap;gap:10px 28px;font-weight:700;font-size:clamp(16px,calc(20 * var(--u)),21px)}
.dopyt__istoty li{display:flex;align-items:center;gap:8px}
.dopyt__istoty .ico{width:22px;height:22px;color:#2e7d32;stroke-width:2.2}
.dopyt__karta{background:#fff;border-radius:10px;box-shadow:0 24px 60px rgba(40,40,30,.10);padding:clamp(24px,calc(56 * var(--u)),60px);text-align:left}
.dopyt__karta .pole input,.dopyt__karta .pole select,.dopyt__karta .pole textarea{background:#f4f4f4;font-size:clamp(16px,calc(19 * var(--u)),20px);height:clamp(50px,calc(60 * var(--u)),62px)}
.dopyt__karta .pole textarea{height:auto;min-height:150px}
.dopyt__karta .pole label{font-weight:700}
.dopyt__karta .form .btn{width:100%;font-size:clamp(18px,calc(23 * var(--u)),24px);padding-block:clamp(18px,calc(26 * var(--u)),27px);background:var(--zelena-tlacidlo)}
.dopyt__karta .form .btn:hover{background:var(--zelena)}
.dopyt__karta .form__spodok{flex-direction:column;align-items:stretch;text-align:center}
.dopyt__alt{margin:26px 0 0;font-size:clamp(16px,calc(19 * var(--u)),20px)}
.dopyt__alt a{font-weight:800}

/* Súvisiace */
.suvisiace{background:#fff;padding-block:clamp(56px,calc(100 * var(--u)),104px);text-align:center}
.suvisiace h2{font-size:clamp(28px,calc(46 * var(--u)),48px);font-weight:900;margin-bottom:30px}
.suvisiace ul{list-style:none;margin:0 auto;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;max-width:1300px;text-align:left}
.suvisiace a{display:flex;align-items:center;gap:16px;padding:24px 26px;background:var(--svetla);border-radius:6px;border-left:6px solid var(--c);text-decoration:none;font-weight:800;font-size:clamp(17px,calc(21 * var(--u)),22px);transition:box-shadow .2s,background .2s}
.suvisiace a:hover{background:#fff;box-shadow:var(--tien)}
.suvisiace a span{flex:1}
.suvisiace a .ico{width:34px;height:34px;color:var(--c);stroke-width:1.6}
.suvisiace a .ico:last-child{width:22px;height:22px;color:#999}

/* Mobilná lišta */
.mobil-cta{display:none}
@media (max-width:900px){
  .je-sluzba{padding-bottom:calc(64px + env(safe-area-inset-bottom,0px))}
  .mobil-cta{display:grid;grid-template-columns:1fr 1fr;position:fixed;left:0;right:0;bottom:0;z-index:40;background:#fff;box-shadow:0 -4px 20px rgba(0,0,0,.12);padding:8px max(10px,env(safe-area-inset-left,0px)) calc(8px + env(safe-area-inset-bottom,0px));gap:8px}
  .mobil-cta a{display:flex;align-items:center;justify-content:center;gap:8px;height:50px;border-radius:6px;font-weight:800;text-decoration:none;background:var(--zelena-tlacidlo);color:#fff}
  .mobil-cta a+a{background:#fff;color:var(--zelena);box-shadow:inset 0 0 0 2px var(--zelena)}
  .mobil-cta .ico{width:20px;height:20px}
}
@media (max-width:600px){
  .h2ero__dokaz{border-radius:14px;flex-direction:column;gap:4px;padding:12px 18px}
  .h2ero__tl{flex-direction:column;align-items:stretch;width:100%}
  .h2ero .drobky{font-size:14px}
}

/* ---------- Tím (O nás) ---------- */
.tim{background:var(--tmava);color:#fff;padding-block:clamp(64px,calc(130 * var(--u)),140px)}
.tim__hlava{text-align:center;max-width:1000px;margin:0 auto clamp(40px,calc(72 * var(--u)),76px)}
.tim .sek__stitok{background:rgba(255,255,255,.12);color:#cfe3da}
.tim__hlava h2{font-size:clamp(32px,calc(62 * var(--u)),66px);font-weight:900;line-height:1.02;letter-spacing:-.025em;margin:0 auto .4em;max-width:15em;text-wrap:balance}
.tim__hlava p:last-child{font-size:clamp(18px,calc(24 * var(--u)),25px);color:#ccc;margin:0}
.tim__zoznam{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(18px,calc(26 * var(--u)),28px)}
.tim__zoznam img{width:100%;aspect-ratio:1/1;object-fit:cover;margin-bottom:clamp(18px,calc(26 * var(--u)),28px)}
.tim__zoznam h3{font-size:clamp(28px,calc(42 * var(--u)),44px);font-weight:900;line-height:1.05;letter-spacing:-.01em;margin:0 0 .25em}
.tim__rola{font-weight:700;font-size:clamp(16px,calc(19 * var(--u)),20px);margin-bottom:1.1em}
.tim__zoznam li p:not(.tim__rola){font-size:clamp(16px,calc(19 * var(--u)),20px);line-height:1.45;color:#e6e6e6}
@media (max-width:1100px){.tim__zoznam{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.tim__zoznam{grid-template-columns:1fr}}

/* Hlavička služby s lúkou (Pozemkový audit) – rovnaký obrázok ako banner na úvodnej stránke */
.h2ero--luka{position:relative;background:#6f7a86 url(../img/luka-1600.webp) center 75%/cover no-repeat;color:#fff}
.h2ero--luka::before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(96,104,116,.72),rgba(112,118,128,.55) 70%,rgba(112,118,128,.35));pointer-events:none}
.h2ero--luka>.wrap{position:relative}
.h2ero--luka h1,.h2ero--luka .h2ero__perex,.h2ero--luka .drobky,.h2ero--luka .drobky a{color:#fff}
.h2ero--luka .h2ero__perex{text-shadow:0 1px 12px rgba(0,0,0,.18)}
.h2ero--luka .h2ero__kat{color:#fff}
.h2ero--luka .h2ero__dokaz{background:rgba(0,0,0,.22);border-color:rgba(255,255,255,.3);color:#fff}
.h2ero--luka .h2ero__dokaz strong{color:#fff}
.h2ero--luka .dovera .ico{color:#b9f0c4}
.h2ero--luka .btn--svetle{background:transparent;color:#fff;box-shadow:inset 0 0 0 2px rgba(255,255,255,.9)}
.h2ero--luka .btn--svetle:hover{background:#fff;color:#000}
.h2ero--luka .btn:not(.btn--svetle){background:#fff;color:var(--zelena)}
.h2ero--luka .btn:not(.btn--svetle):hover{background:#e6efe9}
@media (max-width:900px){.h2ero--luka{background-image:url(../img/luka-800.webp)}}

/* Biela deliaca čiara pod bannerom Pozemkový audit (ako na Squarespace) */
.novinka{border-bottom:3px solid #fff}

/* Karty v hero – väčší text, nižšia výška */
.karta{padding:clamp(22px,calc(46 * var(--u)),48px) clamp(22px,calc(64 * var(--u)),66px) clamp(44px,calc(74 * var(--u)),76px)}
.karta{background:rgba(255,255,255,.9)}
.karta h2{font-size:clamp(19px,calc(25 * var(--u)),26px);font-weight:700;margin-bottom:clamp(10px,calc(14 * var(--u)),14px)}
.karta p{font-size:clamp(15px,calc(19 * var(--u)),20px);line-height:1.45;max-width:26em}
.karta .ico{margin-top:clamp(4px,calc(10 * var(--u)),10px)}
@media (max-width:760px){.karta{padding-bottom:26px}}

/* ---------- Vyhľadávanie Stratený majetok ---------- */
.sek--hladanie{padding-top:clamp(56px,calc(100 * var(--u)),110px)}
.hladanie{background:var(--svetla);border:2px solid var(--c,var(--zelena));border-radius:10px;padding:clamp(20px,calc(40 * var(--u)),42px);text-align:left;box-shadow:0 24px 60px rgba(40,40,30,.10)}
.hladanie__polia{display:grid;grid-template-columns:1.2fr 1fr auto;gap:14px;align-items:end}
.hladanie__pole label{display:block;font-weight:800;font-size:clamp(16px,calc(19 * var(--u)),20px);margin-bottom:8px}
.hladanie__pole label small{font-weight:500;color:#666}
.hladanie__pole input{width:100%;height:clamp(54px,calc(66 * var(--u)),68px);padding:0 22px;border:2px solid #cfcac0;border-radius:8px;background:#fff;font:inherit;font-size:clamp(18px,calc(22 * var(--u)),23px);font-weight:600;color:#000}
.hladanie__pole input:focus{outline:none;border-color:var(--c,var(--zelena));box-shadow:0 0 0 3px color-mix(in srgb,var(--c,var(--zelena)) 20%,transparent)}
.hladanie .btn{height:clamp(54px,calc(66 * var(--u)),68px);padding-block:0;background:var(--c,var(--zelena-tlacidlo))}
.hladanie .btn .ico{width:24px;height:24px}
.hladanie__tip{margin:14px 0 0;font-size:clamp(15px,calc(18 * var(--u)),18px);color:#444}
.hladanie__vysledky{text-align:left;margin-top:clamp(20px,calc(32 * var(--u)),34px)}
.hladanie__hlaska{padding:18px 22px;background:#eef3f0;border-radius:8px;font-size:clamp(16px,calc(19 * var(--u)),20px);font-weight:600;margin:0}
.hladanie__hlaska.je-chyba{background:#fff8e6;border:1px solid #f0dca3}
.hladanie__nic{padding:22px 26px;background:#f7f5f1;border-radius:8px;font-size:clamp(16px,calc(20 * var(--u)),21px)}
.hladanie__nic p:last-child{margin:0}
.hladanie__suhrn{font-size:clamp(17px,calc(21 * var(--u)),22px);margin:0 0 14px}
.hladanie__zoznam{list-style:none;margin:0;padding:0;display:grid;gap:8px;max-height:640px;overflow:auto;padding-right:4px}
.hladanie__zoznam li{display:flex;justify-content:space-between;align-items:center;gap:16px;background:#fff;border:1px solid var(--okraj);border-left:5px solid var(--c,var(--zelena));border-radius:6px;padding:14px 18px}
.hladanie__zoznam strong{display:block;font-size:clamp(17px,calc(20 * var(--u)),21px);font-weight:800;line-height:1.3}
.hladanie__zoznam span{font-size:clamp(15px,calc(17 * var(--u)),17px);color:#444}
.hladanie__zoznam .btn{flex:none;background:var(--zelena-tlacidlo)}
.hladanie__zdroj{margin:22px auto 0;font-size:14px;color:#666;max-width:52em}
@media (max-width:800px){.hladanie__polia{grid-template-columns:1fr}.hladanie__zoznam li{flex-direction:column;align-items:stretch}}

/* Výrazná položka v menu: Stratený majetok */
.nav__cta{display:inline-flex;align-items:center;gap:8px;padding:10px 16px 10px 14px;border-radius:999px;background:#2f6f73;color:#fff;text-decoration:none;font-weight:700;font-size:var(--t-telo);letter-spacing:-.02em;white-space:nowrap;box-shadow:0 6px 18px rgba(47,111,115,.28);transition:background .2s,transform .2s}
.nav__cta:hover,.nav__cta[aria-current="page"]{background:#24585b;transform:translateY(-1px)}
.nav__cta .ico{width:20px;height:20px;stroke-width:2}
.nav__cta em{font-style:normal;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;background:#f4c542;color:#1d1d1d;border-radius:999px;padding:3px 8px}
@media (max-width:1240px){
  .nav__vyrazne{order:-1;margin:8px 0 12px}
  .nav__cta{width:100%;justify-content:center;font-size:20px;padding:16px}
}
.hlavicka__vyrazne{display:none}
@media (max-width:1240px){
  .hlavicka__vyrazne{display:inline-flex;align-items:center;gap:6px;margin-left:auto;padding:9px 14px;border-radius:999px;background:#2f6f73;color:#fff;text-decoration:none;font-weight:700;font-size:15px;white-space:nowrap}
  .hlavicka__vyrazne .ico{width:18px;height:18px;stroke-width:2}
}
@media (max-width:480px){
  .hlavicka__vyrazne{padding:10px}
  .hlavicka__vyrazne span{display:none}
  .hlavicka__vyrazne .ico{width:22px;height:22px}
}
.audit__tl{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:28px}
.obal--img{background:#10261f;display:block;position:relative}
.obal--img img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}

/* ---------- E-book: checkout za údaje ---------- */
.checkout{display:grid;gap:14px;text-align:left}
.checkout__suhrn{display:grid;grid-template-columns:64px 1fr auto;gap:14px;align-items:center;padding:12px;border:1px solid var(--okraj);border-radius:8px;background:#fff}
.checkout__suhrn img{width:64px;height:64px;object-fit:cover;border-radius:4px;background:#10261f}
.checkout__suhrn strong{display:block;font-weight:800;line-height:1.25}
.checkout__suhrn span{font-size:14px;color:#555}
.checkout__suhrn>b{font-size:18px;font-weight:900;white-space:nowrap}
.checkout__spolu{display:grid;grid-template-columns:1fr auto;gap:0 12px;align-items:baseline;padding:4px 4px 12px;border-bottom:2px solid #000}
.checkout__spolu span{font-weight:800;text-transform:uppercase;letter-spacing:.06em;font-size:14px}
.checkout__spolu b{font-size:26px;font-weight:900;color:var(--zelena)}
.checkout__spolu small{grid-column:1/-1;text-align:right;font-size:13px;color:#555}
.checkout__polia{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.checkout__polia .cela{grid-column:1/-1}
.checkout .pole label{font-size:15px;font-weight:700;margin-bottom:6px}
.checkout .pole input,.checkout .pole select{height:48px;background-color:#fff;border:1.5px solid #cfcac0;border-radius:8px;font-size:16px}
.checkout .pole select{background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6l6 -6'/%3E%3C/svg%3E") right 14px center no-repeat;padding-right:44px}
.checkout .suhlas{font-size:14px}
.checkout__tl{width:100%;background:var(--zelena-tlacidlo)}
.checkout__tl .ico{width:22px;height:22px}
.checkout__istoty{list-style:none;margin:0;padding:0;display:flex;justify-content:center;gap:6px 18px;flex-wrap:wrap;font-size:14px;font-weight:700}
.checkout__istoty li{display:flex;align-items:center;gap:6px}
.checkout__istoty .ico{width:18px;height:18px;color:#2e7d32}
@media (max-width:480px){.checkout__polia{grid-template-columns:1fr}}

/* okno (dialog) */
.okno{border:0;padding:0;border-radius:12px;width:min(560px,calc(100vw - 24px));max-height:calc(100dvh - 24px);box-shadow:0 30px 80px rgba(0,0,0,.35);background:var(--svetla)}
.okno::backdrop{background:rgba(20,30,26,.6);backdrop-filter:blur(2px)}
.okno__in{position:relative;padding:28px clamp(18px,4vw,32px) 24px}
.okno h2{font-size:clamp(24px,3vw,30px);font-weight:900;margin:0 40px 4px 0}
.okno__p{margin:0 0 16px;color:#444}
.okno__x{position:absolute;top:14px;right:14px;width:40px;height:40px;border:0;border-radius:50%;background:#fff;cursor:pointer;display:grid;place-items:center}
.okno__x .ico{width:22px;height:22px}
.okno__viac{margin:16px 0 0;text-align:center;font-size:15px}
.okno__viac a{font-weight:700;color:var(--zelena)}
.produkt h3 a{text-decoration:none}
.produkt h3 a:hover{text-decoration:underline}
button.btn--cierne{border:0;font-family:inherit}

/* stránka e-booku */
.eb-hero{background:var(--krem) url(../img/hero-1720.webp) center bottom/cover no-repeat;padding-block:clamp(24px,calc(40 * var(--u)),44px) clamp(48px,calc(100 * var(--u)),104px)}
.eb-hero__in{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,520px);gap:clamp(28px,calc(80 * var(--u)),84px);align-items:start}
.eb-hero h1{font-size:clamp(34px,calc(78 * var(--u)),84px);font-weight:900;color:var(--zelena);line-height:.98;letter-spacing:-.025em;margin:6px 0 18px;text-wrap:balance}
.eb-hero__perex{font-size:clamp(18px,calc(24 * var(--u)),25px);max-width:30em;line-height:1.45}
.eb-hero .dovera{justify-content:flex-start;margin-top:18px}
.eb-hero__obal{max-width:420px;width:100%;margin-top:28px;border-radius:6px}
.eb-hero__form{background:var(--svetla);border-radius:12px;padding:clamp(20px,3vw,32px);box-shadow:0 24px 60px rgba(40,40,30,.14);position:sticky;top:120px}
.eb-hero__form h2{font-size:clamp(24px,3vw,30px);font-weight:900;margin-bottom:4px}
@media (max-width:1000px){.eb-hero__in{grid-template-columns:1fr}.eb-hero__form{position:static}.eb-hero__obal{max-width:300px}}
.eb-kapitoly{list-style:none;margin:0;padding:0;counter-reset:kap;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;text-align:left}
.eb-kapitoly li{counter-increment:kap;display:grid;grid-template-columns:48px 1fr;gap:4px 14px;background:#fff;border-radius:8px;padding:18px 20px}
.eb-kapitoly li::before{content:counter(kap,decimal-leading-zero);grid-row:span 2;display:grid;place-items:center;width:48px;height:48px;border-radius:8px;background:var(--zelena);color:#fff;font-weight:900}
.eb-kapitoly b{font-size:clamp(17px,calc(21 * var(--u)),22px);font-weight:800;line-height:1.25}
.eb-kapitoly span{font-size:15px;color:#555;line-height:1.4}
@media (max-width:760px){.eb-kapitoly{grid-template-columns:1fr}}

/* Slučka z terénu (video na výšku vedľa textu) */
.sek--teren{padding-block:clamp(56px,calc(110 * var(--u)),118px)}
.teren{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,400px);gap:clamp(32px,calc(96 * var(--u)),100px);align-items:center;max-width:1300px;margin-inline:auto}
.teren__text{text-align:left}
.teren .sek__h{margin-left:0;text-align:left;color:#fff}
.teren__perex{font-size:clamp(18px,calc(24 * var(--u)),25px);line-height:1.45;color:#ddd;max-width:30em}
.teren__body{list-style:none;margin:24px 0 32px;padding:0;display:grid;gap:12px}
.teren__body li{display:flex;gap:12px;align-items:flex-start;font-size:clamp(17px,calc(21 * var(--u)),22px);font-weight:700}
.teren__body .ico{width:26px;height:26px;color:#8fd19e;margin-top:1px}
.teren__video{margin:0;border-radius:22px;overflow:hidden;background:#111 center/cover;aspect-ratio:9/16;box-shadow:0 30px 70px rgba(0,0,0,.45);border:6px solid #000}
.teren__video img{width:100%;height:100%;object-fit:cover}
@media (max-width:860px){
  .teren{grid-template-columns:1fr}
  .teren__video{order:-1;border-radius:14px;border-width:0;max-width:480px;width:100%;margin-inline:auto}
  .teren .btn{width:100%}
}

/* =========================================================
   ČLÁNOK PORADNE
   ========================================================= */
.clanok-karta--foto{display:grid;grid-template-rows:auto 1fr;padding:0;overflow:hidden}
.clanok-karta--foto img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;display:block}
.clanok-karta--foto>div{padding:clamp(20px,calc(28 * var(--u)),28px)}
.clanok__hlava{background:var(--krem);padding-block:clamp(36px,calc(90 * var(--u)),96px) clamp(30px,calc(70 * var(--u)),74px);text-align:center}
.clanok__hlava .wrap{max-width:calc(900px + 2 * var(--gutter))}
.clanok__hlava .drobky{text-align:center}
.clanok__meta{font-size:var(--t-male);color:var(--text-jemny);margin:0 0 .8em;font-weight:600}
.clanok__meta span{color:#954598;text-transform:uppercase;letter-spacing:.04em}
.clanok__hlava h1{font-size:clamp(40px,calc(96 * var(--u)),104px);font-weight:800;text-transform:uppercase;color:var(--zelena);line-height:.92;margin:0 0 .35em;text-wrap:balance}
.clanok__perex{font-size:clamp(18px,calc(25 * var(--u)),27px);line-height:1.38;max-width:34em;margin:0 auto;color:#222;text-wrap:pretty}
.clanok__foto{margin:0 auto;max-width:1200px;padding-inline:var(--gutter);margin-top:clamp(-50px,calc(-40 * var(--u)),-20px)}
.clanok__foto img{display:block;width:100%;height:auto;border-radius:var(--radius);box-shadow:var(--tien)}
.clanok__foto figcaption{font-size:var(--t-male);color:var(--text-jemny);margin-top:10px;text-align:center}
.clanok__telo{max-width:calc(740px + 2 * var(--gutter));margin:0 auto;padding-inline:var(--gutter);padding-block:clamp(36px,calc(70 * var(--u)),76px);font-size:clamp(17px,calc(21 * var(--u)),22px);line-height:1.6}
.clanok__telo p,.clanok__telo li{text-wrap:pretty}
.clanok__telo h2{font-size:clamp(25px,calc(38 * var(--u)),40px);font-weight:800;color:var(--zelena);line-height:1.08;margin:1.7em 0 .55em;text-wrap:balance}
.clanok__telo ol{counter-reset:k;list-style:none;padding:0;margin:1.2em 0;display:grid;gap:14px}
.clanok__telo ol li{counter-increment:k;position:relative;padding:18px 20px 18px 74px;background:var(--svetla);border-radius:var(--radius);line-height:1.5}
.clanok__telo ol li::before{content:counter(k);position:absolute;left:18px;top:16px;width:40px;height:40px;border-radius:50%;background:var(--zelena);color:#fff;font-weight:800;display:grid;place-items:center;font-size:20px;letter-spacing:0}
.clanok__telo ul{padding-left:1.1em;margin:1em 0;display:grid;gap:10px}
.clanok__telo ul li::marker{color:var(--cervena)}
.ramik{background:var(--zelena);color:#fff;border-radius:var(--radius);padding:clamp(20px,calc(30 * var(--u)),32px) clamp(22px,calc(34 * var(--u)),36px);font-size:clamp(19px,calc(25 * var(--u)),27px);line-height:1.35;margin:1.6em 0;border-left:8px solid var(--cervena)}
.ramik strong{font-weight:800}
.clanok__sluzba{margin:2.2em 0 0;text-align:center}
.clanok__sluzba .btn{white-space:normal}
.clanok__zdroje{margin-top:clamp(40px,calc(70 * var(--u)),74px);padding-top:24px;border-top:1px solid var(--okraj);font-size:var(--t-male);line-height:1.45}
.clanok__zdroje h2{font-size:clamp(17px,calc(20 * var(--u)),21px);margin:0 0 .6em;color:var(--text)}
.clanok__zdroje ul{padding-left:1.1em;gap:6px}
.clanok__zdroje a{color:var(--text-jemny);overflow-wrap:anywhere}
@media (max-width:600px){.clanok__telo ol li{padding:16px 16px 16px 62px}.clanok__telo ol li::before{left:12px;width:36px;height:36px;font-size:18px}.clanok__foto{padding-inline:0}.clanok__foto img{border-radius:0}}

/* =========================================================
   Z TERÉNU – pás fotiek (dôkaz, nie galéria)
   ========================================================= */
.sek--krem{background:var(--krem)}
.fotky{list-style:none;margin:0 auto;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:clamp(12px,calc(20 * var(--u)),20px);max-width:1100px}
.fotky figure{margin:0;position:relative;border-radius:var(--radius);overflow:hidden;background:#ddd;aspect-ratio:4/5;box-shadow:0 8px 24px rgba(0,0,0,.10)}
.fotky img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s}
.fotky li:hover img{transform:scale(1.03)}
.fotky figcaption{position:absolute;left:0;right:0;bottom:0;padding:34px 14px 12px;background:linear-gradient(transparent,rgba(0,0,0,.72));color:#fff;font-size:clamp(14px,calc(17 * var(--u)),18px);font-weight:700;line-height:1.25;text-align:left}
.sek--fotky{padding-block:clamp(48px,calc(90 * var(--u)),96px)}
.sek--fotky .sek__h{font-size:clamp(26px,calc(44 * var(--u)),46px)}
.z-terenu{background:var(--krem);padding-block:clamp(52px,calc(100 * var(--u)),106px);text-align:center}
.z-terenu .stitok{background:transparent;border:0;padding:0;color:var(--zelena);font-weight:800;text-transform:uppercase;letter-spacing:.12em;font-size:clamp(13px,calc(16 * var(--u)),16px)}
.z-terenu h2{font-size:clamp(28px,calc(52 * var(--u)),54px);font-weight:800;color:var(--zelena);line-height:1.05;margin:.35em auto .35em;max-width:18em;text-wrap:balance}
.z-terenu__text{font-size:clamp(17px,calc(22 * var(--u)),23px);max-width:34em;margin:0 auto clamp(26px,calc(44 * var(--u)),46px);color:#333;text-wrap:pretty}
.z-terenu .fotky{max-width:1400px}
@media (max-width:700px){
  .fotky{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin-inline:calc(-1 * var(--gutter));padding-inline:var(--gutter);padding-bottom:6px;scrollbar-width:none}
  .fotky::-webkit-scrollbar{display:none}
  .fotky li{flex:0 0 72%;scroll-snap-align:center}
}
/* fotka vložená v článku */
.vlozena{margin:1.6em 0}
.vlozena img{display:block;width:100%;height:auto;border-radius:var(--radius)}
.vlozena figcaption{font-size:var(--t-male);color:var(--text-jemny);margin-top:8px;text-align:center}

/* cenník s dvoma možnosťami (právny servis) */
.baliky--2{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:760px){.baliky--2{grid-template-columns:1fr}}

/* pás malých fotiek pod úvodom podstránky – na celú šírku */
.h2ero{padding-bottom:clamp(40px,calc(80 * var(--u)),84px)}
.pas-fotiek{background:var(--tmava);padding:4px 0;overflow:hidden}
.pas-fotiek ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:4px}
.pas-fotiek li{aspect-ratio:4/3;overflow:hidden;background:#333}
.pas-fotiek img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.92);transition:filter .3s,transform .4s}
.pas-fotiek li:hover img{filter:none;transform:scale(1.04)}
@media (max-width:900px){.pas-fotiek ul{grid-template-columns:repeat(4,minmax(0,1fr))}.pas-fotiek li:nth-child(n+5){display:none}}

/* článok v príprave – bez odkazu */
.clanok-karta--koncept{background:transparent;border:1px dashed #c9c4bb;cursor:default}
.clanok-karta--koncept:hover{box-shadow:none}
.clanok-karta--koncept small{color:var(--text-jemny)}

/* O nás – výrazný výrok medzi tímom a hodnotami */
.vyrok{background:var(--krem);text-align:center;padding-block:clamp(56px,calc(120 * var(--u)),128px)}
.vyrok__hlavny{font-size:clamp(32px,calc(66 * var(--u)),70px);font-weight:900;color:#111;line-height:1;letter-spacing:-.025em;max-width:13em;margin:0 auto .45em;text-wrap:balance}
.vyrok__dalej{font-size:clamp(19px,calc(28 * var(--u)),29px);font-weight:600;line-height:1.35;max-width:28em;margin:0 auto;color:#222;text-wrap:balance}
.vyrok__dalej strong{color:var(--zelena);font-weight:900}

/* Joint venture – dva modely spolupráce */
.modely{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,calc(24 * var(--u)),26px);text-align:left;max-width:1200px;margin:0 auto}
.model{background:#fff;border:1px solid #d9d4ca;border-radius:8px;padding:clamp(26px,calc(46 * var(--u)),48px);display:flex;flex-direction:column}
.model>.ico{width:46px;height:46px;color:var(--zelena);stroke-width:1.6;margin-bottom:16px}
.model h3{font-size:clamp(24px,calc(34 * var(--u)),36px);font-weight:900;line-height:1.08;letter-spacing:-.015em;margin:0 0 .4em}
.model>p{font-size:clamp(17px,calc(21 * var(--u)),22px);line-height:1.45;margin:0 0 22px;color:#222}
.model dl{margin:auto 0 0;border-top:1px solid var(--okraj)}
.model dl>div{display:grid;grid-template-columns:5.5em 1fr;gap:12px;padding:12px 0;border-bottom:1px solid var(--okraj)}
.model dt{font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:14px;color:var(--zelena);padding-top:3px}
.model dd{margin:0;font-size:clamp(16px,calc(19 * var(--u)),20px);line-height:1.4}
.modely__pozn{max-width:44em;margin:clamp(26px,calc(40 * var(--u)),42px) auto 0;font-size:clamp(17px,calc(21 * var(--u)),22px);line-height:1.5;color:#333}
@media (max-width:820px){.modely{grid-template-columns:1fr}}

/* O nás – oblasti, v ktorých máme skúsenosti (dlaždice) */
.oblasti .sek__perex{max-width:44em;margin-inline:auto}
.oblasti__hlava{text-align:center;max-width:900px;margin:0 auto clamp(36px,calc(64 * var(--u)),68px)}
.oblasti__hlava h2{font-size:clamp(30px,calc(58 * var(--u)),62px);font-weight:900;color:var(--zelena);line-height:1.02;letter-spacing:-.025em;margin:0 auto .35em;text-wrap:balance}
.oblasti__hlava p:last-child{font-size:clamp(17px,calc(22 * var(--u)),23px);line-height:1.45;color:#333;margin:0;text-wrap:pretty}
.oblasti__zoznam{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,calc(18 * var(--u)),18px)}
.oblasti__zoznam>li{background:#fff;border:1px solid var(--okraj);text-align:left;border-radius:8px;padding:clamp(22px,calc(32 * var(--u)),34px);min-width:0}
.oblasti__zoznam>li>.ico{width:38px;height:38px;color:var(--zelena);stroke-width:1.6;margin-bottom:12px}
.oblasti__zoznam h3{font-size:clamp(19px,calc(23 * var(--u)),24px);font-weight:800;line-height:1.15;margin:0 0 .7em;color:#111}
.oblasti__zoznam ul{list-style:none;margin:0;padding:0;display:grid;gap:7px;font-size:clamp(15px,calc(17 * var(--u)),18px);line-height:1.35;color:#333}
.oblasti__zoznam ul li{position:relative;padding-left:16px}
.oblasti__zoznam ul li::before{content:"";position:absolute;left:0;top:.55em;width:6px;height:6px;border-radius:50%;background:var(--zelena);opacity:.55}
.oblasti__zoznam ul a{color:var(--zelena);font-weight:700;text-decoration:none;border-bottom:1px solid rgba(36,73,61,.3)}
.oblasti__zoznam ul a:hover{border-bottom-color:currentColor}
.oblasti__pata{text-align:center;margin:clamp(30px,calc(48 * var(--u)),50px) auto 0;font-size:clamp(17px,calc(21 * var(--u)),22px);max-width:40em;color:#333}
@media (max-width:1100px){.oblasti__zoznam{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.oblasti__zoznam{grid-template-columns:1fr}}

/* O nás – oblasti ako sklenený panel (bez kariet) */
.oblasti{position:relative;overflow:hidden;background:
  radial-gradient(42% 55% at 12% 18%,rgba(36,73,61,.22),transparent 70%),
  radial-gradient(38% 50% at 88% 22%,rgba(149,69,152,.14),transparent 70%),
  radial-gradient(45% 55% at 70% 92%,rgba(185,105,63,.16),transparent 70%),
  radial-gradient(40% 50% at 20% 88%,rgba(68,92,156,.12),transparent 70%),
  #f3f1ec}
.oblasti .wrap{position:relative}
.oblasti .sek__stitok{background:rgba(255,255,255,.45);color:rgba(31,61,52,.85);border:1px solid rgba(255,255,255,.7);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.oblasti .sek__h{color:rgba(20,40,34,.88)}
.oblasti .sek__perex{color:rgba(20,30,28,.66)}
.oblasti__zoznam{background:rgba(255,255,255,.38);border:1px solid rgba(255,255,255,.75);border-radius:22px;padding:clamp(26px,calc(52 * var(--u)),56px) clamp(20px,calc(48 * var(--u)),52px);backdrop-filter:blur(22px) saturate(1.3);-webkit-backdrop-filter:blur(22px) saturate(1.3);box-shadow:0 30px 80px rgba(36,73,61,.10),inset 0 1px 0 rgba(255,255,255,.9);row-gap:clamp(30px,calc(48 * var(--u)),50px);column-gap:clamp(20px,calc(40 * var(--u)),42px)}
.oblasti__zoznam>li{background:none;border:0;border-radius:0;padding:0;box-shadow:none}
.oblasti__zoznam>li>.ico{width:44px;height:44px;padding:10px;border-radius:50%;background:rgba(255,255,255,.55);border:1px solid rgba(255,255,255,.85);color:rgba(31,61,52,.8);box-shadow:0 4px 14px rgba(36,73,61,.08)}
.oblasti__zoznam h3{color:rgba(20,40,34,.86)}
.oblasti__zoznam ul{color:rgba(20,30,28,.62)}
.oblasti__zoznam ul li::before{background:rgba(31,61,52,.35);opacity:1}
.oblasti__zoznam ul a{color:rgba(31,61,52,.88);border-bottom-color:rgba(31,61,52,.25)}
.oblasti__pata{color:rgba(20,30,28,.66)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.oblasti__zoznam{background:rgba(255,255,255,.75)}}

/* hlavná stránka – karta Poradne vedľa e-bookov */
.produkt--poradna{display:flex;flex-direction:column}
.produkt--poradna .obal{text-decoration:none;background:radial-gradient(circle at 70% 30%,#5b4a2f,#241c10 75%)}
.produkt--poradna .obal__kniha{background:linear-gradient(90deg,#3a2c16 0 7%,#4d3b1e 7% 9%,#5e4824 9%);color:#f1d79a}
.produkt--poradna .btn{margin-top:auto}
.prirucky__pozn{margin:clamp(22px,calc(36 * var(--u)),38px) 0 0 calc(686 * var(--u));font-size:var(--t-male);color:var(--text-jemny);max-width:44em}
@media (max-width:900px){.prirucky__pozn{margin-left:0}}

/* O nás – úvod s fotkou Zvolena */
.h2ero--zvolen{position:relative;background:#33413b url(../img/zvolen.webp) center 42%/cover no-repeat;color:#fff}
.h2ero--zvolen::before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(18,38,32,.78),rgba(18,38,32,.62) 55%,rgba(18,38,32,.72));pointer-events:none}
.h2ero--zvolen>.wrap{position:relative}
.h2ero--zvolen h1,.h2ero--zvolen .h2ero__perex,.h2ero--zvolen .drobky,.h2ero--zvolen .drobky a,.h2ero--zvolen .h2ero__kat,.h2ero--zvolen .dovera{color:#fff}
.h2ero--zvolen .h2ero__perex{text-shadow:0 1px 12px rgba(0,0,0,.25)}
.h2ero--zvolen .h2ero__dokaz{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.3);color:#fff;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.h2ero--zvolen .h2ero__dokaz strong{color:#fff}
.h2ero--zvolen .dovera .ico{color:#b9f0c4}
.h2ero--zvolen .btn:not(.btn--svetle){background:#fff;color:var(--zelena)}
.h2ero--zvolen .btn:not(.btn--svetle):hover{background:#e6efe9}
.h2ero--zvolen .btn--svetle{background:transparent;color:#fff;box-shadow:inset 0 0 0 2px rgba(255,255,255,.9)}
.h2ero--zvolen .btn--svetle:hover{background:#fff;color:#000}
.h2ero__sidlo{display:inline-flex;align-items:center;gap:8px;margin:clamp(22px,calc(34 * var(--u)),36px) 0 0;padding:8px 16px;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);font-size:clamp(14px,calc(16 * var(--u)),16px);font-weight:600;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.h2ero__sidlo .ico{width:18px;height:18px}

/* hlavná stránka – nižšie karty, aby bol pod nimi vidieť banner auditu */
.hero{padding-bottom:clamp(70px,calc(118 * var(--u)),126px)}
.karta{padding:clamp(20px,calc(34 * var(--u)),36px) clamp(22px,calc(64 * var(--u)),66px) clamp(40px,calc(52 * var(--u)),54px)}
.karta .ico{margin-top:0}
.novinka::before{backdrop-filter:saturate(1.1);-webkit-backdrop-filter:saturate(1.1)}
.novinka p{font-size:clamp(19px,calc(24 * var(--u)),25px)}

/* pečiatka „Schválené“ v mriežke výhod (stavebné povolenie) */
.prinosy__peciatka{border:0!important;background:none!important;display:grid;place-items:center;padding:10px!important}
.peciatka{width:min(100%,330px);height:auto;color:#23863a;transform:rotate(-9deg);opacity:.92;mix-blend-mode:multiply}
@media (max-width:760px){.peciatka{width:min(80%,280px)}}

/* stavebné povolenie – upútavka na sledovanie */
.sek--sledovanie .sek__h{color:#fff}
.sek--sledovanie .sek__stitok{background:rgba(255,255,255,.12);color:#b9e3c6}
.sek--sledovanie .sek__perex{color:#ddd;max-width:40em;margin-inline:auto}
.mini-trasa{position:relative;height:84px;margin:clamp(30px,calc(50 * var(--u)),52px) 40px clamp(20px,calc(30 * var(--u)),32px)}
.mini-trasa__linka{position:absolute;left:0;right:0;top:14px;height:5px;border-radius:3px;background:repeating-linear-gradient(90deg,#6c706d 0 8px,transparent 8px 14px)}
.mini-trasa__linka span{position:absolute;left:0;top:0;bottom:0;background:#8fe0a6;border-radius:3px}
.mini-trasa__z{position:absolute;top:0;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px}
.mini-trasa__z i{width:32px;height:32px;border-radius:50%;border:3px solid #6c706d;background:var(--tmava);display:grid;place-items:center;color:#113;}
.mini-trasa__z .ico{width:16px;height:16px;stroke-width:3;color:var(--tmava)}
.mini-trasa__z.je-hotovo i{background:#8fe0a6;border-color:#8fe0a6}
.mini-trasa__z.je-akt i{border-color:#8fe0a6;box-shadow:0 0 0 0 rgba(143,224,166,.6);animation:sl-pulz-mini 1.8s infinite}
@keyframes sl-pulz-mini{70%{box-shadow:0 0 0 12px rgba(143,224,166,0)}100%{box-shadow:0 0 0 0 rgba(143,224,166,0)}}
.mini-trasa__z span{font-size:14px;font-weight:700;color:#ccc;white-space:nowrap}
.mini-trasa__z.je-akt span{color:#fff}
.sledovanie__body{list-style:none;padding:0;margin:0 auto clamp(28px,calc(40 * var(--u)),42px);display:flex;flex-wrap:wrap;justify-content:center;gap:10px 30px;font-size:clamp(16px,calc(20 * var(--u)),21px);font-weight:700}
.sledovanie__body li{display:flex;align-items:center;gap:8px}
.sledovanie__body .ico{width:22px;height:22px;color:#8fe0a6}
@media (max-width:700px){.mini-trasa{margin-inline:14px}.mini-trasa__z span{display:none}.mini-trasa__z:nth-child(odd) span{display:none}}