/* Swobodny przyklęk – styl „pytanie przez ekran”: druk, podwójne ramy, rohové značky */
:root{
  --morze:#2c7c96;
  --glebia:#1c4e5f;
  --malina:#c05972;
  --ceglany:#c34b22;
  --mgla:#f5f9fa;
  --szron:#e2eff3;
  --atrament:#1b282d;
  --nadpis:"Tenor Sans",Georgia,serif;
  --tekst:"Lora",Georgia,serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--mgla);color:var(--atrament);font-family:var(--tekst);font-size:19px;line-height:1.7;
  min-height:100vh;display:flex;flex-direction:column;padding-bottom:88px}
main{flex:1}
img{max-width:100%;height:auto;display:block}
a{color:var(--glebia)}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--ceglany);outline-offset:3px}
h1,h2,h3{font-family:var(--nadpis);font-weight:400;line-height:1.15;margin:0 0 .5em;letter-spacing:-.01em}
p{margin:0 0 1em}
.wrap{width:min(1120px,100% - 32px);margin-inline:auto}

/* hlavička */
.naglowek{border-bottom:6px double var(--glebia);background:var(--mgla)}
.naglowek .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0}
.marka{font-family:var(--nadpis);font-size:1.45rem;color:var(--glebia);text-decoration:none;display:flex;align-items:center;gap:.4em}
.marka b{display:inline-grid;place-items:center;width:1.6em;height:1.6em;border:3px double var(--malina);color:var(--malina);font-weight:400}
.btn{display:inline-flex;align-items:center;justify-content:center;text-align:center;text-decoration:none;font-family:var(--nadpis);
  background:var(--ceglany);color:#fff;border:0;cursor:pointer;line-height:1.25}
.btn:hover{background:#a63c17}
.btn-maly{min-height:52px;padding:10px 22px;font-size:17px;box-shadow:4px 4px 0 var(--glebia)}
.btn-duzy{min-height:84px;min-width:320px;padding:16px 34px;font-size:23px;box-shadow:7px 7px 0 var(--glebia)}

/* hero – jedna otázka přes obrazovku */
.pytanie-glowne{position:relative;overflow:hidden;min-height:calc(100vh - 86px);display:flex;align-items:center;padding:48px 0 56px}
.pytajnik{position:absolute;right:-4vw;top:50%;transform:translateY(-52%);font-family:var(--nadpis);font-size:min(78vw,860px);line-height:.8;
  color:transparent;-webkit-text-stroke:3px var(--malina);opacity:.35;pointer-events:none;user-select:none}
.pytanie-glowne .wrap{position:relative;display:grid;grid-template-columns:1.25fr .75fr;gap:48px;align-items:end}
.pytanie-glowne h1{font-size:clamp(2.6rem,6.2vw,5.4rem);color:var(--glebia);margin-bottom:.35em}
.perex{font-size:1.25rem;max-width:34em}
.pod-cta{font-size:16px;margin-top:22px;color:var(--glebia)}
.odpowiedz{background:#fff}

/* box „jako v tisku“ – dvojitý rám + rohové značky */
.box{position:relative;border:6px double var(--glebia);padding:22px;background:#fff}
.box::before,.box::after{content:"";position:absolute;width:22px;height:22px;border-color:var(--malina);border-style:solid}
.box::before{top:-14px;left:-14px;border-width:3px 0 0 3px}
.box::after{bottom:-14px;right:-14px;border-width:0 3px 3px 0}
figure{margin:0}
figcaption{font-size:15px;line-height:1.45;margin-top:10px;font-style:italic}

/* pásy */
.pasmo-pelne{background:var(--glebia);color:#fff;padding:88px 0}
.pasmo-pelne a:not(.btn){color:#fff}
.pasmo-pelne .box{color:var(--atrament)}
.pasmo-szron{background:var(--szron);padding:88px 0}
.przestrzen{padding:120px 0}
.pytanie{font-size:clamp(2rem,4.4vw,3.4rem);max-width:20em}
.pasmo-pelne .pytanie{color:#fff}
.krotko{font-size:1.2rem;max-width:36em}

/* situace */
.chwile{display:grid;grid-template-columns:1fr 1fr;gap:44px;margin-top:40px;align-items:start}
.lista{list-style:none;margin:0;padding:0;display:grid;gap:28px}
.lista li{display:grid;grid-template-columns:44px 1fr;gap:16px}
.znacznik{width:40px;height:40px;border:3px double var(--glebia);margin-top:4px;position:relative}
.znacznik::after{content:"";position:absolute;left:11px;top:3px;width:10px;height:20px;border:solid var(--ceglany);border-width:0 4px 4px 0;transform:rotate(45deg)}
.lista h3{font-size:1.4rem;margin-bottom:.25em;color:var(--glebia)}
.lista p{margin:0}
.wynik{margin-top:34px;font-size:1.15rem;border-top:6px double var(--malina);padding-top:16px}

/* fakty */
.liczby{display:grid;grid-template-columns:380px 1fr;gap:56px;align-items:center;margin-top:36px}
.fakt{border-left:6px double var(--morze);padding-left:20px;margin-bottom:26px}
.fakt strong{font-family:var(--nadpis);font-size:2.2rem;font-weight:400;color:var(--malina);display:block;line-height:1.1}
.zrodlo{font-size:15px;color:#41565d}

/* oferta */
.oferta-uklad{display:grid;grid-template-columns:1fr auto;gap:48px;align-items:center}
.oferta-uklad ul{margin:0 0 1.2em;padding-left:1.1em}

/* recenze */
.glosy{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:40px}
.glosy blockquote{margin:0;font-size:1.2rem;font-style:italic}
.glosy cite{display:block;font-style:normal;font-family:var(--nadpis);margin-top:12px;color:var(--glebia);font-size:17px}

/* faq */
.pytania{margin-top:30px;border-top:6px double var(--glebia)}
.pytania details{border-bottom:2px solid var(--glebia);padding:18px 0}
.pytania summary{font-family:var(--nadpis);font-size:1.35rem;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px}
.pytania summary::-webkit-details-marker{display:none}
.pytania summary::after{content:"?";color:var(--malina);font-size:1.6rem;line-height:1}
.pytania details[open] summary::after{content:"!"}
.pytania details p{margin:12px 0 0;max-width:40em}

/* závěr */
.final{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center}

/* patička */
.stopka{border-top:6px double var(--glebia);padding:26px 0;font-size:15px;background:var(--mgla)}
.stopka .wrap{display:flex;flex-wrap:wrap;gap:10px 22px;justify-content:space-between}
.stopka nav{display:flex;flex-wrap:wrap;gap:8px 18px}

/* podstránky */
.strona{padding:64px 0 80px}
.strona .wrap{max-width:780px}
.strona h1{font-size:clamp(2.2rem,5vw,3.4rem);color:var(--glebia)}
.strona h2{font-size:1.5rem;margin-top:1.6em;color:var(--glebia)}
.formularz{display:grid;gap:16px;margin-top:24px}
.formularz label{display:grid;gap:6px;font-size:17px}
.formularz input,.formularz textarea{font:inherit;padding:12px;border:3px double var(--glebia);background:#fff}
.formularz .btn{justify-self:start;min-height:60px;padding:12px 30px;font-size:19px}
#kontaktDakujeme{display:none}

/* popup a lišta (engine) */
.modal-overlay{position:fixed;inset:0;background:rgba(15,32,38,.82);display:none;align-items:center;justify-content:center;z-index:1000;padding:16px}
.modal-overlay.show{display:flex}
.modal{position:relative;width:min(640px,100%);background:var(--mgla);border:8px double var(--glebia);padding:44px 34px 36px;text-align:center}
.modal .close{position:absolute;top:8px;right:12px;width:46px;height:46px;font-size:34px;line-height:1;border:0;background:none;cursor:pointer;color:var(--glebia)}
.modal .badge{display:inline-block;background:var(--malina);color:#fff;padding:6px 16px;font-family:var(--nadpis);font-size:17px}
.modal h3{font-size:46px;color:var(--glebia);margin:16px 0 6px}
.modal .offer{border-top:3px double var(--glebia);border-bottom:3px double var(--glebia);padding:14px 0;margin:14px 0 22px}
.modal .offer p{margin:4px 0}
.modal .btn{white-space:normal;min-height:84px;font-size:23px;padding:16px 26px;width:100%;box-shadow:6px 6px 0 var(--glebia)}
.sticky-cta{position:fixed;left:0;right:0;bottom:0;z-index:900;background:var(--glebia);color:#fff;display:flex;align-items:center;justify-content:center;gap:18px;padding:10px 16px;border-top:4px double var(--szron)}
.sticky-cta>span{font-size:17px}
.sticky-cta .btn{flex:0 0 auto;min-height:60px;padding:10px 24px;font-size:18px}

@media (max-width:860px){
  body{font-size:18px}
  .pytanie-glowne{min-height:auto;padding:28px 0 48px}
  .pytanie-glowne .wrap,.chwile,.liczby,.oferta-uklad,.final,.glosy{grid-template-columns:1fr}
  .pytanie-glowne .wrap{gap:28px}
  .pytajnik{font-size:110vw;right:-20vw;top:30%}
  .btn-duzy{min-width:0;width:100%;font-size:21px}
  .pasmo-pelne,.pasmo-szron{padding:60px 0}
  .przestrzen{padding:72px 0}
  .liczby img{max-width:380px}
  .sticky-cta{gap:10px}
  .sticky-cta>span{font-size:15px}
  .sticky-cta .btn{font-size:16px;padding:10px 14px}
  .modal h3{font-size:36px}
  .modal{padding:40px 20px 28px}
  .naglowek .btn-maly{font-size:15px;padding:8px 12px}
  .marka{font-size:1.15rem}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* opravy po náhledu */
.pytanie-glowne{min-height:min(calc(100vh - 86px),860px)}
.pytanie-glowne .wrap{grid-template-columns:1.05fr .95fr;align-items:center}
.pasmo-pelne .lista h3{color:#fff}
.chwile>*,.liczby>*,.final>*,.oferta-uklad>*,.pytanie-glowne .wrap>*{min-width:0}
.liczby p,.liczby figcaption{overflow-wrap:anywhere}
@media (max-width:860px){
  .pytanie-glowne{min-height:auto}
  .pytanie-glowne .wrap,.liczby{grid-template-columns:1fr}
  .box{padding:14px}
}
.liczby .box{max-width:100%}
.liczby img{width:100%;max-width:100%}
@media (max-width:600px){.pytajnik{display:none}}