/* Kompaktní úvod; obrázek je vrstva nad modrým polem a nezvětšuje mezery. */
.page-deti .family-opening{padding-bottom:0}
.page-deti .family-opening>h1{margin-bottom:6px}
.page-deti .family-opening-flow{position:relative;display:flow-root;isolation:isolate;width:100%;max-width:760px;margin:0 auto 8px;text-align:center}
.page-deti .family-opening-flow>.family-slide-cutout{position:absolute;float:none;z-index:2;right:-3px;bottom:-8px;width:42%;max-width:280px;height:calc(100% + 8px);max-height:none;object-fit:contain;object-position:right bottom;margin:0;pointer-events:none}
.page-deti .family-opening-flow>p{box-sizing:border-box;font-family:Caveat,cursive;font-size:1.65rem;font-weight:400;line-height:1.14;margin:0;padding:0 34% 0 0;max-width:none}
.page-deti .family-opening-flow>.heart-line{width:57%;max-width:430px;margin:5px 0 6px 3%;gap:10px}
.page-deti .family-opening-flow>.heart-line::before{width:auto;flex:1}
.page-deti .family-opening-flow>.heart-line::after{width:auto;flex:.6}
.page-deti .family-opening-flow>.heart-line svg{flex-shrink:0}
.page-deti .family-opening-flow>.family-water-promo{position:relative;z-index:0;display:block;box-sizing:border-box;width:100%;max-width:none;min-height:0;margin:0;padding:7px 42% 7px 16px;overflow:visible;border-radius:24px 20px 25px 20px;text-align:left}
.page-deti .family-opening-flow .family-water-promo h2{font-size:1.5rem;line-height:1.1;margin:0;padding:0;position:static}
.page-deti .family-opening-flow .family-water-heading-link{font-size:.9rem;line-height:1.2;min-height:28px;padding:2px 0;margin-left:4px;vertical-align:baseline}
@media(max-width:620px){
 .page-deti .family-opening>h1{margin-bottom:5px}
 .page-deti .family-opening-flow>.family-slide-cutout{width:48%;max-width:215px;bottom:-7px;height:calc(100% + 7px)}
 .page-deti .family-opening-flow>p{font-size:1.35rem;line-height:1.12;padding-right:36%}
 .page-deti .family-opening-flow>.heart-line{width:55%;margin:4px 0 5px 2%;gap:9px}
 .page-deti .family-opening-flow>.family-water-promo{padding:6px 44% 6px 12px}
 .page-deti .family-opening-flow .family-water-promo h2{font-size:1.28rem;line-height:1.08}
 .page-deti .family-opening-flow .family-water-heading-link{font-size:.84rem;min-height:27px;margin-left:3px}
}
@media(max-width:359px){
 .page-deti .family-opening-flow .family-water-promo h2{font-size:1.18rem}
 .page-deti .family-opening-flow>p{font-size:1.23rem}
}