:root{--hlavni:#96612c;--tmava:#5f3d1c;--tyrkys:#59c0c0;--cta:#2273c3;--pozadi:#faf7f5;--plocha:#f3ebe2;--text:#2d241b;--stin:0 10px 30px rgba(95,61,28,.14)}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--pozadi);color:var(--text);font:400 18px/1.55 Manrope,sans-serif;min-height:100vh;display:flex;flex-direction:column;padding-bottom:84px}
main{flex:1}
img{max-width:100%;height:auto;display:block}
h1,h2{font-family:Forum,serif;font-weight:400;line-height:1.05;margin:0}
a{color:var(--cta)}
:focus-visible{outline:3px solid var(--tyrkys);outline-offset:3px}

.vrh{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 24px;border-bottom:1px solid #e6d9ca;background:var(--pozadi)}
.logo{font-family:Forum,serif;font-size:28px;color:var(--tmava);text-decoration:none}
.gumb{display:inline-flex;align-items:center;justify-content:center;text-align:center;border-radius:999px;background:var(--cta);color:#fff;text-decoration:none;font-weight:800;box-shadow:0 8px 20px rgba(34,115,195,.28);transition:background .2s}
.gumb:hover{background:#185a9c}
.gumb-mal{min-height:50px;padding:0 24px;font-size:17px}
.gumb-glavni{min-height:84px;min-width:320px;padding:0 40px;font-size:23px}

.manifest{max-width:1180px;margin:0 auto;padding:44px 24px 28px;text-align:center}
.manifest h1{font-size:clamp(44px,7.4vw,104px);color:var(--tmava);letter-spacing:-.01em}
.manifest h1 .tiho{color:var(--hlavni)}
.perex{max-width:46em;margin:20px auto 0;font-size:20px}
.akcija{margin-top:22px}
.drobno{font-size:15px;color:#6b5641;margin:10px 0 0}

.velika{margin:0 auto;max-width:1180px;padding:0 24px}
.velika img{width:100%;aspect-ratio:21/10;object-fit:cover;object-position:50% 35%;border-radius:28px;box-shadow:var(--stin)}
figcaption{font-size:15px;color:#6b5641;margin-top:8px}

.teze{max-width:1180px;margin:0 auto;padding:48px 24px 24px}
.teze h2,.trenutki h2,.stevilke h2,.glasovi h2,.vprasanja h2{font-size:clamp(34px,4.4vw,54px);color:var(--tmava)}
.uvodna{margin:8px 0 18px;max-width:40em}
.teze ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:0 40px}
.teze li{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:start;padding:16px 0;border-top:2px solid var(--plocha)}
.st{font-family:Forum,serif;font-size:clamp(110px,13vw,190px);line-height:.8;color:var(--tyrkys)}
.mit{margin:0;font-family:Forum,serif;font-size:27px;line-height:1.2;color:var(--hlavni);text-decoration:line-through;text-decoration-thickness:1px;text-decoration-color:rgba(150,97,44,.5)}
.res{margin:6px 0 0}
.res small{font-size:15px;color:#6b5641}

.trenutki{max-width:1180px;margin:0 auto;padding:32px 24px}
.trenutki-mreza{display:grid;grid-template-columns:1.4fr 1fr;gap:28px;margin-top:16px;align-items:start}
.sredina img{border-radius:22px;box-shadow:var(--stin);width:100%}
.tabela{margin:0}
.tabela div{padding:14px 18px;background:var(--plocha);border-radius:18px;margin-bottom:10px}
.tabela div:nth-child(2){background:#e3f3f3}
.tabela dt{font-family:Forum,serif;font-size:28px;color:var(--tmava)}
.tabela dd{margin:4px 0 0}

.stevilke{max-width:1180px;margin:0 auto;padding:32px 24px;display:grid;grid-template-columns:1fr 1fr;gap:12px 40px;align-items:center}
.stevilke h2{grid-column:1/-1}
.graf{width:100%;height:auto}
.podgraf{font-size:20px;margin:0}

.ponudba{margin:24px auto;max-width:1132px;background:var(--tmava);color:#fff;border-radius:28px;padding:40px 32px;text-align:center;box-shadow:var(--stin)}
.ponudba h2{font-size:clamp(32px,4vw,50px);color:#fff}
.ponudba p{max-width:42em;margin:14px auto 22px}
.ponudba .drobno{color:#e8d8c5;margin:12px auto 0}

.glasovi{max-width:1180px;margin:0 auto;padding:32px 24px}
.glasovi-vrsta{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:16px;border-top:2px solid var(--hlavni)}
.glasovi blockquote{margin:0;padding:16px 18px 6px;border-right:1px solid #e6d9ca}
.glasovi blockquote:last-child{border-right:0}
.glasovi blockquote p{font-family:Forum,serif;font-size:25px;line-height:1.2;margin:0}
.glasovi cite{display:block;font-style:normal;font-size:15px;font-weight:700;color:var(--hlavni);margin-top:8px}

.vprasanja{max-width:860px;margin:0 auto;padding:32px 24px}
.vprasanja details{border-bottom:1px solid #e6d9ca;padding:12px 0}
.vprasanja summary{cursor:pointer;font-weight:700;font-size:19px}
.vprasanja details p{margin:8px 0 0}

.konec{max-width:1180px;margin:0 auto;padding:32px 24px 48px;display:grid;grid-template-columns:1.2fr 1fr;gap:32px;align-items:center}
.konec-foto img{border-radius:28px;box-shadow:var(--stin);width:100%}
.konec h2{font-size:clamp(36px,4.6vw,60px);color:var(--tmava)}
.konec p{margin:12px 0 22px}

.noga{border-top:1px solid #e6d9ca;padding:16px 24px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:15px;color:#6b5641}
.noga a{color:#6b5641;margin-left:14px}

.stran{max-width:820px;margin:0 auto;padding:40px 24px;width:100%}
.stran h1{font-size:clamp(38px,5vw,60px);color:var(--tmava);margin-bottom:14px}
.stran h2{font-size:28px;color:var(--hlavni);margin:22px 0 6px}
.stran p{margin:0 0 10px}
form{display:grid;gap:12px;margin-top:16px}
label{font-weight:700;font-size:16px}
input,textarea{font:inherit;padding:12px 16px;border:1px solid #d9c6b0;border-radius:16px;background:#fff;width:100%}
form button{justify-self:start;border:0;cursor:pointer;font:inherit}
#kontaktDakujeme{display:none;background:#e3f3f3;border-radius:18px;padding:16px}

.modal-overlay{position:fixed;inset:0;background:rgba(45,36,27,.82);display:none;align-items:center;justify-content:center;z-index:1000;padding:16px}
.modal-overlay.show{display:flex}
.modal{position:relative;background:var(--pozadi);border-radius:28px;max-width:640px;width:100%;padding:40px 32px 32px;text-align:center;box-shadow:0 24px 60px rgba(0,0,0,.35)}
.modal .close{position:absolute;top:12px;right:14px;width:44px;height:44px;border:0;border-radius:50%;background:var(--plocha);font-size:26px;cursor:pointer;color:var(--text)}
.modal .badge{display:inline-block;background:var(--hlavni);color:#fff;border-radius:999px;padding:6px 16px;font-weight:800;font-size:15px}
.modal h3{font-family:Forum,serif;font-weight:400;font-size:46px;line-height:1.05;margin:14px 0 8px;color:var(--tmava)}
.modal .offer{font-size:20px;font-weight:700}
.modal .btn{white-space:normal}
.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:999px;font-weight:800}
.btn-cta{background:var(--cta);color:#fff;min-height:60px;padding:10px 26px;font-size:18px}
.btn-cta-xl{min-height:84px;font-size:23px;padding:12px 32px;width:100%;margin-top:16px}
.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:16px;padding:10px 16px;font-size:16px}
.sticky-cta>span{flex:1 1 auto;max-width:620px}
.sticky-cta .btn{flex:0 0 auto}

@media (max-width:860px){
  body{font-size:17px}
  .vrh{padding:10px 16px}
  .logo{font-size:22px}
  .gumb-mal{min-height:48px;padding:0 16px;font-size:16px}
  .manifest{padding:28px 16px 20px}
  .gumb-glavni{min-width:0;width:100%;padding:0 20px;font-size:22px}
  .velika,.teze,.trenutki,.stevilke,.glasovi,.vprasanja,.konec{padding-left:16px;padding-right:16px}
  .velika img{aspect-ratio:4/3;border-radius:20px}
  .teze ol,.trenutki-mreza,.stevilke,.konec{grid-template-columns:1fr}
  .st{font-size:110px}
  .mit{font-size:23px}
  .glasovi-vrsta{grid-template-columns:1fr 1fr}
  .glasovi blockquote:nth-child(2){border-right:0}
  .ponudba{margin:16px;padding:28px 18px}
  .noga a{margin:0 14px 0 0}
  .modal h3{font-size:36px}
}
@media (max-width:480px){.glasovi-vrsta{grid-template-columns:1fr}.glasovi blockquote{border-right:0;border-bottom:1px solid #e6d9ca}}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}