:root{
  --zelena:#2c967c;
  --zelena-tma:#1c5f4e;
  --fuchsia:#c059a6;
  --cta:#c3224b;
  --papier:#f5faf9;
  --plocha:#e2f3ef;
  --tlac:#1b2d28;
  --nadpis:"Marmelad",Georgia,serif;
  --text:"PT Sans","Trebuchet MS",sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--papier);color:var(--tlac);font-family:var(--text);font-size:19px;line-height:1.6;
  min-height:100vh;display:flex;flex-direction:column;padding-bottom:96px}
main{flex:1}
img{max-width:100%;height:auto;display:block}
a{color:var(--zelena-tma)}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--fuchsia);outline-offset:3px}
h1,h2,h3{font-family:var(--nadpis);font-weight:400;line-height:1.12;margin:0 0 .5em}
p{margin:0 0 1em}
.list{max-width:1180px;margin:0 auto;padding:0 28px}

/* rohové značky */
.rohy{position:relative}
.rohy::before,.rohy::after{content:"";position:absolute;width:22px;height:22px;border:3px solid var(--fuchsia);pointer-events:none}
.rohy::before{top:-9px;left:-9px;border-right:0;border-bottom:0}
.rohy::after{bottom:-9px;right:-9px;border-left:0;border-top:0}

