.ms-uvod{position:relative;height:433px;background:var(--ms-uvod);overflow:hidden}
.ms-pozice{width:251px;height:252px}
.ms-kruh{position:relative;width:251px;height:252px;text-align:center}
.ms-kruh__podklad{position:absolute;inset:0;max-width:none}
.ms-kruh__hmyz{position:absolute;max-width:none;transition:scale .3s}
.ms-kruh:hover .ms-kruh__hmyz{scale:1.08}
.ms-kruh__nazev{position:absolute;left:0;right:0;top:127px;font-weight:700;font-size:20px}
.ms-kruh__nazev a::before{content:"";position:absolute;left:0;right:0;top:-127px;height:252px;border-radius:50%}
.ms-kruh__nazev a:focus-visible{outline:none}
.ms-kruh__nazev a:focus-visible::before{outline:3px solid var(--ms-text);outline-offset:-6px}
.ms-kruh__patro{position:absolute;left:0;right:0;top:159px;font-size:20px}
.ms-kruh__tel{position:absolute;left:0;right:0;top:196px;z-index:1;font-size:20px;display:flex;justify-content:center;align-items:center;gap:3px}
.ms-kruh__tel img{max-width:none}
.ms-logo{margin:0;line-height:0}
.ms-logo img{max-width:none;width:313px;height:auto}

.ms-info{margin-top:22px;background:var(--ms-zluta-svetla);border:2px solid var(--ms-zluta-ramec);border-radius:var(--ms-r);min-height:103px;display:grid;grid-template-columns:245px 237px 300px 1fr;align-items:center}
.ms-info__bunka{display:flex;align-items:center;gap:24px;min-height:83px;font-weight:700;font-size:20px;line-height:1.75;padding-left:22px}
.ms-info__bunka:first-child{padding-left:27px}
.ms-info__bunka + .ms-info__bunka{border-left:1px solid var(--ms-zluta-ramec)}
.ms-info__bunka > img{max-width:none;flex:none}
.ms-info__bunka small{font-weight:400;font-size:20px;letter-spacing:-1.28px}
.ms-pribor{position:relative;width:36px;height:31.7px;flex:none}
.ms-pribor img{position:absolute;top:0;max-width:none}

.ms-mrizka{display:grid;grid-template-columns:496px 498px;gap:22px;margin-top:22px}
.ms-mrizka--2,.ms-mrizka--3{grid-template-columns:494px 494px;gap:28px}
.ms-mrizka--3{margin-top:27px}
.ms-mrizka > :only-child{grid-column:1 / -1}
.ms-mrizka > :only-child .ms-rodice{grid-template-columns:repeat(4,minmax(0,1fr));padding-right:17px}
.ms-mrizka--3 > .ms-karta{min-height:356px}
.ms-roh{position:absolute;max-width:none;pointer-events:none;z-index:1}
.ms-roh--kalendar{left:428.5px;top:220.9px;transform:rotate(25.24deg)}
.ms-roh--otazky{left:448.05px;top:294.37px;transform:rotate(168.26deg) scaleY(-1)}
.ms-karta--kalendar .ms-karta__hlava,.ms-karta--otazky .ms-karta__hlava,.ms-karta--kontakt .ms-karta__hlava{position:static}
.ms-karta--kalendar .ms-roh,.ms-karta--otazky .ms-roh{top:auto;bottom:6px;right:16px;left:auto}
.ms-karta--rodice .ms-karta__hlava{padding-left:109px}
.ms-ikony-rodice img{position:absolute;max-width:none}
.ms-kytice img{position:absolute;max-width:none}
.ms-kytice{position:absolute;right:-6px;bottom:-14px;width:100px;height:130px;pointer-events:none;z-index:1}
.ms-kytice img:nth-child(1){left:-8px !important;top:0 !important}
.ms-kytice img:nth-child(2){left:27px !important;top:13px !important}
.ms-kytice img:nth-child(3){left:21px !important;top:25px !important}

