/* Głos z bliska – volba příběhu: profilové lístky, organické ořezy, hustá sazba */
:root{
  --ochra:#967c2c;
  --ochra-ciemna:#5f4e1c;
  --niebo:#59a6c0;
  --niebo-ciemne:#2f6f86;
  --kobalt:#224bc3;
  --kobalt-ciemny:#183690;
  --papier:#faf9f5;
  --len:#f3efe2;
  --atrament:#2d281b;
  --szary:#5b5240;
  --kapka:50% 50% 50% 50% / 62% 62% 38% 38%;
  --luk:999px 999px 22px 22px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--ochra-ciemna);color:var(--atrament);font:400 1.125rem/1.5 "Golos Text",system-ui,sans-serif;padding-bottom:88px}
main{background:var(--papier)}
img{max-width:100%;height:auto;display:block}
a{color:var(--kobalt-ciemny)}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--niebo-ciemne);outline-offset:3px}
h1,h2,h3{font-family:Unbounded,"Golos Text",sans-serif;font-weight:600;line-height:1.18;margin:0 0 .5em;letter-spacing:-.01em;font-variant-numeric:lining-nums}
h1{font-size:clamp(1.9rem,3.4vw,2.9rem);font-weight:700}
h2{font-size:clamp(1.45rem,2.3vw,2rem)}
h3{font-size:1.12rem}
p{margin:0 0 .8em}
small,.zrodlo{font-size:.9rem}
.wrap{width:min(1180px,100% - 2.5rem);margin-inline:auto}

