/* The Cowboy Burgers - Menu landing page and all menu category pages */
.best-grid,.menu-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:26px}
.menu-grid .menu-grid{display:contents}
.menu-cat-section h2{font-size:clamp(34px,4.6vw,50px);color:var(--bark);margin:34px 0 22px;padding-bottom:12px;border-bottom:2px solid var(--brass)}
.food-card{background:#fbf5e6;border:1px solid var(--sand);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;transition:transform .35s var(--ease),box-shadow .35s,border-color .35s}
.food-card:hover{transform:translateY(-6px);box-shadow:0 18px 34px rgba(42,27,18,.22);border-color:var(--brass)}
.food-thumb{width:100%;aspect-ratio:4/3;object-fit:cover;background:var(--sand);transition:transform .6s var(--ease)}
.food-card:hover .food-thumb{transform:scale(1.06)}
.food-card{position:relative}
.food-card>.food-thumb{transform-origin:center}
.food-card{overflow:hidden}
.food-body{padding:18px 18px 20px;display:flex;flex-direction:column;gap:6px;flex:1;border-top:3px solid var(--brass);position:relative;background:#fbf5e6}
.food-body h4{font-size:25px;color:var(--bark)}
.food-price{font-weight:700;color:var(--rust);font-size:16px}
.food-actions{display:flex;gap:10px;margin-top:auto;padding-top:12px}
.icon-btn{flex:1;padding:10px 12px;border:1.5px solid var(--bark);background:transparent;color:var(--bark);border-radius:var(--r);font:600 13px 'Barlow Condensed',sans-serif;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:.22s}
.icon-btn:hover{background:var(--bark);color:var(--brass-hi)}
.icon-btn.gold{background:var(--brass);border-color:var(--brass);color:var(--ink)}
.icon-btn.gold:hover{background:var(--rust);border-color:var(--rust);color:#fff}
.icon-btn:active{transform:scale(.96)}
.quicknav{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}
.quicknav a{padding:9px 18px;border:1.5px solid var(--sand);border-radius:99px;text-decoration:none;font:600 14px 'Barlow Condensed',sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--leather);transition:.22s}
.quicknav a:hover{border-color:var(--brass);color:var(--bark)}
.quicknav a.active{background:var(--bark);border-color:var(--bark);color:var(--brass-hi)}
.about-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px;margin-top:44px}
.about-card{background:#fbf5e6;border:1px solid var(--sand);border-radius:var(--r);padding:30px 24px;transition:.3s var(--ease)}
.about-card:hover{border-color:var(--brass);transform:translateY(-4px);box-shadow:0 14px 26px rgba(42,27,18,.16)}
.about-card .ic{font-size:30px;color:var(--brass);margin-bottom:12px}
.about-card h4{font:600 16px 'Barlow Condensed',sans-serif;letter-spacing:.14em;color:var(--bark);margin:0 0 6px}
.about-card p{margin:0;font-size:15px;color:var(--leather)}
.menu-cat-section h2{display:flex;align-items:center;gap:12px}
.menu-cat-section h2::before{content:"";width:44px;height:28px;flex:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 28'%3E%3Cpath fill='%231e110a' d='M2 21c9 5 31 5 40 0-4-1-6-4-7-11-1-5-6-8-10-5-3-3-8-1-9 4-1 6-3 11-7 12z'/%3E%3C/svg%3E") center/contain no-repeat}
.menu-cat-section h2{font-size:38px;border:0;margin:6px 0 20px;padding:0;color:var(--ink)}
.food-card{background:#f4e9d3}
.food-thumb{aspect-ratio:3/2}
.food-body{border-top:0;background:#f4e9d3;padding:14px 14px 16px}
.food-body h4{font:700 13px 'Barlow',sans-serif;letter-spacing:.04em;text-transform:uppercase;color:var(--ink)}
.food-price{font-size:13px;color:var(--brass)}
.icon-btn{font:600 12.5px 'Barlow',sans-serif;letter-spacing:0;text-transform:none;padding:8px;border-color:#cdb994;color:var(--ink)}
.icon-btn.gold{color:#fff}
.quicknav a.active{background:var(--brass);border-color:var(--brass);color:#fff}
.about-wrap .about-cards{grid-column:1/-1;gap:0;margin-top:14px}
.about-wrap .about-card{background:none;border:0;border-left:1px solid var(--sand);border-radius:0;text-align:center;box-shadow:none}
.about-wrap .about-card:first-child{border-left:0}
@media(max-width:960px){
.about-wrap .about-card{border-left:0;border-top:1px solid var(--sand)}
}