/* Aktuality (renderer jádra .article) */
.ms-karta--aktuality .portlet-content-formular{padding:0}
.ms-karta--aktuality .article{margin:0;padding:16px 17px 0 19px;min-height:110px;border:0;background:none}
.ms-karta--aktuality .article > .row{display:grid;grid-template-columns:120px 1fr;gap:33px;margin:0}
.ms-karta--aktuality .article > .row > *{width:auto;max-width:none;padding:0;flex:none}
.ms-karta--aktuality .article-image img{width:120px;height:93px;border-radius:var(--ms-r-male);object-fit:cover;display:block}
.ms-karta--aktuality .a3-aktualita-text{position:relative;display:flex;flex-direction:column;padding-bottom:30px !important}
.ms-karta--aktuality .a3-aktualita-text::after{content:"";position:absolute;left:-16px;right:0;bottom:-1px;border-bottom:2px solid var(--ms-zluta-linka)}
.ms-karta--aktuality .article:last-child .a3-aktualita-text::after{display:none}
.ms-karta--aktuality .article-title{order:1;margin:0 0 12px;font-weight:700;font-size:20px;text-transform:uppercase;line-height:1.2}
.ms-karta--aktuality .article-perex{order:2;margin:0;font-size:16px;line-height:1.35}
.ms-karta--aktuality .article-perex p{margin:0}
.ms-karta--aktuality .article-meta{position:absolute;right:0;bottom:8px;font-size:15px;letter-spacing:-.75px}
.ms-karta--aktuality .article-meta-kategorie,.ms-karta--aktuality .article-meta-oddelovac,.ms-karta--aktuality .article-more{display:none}
.ms-karta--aktuality .article:last-child{padding-bottom:12px}

