.canteen-intro{display:flex;justify-content:space-between;align-items:center;gap:40px;padding:36px 0 28px}.canteen-intro h1{font-size:clamp(36px,4vw,58px);line-height:1.05;margin:0 0 14px}.canteen-intro p{font-size:17px;margin:0;max-width:650px}.canteen-status{display:flex;flex-direction:column;gap:6px;background:#eff6e0;border:1px solid #ccdea8;border-radius:15px;padding:17px 20px;max-width:330px;flex-shrink:0}.canteen-status strong{font-size:14px;color:#385719}.canteen-status span{font-size:13px;line-height:1.6;color:#41565c}.compact-canteen{padding-bottom:36px}.canteen-categories{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:27px}.canteen-categories button{position:relative;overflow:hidden;padding:0;border:3px solid transparent;border-radius:18px;background:#e5f3fa;cursor:pointer;text-align:left;color:#073f5f;min-width:0;transition:border-color .15s}.canteen-categories button[aria-selected=true]{border-color:#006394;box-shadow:0 4px 0 #8ec641}.canteen-categories button img{display:block;width:100%;height:145px;object-fit:cover}.canteen-categories button span{display:block;padding:12px 16px;font:900 21px var(--display);background:#e5f3fa}.canteen-categories button[aria-selected=true] span{background:#006394;color:#fff}.canteen-categories button:focus-visible{outline:3px solid #073f5f;outline-offset:4px}.canteen-board{display:grid;grid-template-columns:1.45fr 1fr;gap:28px;align-items:start}.canteen-products{padding:26px;background:#f0f8fc;border:1px solid #cfe1e9;border-radius:22px}.canteen-products h2,.canteen-special-board h2{font-size:29px;line-height:1.15;margin-bottom:9px}.canteen-category-intro,.canteen-special-board>p{font-size:15px;line-height:1.65;color:#496170;margin-bottom:22px}.compact-menu-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 24px}.compact-menu-items article{border-top:1px solid #c5dbe5;padding-top:17px}.compact-menu-items h3{font-size:21px;line-height:1.2;margin-bottom:9px}.compact-menu-items p{font-size:15px;line-height:1.65;margin:0}.compact-menu-items small{display:block;color:#436229;font-size:12px;line-height:1.5;margin-top:9px;font-weight:750}.menu-smallprint{font-size:12px;line-height:1.65;color:#4d6370;margin:20px 0 0}.canteen-special-board{padding:26px;background:#f0f6e2;border:1px solid #d3e0b7;border-radius:22px}.canteen-special-board article{display:grid;grid-template-columns:83px 1fr;gap:14px;padding:12px 0;border-top:1px solid #ceddb9}.canteen-special-board article>span{font-size:12px;color:#41612b;font-weight:850;padding-top:3px}.canteen-special-board h3{font-size:18px;line-height:1.22;margin:0 0 5px}.canteen-special-board article p{font-size:13px;line-height:1.55;margin:0;color:#496151}.canteen-bottom{display:grid;grid-template-columns:1fr 1fr auto;gap:15px;align-items:start;margin-top:24px}.canteen-bottom details{border:1px solid #c7dce7;border-radius:12px;padding:16px 18px;background:#fff}.canteen-bottom summary{font-size:15px;font-weight:800;cursor:pointer;color:#073f5f}.canteen-bottom details p{font-size:14px;line-height:1.7;margin-top:14px}.canteen-bottom .button{font-size:14px;padding:15px 20px}.canteen-products [hidden]{display:none!important}.canteen-products [role=tabpanel]:focus-visible{outline:3px solid #006394;outline-offset:5px}.canteen-category-intro{min-height:48px}
@media(max-width:1000px){.canteen-intro{gap:24px}.canteen-status{max-width:285px}.canteen-board{grid-template-columns:1.2fr 1fr;gap:20px}.compact-menu-items{grid-template-columns:1fr;gap:14px}.canteen-categories{gap:12px}.canteen-categories button img{height:125px}.canteen-categories button span{font-size:18px;padding:12px}.canteen-special-board article{grid-template-columns:1fr;gap:5px}.canteen-bottom{grid-template-columns:1fr 1fr}.canteen-bottom>.button{grid-column:1/-1;justify-self:start}}
@media(max-width:700px){.canteen-intro{display:block;padding:27px 0 24px}.canteen-intro h1{font-size:39px}.canteen-intro p{font-size:15px}.canteen-status{max-width:none;margin-top:18px;padding:13px 16px}.canteen-status span{font-size:12px}.canteen-categories{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:24px}.canteen-categories button img{height:105px}.canteen-categories button span{font-size:18px;padding:10px 12px}.canteen-board{grid-template-columns:1fr;gap:20px}.canteen-products,.canteen-special-board{padding:22px}.canteen-products h2,.canteen-special-board h2{font-size:27px}.canteen-category-intro{min-height:0}.compact-menu-items{grid-template-columns:1fr 1fr;gap:18px}.compact-menu-items h3{font-size:19px}.compact-menu-items p{font-size:14px}.canteen-special-board article{grid-template-columns:78px 1fr;gap:10px}.canteen-bottom{grid-template-columns:1fr}.canteen-bottom>.button{grid-column:auto}.canteen-bottom details{padding:15px 17px}}
@media(max-width:370px){.compact-menu-items{grid-template-columns:1fr}.canteen-categories button img{height:90px}.canteen-categories button span{font-size:16px}}
@media(prefers-reduced-motion:reduce){.canteen-categories button{transition:none}}