/* hlavička vydania */
.vydanie{padding:26px 0 0}
.vydanie-ram{border:7px double var(--tlac);padding:18px 24px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;background:#fff}
.vydanie-cislo{font-size:16px;line-height:1.35;border-right:2px solid var(--tlac);padding-right:16px}
.vydanie-cislo strong{display:block;font-family:var(--nadpis);font-size:30px;font-weight:400;color:var(--zelena-tma)}
.znacka{font-family:var(--nadpis);font-size:clamp(40px,6vw,74px);color:var(--tlac);text-decoration:none;text-align:center;line-height:1}
.vydanie-podtitul{display:block;font-family:var(--text);font-size:16px;color:var(--zelena-tma);margin-top:8px;text-align:center}
.vydanie-vpravo{text-align:right;font-size:16px;line-height:1.35;border-left:2px solid var(--tlac);padding-left:16px}
.vydanie-vpravo time{display:block;font-weight:700;margin-bottom:10px}
.btn-hlava{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:10px 20px;background:var(--cta);color:#fff;
  font-weight:700;font-size:17px;text-decoration:none;border:3px double #fff;outline:2px solid var(--cta)}
.btn-hlava:hover{background:#a31a3e}

/* hlavný článok */
.titulka{padding:90px 0 110px}
.titulka h1{font-size:clamp(40px,6.4vw,86px);max-width:15ch;margin-bottom:46px}
.titulka-mriezka{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:56px;align-items:start;border-top:5px double var(--tlac);padding-top:36px}
.perex{font-size:23px;line-height:1.55;max-width:40ch}
.perex::first-letter{font-family:var(--nadpis);font-size:3.4em;float:left;line-height:.85;padding:6px 10px 0 0;color:var(--zelena)}
.btn-hlavne{display:inline-flex;align-items:center;justify-content:center;min-height:84px;min-width:320px;padding:16px 34px;background:var(--cta);color:#fff;
  font-size:23px;font-weight:700;text-decoration:none;border:4px double #fff;outline:3px solid var(--cta);margin-top:14px}
.btn-hlavne:hover{background:#a31a3e}
.pod-tlacidlom{font-size:16px;margin-top:16px;color:var(--zelena-tma)}
.foto-stlpec{margin:0;border:6px double var(--tlac);padding:10px;background:#fff}
.foto-stlpec img{filter:saturate(.75) contrast(1.05)}
.foto-stlpec figcaption{font-size:16px;line-height:1.4;padding-top:10px;border-top:2px solid var(--tlac);margin-top:10px}

/* rubriky */
.rubrika{padding:110px 0;border-top:1px solid #b9d9d0}
.rubrika-nazov{display:flex;align-items:center;gap:18px;font-family:var(--text);font-size:17px;font-weight:700;color:var(--fuchsia);margin:0 0 18px}
.rubrika-nazov::after{content:"";flex:1;height:0;border-top:4px double var(--fuchsia)}
.rubrika h2{font-size:clamp(34px,4.6vw,60px);max-width:20ch}
.uvod{font-size:21px;max-width:52ch;margin-bottom:56px}

/* situácie */
.spravy{display:grid;gap:70px}
.sprava{display:grid;grid-template-columns:180px minmax(0,1fr);gap:40px;align-items:start}
.sprava-strana{font-family:var(--nadpis);font-size:20px;color:var(--zelena-tma);border-top:6px double var(--zelena);padding-top:12px}
.sprava h3{font-size:clamp(28px,3.2vw,40px)}
.sprava-telo{max-width:62ch}
.sprava-foto{margin:30px 0 0;border:6px double var(--tlac);padding:10px;background:#fff;max-width:760px}
.sprava-foto figcaption{font-size:16px;margin-top:10px;border-top:2px solid var(--tlac);padding-top:8px}

/* kedysi a dnes */
.porovnanie{display:grid;grid-template-columns:1fr 1fr;border:7px double var(--tlac);background:#fff}
.porovnanie > div{padding:40px}
.porovnanie > div + div{border-left:7px double var(--tlac);background:var(--plocha)}
.porovnanie h3{font-size:34px}
.porovnanie .rok{font-size:16px;font-weight:700;color:var(--fuchsia)}

/* čísla */
.cisla{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:48px;align-items:start}
.graf{border:6px double var(--tlac);padding:22px;background:#fff}
.graf svg{width:100%;height:auto;display:block}
.box-cislo{border:6px double var(--zelena-tma);padding:28px;background:var(--plocha);margin-bottom:34px}
.box-cislo strong{display:block;font-family:var(--nadpis);font-weight:400;font-size:52px;color:var(--zelena-tma);line-height:1}
.zdroj{font-size:15px;color:#3d5650}
.typy{list-style:none;padding:0;margin:0;border-top:4px double var(--tlac)}
.typy li{padding:12px 0;border-bottom:1px solid #9fc5bb}

/* inzerát */
.inzerat{border:9px double var(--cta);background:#fff;padding:56px;display:grid;grid-template-columns:minmax(0,1.4fr) auto;gap:40px;align-items:center}
.inzerat-stitok{display:inline-block;font-size:16px;font-weight:700;border:2px solid var(--cta);color:var(--cta);padding:2px 12px;margin-bottom:16px}
.inzerat h2{font-size:clamp(32px,4vw,52px)}

/* recenzie */
.ohlasy{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:5px double var(--tlac);border-bottom:5px double var(--tlac)}
.ohlas{margin:0;padding:34px 28px}
.ohlas + .ohlas{border-left:2px solid var(--tlac)}
.ohlas blockquote{margin:0 0 14px;font-family:var(--nadpis);font-size:25px;line-height:1.35}
.ohlas cite{font-style:normal;font-size:16px;font-weight:700;color:var(--zelena-tma)}

/* otázky */
.otazky{max-width:820px}
.otazky details{border-bottom:2px solid var(--tlac);padding:20px 0}
.otazky details:first-child{border-top:5px double var(--tlac)}
.otazky summary{cursor:pointer;font-family:var(--nadpis);font-size:25px;list-style:none;display:flex;justify-content:space-between;gap:20px}
.otazky summary::-webkit-details-marker{display:none}
.otazky summary::after{content:"+";color:var(--fuchsia);font-size:30px;line-height:1}
.otazky details[open] summary::after{content:"–"}
.otazky p{margin:14px 0 0;max-width:62ch}

/* záver */
.zaver-foto{margin:0 0 46px;border:7px double var(--tlac);padding:12px;background:#fff}
.zaver-foto figcaption{font-size:16px;margin-top:10px;border-top:2px solid var(--tlac);padding-top:8px}
.zaver-text{display:grid;grid-template-columns:minmax(0,1.3fr) auto;gap:40px;align-items:end}

/* pätička */
.paticka{border-top:7px double var(--tlac);padding:30px 0;font-size:16px;background:#fff}
.paticka .list{display:flex;flex-wrap:wrap;gap:12px 26px;align-items:center;justify-content:space-between}
.paticka nav{display:flex;flex-wrap:wrap;gap:8px 20px}
.paticka a{color:var(--tlac)}

/* podstránky */
.stranka{padding:70px 0 90px}
.stranka .list{max-width:860px}
.stranka h1{font-size:clamp(36px,5vw,56px);border-bottom:6px double var(--tlac);padding-bottom:16px;margin-bottom:30px}
.stranka h2{font-size:28px;margin-top:34px}
.formular{display:grid;gap:10px;max-width:560px;border:6px double var(--tlac);padding:28px;background:#fff}
.formular label{font-weight:700;font-size:17px}
.formular input,.formular textarea{font:inherit;font-size:18px;padding:12px;border:2px solid var(--tlac);background:var(--papier)}
.formular button{margin-top:10px;min-height:60px;font:inherit;font-size:19px;font-weight:700;background:var(--zelena-tma);color:#fff;border:4px double #fff;outline:2px solid var(--zelena-tma);cursor:pointer}
.dakujeme{border:6px double var(--zelena);padding:28px;background:var(--plocha);max-width:560px}

/* popup a lišta (engine) */
.modal-overlay{position:fixed;inset:0;background:rgba(12,28,24,.82);display:none;align-items:center;justify-content:center;z-index:1000;padding:16px}
.modal-overlay.show{display:flex}
.modal{position:relative;background:#fff;border:9px double var(--cta);width:min(660px,100%);padding:44px 40px 36px;text-align:center;max-height:94vh;overflow:auto}
.modal .close{position:absolute;top:8px;right:12px;width:46px;height:46px;border:2px solid var(--tlac);background:#fff;font-size:30px;line-height:1;cursor:pointer;color:var(--tlac)}
.modal .badge{display:inline-block;background:var(--fuchsia);color:#fff;font-weight:700;font-size:17px;padding:6px 16px;margin-bottom:14px}
.modal h3{font-family:var(--nadpis);font-size:46px;margin:0 0 10px;color:var(--cta)}
.modal p{font-size:19px}
.modal .offer{border:4px double var(--zelena-tma);background:var(--plocha);padding:16px;margin:16px 0 22px;font-size:19px}
.modal .btn{white-space:normal}
.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:700}
.btn-cta{background:var(--cta);color:#fff;min-height:60px;padding:12px 24px;font-size:19px;border:3px double #fff;outline:2px solid var(--cta)}
.btn-cta-xl{min-height:86px;width:100%;font-size:23px;padding:16px 24px}
.sticky-cta{position:fixed;left:0;right:0;bottom:0;z-index:900;background:var(--tlac);color:#fff;border-top:5px double var(--fuchsia);
  display:flex;align-items:center;justify-content:center;gap:20px;padding:12px 16px;font-size:17px}
.sticky-cta > span{flex:1 1 auto;max-width:640px}
.sticky-cta .btn{flex:0 0 auto}

@media (max-width:860px){
  .list{padding:0 16px}
  .vydanie{padding-top:14px}
  .vydanie-ram{grid-template-columns:1fr 1fr;padding:14px;gap:12px}
  .znacka{grid-column:1/-1;order:-1;font-size:44px}
  .vydanie-cislo{border-right:0;padding-right:0}
  .vydanie-vpravo{border-left:0;padding-left:0}
  .vydanie-vpravo time{margin-bottom:6px}
  .titulka{padding:40px 0 70px}
  .titulka h1{margin-bottom:26px}
  .titulka-mriezka,.cisla,.inzerat,.zaver-text{grid-template-columns:1fr;gap:30px}
  .perex{font-size:20px}
  .btn-hlavne{min-width:0;width:100%}
  .rubrika{padding:70px 0}
  .sprava{grid-template-columns:1fr;gap:12px}
  .porovnanie{grid-template-columns:1fr}
  .porovnanie > div{padding:26px}
  .porovnanie > div + div{border-left:0;border-top:7px double var(--tlac)}
  .inzerat{padding:28px 20px}
  .ohlasy{grid-template-columns:1fr}
  .ohlas + .ohlas{border-left:0;border-top:2px solid var(--tlac)}
  .modal{padding:40px 18px 24px}
  .modal h3{font-size:34px}
  .sticky-cta{font-size:15px;gap:10px}
  body{padding-bottom:120px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}