/* Ze života MŠ (album jádra: dlaždice galerií) */
.ms-karta--zivot .portlet-album-tiles{display:grid;grid-template-columns:215px 215px;gap:22px 25px;padding:0 0 22px 20px}
.ms-karta--zivot .portlet-fixed-width-container{position:relative;width:auto;height:150px;margin:0;padding:0;border:2px solid var(--ms-oranz-tmava);border-radius:var(--ms-r-male);overflow:hidden;background:#fff}
.ms-karta--zivot .portlet-fixed-width-container:nth-child(n+5),.ms-karta--zivot .portlet-fixed-width-container:has(img[src$=".mp4"]){display:none}
.ms-karta--zivot .portlet-content-gallery,.ms-karta--zivot .portlet-content-gallery a,.ms-karta--zivot .portlet-content-gallery-container{display:block;height:100%;margin:0;padding:0}
.ms-karta--zivot .portlet-content-gallery img{width:100%;height:100%;object-fit:cover;display:block}
.ms-karta--zivot .portlet-content-subtitle{position:absolute;left:5px;bottom:4px;max-width:calc(100% - 10px);height:27px;padding:0 14px;display:flex;align-items:center;background:var(--ms-zluta);border-radius:var(--ms-r-male);font-weight:700;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}
.ms-karta--zivot .portlet-content-subtitle{display:block;line-height:27px}
.ms-karta--zivot .portlet-content-desc{display:none}

/* Co nás čeká (Aktuality jen akce) */
.ms-karta--kalendar .ms-karta__telo{padding-top:22px;padding-bottom:12px}
.ms-karta--kalendar .article{margin:0;padding:0 0 0 24px;min-height:75px;border:0;background:none}
.ms-karta--kalendar .article > .row{display:grid;grid-template-columns:95px 1fr;gap:53px;margin:0}
.ms-karta--kalendar .article > .row > *{width:auto;max-width:none;padding:0}
.ms-karta--kalendar .a3-aktualita-nahled{display:none}
.ms-karta--kalendar .ms-datum{height:53px;border-radius:var(--ms-r-male);background:var(--ms-zluta);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:20px;letter-spacing:-1px}
.ms-karta--kalendar .a3-aktualita-text{position:relative;font-size:20px;line-height:26.5px}
.ms-karta--kalendar .article-title{font-weight:400}
.ms-karta--kalendar .article-meta,.ms-karta--kalendar .article-perex{display:none}
.ms-karta--kalendar .a3-aktualita-text::after{content:"";position:absolute;left:-15px;width:283px;top:63px;border-bottom:2px solid var(--ms-zluta-linka)}
.ms-karta--kalendar .article:last-child .a3-aktualita-text::after{display:none}

/* Pro rodiče */
.ms-rodice{display:grid;grid-template-columns:215px 215px;gap:28px 24px;padding:0 0 22px 17px}
.ms-dlazdice{position:relative;min-height:96px;background:#fff;border:2px solid var(--ms-oranz-tmava);border-radius:var(--ms-r-male);padding:1px 6px 6px 49px}
.ms-dlazdice:hover{text-decoration:none;background:var(--ms-zluta-svetla)}
.ms-dlazdice__ikona{position:absolute;max-width:none}
.ms-dlazdice h3{margin:0;min-height:36px;display:flex;align-items:center;font-weight:700;font-size:16px;letter-spacing:-.8px}
.ms-dlazdice p{margin:0;font-size:16px;line-height:1.35;letter-spacing:-.8px}

/* Důležité otázky */
.ms-karta--otazky ul{list-style:none;margin:0;padding:21px 22px 20px}
.ms-karta--otazky li{margin:0}
.ms-karta--otazky li a{display:block;min-height:37px;line-height:36px;padding-left:29px;background:var(--ms-zluta);border-bottom:1px solid var(--ms-zluta-linka);border-radius:var(--ms-r);font-size:16px;font-weight:700;letter-spacing:-.8px}

/* Kontaktujte nás */
.ms-kontakt{display:grid;grid-template-columns:1fr 133px;gap:20px;padding:22px 19px 20px 17px}
.ms-kontakt__nazev{margin:0 0 10px;font-weight:700;font-size:16px;letter-spacing:.8px;line-height:1.533;max-width:185px}
.ms-kontakt ul{list-style:none;margin:0;padding:0}
.ms-kontakt li{display:flex;align-items:center;min-height:37px;font-weight:700;font-size:16px;letter-spacing:.8px}
.ms-ikona{width:40px;flex:none;display:flex}
.ms-ikona img{max-width:none}
.ms-kontakt li a[href^="mailto"]{text-decoration:underline}
.ms-mapa{display:block;width:133px;height:133px;border-radius:5px;overflow:hidden}
.ms-mapa img{width:100%;height:100%;object-fit:cover}

.ms-navic{margin-top:27px}

@media (max-width:1060px){
  .ms-mrizka,.ms-mrizka--2,.ms-mrizka--3{grid-template-columns:minmax(0,1fr)}
  .ms-mrizka--3 > .ms-karta{min-height:0}
  .ms-info{grid-template-columns:1fr 1fr;padding:10px 0}
  .ms-info__bunka{padding-left:24px !important}
  .ms-info__bunka + .ms-info__bunka{border-left:0}
}
@media (max-width:720px){
  .ms-obal{overflow-x:clip}
  .ms-uvod{height:280px}
  .ms-uvod .ms-scena{transform:scale(.62);transform-origin:50% 0}
  .ms-info{grid-template-columns:1fr}
  .ms-karta--zivot .portlet-album-tiles,.ms-rodice,.ms-mrizka > :only-child .ms-rodice{grid-template-columns:1fr 1fr;padding-right:20px}
  .ms-karta--aktuality .article > .row{grid-template-columns:90px 1fr;gap:16px}
  .ms-karta--aktuality .article-image img{width:90px;height:70px}
  .ms-karta--aktuality .article-meta{position:static;text-align:right}
  .ms-karta--aktuality .a3-aktualita-text{padding-bottom:12px !important}
  .ms-karta--kalendar .article > .row{gap:20px}
  .ms-karta--kalendar .a3-aktualita-text::after{width:auto;right:0}
  .ms-kontakt{grid-template-columns:1fr}
  .ms-kytice{display:none}
}
