.menu-breadcrumb{display:flex;align-items:center;gap:13px;font-size:11px;color:#a19488;margin:28px 0 35px}
.menu-breadcrumb a:hover{color:var(--orange)}
.menu-page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:32px}
.menu-page-heading h1{font-size:64px;line-height:1.05;letter-spacing:-3px;margin:12px 0 14px;font-weight:800}
.menu-page-heading h1>span{color:var(--orange)}
.menu-page-heading p{font-size:14px;color:#938577;margin:0;line-height:1.6}
.menu-city-pill{display:flex;align-items:center;gap:9px;border:1px solid #e9dfd5;border-radius:30px;padding:12px 18px;background:#fff;font-size:12px;color:#665c51}
.menu-city-pill:hover{border-color:#ffac7b;background:#fff8f2}
.menu-city-pill .footer-status{margin:0}.menu-city-pill>span:last-child{margin-left:12px;color:#a3988d}
.menu-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:64px}
.menu-category-card{position:relative;display:flex;flex-direction:column;min-width:0;min-height:292px;overflow:hidden;border-radius:24px;background:#f8f4ee;text-align:left;padding:18px 28px 25px;transition:transform .2s,box-shadow .2s}
.card-tone-1{background:#fff0e4}.card-tone-2{background:#f4f0e8}.card-tone-3{background:#f1f3ec}.card-tone-4{background:#faf0ec}
.category-card-art{height:204px;position:relative;display:grid;place-items:center;margin:0 28px 6px;isolation:isolate}
.category-card-art:before{content:'';position:absolute;width:164px;height:164px;border-radius:50%;background:#ffffff80;z-index:-1}
.category-card-art img{display:block;width:100%;height:100%;object-fit:contain;max-width:270px;max-height:204px;transition:transform .3s}
.category-card-copy{margin-top:auto;padding-right:36px}
.category-card-copy h2{font-size:23px;font-weight:800;letter-spacing:-.6px;line-height:1.2;margin:0 0 7px}
.category-card-copy>span{font-size:11px;color:#9b8a7c}
.category-card-arrow{position:absolute;right:24px;bottom:29px;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#fff;color:#e96a26;font-size:23px;transition:background .2s,color .2s}
.menu-category-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #5635210c}
.menu-category-card:hover img{transform:scale(1.04)}
.menu-category-card:hover .category-card-arrow{background:var(--orange);color:#fff}
.menu-category-card:focus-visible{outline:3px solid var(--orange);outline-offset:4px}
.card-halves .category-card-art img{position:absolute;clip-path:inset(0 50% 0 0);width:204px;max-width:100%}
.card-halves .category-card-art img.half-card-right{clip-path:inset(0 0 0 50%)}
.menu-back{display:inline-block;padding:11px 0;margin-bottom:20px;background:none;color:#907d6a;font-size:12px;font-weight:700}
.menu-back:hover{color:var(--orange)}
.menu-catalog .menu-navigation{margin-top:0}.menu-catalog{padding-bottom:30px}
.menu-overview[hidden],.menu-catalog[hidden]{display:none}
@media(min-width:1500px){.menu-category-card{min-height:318px}.category-card-art{height:228px}.category-card-art img{max-height:228px}.card-halves .category-card-art img{width:228px}}
@media(max-width:900px){.menu-category-grid{gap:16px}.menu-category-card{padding:16px 20px 23px;min-height:255px}.category-card-art{height:166px;margin:0 10px 8px}.category-card-art img{max-height:166px}.card-halves .category-card-art img{width:166px}.category-card-copy h2{font-size:20px}.category-card-arrow{right:16px;bottom:24px;width:31px;height:31px;font-size:21px}}
@media(max-width:700px){.menu-breadcrumb{margin:23px 0 26px;font-size:10px}.menu-page-heading{align-items:flex-start;margin-bottom:26px;gap:12px}.menu-page-heading h1{font-size:45px;letter-spacing:-2px;margin:10px 0}.menu-page-heading p{font-size:11px;max-width:205px}.menu-city-pill{padding:10px 12px;font-size:10px;margin-top:27px;gap:6px}.menu-city-pill>span:last-child{margin-left:3px}.menu-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:35px}.menu-category-card{min-height:207px;border-radius:19px;padding:12px 14px 18px}.category-card-art{height:132px;margin:0 0 10px}.category-card-art:before{width:112px;height:112px}.category-card-art img{max-height:132px}.card-halves .category-card-art img{width:132px}.category-card-copy{padding-right:22px}.category-card-copy h2{font-size:16px;letter-spacing:-.4px;margin-bottom:5px}.category-card-copy>span{font-size:9px}.category-card-arrow{right:11px;bottom:19px;width:24px;height:24px;font-size:16px}}
@media(max-width:360px){.menu-page-heading h1{font-size:40px}.menu-city-pill{padding:9px}.menu-page-heading p{max-width:168px}.menu-category-card{padding:10px 11px 16px;min-height:191px}.category-card-art{height:117px}.category-card-art img{max-height:117px}.card-halves .category-card-art img{width:117px}.category-card-copy h2{font-size:14px}.category-card-arrow{right:9px;bottom:18px;width:22px;height:22px}}
@media(prefers-reduced-motion:reduce){.menu-category-card,.category-card-art img,.category-card-arrow{transition:none}}

/* Compact category rows for desktop. */
@media(min-width:901px){
 .menu-category-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
 .menu-category-card{min-height:269px;padding:16px 20px 23px}
 .category-card-art{height:174px;margin:0 0 10px}
 .category-card-art img{max-height:174px;max-width:210px}
 .category-card-art:before{width:145px;height:145px}
 .card-halves .category-card-art img{width:174px}
 .category-card-copy{padding-right:25px}
 .category-card-copy h2{font-size:20px}
 .category-card-arrow{right:15px;bottom:24px;width:29px;height:29px;font-size:20px}
}
@media(min-width:1200px){
 .menu-category-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
}

/* Fill the final row with the last category, for either city's menu. */
@media(min-width:901px){
 .menu-category-card:last-child:nth-child(4n+1){grid-column:span 4}
 .menu-category-card:last-child:nth-child(4n+2){grid-column:span 3}
 .menu-category-card:last-child:nth-child(4n+3){grid-column:span 2}
 .menu-category-card:last-child:is(:nth-child(4n+1),:nth-child(4n+2),:nth-child(4n+3)){display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:24px 32px}
 .menu-category-card:last-child:is(:nth-child(4n+1),:nth-child(4n+2),:nth-child(4n+3)) .category-card-art{grid-column:2;grid-row:1;margin:0;height:204px}
 .menu-category-card:last-child:is(:nth-child(4n+1),:nth-child(4n+2),:nth-child(4n+3)) .category-card-art img{max-height:204px}
 .menu-category-card:last-child:is(:nth-child(4n+1),:nth-child(4n+2),:nth-child(4n+3)) .category-card-copy{grid-column:1;grid-row:1;margin:0}
}
@media(min-width:701px) and (max-width:900px){
 .menu-category-card:last-child:nth-child(3n+1){grid-column:span 3}
 .menu-category-card:last-child:nth-child(3n+2){grid-column:span 2}
}
@media(max-width:700px){
 .menu-category-card:last-child:nth-child(odd){grid-column:span 2;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:18px 22px}
 .menu-category-card:last-child:nth-child(odd) .category-card-art{grid-column:2;grid-row:1;margin:0}
 .menu-category-card:last-child:nth-child(odd) .category-card-copy{grid-column:1;grid-row:1;margin:0}
}

/* One white photo accent, reserved for drinks. */
.menu-category-card .category-card-art:before{display:none}
.menu-category-card[data-category="napitki"] .category-card-art:before{display:block;width:194px;height:194px;background:#fff}
.menu-category-card .category-card-arrow{background:transparent}
.menu-category-card:hover .category-card-arrow{background:transparent;color:var(--orange)}
@media(max-width:900px){.menu-category-card[data-category="napitki"] .category-card-art:before{width:170px;height:170px}}
@media(max-width:700px){.menu-category-card[data-category="napitki"] .category-card-art:before{width:144px;height:144px}}
@media(max-width:360px){.menu-category-card[data-category="napitki"] .category-card-art:before{width:130px;height:130px}}

/* Both halves share the same square and center at every breakpoint. */
.card-halves .category-card-art{--half-art-size:204px}
.card-halves .category-card-art img{inset:auto;left:50%;top:50%;width:min(var(--half-art-size),100%);height:auto;aspect-ratio:1;max-height:none;transform:translate(-50%,-50%);object-fit:contain}
.card-halves:hover .category-card-art img{transform:translate(-50%,-50%) scale(1.04)}
@media(max-width:900px){.card-halves .category-card-art{--half-art-size:170px}}
@media(max-width:700px){.card-halves .category-card-art{--half-art-size:144px}}
@media(max-width:360px){.card-halves .category-card-art{--half-art-size:130px}}
.card-halves .category-card-art img[src*="zh-pizza-167-clean-v4.png"]{padding:calc(var(--half-art-size) * .042)}