/* Colourful picture navigation, inspired by the reference preschool menu. */
html{scroll-padding-top:178px}
.site-header .nav{max-width:1480px;min-height:143px;padding:22px 34px;gap:25px}
.site-header .site-brand{flex:0 0 250px}
.site-header .brand{font-size:.91rem;gap:13px;letter-spacing:.025em}
.site-header .brandmark{font-size:36px;flex:none;padding:7px 14px}
.site-header .brand small{font-size:.64rem;letter-spacing:.13em;line-height:1.5}
#navigation{flex:1;min-width:0;display:block}
#navigation .pm-picture-menu{width:100%;justify-content:space-between;align-items:stretch;gap:2px}
#navigation .pm-picture-menu>li{flex:1;min-width:0;--menu-color:#22a5bc;--menu-tint:#eaf8fa}
#navigation .pm-picture-menu>.pm-menu-rodzice{--menu-color:#dc8664;--menu-tint:#fff0e9}
#navigation .pm-picture-menu>.pm-menu-grupy{--menu-color:#9162ad;--menu-tint:#f4edf9}
#navigation .pm-picture-menu>.pm-menu-o-nas{--menu-color:#cb649e;--menu-tint:#fbeff6}
#navigation .pm-picture-menu>.pm-menu-atrakcje{--menu-color:#79a550;--menu-tint:#f0f6e8}
#navigation .pm-picture-menu>.pm-menu-rekrutacja{--menu-color:#c5aa1e;--menu-tint:#fff7d7}
#navigation .pm-picture-menu>.pm-menu-kontakt{--menu-color:#22a5bc;--menu-tint:#eaf8fa}
#navigation .pm-picture-menu>.pm-menu-galeria{--menu-color:#4c85bf;--menu-tint:#edf4fd}
#navigation .pm-picture-menu>li>a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;padding:13px 6px 12px;min-height:94px;border-radius:17px;color:#536064;font-size:.92rem;font-weight:700;letter-spacing:0;line-height:1.25;white-space:nowrap;text-align:center;transition:background .2s,color .2s}
.pm-menu-icon{width:33px;height:33px;color:var(--menu-color);flex:none;transition:transform .25s ease}
#navigation .pm-picture-menu>li>a:hover,#navigation .pm-picture-menu>li>a:focus-visible{color:#294b53;background:var(--menu-tint)}
#navigation .pm-picture-menu>li>a:hover .pm-menu-icon{transform:translateY(-3px) rotate(-4deg)}
#navigation .pm-picture-menu>li>a:active .pm-menu-icon{transform:translateY(0)}
.site-header .menu-toggle{white-space:nowrap;flex:none;font-weight:800}
@media(max-width:1270px) and (min-width:1101px){.site-header .nav{padding-left:25px;padding-right:25px;gap:16px}.site-header .site-brand{flex-basis:208px}.site-header .brand{font-size:.79rem;gap:10px}.site-header .brandmark{font-size:31px;padding:6px 11px}#navigation .pm-picture-menu>li>a{font-size:.81rem;gap:10px;padding-left:4px;padding-right:4px}.pm-menu-icon{width:31px;height:31px}}
@media(max-width:1100px){
 html{scroll-padding-top:126px}
 .site-header .nav{min-height:88px;padding:15px 25px;gap:18px}
 .site-header .site-brand{flex:1;min-width:0}.site-header .brand{font-size:.87rem}.site-header .brandmark{font-size:29px;padding:6px 11px}.site-header .brand small{font-size:.61rem}
 .site-header .menu-toggle{display:block;padding:10px 14px;border-radius:12px;line-height:1.3}
 #navigation{display:none;position:absolute;top:100%;left:0;right:0;padding:17px 24px 22px;background:var(--paper,#fffdf6);border-top:1px solid #e8ebdf;border-radius:0 0 24px 24px;box-shadow:0 18px 25px #254f5914;max-height:calc(100dvh - 130px);overflow:auto}
 #navigation.open{display:block}
 #navigation .pm-picture-menu{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;align-items:stretch}
 #navigation .pm-picture-menu>li>a{font-size:.95rem;min-height:91px;padding:13px 10px;background:var(--menu-tint);border:1px solid #ffffffa1;border-radius:14px;gap:9px}
 .pm-menu-icon{width:29px;height:29px}
}
@media(max-width:620px){
 .site-header .nav{padding:14px 20px;min-height:85px;gap:12px}.site-header .brand{font-size:.75rem;gap:10px;max-width:230px}.site-header .brandmark{font-size:27px;padding:6px 10px}.site-header .brand small{font-size:.55rem;letter-spacing:.1em}.site-header .menu-toggle{font-size:.86rem;padding:10px 12px}
 #navigation{padding:14px 18px 19px;max-height:calc(100dvh - 120px)}
 #navigation .pm-picture-menu{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 #navigation .pm-picture-menu>li>a{flex-direction:row;justify-content:flex-start;gap:11px;min-height:60px;text-align:left;padding:12px;font-size:.84rem;white-space:normal}
 .pm-menu-icon{width:26px;height:26px}
}
@media(max-width:360px){.site-header .nav{padding-left:14px;padding-right:14px}.site-header .brand{font-size:.68rem;gap:8px}.site-header .brandmark{font-size:24px;padding:5px 8px}.site-header .brand small{font-size:.48rem}.site-header .menu-toggle{padding:9px 10px;font-size:.8rem}#navigation .pm-picture-menu>li>a{font-size:.76rem;padding:10px;gap:8px}.pm-menu-icon{width:23px;height:23px}}
@media(prefers-reduced-motion:reduce){.pm-menu-icon{transition:none}#navigation .pm-picture-menu>li>a:hover .pm-menu-icon{transform:none}}
.all-preschool-groups{grid-template-columns:repeat(3,minmax(0,1fr));max-width:none;gap:24px}
.all-preschool-groups .full-group-card{padding:27px 27px 27px 105px;min-height:145px;display:flex;flex-direction:column;justify-content:center;scroll-margin-top:180px;transition:box-shadow .2s,background .2s}
.full-group-card .group-animal{position:absolute;left:25px;top:calc(50% - 32px);width:64px;height:64px;display:grid;place-items:center;font-size:42px;line-height:1;background:#fff1d2;border-radius:22px;transform:rotate(-5deg)}
.all-preschool-groups .full-group-card .event-kicker{font-size:.75rem;min-height:0;margin:0 0 8px;padding:0;letter-spacing:.12em}
.all-preschool-groups .full-group-card h3{font-size:1.8rem;margin:0;line-height:1.2}
.full-group-card.group-tone-2{background:#fff6ec}.full-group-card.group-tone-2 .group-animal{background:#fce3d4;transform:rotate(4deg)}
.full-group-card.group-tone-3{background:#eef5fb}.full-group-card.group-tone-3 .group-animal{background:#ddebf6;transform:rotate(-3deg)}
.all-preschool-groups .full-group-card:target{outline:3px solid #c7a4dc;outline-offset:5px;box-shadow:0 10px 25px #795c951a}
.pm-groups-dropdown{position:relative}
#navigation .pm-picture-menu>li>.pm-groups-dropdown>summary{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;padding:13px 6px 12px;min-height:94px;border-radius:17px;color:#536064;font-size:.92rem;font-weight:700;line-height:1.25;white-space:nowrap;list-style:none;cursor:pointer}
.pm-groups-dropdown>summary::-webkit-details-marker{display:none}
#navigation .pm-groups-dropdown[open]>summary,#navigation .pm-groups-dropdown>summary:hover{background:var(--menu-tint);color:#294b53}
.pm-group-links{position:absolute;z-index:30;top:calc(100% + 3px);left:50%;transform:translateX(-50%);width:268px;background:#fffdf8;border:1px solid #e3d9ed;border-radius:18px;padding:10px;margin:0;list-style:none;box-shadow:0 13px 30px #33495724;max-height:calc(100dvh - 205px);overflow:auto}
#navigation .pm-group-links a{display:block;padding:10px 13px;border-radius:10px;font-size:.88rem;font-weight:700;line-height:1.4;color:#52606a;text-decoration:none}
#navigation .pm-group-links a:hover,#navigation .pm-group-links a:focus-visible{background:#f2eaf7;color:#77528d}
@media(max-width:1270px) and (min-width:1101px){#navigation .pm-picture-menu>li>.pm-groups-dropdown>summary{font-size:.81rem;gap:10px;padding-left:4px;padding-right:4px}}
@media(max-width:1100px){#navigation .pm-picture-menu>li>.pm-groups-dropdown>summary{font-size:.95rem;min-height:91px;padding:13px 10px;background:var(--menu-tint);border:1px solid #ffffffa1;border-radius:14px;gap:9px}#navigation .pm-picture-menu>li:has(.pm-groups-dropdown[open]){grid-column:span 2}.pm-group-links{position:static;transform:none;width:100%;max-height:none;box-shadow:none;margin-top:7px}.all-preschool-groups .full-group-card{padding-left:90px}.full-group-card .group-animal{left:18px;width:56px;height:56px;top:calc(50% - 28px);font-size:37px}.all-preschool-groups .full-group-card h3{font-size:1.55rem}}
@media(max-width:850px){.all-preschool-groups{grid-template-columns:repeat(2,minmax(0,1fr))}.all-preschool-groups .full-group-card{scroll-margin-top:128px}}
@media(max-width:620px){#navigation .pm-picture-menu>li>.pm-groups-dropdown>summary{flex-direction:row;justify-content:flex-start;gap:11px;min-height:60px;text-align:left;padding:12px;font-size:.84rem;white-space:normal}.all-preschool-groups{grid-template-columns:1fr;gap:16px}.all-preschool-groups .full-group-card{min-height:115px;padding:22px 25px 22px 103px}.full-group-card .group-animal{left:24px;width:57px;height:57px}.all-preschool-groups .full-group-card h3{font-size:1.8rem}.pm-group-links{padding:7px}#navigation .pm-group-links a{font-size:.8rem;padding:10px}}
@media(max-width:360px){#navigation .pm-picture-menu>li>.pm-groups-dropdown>summary{font-size:.76rem;padding:10px;gap:8px}}

/* Shared dropdowns: pointer, keyboard and touch. */
#navigation .pm-group-links a:hover,#navigation .pm-group-links a:focus-visible{background:var(--menu-tint);color:#294b53}
#navigation .pm-groups-dropdown[open]>summary .pm-menu-icon{transform:translateY(-2px)}
.pm-groups-dropdown summary>span>span{display:inline-block;transition:transform .2s}
.pm-groups-dropdown[open] summary>span>span{transform:rotate(180deg)}
@media(prefers-reduced-motion:no-preference){.pm-groups-dropdown[open]>.pm-group-links{animation:pm-submenu-in .18s ease-out}@keyframes pm-submenu-in{from{opacity:0}to{opacity:1}}}