/* Kampaň december 2026 · Dorothe Trassl
   Farby namerané z dorothetrassl.sk a zo slovenského Instagramu. */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400&family=Lato:wght@300;400;700&display=swap');

:root{
  --teal:#006c7d;
  --teal-d:#00434e;
  --teal-x:#002d35;
  --krem:#faf6ee;
  --piesok:#f2ebdd;
  --mosadz:#c9972b;
  --mosadz-s:#e3b85a;
  --ink:#231f1c;
  --mute:#6b625a;
  --line:#e6ddcd;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}
body{margin:0;background:var(--krem);color:var(--ink);
  font-family:Lato,system-ui,Arial,sans-serif;font-weight:400;font-size:18px;line-height:1.72}

h1,h2,h3,.serif{font-family:"Cormorant Garamond",Georgia,serif;font-weight:400;letter-spacing:-.3px;line-height:1.08}
h1{font-size:clamp(40px,7vw,78px);margin:0 0 22px}
h2{font-size:clamp(28px,4.4vw,44px);margin:0 0 18px;color:var(--teal-d)}
h3{font-family:Lato,sans-serif;font-size:16px;font-weight:700;letter-spacing:.4px;
  margin:34px 0 8px;color:var(--teal-d)}
p{margin:0 0 18px}

.w{max-width:680px;margin:0 auto;padding:0 26px}
.w-s{max-width:900px;margin:0 auto;padding:0 26px}
section{padding:84px 0}
section.tesne{padding:56px 0}
a{color:var(--teal);text-underline-offset:3px}

/* ---------- hlavička s obrázkom cez celú šírku ---------- */
.hero{position:relative;min-height:92vh;display:flex;align-items:flex-end;
  padding:0 0 76px;overflow:hidden;background:var(--teal-x)}
.hero::before{content:"";position:absolute;inset:0;background-size:cover;background-position:center;z-index:0}
.hero::after{content:"";position:absolute;inset:0;z-index:1;
  background:linear-gradient(to top,rgba(0,45,53,.93) 0%,rgba(0,45,53,.80) 26%,rgba(0,45,53,.46) 52%,rgba(0,45,53,.16) 80%,rgba(0,45,53,.30) 100%)}
.hero .w,.hero .w-s{position:relative;z-index:2}
.hero h1{color:var(--krem)}
.hero .lead{color:#dceaec;font-size:clamp(19px,2.4vw,23px);font-weight:300;max-width:30em;margin-bottom:34px}
.hero .nadtitul{color:var(--mosadz-s);font-size:13px;font-weight:700;letter-spacing:2.6px;
  text-transform:uppercase;margin-bottom:26px}

.hero.svetla{background:var(--piesok)}
.hero.svetla::after{background:linear-gradient(to right,rgba(250,246,238,.98) 0%,rgba(250,246,238,.95) 52%,rgba(250,246,238,.72) 70%,rgba(250,246,238,.12) 100%)}
.hero.svetla h1{color:var(--teal-x)}
.hero.svetla .lead{color:var(--mute)}
.hero.svetla .nadtitul{color:var(--mosadz)}

/* ---------- tlačidlá ---------- */
.btn{display:inline-block;background:var(--mosadz);color:#231f1c;text-decoration:none;
  font-family:Lato,sans-serif;font-weight:700;font-size:16px;letter-spacing:.4px;
  padding:19px 44px;border-radius:2px;border:0;cursor:pointer;transition:.18s}
.btn:hover{background:var(--mosadz-s);transform:translateY(-2px)}
.btn.tmavy{background:var(--teal-d);color:var(--krem)}
.btn.tmavy:hover{background:var(--teal)}

/* ---------- formulár ---------- */
form.zber{background:rgba(250,246,238,.07);border:1px solid rgba(227,184,90,.3);
  border-radius:3px;padding:30px;margin:0;max-width:470px;backdrop-filter:blur(6px)}
.hero.svetla form.zber{background:#fff;border-color:var(--line)}
form.zber label{display:block;font-size:12.5px;font-weight:700;letter-spacing:1.4px;
  text-transform:uppercase;margin-bottom:11px;color:var(--mosadz-s)}
.hero.svetla form.zber label{color:var(--teal)}
form.zber input[type=email]{width:100%;padding:16px 18px;border:1px solid rgba(227,184,90,.35);
  border-radius:2px;font-size:17px;font-family:inherit;background:rgba(0,45,53,.35);
  color:var(--krem);margin-bottom:16px}
.hero.svetla form.zber input[type=email]{background:var(--krem);color:var(--ink);border-color:var(--line)}
form.zber input::placeholder{color:rgba(220,234,236,.45)}
.hero.svetla form.zber input::placeholder{color:#b3a897}
form.zber input:focus{outline:1px solid var(--mosadz);outline-offset:2px}
form.zber .btn{width:100%}
form.zber .mala{font-size:13.5px;color:#a9c3c6;margin:16px 0 0;line-height:1.5}
.hero.svetla form.zber .mala{color:var(--mute)}
.skryte{position:absolute;left:-9999px}

/* ---------- predel zlatým vláknom ---------- */
.vlakno{height:160px;background:url(/img/vlakno.webp) center/cover no-repeat;background-color:var(--teal-d)}
.vlakno.nizky{height:96px}

/* ---------- textúra ---------- */
.textura{position:relative;background:var(--piesok)}
.textura::before{content:"";position:absolute;inset:0;background:url(/img/lan.webp) center/cover;
  opacity:.5;mix-blend-mode:multiply;pointer-events:none}
.textura>*{position:relative}

/* ---------- tmavý blok ---------- */
.tmavy{background:var(--teal-x);color:#dceaec}
.tmavy h2{color:var(--krem)}
.tmavy a{color:var(--mosadz-s)}
.tmavy .mala{color:#8fb0b4}

/* ---------- citát ---------- */
.citat{font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(25px,3.6vw,38px);
  font-weight:300;font-style:italic;line-height:1.32;color:var(--teal-d);margin:14px 0 0}
.tmavy .citat{color:var(--krem)}
.citat .kto{display:block;font-family:Lato,sans-serif;font-style:normal;font-size:13px;
  font-weight:700;letter-spacing:1.8px;text-transform:uppercase;color:var(--mosadz);margin-top:22px}

/* ---------- obsah ---------- */
.velky{font-size:clamp(20px,2.4vw,24px);font-weight:300;line-height:1.6}
ul.odrazky{list-style:none;padding:0;margin:26px 0}
ul.odrazky li{padding-left:34px;position:relative;margin-bottom:18px}
ul.odrazky li::before{content:"";position:absolute;left:0;top:13px;width:18px;height:1px;background:var(--mosadz)}

table{width:100%;border-collapse:collapse;margin:28px 0;font-size:17px}
th{text-align:left;padding:14px 0;font-family:Lato;font-size:12px;letter-spacing:1.6px;
  text-transform:uppercase;color:var(--mosadz);border-bottom:1px solid var(--line);font-weight:700}
td{padding:15px 0;border-bottom:1px solid var(--line);vertical-align:top}
td.c{text-align:right;white-space:nowrap;color:var(--mute)}
.tmavy th,.tmavy td{border-color:rgba(227,184,90,.22)}
.tmavy td.c{color:#9fc0c4}

.cena{display:flex;align-items:baseline;gap:22px;flex-wrap:wrap;margin:8px 0 30px}
.cena b{font-family:"Cormorant Garamond",serif;font-weight:400;font-size:clamp(50px,8vw,80px);
  color:var(--teal-d);line-height:1}
.tmavy .cena b{color:var(--krem)}
.cena span{font-size:15.5px;color:var(--mute);line-height:1.5}
.tmavy .cena span{color:#9fc0c4}

figure{margin:0}
figure img{width:100%;display:block}
figcaption{font-size:13.5px;color:var(--mute);margin-top:12px;letter-spacing:.3px}

footer{background:var(--teal-x);color:#7fa3a8;font-size:14px;padding:46px 0}
footer a{color:#9fc0c4}
.mala{font-size:14.5px;color:var(--mute);line-height:1.6}

@media(max-width:700px){
  body{font-size:17px}
  section{padding:58px 0}
  .hero{min-height:82vh;padding-bottom:52px}
  .hero.svetla::after{background:linear-gradient(to top,rgba(250,246,238,.97) 0%,rgba(250,246,238,.88) 58%,rgba(250,246,238,.4) 100%)}
  .vlakno{height:110px}
}

/* obrázok hlavičky sa dodáva cez --obr na <section class="hero"> */
.hero::before{background-image:var(--obr)}

/* ---------- delená hlavička: text vľavo, fotka vpravo ---------- */
.hero.delena{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;
  min-height:92vh;padding:0;background:var(--teal-x)}
.hero.delena::before,.hero.delena::after{display:none}
.hero.delena .text{display:flex;align-items:center;padding:70px 0}
.hero.delena .vnutro{max-width:560px;margin-left:auto;padding:0 60px 0 30px}
.hero.delena .obraz{background:var(--obr) center/cover no-repeat}
@media(max-width:860px){
  .hero.delena{grid-template-columns:1fr;min-height:0}
  .hero.delena .obraz{height:44vh;order:-1}
  .hero.delena .text{padding:46px 0 58px}
  .hero.delena .vnutro{margin:0;padding:0 26px;max-width:none}
}

/* ================= POHYB =================
   Podľa skillu soft-motion. Pravidlá, ktoré tu platia:
   nič sa nerozbehne samo, pohyb spúšťa človek rolovaním,
   animuje sa len transform a opacity, žiadny odskok,
   a čo nie je vidno, to nebeží. */

:root{
  --sm-ease-land: cubic-bezier(.22,1,.36,1);
  --sm-ease-soft: cubic-bezier(.45,.05,.15,1);
}

/* odhalenie pri rolovaní, len raz */
.zjav{transition:opacity .9s ease,transform 1.2s var(--sm-ease-land)}
.pohyb .zjav{opacity:0;transform:translateY(20px)}
.pohyb .zjav.je{opacity:1;transform:none}

/* vlasová linka nad nadpisom sa dokreslí */
h2::before{content:"";display:block;width:54px;height:1px;background:var(--mosadz);
  margin-bottom:24px;transition:width 1.2s var(--sm-ease-land) .1s}
.pohyb h2::before{width:0}
.pohyb h2.je::before{width:54px}

/* ---------- pás so záberom z Tatier ---------- */
.pas{position:relative;overflow:hidden;background:var(--teal-x);isolation:isolate}
.pas video,.pas .stoj{position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;z-index:0;will-change:transform}
.pas::after{content:"";position:absolute;inset:0;z-index:1;
  background:linear-gradient(to right,rgba(0,45,53,.93) 0%,rgba(0,45,53,.86) 44%,rgba(0,45,53,.52) 78%,rgba(0,45,53,.42) 100%)}
.pas > .w,.pas > .w-s{position:relative;z-index:2}
.pas h2{color:var(--krem)}
.pas p{color:#cfe3e5}
.pas .velky{color:var(--krem)}
.pas .mala{color:#8fb0b4}
.pas h2::before{background:var(--mosadz-s)}

/* hlavička so záberom namiesto fotky */
.hero.film video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;will-change:transform}
.hero.film::before{display:none}

/* ---------- vagus ako riečna delta ---------- */
.delta{display:block;width:100%;height:auto;margin:10px 0 0;overflow:visible}
.delta path{fill:none;stroke:var(--mosadz);stroke-width:1.6;stroke-linecap:round;opacity:.95;
  stroke-dasharray:var(--d);stroke-dashoffset:var(--d);
  transition:stroke-dashoffset 2.2s var(--sm-ease-land)}
.delta.je path{stroke-dashoffset:0}
@media(prefers-reduced-motion:reduce){.delta path{stroke-dashoffset:0;transition:none}}
.delta .silny{stroke-width:2.4}

/* ---------- ukážka tempa žmurknutia ---------- */
.mihnutie{display:flex;align-items:center;gap:26px;flex-wrap:wrap;margin:38px 0 0}
.oko{width:210px;height:44px;flex:0 0 auto;border:1px solid var(--mosadz);
  border-radius:50%/50%;overflow:hidden;position:relative;background:rgba(201,151,43,.06)}
.oko i{position:absolute;inset:0;background:var(--teal-d);transform-origin:top;transform:scaleY(0)}
.oko.bezi i{animation:zmurknutie 9.5s ease-in-out 3}
@keyframes zmurknutie{
  0%,16%{transform:scaleY(0)}
  44%,60%{transform:scaleY(1)}
  88%,100%{transform:scaleY(0)}
}
.mihnutie p{margin:0;max-width:21em}
.znova{background:none;border:0;padding:0;margin-top:10px;cursor:pointer;
  font:700 12.5px/1 Lato,sans-serif;letter-spacing:1.4px;text-transform:uppercase;
  color:var(--teal);border-bottom:1px solid var(--mosadz)}

/* ---------- cesta tlaku po tele ---------- */
.cesta{display:flex;gap:26px;margin:38px 0 0}
.cesta .lin{width:2px;background:var(--line);position:relative;flex:0 0 auto}
.cesta .lin i{position:absolute;left:0;top:0;width:2px;height:100%;background:var(--mosadz);
  transform-origin:top;transform:scaleY(0);transition:transform 9s var(--sm-ease-land)}
.cesta.bezi .lin i{transform:scaleY(1)}
.cesta ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;
  justify-content:space-between;min-height:230px}
.cesta li{font-size:15px;letter-spacing:1.4px;text-transform:uppercase;color:var(--mute);font-weight:700}

/* ---------- lišta s objednávkou ---------- */
.lista{position:fixed;left:0;right:0;bottom:0;z-index:40;background:rgba(0,45,53,.96);
  backdrop-filter:blur(8px);border-top:1px solid rgba(227,184,90,.3);
  display:flex;align-items:center;justify-content:space-between;gap:20px;
  padding:14px 26px;transform:translateY(110%);transition:transform 1.1s var(--sm-ease-land)}
.lista.je{transform:none}
.lista span{color:#bcd6d9;font-size:14px;letter-spacing:1.2px;text-transform:uppercase;font-weight:700}
.lista .btn{padding:13px 30px;font-size:15px}
@media(max-width:620px){
  .lista span{display:none}
  .lista{justify-content:center}
  .lista .btn{width:100%;text-align:center}
}

@media(prefers-reduced-motion:reduce){
  .oko i,.cesta .lin i{animation:none;transition-duration:.01s}
  .cesta .lin i{transform:scaleY(1)}
  .zjav{opacity:1;transform:none;transition:none}
}

/* ---------- pás s obrázkom: text na tmavej strane, obraz dýcha napravo ---------- */
.pruh{position:relative;overflow:hidden;background-color:var(--teal-x)}
.pruh::after{content:"";position:absolute;inset:0;z-index:0;
  background:linear-gradient(90deg,
    rgba(0,45,53,.97) 0%,
    rgba(0,45,53,.93) 38%,
    rgba(0,45,53,.68) 66%,
    rgba(0,45,53,.42) 100%)}
.pruh .w,.pruh .w-s{position:relative;z-index:1}
.pruh{color:#dceaec}
.pruh h2{color:var(--krem)}
.pruh .citat{color:var(--krem)}
.pruh .citat .kto{color:var(--mosadz-s)}
.pruh a{color:var(--mosadz-s)}
.pruh .mala{color:#8fb0b4}
.pruh.svetlo{color:var(--mute)}
.pruh.svetlo h2,.pruh.svetlo .citat{color:var(--teal-d)}
.pruh.svetlo .citat .kto{color:var(--mosadz)}
.pruh.svetlo a{color:var(--teal)}
.pruh.svetlo::after{background:linear-gradient(90deg,
    rgba(250,246,238,.98) 0%,
    rgba(250,246,238,.94) 40%,
    rgba(250,246,238,.62) 70%,
    rgba(250,246,238,.22) 100%)}

/* ---------- karty produktov ---------- */
.ponuky{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin:34px 0 10px;align-items:stretch}
.ponuka{background:#fff;border:1px solid var(--line);padding:32px 30px;display:flex;flex-direction:column}
.ponuka.zvyraz{border:2px solid var(--mosadz);box-shadow:0 10px 36px rgba(0,67,78,.09)}
.ponuka .stitok{font-size:11.5px;letter-spacing:2px;text-transform:uppercase;font-weight:700;
  color:var(--mosadz);margin-bottom:14px}
.ponuka h3{margin:0 0 12px;font-size:25px}
.ponuka .telo{flex:1;color:var(--mute);font-size:15.5px}
.ponuka .suma{font-family:"Cormorant Garamond",serif;font-size:34px;color:var(--teal);margin:18px 0 2px}
.ponuka .kedy{font-size:13.5px;color:var(--mute);margin:0 0 20px}
.ponuka .btn{text-align:center}

/* ---------- kroky ochutnávky ---------- */
.kroky{counter-reset:k;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:30px 0}
.krok{position:relative;padding-top:52px}
.krok::before{counter-increment:k;content:counter(k);position:absolute;top:0;left:0;
  width:38px;height:38px;border-radius:50%;background:var(--mosadz);color:#231f1c;
  font-family:Lato,sans-serif;font-weight:700;font-size:17px;display:flex;align-items:center;justify-content:center}
.krok b{display:block;font-family:"Cormorant Garamond",serif;font-size:21px;color:var(--teal-d);margin-bottom:6px}
.krok p{font-size:15px;color:var(--mute);margin:0}

/* ---------- štvorica prínosov ---------- */
.prinosy{display:grid;grid-template-columns:1fr 1fr;gap:28px 34px;margin:30px 0}
.prinos b{display:block;font-family:"Cormorant Garamond",serif;font-size:20px;color:var(--teal-d);margin-bottom:5px}
.prinos p{margin:0;font-size:15.5px;color:var(--mute)}

/* ---------- navigácia ---------- */
.menu{position:absolute;top:0;left:0;right:0;z-index:5;padding:24px 0}
.menu .w{display:flex;align-items:center;justify-content:space-between;gap:20px}
.menu .znacka{font-family:"Cormorant Garamond",serif;font-size:21px;color:var(--krem);
  text-decoration:none;letter-spacing:.4px;white-space:nowrap}
.menu nav a{color:#cfe2e4;text-decoration:none;font-size:14px;margin-left:24px;letter-spacing:.2px}
.menu nav a:hover{color:var(--mosadz-s)}
.menu.tmave .znacka{color:var(--teal-x)}
.menu.tmave nav a{color:var(--mute)}
.menu.tmave nav a:hover{color:var(--teal)}

/* ---------- pätička s upozornením ---------- */
.upozornenie{font-size:12.5px;color:#7e9499;line-height:1.55;max-width:70ch;margin:22px auto 0;
  padding-top:18px;border-top:1px solid rgba(255,255,255,.1)}

@media(max-width:800px){
  .ponuky,.prinosy{grid-template-columns:1fr}
  .kroky{grid-template-columns:1fr;gap:18px}
  .menu nav{display:none}
  .pruh::after{background:linear-gradient(90deg,rgba(0,45,53,.96) 0%,rgba(0,45,53,.88) 100%)}
  .pruh.svetlo::after{background:linear-gradient(90deg,rgba(250,246,238,.97) 0%,rgba(250,246,238,.9) 100%)}
}

/* ---------- náhľad videa: obrázok s tlačidlom, nie je klikateľný ---------- */
.ukazka{position:relative;max-width:620px;margin:30px 0 8px;border:1px solid var(--line);
  background:var(--teal-x);line-height:0;overflow:hidden}
.ukazka img{width:100%;height:auto;display:block}
.ukazka::after{content:"";position:absolute;inset:0;
  background:linear-gradient(to top,rgba(0,45,53,.42) 0%,rgba(0,45,53,.06) 48%,rgba(0,45,53,.12) 100%)}
.ukazka .hrat{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;
  width:74px;height:74px;border-radius:50%;background:rgba(250,246,238,.92);
  display:flex;align-items:center;justify-content:center;box-shadow:0 6px 26px rgba(0,45,53,.3)}
.ukazka .hrat::before{content:"";display:block;width:0;height:0;margin-left:5px;
  border-left:23px solid var(--teal-x);border-top:14px solid transparent;border-bottom:14px solid transparent}
.ukazka .dlzka{position:absolute;right:14px;bottom:13px;z-index:2;line-height:1;
  background:rgba(0,45,53,.78);color:var(--krem);font-family:Lato,sans-serif;
  font-size:12.5px;font-weight:700;letter-spacing:.6px;padding:7px 11px;border-radius:2px}
.ukazka .stuha{position:absolute;left:0;top:18px;z-index:2;line-height:1.2;
  background:var(--mosadz);color:#231f1c;font-family:Lato,sans-serif;font-size:11.5px;
  font-weight:700;letter-spacing:1.6px;text-transform:uppercase;padding:9px 16px 9px 20px}
.ukazka-popis{font-size:14px;color:var(--mute);margin:0 0 6px;max-width:620px}

/* ---------- hlavička zberu: formulár a náhľad vedľa seba ---------- */
.dvojica{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px;align-items:start;max-width:100%}
.dvojica .ukazka{margin:0;max-width:100%}
.dvojica form.zber{max-width:100%}
.dvojica .ukazka-popis{margin-top:10px}
@media(max-width:860px){.dvojica{grid-template-columns:1fr;gap:24px}}

/* ============================================================
   V2 — svetlejšia a čistejšia verzia
   Biela ako základ, krém a piesok len ako kontrastné pásy.
   Serif aj v úvodných odstavcoch. Sociálny dôkaz hneď hore.
   ============================================================ */

body{background:#fff}

/* striedanie: nepárna sekcia biela, párna piesková */
section{background:#fff}
section.piesok{background:var(--piesok)}
section.krem{background:var(--krem)}

/* úvodný odstavec sekcie serifom, ako na referencii */
.velky{font-family:"Cormorant Garamond",Georgia,serif;
  font-size:clamp(23px,2.9vw,30px);font-weight:400;line-height:1.46;color:var(--teal-d)}

/* svetlá hlavička: biela namiesto krému */
.hero.svetla{background:#fff}
.hero.svetla::after{background:linear-gradient(to right,
  rgba(255,255,255,.98) 0%,rgba(255,255,255,.95) 52%,
  rgba(255,255,255,.70) 70%,rgba(255,255,255,.10) 100%)}
.hero.svetla form.zber{background:#fff;border-color:var(--line);
  box-shadow:0 14px 44px rgba(0,67,78,.10)}
.hero.svetla form.zber input[type=email]{background:#fff}

/* ---------- sociálny dôkaz hneď pod hlavičkou ---------- */
.dokaz{background:#fff;border-bottom:1px solid var(--line);padding:18px 0}
.dokaz .w,.dokaz .w-s{display:flex;align-items:center;justify-content:center;
  gap:12px 30px;flex-wrap:wrap;text-align:center}
.dokaz .polozka{display:flex;align-items:center;gap:9px;
  font-size:14.5px;color:var(--mute);letter-spacing:.2px}
.dokaz b{color:var(--ink);font-weight:700}
.dokaz .hviezdy{color:var(--mosadz);letter-spacing:2px;font-size:15px}
.dokaz .ciara{width:1px;height:20px;background:var(--line)}
@media(max-width:640px){.dokaz .ciara{display:none}.dokaz{padding:14px 0}}

/* karty a rámiky dostanú na bielom jemný tieň namiesto len linky */
.ponuka,.kus,.karta{box-shadow:0 8px 28px rgba(0,67,78,.06)}

/* ---------- V3: svetlá úvodná hlavička ako na referencii ---------- */
.hero.delena.svetla-delena{background:#f7f1e8;min-height:0;padding:56px 0;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;align-items:center}
.hero.delena.svetla-delena .obraz{order:-1;height:min(78vh,720px);margin:0 28px 0 auto;
  width:min(100%,600px);border-radius:14px;box-shadow:0 24px 60px rgba(60,40,20,.14)}
.hero.delena.svetla-delena .text{padding:20px 0}
.hero.delena.svetla-delena .vnutro{margin:0;padding:0 40px 0 36px;max-width:600px}
.hero.delena.svetla-delena h1{color:var(--teal-x);font-weight:500}
.hero.delena.svetla-delena .lead{color:var(--ink);font-weight:400;opacity:.82}
.hero.delena.svetla-delena .nadtitul{color:var(--mosadz)}
.kto-hore{font-size:14px;color:var(--mute);margin:0 0 14px;letter-spacing:.2px}
.kto-hore b{color:var(--teal-d);font-weight:700}
.zoznam{list-style:none;padding:0;margin:4px 0 30px}
.zoznam li{position:relative;padding-left:30px;margin:0 0 11px;font-size:17px;color:var(--ink)}
.zoznam li::before{content:"✓";position:absolute;left:0;top:0;color:var(--mosadz);font-weight:700}
@media(max-width:860px){
  .hero.delena.svetla-delena{padding:0 0 40px}
  .hero.delena.svetla-delena .obraz{margin:0;width:100%;height:52vh;border-radius:0}
  .hero.delena.svetla-delena .vnutro{padding:0 26px}
}

/* ---------- pruh s dôkazom: meno na samostatnom riadku ---------- */
.dokaz .w-s{flex-direction:column;gap:6px}
.dokaz .meno{font-family:"Cormorant Garamond",Georgia,serif;font-size:24px;
  color:var(--teal-d);font-weight:500;letter-spacing:.2px;margin:0}
.dokaz .fakty{display:flex;align-items:center;justify-content:center;gap:8px 26px;flex-wrap:wrap}

/* ============================================================
   V5 — hlavička podľa referencie: kontrast a čistota
   Ťažký nadpis takmer čiernej farby na svetlom kréme,
   výrok priamo na fotke, okrúhla pečať, málo textu.
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700;800&display=swap');

.hero.delena.svetla-delena{background:#f8f3eb;padding:64px 0}
.hero.delena.svetla-delena h1{font-family:"Playfair Display",Georgia,serif;font-weight:700;
  color:#1d1a17;font-size:clamp(40px,5.2vw,64px);line-height:1.04;letter-spacing:-.8px;margin:0 0 18px}
.hero.delena.svetla-delena .lead{font-family:Lato,sans-serif;font-weight:700;color:#1d1a17;
  opacity:1;font-size:18px;line-height:1.5;margin:0 0 24px;max-width:28em}
.hero.delena.svetla-delena .zoznam li{font-size:16.5px;color:#5b534c}
.hero.delena.svetla-delena .kto-hore{font-size:13.5px;margin:0 0 16px}
.hero.delena.svetla-delena .kto-hore .hv{color:var(--mosadz);letter-spacing:1px;margin-right:6px}
.hero.delena.svetla-delena .kto-hore .ok{color:#2e7d5b;font-weight:700}

/* fotka s výrokom a pečaťou */
.hero.delena.svetla-delena .obraz{position:relative;overflow:hidden}
.obraz .vyrok{position:absolute;left:0;right:0;top:9%;text-align:center;
  font-family:"Playfair Display",Georgia,serif;font-weight:800;color:#2a211a;
  font-size:clamp(26px,3.2vw,44px);line-height:1.06;letter-spacing:.5px;text-transform:uppercase;
  text-shadow:0 1px 0 rgba(255,255,255,.35)}
.obraz .pecat{position:absolute;right:6%;bottom:8%;width:clamp(96px,10vw,132px);aspect-ratio:1;
  border-radius:50%;background:radial-gradient(circle at 35% 30%,#0b5563,#002d35 70%);
  color:#f3e2b5;display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;box-shadow:0 0 0 4px #c9972b,0 0 0 7px rgba(201,151,43,.35),0 14px 30px rgba(0,0,0,.28);
  font-family:"Playfair Display",Georgia,serif;line-height:1.05}
.obraz .pecat b{font-size:clamp(15px,1.5vw,20px);font-weight:700;letter-spacing:.5px}
.obraz .pecat span{font-family:Lato,sans-serif;font-size:10.5px;letter-spacing:1.8px;
  text-transform:uppercase;margin-top:5px;color:#e3b85a}

/* upozornenie ako na referencii */
.hero .pozor-box{display:flex;gap:12px;align-items:flex-start;margin:22px 0 0;
  background:#fdf7ec;border:1px solid #ecd9b0;border-radius:8px;padding:14px 16px;
  font-size:14.5px;line-height:1.5;color:#5b4a2c;max-width:32em}
.hero .pozor-box b{color:#a0701a}

/* ============================================================
   V6 — modulárne bloky podľa referencie
   ============================================================ */
.blok{padding:100px 0}
.blok.krem{background:#f8f3eb}
.blok.biela{background:#fff}
.blok.tma{background:#002d35;color:#dceaec}
.w-l{max-width:1120px;margin:0 auto;padding:0 28px}
.w-m{max-width:860px;margin:0 auto;padding:0 28px}

.kicker{font-family:Lato,sans-serif;font-size:12px;letter-spacing:3.4px;text-transform:uppercase;
  color:var(--mosadz);font-weight:700;text-align:center;margin:0 0 16px}
.titul{font-family:"Playfair Display",Georgia,serif;font-weight:600;color:#1d1a17;
  font-size:clamp(34px,4.4vw,54px);line-height:1.06;letter-spacing:-.6px;text-align:center;margin:0 0 18px}
.titul em{font-family:"Cormorant Garamond",Georgia,serif;font-style:italic;font-weight:400;
  color:var(--mosadz);display:block;letter-spacing:0}
.blok.tma .titul{color:#faf6ee}
.uvod{text-align:center;color:#5b534c;max-width:34em;margin:0 auto 54px;font-size:18px;line-height:1.6}
.blok.tma .uvod{color:#a9c3c6}

/* tri karty */
.karty3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.mk{background:#fff;border-radius:18px;padding:34px 30px 32px;box-shadow:0 14px 44px rgba(60,40,20,.08);
  display:flex;flex-direction:column}
.blok.biela .mk{background:#faf6ee;box-shadow:none;border:1px solid #efe6d6}
.mk .znak{width:46px;height:46px;border-radius:50%;background:#f3e6cc;color:#a0701a;
  display:flex;align-items:center;justify-content:center;font-family:"Playfair Display",serif;
  font-weight:700;font-size:20px;margin:0 0 20px}
.mk h3{font-family:"Playfair Display",Georgia,serif;font-weight:600;font-size:23px;line-height:1.2;
  color:#1d1a17;margin:0 0 10px;letter-spacing:-.2px}
.mk p{margin:0;color:#5b534c;font-size:16.5px;line-height:1.6}

/* citát ako karta s mosadznou hranou */
.ck{background:#fff;border-radius:18px;border-left:5px solid var(--mosadz);
  padding:44px 50px 40px;box-shadow:0 16px 50px rgba(60,40,20,.09);position:relative}
.ck::before{content:"\201E";position:absolute;left:34px;top:-74px;font-family:"Playfair Display",serif;
  font-size:120px;line-height:1;color:#ecd9b0}
.ck .veta{font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(26px,3vw,36px);
  line-height:1.3;color:#1d1a17;margin:0 0 18px;position:relative}
.ck .veta b{color:#a0701a;font-weight:600}
.ck .kto2{font-size:13px;letter-spacing:2px;text-transform:uppercase;color:var(--mosadz);font-weight:700}

/* obraz a text vedľa seba */
.vedla{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.vedla.otoc .vedla-obraz{order:2}
.vedla-obraz{border-radius:18px;overflow:hidden;box-shadow:0 24px 60px rgba(60,40,20,.14);aspect-ratio:4/5}
.vedla-obraz img,.vedla-obraz video{width:100%;height:100%;object-fit:cover;display:block}
.vedla-text .kicker,.vedla-text .titul{text-align:left}
.vedla-text p{color:#3f3832;font-size:17.5px;line-height:1.65}
.vedla-text .zoznam{margin-top:18px}

/* pečiatkový štítok */
.stitok-pill{display:inline-block;background:#002d35;color:#f3e2b5;border-radius:40px;
  padding:8px 18px;font-size:12px;letter-spacing:2px;text-transform:uppercase;font-weight:700;margin:0 0 18px}

/* fakty */
.fakty-g{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.fk{background:#fff;border-radius:14px;padding:22px 24px;border:1px solid #efe6d6}
.fk small{display:block;font-size:11.5px;letter-spacing:2px;text-transform:uppercase;color:var(--mosadz);
  font-weight:700;margin:0 0 6px}
.fk b{font-family:"Playfair Display",Georgia,serif;font-size:21px;font-weight:600;color:#1d1a17;line-height:1.25}

/* ceny */
.ceny{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:stretch}
.ceny.dve{grid-template-columns:repeat(2,minmax(0,340px));justify-content:center}
.splatky{max-width:640px;margin:26px auto 0;padding:14px 20px;border:1px solid rgba(227,184,90,.55);border-radius:14px;text-align:center;color:#faf6ee;font-size:17px;line-height:1.5}
.splatky a{color:#e3b85a}
.splatky.svetle{margin:0 auto 24px;color:#1d1a17;border-color:#c9972b;background:#fff}
.splatky.svetle a{color:#00434e}
.cn{background:rgba(255,255,255,.06);border:1px solid rgba(227,184,90,.28);border-radius:18px;
  padding:34px 28px;text-align:center;display:flex;flex-direction:column}
.cn.hlavna{background:#faf6ee;border:2px solid var(--mosadz);color:#1d1a17;transform:translateY(-10px);
  box-shadow:0 24px 60px rgba(0,0,0,.25)}
.cn small{font-size:11.5px;letter-spacing:2.2px;text-transform:uppercase;font-weight:700;color:#e3b85a}
.cn.hlavna small{color:#a0701a}
.cn .suma2{font-family:"Playfair Display",Georgia,serif;font-size:58px;font-weight:700;margin:12px 0 4px;color:#faf6ee}
.cn.hlavna .suma2{color:#1d1a17}
.cn p{font-size:15px;color:#a9c3c6;margin:0 0 22px;flex:1}
.cn.hlavna p{color:#5b534c}
.pozn-c{text-align:center;color:#8fb0b4;font-size:14px;margin:34px auto 0;max-width:40em}

/* FAQ */
.faq2 details{background:#fff;border-radius:14px;margin:0 0 12px;border:1px solid #efe6d6;
  box-shadow:0 6px 20px rgba(60,40,20,.04)}
.faq2 summary{font-family:"Playfair Display",Georgia,serif;font-weight:600;font-size:19px;
  color:#1d1a17;padding:22px 56px 22px 26px;cursor:pointer;list-style:none;position:relative}
.faq2 summary::-webkit-details-marker{display:none}
.faq2 summary::after{content:"+";position:absolute;right:26px;top:50%;transform:translateY(-50%);
  font-family:Lato,sans-serif;font-weight:300;font-size:28px;color:var(--mosadz);transition:transform .3s}
.faq2 details[open] summary::after{transform:translateY(-50%) rotate(45deg)}
.faq2 details p{margin:0;padding:0 26px 24px;color:#5b534c;font-size:16.5px;line-height:1.6}

.cta-pas{text-align:center;margin-top:52px}
.cta-pas .mala2{display:block;margin-top:14px;font-size:13.5px;color:#8a7f73;letter-spacing:.3px}

@media(max-width:880px){
  .blok{padding:72px 0}
  .karty3,.fakty-g,.ceny,.ceny.dve{grid-template-columns:1fr}
  .vedla{grid-template-columns:1fr;gap:34px}
  .vedla.otoc .vedla-obraz{order:0}
  .cn.hlavna{transform:none}
  .ck{padding:40px 28px 32px}
}

/* ---------- formulár v svetlej delenej hlavičke ---------- */
.hero.svetla-delena form.zber{background:#fff;border:1px solid #efe6d6;border-radius:14px;
  box-shadow:0 18px 50px rgba(60,40,20,.10);padding:26px;max-width:460px;margin-top:6px;backdrop-filter:none}
.hero.svetla-delena form.zber label{color:var(--teal-d)}
.hero.svetla-delena form.zber input[type=email]{background:#fff;color:#1d1a17;border:1px solid #e6ddcd;border-radius:8px}
.hero.svetla-delena form.zber input::placeholder{color:#b3a897}
.hero.svetla-delena form.zber .btn{border-radius:8px}
.hero.svetla-delena form.zber .mala{color:#8a7f73}
.btn{border-radius:8px}

/* ukážka žmurkania na svetlom pozadí */
.vedla-text .mihnutie{background:#fff;border-radius:16px;padding:22px 24px;box-shadow:0 12px 36px rgba(60,40,20,.07);margin-top:24px}
.obraz .vyrok.svetly{color:#faf6ee;text-shadow:0 2px 24px rgba(0,0,0,.45)}

/* ============================================================
   V8 — hlavička cez celú šírku, obraz a text vedľa seba bez rámčekov
   ============================================================ */
.hero.plna{position:relative;min-height:min(94vh,940px);display:flex;align-items:center;
  padding:0;background:#efe6d6;overflow:hidden}
.hero.plna::before,.hero.plna::after{display:none}
.hero.plna .plna-obr{position:absolute;inset:0;background:var(--obr) var(--poz,left center)/cover no-repeat;
  animation:dych-obr 26s ease-in-out infinite alternate;transform-origin:30% 50%}
@keyframes dych-obr{from{transform:scale(1)}to{transform:scale(1.05)}}
.hero.plna .plna-zavoj{position:absolute;inset:0;
  background:linear-gradient(to right,rgba(248,243,235,0) 30%,rgba(248,243,235,.72) 50%,rgba(248,243,235,.94) 62%,#f8f3eb 100%)}
.hero.plna .plna-text{position:relative;z-index:2;width:100%;max-width:1320px;margin:0 auto;
  display:flex;justify-content:flex-end;padding:90px 48px}
.hero.plna .vnutro{max-width:540px}
.hero.plna h1{font-family:"Playfair Display",Georgia,serif;font-weight:700;color:#1d1a17;
  font-size:clamp(40px,4.6vw,66px);line-height:1.04;letter-spacing:-.8px;margin:0 0 20px}
.hero.plna .lead{font-family:Lato,sans-serif;font-weight:700;color:#1d1a17;font-size:19px;
  line-height:1.5;margin:0 0 22px;max-width:30em}
.hero.plna .zoznam li{font-size:16.5px;color:#5b534c}
.hero.plna .kto-hore{font-size:13.5px;margin:0 0 18px;color:#5b534c}
.hero.plna .kto-hore .ok{color:#2e7d5b;font-weight:700}
.hero.plna form.zber{background:#fff;border:1px solid #efe6d6;border-radius:14px;
  box-shadow:0 18px 50px rgba(60,40,20,.12);padding:26px;max-width:460px;margin-top:6px;backdrop-filter:none}
.hero.plna form.zber label{color:var(--teal-d)}
.hero.plna form.zber input[type=email]{background:#fff;color:#1d1a17;border:1px solid #e6ddcd;border-radius:8px}
.hero.plna form.zber input::placeholder{color:#b3a897}
.hero.plna form.zber .mala{color:#8a7f73}

/* výrok a pečať ležia na fotke */
.hero.plna .vyrok{position:absolute;z-index:2;left:5vw;top:11%;margin:0;
  font-family:"Playfair Display",Georgia,serif;font-weight:800;color:#2a211a;
  font-size:clamp(26px,3vw,44px);line-height:1.06;letter-spacing:.5px;text-transform:uppercase;
  text-shadow:0 1px 18px rgba(255,255,255,.45)}
.hero.plna .pecat{position:absolute;z-index:3;left:5vw;bottom:9%;width:clamp(112px,10vw,140px);aspect-ratio:1;
  border-radius:50%;background:radial-gradient(circle at 35% 30%,#0b5563,#002d35 70%);
  color:#f3e2b5;display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;box-shadow:0 0 0 4px #c9972b,0 0 0 7px rgba(201,151,43,.35),0 14px 30px rgba(0,0,0,.28);
  font-family:"Playfair Display",Georgia,serif;line-height:1.05}

/* pečať: hlavný údaj a pod ním, oddelený čiarkou, doplnok */
.pecat b{font-size:clamp(17px,1.6vw,22px);font-weight:700;letter-spacing:.3px}
.pecat span{display:flex;flex-direction:column;align-items:center;font-family:Lato,sans-serif;
  font-size:10.5px;letter-spacing:2px;text-transform:uppercase;color:#e3b85a;margin-top:0}
.pecat span::before{content:"";width:26px;height:1px;background:rgba(227,184,90,.7);margin:10px 0 9px}

/* tmavá varianta (noc) */
.hero.plna.noc{background:#002d35}
.hero.plna.noc .plna-zavoj{background:linear-gradient(to right,rgba(0,45,53,0) 28%,rgba(0,45,53,.7) 50%,rgba(0,45,53,.93) 62%,#002d35 100%)}
.hero.plna.noc h1,.hero.plna.noc .lead{color:#faf6ee}
.hero.plna.noc .zoznam li{color:#c9dadc}
.hero.plna.noc .kto-hore{color:#9fb8bc}
.hero.plna.noc .kto-hore .ok{color:#e3b85a}

@media(max-width:900px){
  .hero.plna{display:block;min-height:0;background:#f8f3eb}
  .hero.plna.noc{background:#002d35}
  .hero.plna .plna-obr{position:relative;height:58vh;animation:none}
  .hero.plna .plna-zavoj{inset:auto 0 auto 0;top:calc(58vh - 120px);height:120px;
    background:linear-gradient(to bottom,rgba(248,243,235,0),#f8f3eb)}
  .hero.plna.noc .plna-zavoj{background:linear-gradient(to bottom,rgba(0,45,53,0),#002d35)}
  .hero.plna .plna-text{padding:10px 24px 56px;justify-content:flex-start}
  .hero.plna .vyrok{top:6vh;left:24px}
  .hero.plna .pecat{top:calc(58vh - 150px);bottom:auto;left:auto;right:22px;width:112px}
}
@media(prefers-reduced-motion:reduce){.hero.plna .plna-obr{animation:none}}

/* obraz a text vedľa seba: fotka až po okraj obrazovky, bez rámčeka */
.blok.cela{padding:0}
.blok.cela .vedla{grid-template-columns:1fr 1fr;gap:0;align-items:stretch;min-height:min(86vh,760px)}
.blok.cela .vedla-obraz{border-radius:0;box-shadow:none;aspect-ratio:auto;min-height:420px}
.blok.cela .vedla-text{display:flex;flex-direction:column;justify-content:center;padding:96px 7vw}
.blok.cela .vedla-text > *{max-width:540px}
@media(max-width:880px){
  .blok.cela .vedla{grid-template-columns:1fr;min-height:0}
  .blok.cela .vedla-obraz{height:62vh;min-height:0}
  .blok.cela .vedla-text{padding:56px 24px 72px}
}

/* záber žmurkania cez celú šírku */
.pas-film{position:relative;background:#1b2a2d;overflow:hidden}
.pas-film video{display:block;width:100%;height:auto;max-height:78vh;object-fit:cover}
.pas-film .popis{position:absolute;left:0;right:0;bottom:0;padding:70px 6vw 34px;
  background:linear-gradient(to top,rgba(0,29,35,.82),rgba(0,29,35,0));color:#faf6ee}
.pas-film .popis p{margin:0;max-width:1120px;margin:0 auto;font-family:"Cormorant Garamond",Georgia,serif;
  font-size:clamp(22px,2.4vw,32px);line-height:1.3}
.pas-film .popis small{display:block;font-family:Lato,sans-serif;font-size:12px;letter-spacing:2.2px;
  text-transform:uppercase;color:#e3b85a;margin:0 0 8px;font-weight:700}
@media(max-width:700px){.pas-film video{aspect-ratio:4/3}.pas-film .popis{padding:50px 22px 22px}}
/* výrok na fotke: matné sklo, aby bol čitateľný na akomkoľvek mieste fotky */
.hero.plna .vyrok{background:rgba(250,246,238,.74);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  padding:16px 22px 14px;border-radius:12px;text-shadow:none;box-shadow:0 10px 30px rgba(40,25,10,.12)}
@media(max-width:900px){.hero.plna .vyrok{font-size:24px;padding:12px 16px 10px}}

/* pruh s menom: vyšší a s väčšou váhou, aby nepôsobil ako tenký okraj */
.dokaz{padding:38px 0 36px;border-top:3px solid var(--mosadz);box-shadow:0 10px 30px rgba(60,40,20,.05);position:relative;z-index:3}
.dokaz .w-s{gap:14px}
.dokaz .meno{font-family:"Playfair Display",Georgia,serif;font-size:clamp(26px,2.6vw,34px);font-weight:700;color:#1d1a17;letter-spacing:-.3px}
.dokaz .meno::after{content:"";display:block;width:44px;height:2px;background:var(--mosadz);margin:12px auto 0}
.dokaz .polozka{font-size:16.5px;color:#5b534c}
.dokaz .ciara{height:26px;background:#e2d4b8}
@media(max-width:640px){.dokaz{padding:30px 0 28px}.dokaz .fakty{flex-direction:column;gap:6px}}

/* ============================================================
   Objednávka priamo na kampani (návrh, platba prevodom)
   ============================================================ */
.obj{display:grid;grid-template-columns:1.35fr 1fr;gap:40px;align-items:start}
.obj-karta{background:#fff;border:1px solid #efe6d6;border-radius:18px;padding:38px 40px;box-shadow:0 18px 50px rgba(60,40,20,.08)}
.obj-karta h3{font-family:"Playfair Display",Georgia,serif;font-size:21px;font-weight:600;color:#1d1a17;margin:30px 0 14px}
.obj-karta h3:first-of-type{margin-top:0}
.pole{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.pole.tri{grid-template-columns:2fr 1fr 1.4fr}
.obj label.l{display:block;font-size:12px;font-weight:700;letter-spacing:1.3px;text-transform:uppercase;color:var(--teal-d);margin:0 0 6px}
.obj input[type=text],.obj input[type=email],.obj input[type=tel],.obj select{width:100%;padding:14px 16px;border:1px solid #e6ddcd;border-radius:8px;
  font:inherit;font-size:16px;color:#1d1a17;background:#fff;margin:0 0 14px}
.obj input:focus,.obj select:focus{outline:2px solid rgba(201,151,43,.45);border-color:var(--mosadz)}
.volby{display:grid;gap:10px;margin:0 0 6px}
.volba{display:flex;gap:14px;align-items:center;border:1px solid #e6ddcd;border-radius:12px;padding:16px 18px;cursor:pointer;transition:border-color .3s,background .3s}
.volba:has(input:checked){border-color:var(--mosadz);background:#fdf8ee}
.volba input{accent-color:#a0701a;width:18px;height:18px;margin:0}
.volba .co{flex:1;font-size:16px;color:#1d1a17}
.volba .co small{display:block;color:#8a7f73;font-size:13.5px}
.volba .za{font-family:"Playfair Display",Georgia,serif;font-weight:700;font-size:19px;color:#1d1a17}
.firma{display:none}.firma.ukaz{display:block}
.suhlas{display:flex;gap:12px;align-items:flex-start;font-size:14.5px;color:#5b534c;line-height:1.5;margin:22px 0}
.suhlas input{margin-top:3px;width:18px;height:18px;accent-color:#a0701a;flex:0 0 auto}
.suhlas a{color:var(--teal)}
.suhrn{position:sticky;top:24px;background:#002d35;color:#faf6ee;border-radius:18px;padding:34px 32px}
.suhrn small{font-size:11.5px;letter-spacing:2.2px;text-transform:uppercase;color:#e3b85a;font-weight:700}
.suhrn h3{font-family:"Playfair Display",Georgia,serif;font-size:24px;margin:8px 0 4px;color:#faf6ee}
.suhrn .kedy{color:#a9c3c6;font-size:15px;margin:0 0 22px}
.suhrn .riadok{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-top:1px solid rgba(227,184,90,.18);font-size:15.5px;color:#d6e4e6}
.suhrn .riadok[hidden]{display:none}
.suhrn .riadok.zlava{color:#e3b85a}
.suhrn .spolu{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid rgba(227,184,90,.45);padding-top:16px;margin-top:6px}
.suhrn .spolu b{font-family:"Playfair Display",Georgia,serif;font-size:42px}
.suhrn .pozn{font-size:13.5px;color:#8fb0b4;margin:18px 0 0;line-height:1.5}
.platba{display:grid;grid-template-columns:auto 1fr;gap:12px 28px;font-size:17px;margin:0}
.platba dt{color:#8a7f73;font-size:13px;letter-spacing:1.6px;text-transform:uppercase;font-weight:700;padding-top:4px}
.platba dd{margin:0;font-family:"Playfair Display",Georgia,serif;font-size:21px;color:#1d1a17;word-break:break-all}
.navrh{background:#fff4d6;border:1px dashed #c9972b;color:#6b4e12;border-radius:10px;padding:12px 16px;font-size:14px;margin:0 0 26px}
@media(max-width:900px){.obj{grid-template-columns:1fr}.suhrn{position:static;order:-1}.pole,.pole.tri{grid-template-columns:1fr;gap:0}.obj-karta{padding:28px 22px}}
.dokaz .w-s{max-width:1100px}