/* BURGER & FAST FOOD — black / red / white, bold */
:root{--font:"Avenir Next","SF Arabic","Geeza Pro",system-ui,sans-serif;--head:"Impact","Arial Black","SF Arabic",sans-serif}
.layout-bold .brand,.layout-bold h1,.layout-bold .category-heading{text-transform:uppercase;letter-spacing:.5px}
.layout-bold .hero{min-height:340px;border:2px solid var(--accent)}
.layout-bold .hero::after{background:linear-gradient(0deg,#000e 0%,#0003 70%)}
.layout-bold .hero h1{font-size:clamp(44px,11vw,84px);color:#fff}
.layout-bold .pill{background:var(--accent);border-color:var(--accent);font-weight:800}
.layout-bold nav#categories button{background:#1d1d1d;border-color:#333;text-transform:uppercase;font-weight:800;letter-spacing:.5px}
.layout-bold .grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}
.layout-bold .card{position:relative;border:0;border-radius:18px;min-height:300px;background:#000;isolation:isolate}
.layout-bold .card .media{position:absolute;inset:0;aspect-ratio:auto;z-index:-2}
.layout-bold .card::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#000f 8%,#0000 62%)}
.layout-bold .card .body{margin-top:auto;padding:16px}
.layout-bold .card h3{font-family:var(--head);font-size:22px;text-transform:uppercase;letter-spacing:.3px}
.layout-bold .card p{color:#d0d0d0}
.layout-bold .price{background:var(--accent);padding:4px 12px;border-radius:8px}
.layout-bold .badge{background:#fff;color:#000}
.layout-bold .media.empty{background:linear-gradient(135deg,#2a0000,#111)}
.layout-bold .media.empty span{display:none}
@media(max-width:560px){.layout-bold .card{min-height:230px}.layout-bold .card h3{font-size:16px}}