/* 01.fitness – SEKCE detsky-koutek (/detsky-koutek/). Vše pod #detsky-koutek. */
#detsky-koutek{--sekce-py:48px;display:flex;flex-direction:column;gap:56px}
#detsky-koutek strong{color:var(--text)}

/* úvod: text vlevo, velká fotka vpravo */
#detsky-koutek .dk-uvod{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:40px;align-items:center}
#detsky-koutek .dk-hlava{display:flex;flex-direction:column;gap:16px}
#detsky-koutek .sek-h{font-size:64px}
#detsky-koutek .w-lead{font-size:19px}
#detsky-koutek .dk-foto{margin:0;overflow:hidden;background:var(--beton)}
#detsky-koutek .dk-foto img{display:block;width:100%;height:100%;object-fit:cover}
#detsky-koutek .dk-foto-hlavni{aspect-ratio:4/3}

/* jak to funguje */
#detsky-koutek .dk-kap{display:flex;flex-direction:column;gap:24px;border-top:2px solid var(--antracit);padding-top:24px}
#detsky-koutek .dk-kap h2{font-size:40px;line-height:1}
#detsky-koutek .dk-body{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
#detsky-koutek .dk-body li{display:flex;flex-direction:column;gap:10px}
#detsky-koutek .dk-c{font-size:44px;line-height:1;color:var(--zlata-text)}
#detsky-koutek .dk-body p,#detsky-koutek .dk-text{font-size:16px;line-height:1.6;color:var(--text-seda);max-width:760px}
#detsky-koutek .dk-galerie{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
#detsky-koutek .dk-galerie .dk-foto{aspect-ratio:4/3}

/* dozor – tmavý blok (jako IG „Dítě nikdy nezůstává samo.") */
#detsky-koutek .dk-dozor{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px 48px;padding:36px;background:var(--antracit);color:#fff}
#detsky-koutek .dk-dozor h2{font-size:48px;line-height:.98;color:#fff}
#detsky-koutek .dk-dozor h2 span{color:var(--zlata);display:block}
#detsky-koutek .dk-dozor-lead{margin-top:14px;font-size:17px;line-height:1.55;color:var(--na-tmave)}
#detsky-koutek .dk-dozor ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;align-self:center}
#detsky-koutek .dk-dozor li{position:relative;padding-left:26px;font-size:16px;line-height:1.55;color:var(--na-tmave)}
#detsky-koutek .dk-dozor li:before{content:"";position:absolute;left:0;top:.55em;width:12px;height:12px;background:var(--zlata)}
#detsky-koutek .dk-dozor strong{color:#fff}
#detsky-koutek .dk-pravidla{grid-column:1 / -1;font-size:14px;color:var(--na-tmave)}
#detsky-koutek .dk-pravidla a{color:var(--zlata-na-tmave);font-weight:800;text-decoration:underline;text-underline-offset:3px}

/* nasazení sítě: video na výšku + 2 kroky */
#detsky-koutek .dk-navod{display:grid;grid-template-columns:minmax(0,.62fr) minmax(0,1fr) minmax(0,.75fr);gap:16px;align-items:stretch}   /* všechny stejně vysoké jako video → bez mezer dole */
#detsky-koutek .dk-video{margin:0;background:#000;aspect-ratio:9/16}
#detsky-koutek .dk-video video{display:block;width:100%;height:100%;object-fit:cover}
#detsky-koutek .dk-krok{position:relative;height:100%}
#detsky-koutek .dk-krok img{position:absolute;inset:0}   /* fotka vyplní celou výšku řádku (object-fit: cover) */
#detsky-koutek .dk-krok span{position:absolute;z-index:1;left:0;top:0;width:52px;height:52px;display:grid;place-items:center;background:var(--zlata);color:var(--text);font-size:30px}

@media(max-width:1100px){
  #detsky-koutek .dk-uvod{grid-template-columns:1fr}
  #detsky-koutek .dk-navod{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  #detsky-koutek .dk-video{grid-row:span 2}
}
@media(max-width:760px){
  #detsky-koutek{--sekce-py:28px;gap:36px}
  #detsky-koutek .sek-h{font-size:40px}
  #detsky-koutek .w-lead{font-size:17px}
  #detsky-koutek .dk-kap h2{font-size:30px}
  #detsky-koutek .dk-body{grid-template-columns:1fr;gap:16px}
  #detsky-koutek .dk-body li{flex-direction:row;gap:14px;align-items:baseline}
  #detsky-koutek .dk-c{font-size:34px;flex:0 0 46px}
  #detsky-koutek .dk-galerie{grid-template-columns:1fr}
  #detsky-koutek .dk-dozor{grid-template-columns:1fr;padding:24px 20px}
  #detsky-koutek .dk-dozor h2{font-size:36px}
  #detsky-koutek .dk-navod{grid-template-columns:1fr}
  #detsky-koutek .dk-video{grid-row:auto;max-width:360px;width:100%;justify-self:center}
  #detsky-koutek .dk-krok{height:auto}
  #detsky-koutek .dk-krok img{position:static;height:auto}   /* mobil: fotky pod sebou v původním poměru */
}