:root{--hlavni:#2c9646;--tmava:#1c5f2c;--fialova:#a659c0;--cta:#c3229b;--pozadi:#f5faf6;--plocha:#e2f3e7;--text:#1b2d1f;--papier:#fffefb;--linka:#d7eadc}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-height:100vh;display:flex;flex-direction:column;background:var(--plocha);color:var(--text);font:400 19px/1.7 "Jost",sans-serif;padding-bottom:110px}
img{max-width:100%;height:auto;display:block}
a{color:var(--tmava)}
:focus-visible{outline:3px solid var(--fialova);outline-offset:3px}
.hlavicka{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:18px clamp(16px,4vw,48px)}
.znacka{font:700 40px/1 "Amatic SC",cursive;color:var(--tmava);text-decoration:none;letter-spacing:.02em}
.btn-hlavicka{display:inline-flex;align-items:center;min-height:52px;padding:10px 28px;border-radius:999px;background:var(--tmava);color:#fff;text-decoration:none;font-weight:600;font-size:17px}
.btn-hlavicka:hover{background:var(--hlavni)}
main{flex:1}
.list{max-width:860px;margin:24px auto 72px;background:var(--papier);border-radius:28px;box-shadow:0 18px 50px rgba(28,95,44,.14);padding:clamp(28px,6vw,84px) clamp(20px,7vw,96px);background-image:repeating-linear-gradient(transparent 0 39px,var(--linka) 39px 40px);background-position:0 120px}
.list+.list{margin-top:0}
.datum{font:400 26px/1.2 "Caveat",cursive;color:var(--fialova);text-align:right;margin:0 0 8px}
h1,h2{font-family:"Amatic SC",cursive;font-weight:700;color:var(--tmava);line-height:1.05;margin:0 0 .4em;overflow-wrap:anywhere}
h1{font-size:clamp(48px,7.5vw,88px)}
h2{font-size:clamp(42px,6vw,72px)}
h3{font:600 23px/1.35 "Jost",sans-serif;color:var(--text);margin:0 0 .4em}
.perex{font-size:22px;max-width:62ch}
p{max-width:64ch}
.polaroid{background:#fff;padding:14px 14px 20px;border-radius:18px;box-shadow:0 14px 34px rgba(27,45,31,.22);margin:40px auto;max-width:560px;transform:rotate(-3deg)}
.polaroid.vpravo{transform:rotate(2.5deg)}
.polaroid img{border-radius:10px;width:100%}
.polaroid figcaption{font:400 24px/1.25 "Caveat",cursive;color:var(--text);text-align:center;margin-top:12px}
.btn-cta{display:inline-flex;align-items:center;justify-content:center;text-align:center;min-height:84px;min-width:320px;padding:16px 40px;border-radius:999px;background:var(--cta);color:#fff;font:600 23px/1.2 "Jost",sans-serif;text-decoration:none;box-shadow:0 10px 26px rgba(195,34,155,.32)}
.btn-cta:hover{background:#a51a82}
.prvni-cta{margin:28px 0 8px}
.odstavec{display:grid;grid-template-columns:minmax(0,1fr) 200px;gap:32px;margin:48px 0;align-items:start}
.okraj{font:400 24px/1.3 "Caveat",cursive;color:var(--fialova);border-left:3px solid var(--fialova);padding-left:14px;transform:rotate(-1.5deg);margin-top:10px}
.cislo-fakt{margin:36px 0}
.fakty-mriezka{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center}
.fakty-mriezka img{border-radius:24px}
.poznamka-fakt{font-size:18px;opacity:.85}
.priloha{background:var(--plocha);border-radius:24px;padding:clamp(24px,4vw,44px);margin:28px 0;border:2px dashed var(--hlavni)}
.priloha p{margin-top:0}
.ps{margin:40px 0 0}
.ps-riadok{font:400 30px/1.3 "Caveat",cursive;color:var(--text);margin:0 0 22px}
.ps-riadok cite{display:block;font:500 17px/1.4 "Jost",sans-serif;font-style:normal;color:var(--tmava);margin-top:4px}
.faq details{border-bottom:2px solid var(--linka);padding:18px 0}
.faq summary{cursor:pointer;font-weight:600;font-size:21px;list-style:none}
.faq summary::before{content:"+ ";color:var(--cta)}
.faq details[open] summary::before{content:"– "}
.faq details p{margin:10px 0 0}
.podpis{margin-top:56px}
.podpis .meno{font:700 54px/1 "Caveat",cursive;color:var(--tmava);transform:rotate(-4deg);display:inline-block}
.podpis .ps-dopis{font:400 28px/1.35 "Caveat",cursive;color:var(--fialova);margin-top:24px}
.paticka{background:var(--tmava);color:#e9f5ec;padding:28px clamp(16px,4vw,48px);font-size:15px;display:flex;flex-wrap:wrap;gap:12px 24px;justify-content:space-between}
.paticka a{color:#fff}
.paticka nav{display:flex;flex-wrap:wrap;gap:8px 18px}
.uzky{max-width:760px}
.form label{display:block;font-weight:600;margin:18px 0 6px}
.form input,.form textarea{width:100%;font:inherit;padding:14px 18px;border:2px solid var(--linka);border-radius:18px;background:#fff}
.form button{margin-top:22px;min-height:60px;padding:12px 36px;border:0;border-radius:999px;background:var(--tmava);color:#fff;font:600 19px "Jost",sans-serif;cursor:pointer}
#kontaktDakujeme{font:400 30px "Caveat",cursive;color:var(--hlavni)}
#kontaktDakujeme[hidden]{display:none}
.pravne h2{font-size:clamp(34px,5vw,48px);margin-top:1.2em}
/* popup a lišta */
.modal-overlay{position:fixed;inset:0;background:rgba(12,30,17,.82);display:none;align-items:center;justify-content:center;z-index:1000;padding:16px}
.modal-overlay.show{display:flex}
.modal{position:relative;background:var(--papier);border-radius:28px;max-width:640px;width:100%;padding:44px 36px;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,.35)}
.modal .close{position:absolute;top:12px;right:16px;width:46px;height:46px;border:0;border-radius:50%;background:var(--plocha);font-size:32px;line-height:1;cursor:pointer;color:var(--text)}
.modal .badge{display:inline-block;background:var(--fialova);color:#fff;border-radius:999px;padding:6px 18px;font-weight:600;font-size:16px}
.modal h3{font:700 54px/1.05 "Amatic SC",cursive;color:var(--cta);margin:16px 0 8px}
.modal .offer{background:var(--plocha);border-radius:20px;padding:16px;margin:16px 0}
.modal .btn{white-space:normal;width:100%;min-height:88px;font-size:23px;min-width:0}
.sticky-cta{position:fixed;left:0;right:0;bottom:0;z-index:900;background:var(--tmava);color:#fff;display:flex;align-items:center;justify-content:center;gap:18px;padding:10px 16px;flex-wrap:nowrap}
.sticky-cta>span{flex:1 1 auto;max-width:640px;font-size:16px}
.sticky-cta .btn{flex:0 0 auto;min-height:60px;min-width:0;font-size:18px;padding:10px 26px}
@media (max-width:700px){
  body{font-size:17px}
  .list{border-radius:20px;margin:12px 10px 40px}
  .odstavec,.fakty-mriezka{grid-template-columns:1fr;gap:12px}
  .okraj{transform:none}
  .btn-cta{min-width:0;width:100%;padding:16px 22px;font-size:21px}
  .perex{font-size:19px}
  .polaroid,.polaroid.vpravo{transform:rotate(-1.5deg);max-width:100%}
  .znacka{font-size:34px}
  .ps-riadok{font-size:26px}
  body{padding-bottom:150px}
  .sticky-cta{flex-wrap:wrap;gap:6px;padding:8px 12px}
  .sticky-cta>span{flex:1 1 100%;text-align:center;font-size:15px}
  .sticky-cta .btn{flex:0 0 auto;font-size:17px;padding:10px 22px;min-height:56px}
  .paticka{flex-direction:column}
  .modal{padding:40px 20px}
  .modal h3{font-size:42px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}