/* ---- přechody a tlačítka ---- */
.przycisk{display:inline-flex;align-items:center;justify-content:center;text-align:center;background:var(--kobalt);color:#fff;text-decoration:none;font:600 1.15rem/1.25 Unbounded,sans-serif;min-height:62px;padding:.8em 1.6em;border-radius:40px 40px 40px 8px;border:2px solid var(--kobalt);transition:background .15s}
.przycisk:hover{background:var(--kobalt-ciemny)}
.przycisk--duzy{font-size:1.4rem;min-height:84px;min-width:320px;padding:.9em 1.8em;border-radius:60px 60px 60px 10px}
.przycisk--naglowek{font-size:1.125rem;min-height:52px;padding:.5em 1.2em}

/* ---- hlavička ---- */
.glowka{background:var(--papier);border-bottom:1px solid #e3dcc6}
.glowka .wrap{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem 0}
.znak{font:700 1.3rem/1 Unbounded,sans-serif;color:var(--ochra-ciemna);text-decoration:none;display:flex;align-items:center;gap:.55rem}
.znak svg{width:34px;height:34px;flex:none}

/* ---- hero: volba osoby ---- */
.hero{background:var(--len);padding:2.2rem 0 0;position:relative}
.hero__gora{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:1.2rem 2.5rem;align-items:end}
.hero__perex{font-size:1.15rem;max-width:58ch}
.hero__akcja{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}
.hero__akcja p{margin:0;font-size:1rem;color:var(--szary)}
.wybor{font:600 1.15rem/1.3 Unbounded,sans-serif;color:var(--ochra-ciemna);margin:1.6rem 0 .8rem}
.kartki{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.1rem;padding-bottom:2.4rem}
.kartka{display:grid;grid-template-columns:120px minmax(0,1fr);gap:.9rem;align-items:center;background:var(--papier);color:var(--atrament);text-decoration:none;padding:.9rem 1rem .9rem .9rem;border:2px solid var(--ochra-ciemna);border-radius:28px 70px 28px 70px}
.kartka:nth-child(2){border-radius:70px 28px 70px 28px}
.kartka:hover{background:#fff}
.kartka img{width:120px;aspect-ratio:4/5;object-fit:cover;border-radius:var(--kapka)}
.kartka .imie{font:700 1.2rem/1.1 Unbounded,sans-serif;margin:0}
.kartka .wiek{font:500 .95rem/1.2 Unbounded,sans-serif;color:var(--ochra-ciemna);margin:.15rem 0 .45rem}
.kartka .zdanie{font-size:1.0625rem;line-height:1.38;margin:0 0 .35rem}
.kartka .pytanie{font-size:.95rem;color:var(--niebo-ciemne);font-weight:600;margin:0;text-decoration:underline;text-underline-offset:3px}
.fala{display:block;width:100%;height:34px}
.fala path{fill:var(--papier)}
.fala--len path{fill:var(--len)}

/* ---- příběhy ---- */
.historia{padding:2.4rem 0 1.4rem;scroll-margin-top:12px}
.historia--len{background:var(--len)}
.historia__siatka{display:grid;grid-template-columns:330px minmax(0,1fr);gap:1.4rem 2.6rem;align-items:start}
.historia__foto{margin:0;position:sticky;top:14px}
.historia__foto img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:var(--kapka)}
.historia--jerzy .historia__foto img{object-position:42% 50%}
.historia--regina .historia__foto img{object-position:44% 40%}
.historia--malgorzata .historia__foto img{object-position:100% 45%}
figcaption{font-size:.95rem;line-height:1.4;color:var(--szary);margin-top:.6rem}
.historia__wstep{font-size:1.15rem;max-width:62ch}
.dzien{list-style:none;margin:1rem 0 0;padding:0;border-top:2px solid var(--ochra)}
.dzien li{display:grid;grid-template-columns:150px minmax(0,1fr) minmax(0,1.15fr);gap:.4rem 1.4rem;padding:.85rem 0;border-bottom:1px dashed #c9bd98}
.pora{font:600 .95rem/1.3 Unbounded,sans-serif;color:var(--ochra-ciemna);margin:0}
.scena{margin:0}
.fakt{margin:0;font-size:1.0625rem;line-height:1.45;padding-left:.9rem;border-left:3px solid var(--niebo)}
.fakt cite{display:block;font-style:normal;font-size:.9rem;color:var(--niebo-ciemne);margin-top:.25rem;font-weight:600}
.historia__cta{margin:1.2rem 0 0;display:flex;flex-wrap:wrap;gap:.6rem 1.2rem;align-items:center}

/* ---- podpis: řádek Dalsze historie ---- */
.dalsze{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1rem;margin-top:1.4rem;padding:.7rem 0 .2rem;border-top:1px solid #d8cda9}
.dalsze__tytul{font:600 1rem/1.2 Unbounded,sans-serif;color:var(--atrament);margin:0 .4rem 0 0}
.mini{display:flex;align-items:center;gap:.55rem;text-decoration:none;color:var(--atrament);padding:.3rem .9rem .3rem .3rem;border:2px solid var(--ochra);border-radius:40px 40px 40px 12px;background:var(--papier);min-height:52px}
.mini img{width:44px;height:44px;object-fit:cover;border-radius:var(--kapka)}
.mini b{font-family:Unbounded,sans-serif;font-weight:600;font-size:.95rem}
.mini span{font-size:.95rem;color:var(--szary)}
.mini:hover{border-color:var(--ochra-ciemna);background:#fff}

/* ---- výklad ---- */
.wyklad{padding:2.6rem 0 1.6rem;background:var(--papier)}
.wyklad__wstep{max-width:74ch}
.wyklad__rys{max-width:720px;margin:1.2rem auto 1.4rem}
.wyklad__rys img{width:100%;mix-blend-mode:multiply;border-radius:28px}
.wyklad cite{font-style:normal;font-size:.9rem;font-weight:600;color:var(--niebo-ciemne);white-space:nowrap}
.przyczyny{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 2.4rem;border-top:2px solid var(--ochra)}
.przyczyny > div{padding:.9rem 0;border-bottom:1px dashed #c9bd98}
.przyczyny h3{color:var(--ochra-ciemna)}
.przyczyny p{margin:0;font-size:1.0625rem}
.objawy{margin-top:1.4rem;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:.4rem 2.4rem}
.objawy ul{margin:0;padding-left:1.2rem}
.objawy li{margin-bottom:.3rem}

/* ---- nabídka ---- */
.oferta{background:var(--len);padding:2.6rem 0 1.6rem}
.oferta__siatka{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.6rem 2.8rem;align-items:center}
.oferta__foto{margin:0}
.oferta__foto img{width:100%;aspect-ratio:5/4;object-fit:cover;object-position:30% 0;border-radius:160px 22px 22px 22px}
.oferta__lista{margin:.4rem 0 1.2rem;padding:0;list-style:none}
.oferta__lista li{padding:.45rem 0 .45rem 1.6rem;position:relative;border-bottom:1px dashed #c9bd98}
.oferta__lista li::before{content:"";position:absolute;left:0;top:.95rem;width:12px;height:12px;background:var(--niebo);border-radius:var(--kapka)}
.oferta__uwaga{font-size:1rem;color:var(--szary);margin-top:.9rem}

/* ---- recenze ---- */
.opinie{padding:2.4rem 0 1.4rem}
.opinie__rzad{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:2px solid var(--ochra)}
.opinie figure{margin:0;padding:1rem 1.4rem 1rem 0}
.opinie figure + figure{padding-left:1.4rem;border-left:1px dashed #c9bd98}
.opinie blockquote{margin:0 0 .5rem;font-size:1.2rem;line-height:1.4}
.opinie cite{font-style:normal;font-size:.95rem;color:var(--ochra-ciemna);font-weight:600}

/* ---- FAQ ---- */
.pytania{padding:2rem 0 2.4rem;background:var(--len)}
.pytania__siatka{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:1rem 2.8rem}
.pytania details{border-bottom:1px dashed #b9ab80;padding:.7rem 0}
.pytania summary{cursor:pointer;font-weight:600;font-size:1.125rem;list-style:none;padding-right:2rem;position:relative}
.pytania summary::-webkit-details-marker{display:none}
.pytania summary::after{content:"+";position:absolute;right:.2rem;top:-.1rem;font:600 1.4rem/1 Unbounded,sans-serif;color:var(--ochra-ciemna)}
.pytania details[open] summary::after{content:"–"}
.pytania details p{margin:.5rem 0 0}

/* ---- patička ---- */
.stopka{background:var(--ochra-ciemna);color:#f5efdc;padding:1.4rem 0;font-size:1rem}
.stopka .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.6rem 1.4rem}
.stopka a{color:#fff}
.stopka nav{display:flex;flex-wrap:wrap;gap:.4rem 1.2rem}
.stopka p{margin:0}

/* ---- podstránky ---- */
.krotka{min-height:100vh;display:flex;flex-direction:column}
.krotka main{flex:1}
.strona{padding:2.4rem 0 2.6rem}
.arkusz{max-width:760px;margin-inline:auto}
.arkusz h1{font-size:clamp(1.7rem,3vw,2.4rem)}
.arkusz h2{font-size:1.3rem;margin-top:1.4em}
.arkusz ul{padding-left:1.2rem}
.trojka{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem 1.6rem;margin:1.2rem 0;padding:0;list-style:none}
.trojka li{border-top:3px solid var(--niebo);padding-top:.6rem}
.trojka b{font-family:Unbounded,sans-serif;font-weight:600;display:block;margin-bottom:.3rem}
.formularz{display:grid;gap:.4rem;margin-top:1rem}
.formularz label{font-weight:600;font-size:1rem;margin-top:.5rem}
.formularz input,.formularz textarea{font:inherit;padding:.7rem .8rem;border:2px solid #b9ab80;border-radius:14px 26px 14px 26px;background:#fff;color:var(--atrament)}
.formularz button{margin-top:.8rem;justify-self:start;cursor:pointer}
#kontaktDakujeme{margin-top:1rem;padding:1rem 1.2rem;background:var(--len);border-left:4px solid var(--niebo);font-weight:600}

/* ---- popup a lišta (engine) ---- */
.modal-overlay{position:fixed;inset:0;background:rgba(32,26,12,.82);display:none;align-items:center;justify-content:center;z-index:1000;padding:1rem}
.modal-overlay.show{display:flex}
.modal{position:relative;background:var(--papier);width:min(660px,100%);max-height:calc(100vh - 2rem);overflow:auto;padding:2.2rem 2rem 2rem;text-align:center;border:3px solid var(--ochra-ciemna);border-radius:40px 90px 40px 90px}
.modal .close{position:absolute;top:.7rem;right:.9rem;width:48px;height:48px;border:2px solid var(--ochra-ciemna);background:#fff;color:var(--atrament);font-size:1.9rem;line-height:1;border-radius:50%;cursor:pointer}
.modal .badge{display:inline-block;background:var(--ochra-ciemna);color:#fff;font:600 1rem/1.2 Unbounded,sans-serif;padding:.45rem 1rem;border-radius:30px 30px 30px 6px}
.modal h3{font:700 3rem/1.1 Unbounded,sans-serif;margin:.6rem 0 .3rem;color:var(--atrament)}
.modal > p{font-size:1.3rem;font-weight:600;margin:0 0 .8rem}
.modal .offer{background:var(--len);padding:.8rem 1rem;margin:0 0 1.2rem;border-radius:20px 50px 20px 50px}
.modal .offer p{margin:.25rem 0;font-size:1.1rem}
.btn{display:inline-flex;align-items:center;justify-content:center;text-align:center;text-decoration:none;background:var(--kobalt);color:#fff;font:600 1.15rem/1.25 Unbounded,sans-serif;border-radius:40px 40px 40px 8px;padding:.7em 1.3em;min-height:60px;border:2px solid #fff}
.btn:hover{background:var(--kobalt-ciemny)}
.modal .btn{white-space:normal;text-wrap:balance}
.btn-cta-xl{font-size:1.4rem;min-height:88px;width:100%;padding:.8em 1.2em}
.sticky-cta{position:fixed;left:0;right:0;bottom:0;z-index:900;background:var(--ochra-ciemna);color:#fff;display:flex;align-items:center;justify-content:center;gap:.8rem 1.6rem;padding:.7rem 1rem;font-size:1.05rem;font-weight:600}
.sticky-cta > span{min-width:0}
.sticky-cta .btn{flex:0 0 auto;font-size:1.2rem;min-height:64px}

@media (max-width:980px){
  .hero__gora{grid-template-columns:1fr}
  .kartki{grid-template-columns:1fr;gap:.8rem}
  .historia__siatka{grid-template-columns:1fr}
  .historia__foto{position:static;max-width:460px}
  .dzien li{grid-template-columns:1fr;gap:.3rem}
  .przyczyny,.objawy,.oferta__siatka,.pytania__siatka{grid-template-columns:1fr}
  .opinie__rzad{grid-template-columns:1fr}
  .opinie figure,.opinie figure + figure{padding:1rem 0;border-left:0;border-bottom:1px dashed #c9bd98}
  .trojka{grid-template-columns:1fr}
}
@media (max-width:600px){
  body{font-size:1.0625rem;padding-bottom:84px}
  .wrap{width:calc(100% - 2rem)}
  .glowka .wrap{padding:.55rem 0}
  .znak{font-size:1.05rem}
  .znak svg{width:28px;height:28px}
  .przycisk--naglowek{font-size:1.125rem;min-height:48px;padding:.4em .9em}
  .hero{padding-top:1.4rem}
  .hero__perex{font-size:1.0625rem}
  .przycisk--duzy{min-width:0;width:100%;font-size:1.25rem}
  .kartka{grid-template-columns:92px minmax(0,1fr)}
  .kartka img{width:92px}
  .historia__foto{max-width:none}
  .historia__foto img{aspect-ratio:4/3;border-radius:var(--luk)}
  .wyklad__rys img{border-radius:28px}
  .modal{padding:2rem 1.1rem 1.4rem}
  .modal h3{font-size:2rem;white-space:nowrap}
  .modal > p{font-size:1.1rem}
  .btn-cta-xl{font-size:1.15rem;min-height:80px}
  .sticky-cta{gap:.6rem;padding:.5rem .75rem;font-size:1rem;line-height:1.3;text-align:left;justify-content:space-between}
  .sticky-cta > span{flex:1 1 0}
  .sticky-cta .btn{min-height:60px;font-size:1rem;padding:.5em .85em;flex:0 0 auto;white-space:nowrap}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
html{scroll-behavior:smooth}