/* CAFE & DESSERTS — cream / coffee brown / soft gold, tall calm cards */
:root{--font:"Avenir Next","SF Arabic","Geeza Pro",system-ui,sans-serif;--head:Georgia,"Geeza Pro",serif}
.layout-cafe .brand{font-style:italic;font-weight:500;font-size:22px}
.layout-cafe .hero{min-height:380px;border-radius:200px 200px 24px 24px}
.layout-cafe .hero-copy{text-align:center;padding-bottom:32px}
.layout-cafe .hero h1{font-weight:500;font-style:italic}
.layout-cafe .pill{background:#ffffff22;backdrop-filter:blur(6px)}
.layout-cafe nav#categories{justify-content:flex-start}
.layout-cafe nav#categories button{border:0;background:transparent;font-family:var(--head);font-size:16px;color:var(--muted);padding:8px 14px;border-radius:0;border-bottom:2px solid transparent}
.layout-cafe nav#categories button[aria-pressed=true]{background:transparent;color:var(--text);border-bottom-color:var(--accent)}
.layout-cafe .grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:22px 16px}
.layout-cafe .category-heading{font-style:italic;font-weight:500;text-align:center;margin-top:28px}
.layout-cafe .card{border:0;background:transparent;border-radius:0;text-align:center}
.layout-cafe .card .media{aspect-ratio:3/4;border-radius:120px 120px 16px 16px}
.layout-cafe .card .body{padding:12px 4px}
.layout-cafe .card h3{font-family:var(--head);font-weight:500}
.layout-cafe .meta{justify-content:center;gap:12px}
.layout-cafe .price{color:var(--accent)}
.layout-cafe .badge{background:transparent;color:var(--accent);border:1px solid var(--accent)}
.layout-cafe .media.empty{background:#efe3d2}
@media(max-width:560px){.layout-cafe .grid{grid-template-columns:1fr 1fr;gap:18px 10px}.layout-cafe .card .media{border-radius:80px 80px 12px 12px}.layout-cafe .hero{border-radius:140px 140px 20px 20px}}