/* Merk’s menu category landing page — loaded after secondary.css */
.menu-category-body { max-width: 100%; }
.menu-category-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.menu-category-card { display:block; overflow:hidden; border-radius:12px; text-decoration:none; background:#fff9ee; border:3px solid #b17a47; box-shadow:0 4px 12px rgba(39,25,12,.15); transition:transform .2s ease,box-shadow .2s ease; }
.menu-category-card:hover,.menu-category-card:focus-visible { transform:translateY(-4px); box-shadow:0 9px 20px rgba(39,25,12,.25); outline:3px solid #007b85; outline-offset:2px; }
.category-photo { aspect-ratio: 4 / 3; display:flex; align-items:center; justify-content:center; background:linear-gradient(135deg,#d8d0bd,#e9dfca 55%,#cbb99f); border-bottom:3px solid #b17a47; position:relative; overflow:hidden; }
.category-photo::before { content:''; position:absolute; inset:12px; border:2px dashed rgba(97,75,50,.3); border-radius:6px; }
.photo-placeholder { z-index:1; font:700 12px/1.5 Arial,sans-serif; letter-spacing:.12em; color:#73614f; text-align:center; padding:15px; }
.category-name { display:block; min-height:64px; padding:17px 12px; text-align:center; font:700 clamp(17px,1.7vw,22px)/1.25 'Oswald',Arial,sans-serif; color:#8c241c; }
.menu-photo-note { text-align:center; margin:28px 0 0!important; font-size:14px!important; color:#65523f; }
/* When your photos are ready, add background-image:url('images/YOUR-FILE.jpg')
   to the matching [data-category="..."] selector; background-size:cover; background-position:center.
   Then hide .photo-placeholder for that category. */
@media(max-width:760px) { .menu-category-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; } .category-name { min-height:58px; padding:12px 8px; } }
@media(max-width:390px) { .menu-category-grid { gap:10px; } .category-name { font-size:16px; } .photo-placeholder { font-size:10px; } }