/* Category discovery inspired by polished QSR menus, using Ciccio Bao food and brand. */
#categories{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;overflow:visible;overscroll-behavior:initial;padding:14px 0 10px;scrollbar-width:auto}
#categories::-webkit-scrollbar{display:none}
#categories button.category-card{display:flex;flex-direction:column;min-width:0;min-height:0;padding:0;overflow:hidden;border:1px solid #e1d7ca;border-bottom:3px solid #c91f2b;border-radius:9px;background:#fffdf9;color:#191513;box-shadow:0 3px 9px #20150d0b;font:inherit;letter-spacing:0;text-align:left;white-space:normal;transition:transform .18s,box-shadow .18s,border-color .18s}
#categories button.category-card:hover{transform:translateY(-3px);border-color:#d5a3a0;box-shadow:0 9px 18px #20150d14}
#categories button.category-card[aria-pressed=true]{border-color:#c91f2b;border-bottom-color:#a91520;background:#fff8f5;color:#191513;box-shadow:0 4px 0 #c91f2b}
.category-image{position:relative;display:block;width:100%;aspect-ratio:1.42;background:#eee5d9;overflow:hidden}
.category-image:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#21160d38);pointer-events:none}
.category-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s}
.category-card:hover .category-image img{transform:scale(1.035)}
.category-count{position:absolute;z-index:1;left:10px;bottom:9px;padding:5px 8px;border-radius:99px;background:#fffdf4ed;color:#38312d;font-size:10px;font-weight:800;letter-spacing:.1px}
.category-copy{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 13px}
.category-copy strong{font:18px/1.05 Anton,Impact,sans-serif;letter-spacing:.05px}
.category-copy>span{display:inline-flex;align-items:center;gap:5px;color:#b31e27;font-size:9px;font-weight:900;letter-spacing:.7px;white-space:nowrap}
.category-copy b{font:700 15px DMSans,Arial,sans-serif}
.results-head{scroll-margin-top:82px}
@media(max-width:1050px){#categories{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){
 #categories{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:13px 0 8px;overflow:visible}
 #categories button.category-card{min-height:0;border-radius:8px;box-shadow:0 2px 8px #20150d0a}
 #categories button.category-card[aria-pressed=true]{box-shadow:0 3px 0 #c91f2b}
 .category-image{aspect-ratio:1.18}
 .category-count{left:7px;bottom:7px;padding:4px 7px;font-size:9px}
 .category-copy{gap:5px;padding:9px 9px 10px}
 .category-copy strong{font-size:15px;line-height:1.08}
 .category-copy>span{gap:3px;font-size:8px;letter-spacing:.3px}
 .category-copy b{font-size:13px}
 .results-head{scroll-margin-top:70px}
}
@media(max-width:350px){
 .category-copy strong{font-size:13px}
 .category-copy>span{font-size:7px}
}