:root{--ink:#18110e;--ink2:#2b1a14;--fire:#ef5b17;--fire2:#ff8a1f;--red:#b82f17;--cream:#fff4df;--paper:#fffaf2;--muted:#705f56;--line:#eadfd4;--green:#32734c;--shadow:0 20px 50px rgba(48,25,12,.12);--radius:24px;--wrap:min(1180px,calc(100% - 40px))}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Segoe UI",Arial,sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input{font:inherit}.wrap{width:var(--wrap);margin-inline:auto}.skip-link{position:absolute;left:-9999px;top:8px;background:#fff;padding:10px 14px;z-index:999}.skip-link:focus{left:8px}.site-header{position:sticky;top:0;z-index:100;background:rgba(24,17,14,.96);backdrop-filter:blur(15px);border-bottom:1px solid rgba(255,255,255,.08)}.header-inner{height:88px;display:flex;align-items:center;gap:26px}.brand{display:flex;align-items:center;gap:12px;color:#fff;min-width:270px}.brand img{width:64px;height:64px;border-radius:50%;box-shadow:0 0 0 3px rgba(255,255,255,.08)}.brand-copy{display:flex;flex-direction:column}.brand-copy b{font-size:25px;letter-spacing:.04em;line-height:1}.brand-copy small{font-size:11px;color:#d9c6b9;margin-top:5px;letter-spacing:.03em}.main-nav{display:flex;align-items:center;gap:6px;margin-left:auto}.nav-link{color:#dbc9bd;padding:12px 10px;border-radius:10px;font-weight:700;font-size:14px}.nav-link:hover,.nav-link.active{color:#fff;background:rgba(255,255,255,.08)}.menu-toggle{display:none;border:0;background:none;color:#fff;font-size:28px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border-radius:999px;font-weight:800;border:1px solid transparent;transition:.2s ease;cursor:pointer}.btn:hover{transform:translateY(-1px)}.btn-fire{background:linear-gradient(135deg,var(--fire),var(--fire2));color:#18110e;box-shadow:0 10px 25px rgba(239,91,23,.28)}.btn-order{background:#fff;color:var(--ink);min-height:44px;padding-inline:18px}.btn-dark{background:var(--ink);color:#fff}.btn-ghost{border-color:rgba(255,255,255,.42);color:#fff;background:rgba(255,255,255,.06)}.btn-outline-light{border-color:rgba(255,255,255,.5);color:#fff}.btn-cream{background:var(--cream);color:var(--ink)}.full{width:100%}.hero,.page-hero{position:relative;color:#fff;overflow:hidden}.home-hero{min-height:650px;display:grid;align-items:center}.page-hero{min-height:430px;display:grid;align-items:center}.hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;transform:scale(1.01)}.hero-bg:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 15% 20%,rgba(255,137,34,.16),transparent 26%)}.hero-content,.page-hero>.wrap{position:relative;z-index:1}.hero-copy{max-width:720px}.eyebrow,.kicker{display:inline-flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:900;color:var(--red)}.kicker.light{color:#ffb26a}.flame-dot{width:11px;height:16px;border-radius:70% 30% 70% 30%;background:linear-gradient(var(--fire2),var(--red));transform:rotate(15deg)}h1,h2,h3{line-height:1.05;margin-top:0}h1{font-size:clamp(52px,7.4vw,94px);letter-spacing:-.055em;margin:18px 0 24px;font-weight:950}h1 em{font-style:normal;color:#ff8a1f}.page-hero h1{font-size:clamp(48px,6.2vw,78px);max-width:900px}.hero-sub,.page-hero p{font-size:clamp(19px,2.2vw,25px);max-width:760px;color:#eadbd1}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.hero-meta{display:flex;gap:22px;flex-wrap:wrap;margin-top:32px;font-size:13px;color:#d8c5ba;font-weight:700}.quickbar{background:#fff;border-bottom:1px solid var(--line)}.quick-grid{display:grid;grid-template-columns:1.7fr 1fr 1fr}.quick-grid>div,.quick-grid>a{padding:22px 24px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:4px}.quick-grid>*:first-child{padding-left:0}.quick-grid>*:last-child{border-right:0}.quick-grid small{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.12em;font-weight:800}.quick-grid strong{font-size:15px}.section{padding:90px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:36px}.section-heading h2,.split-copy h2,.birria-grid h2,.visit-card h2,.travel-card h2,.story-grid h2,.drinks-intro h2,.visit-detail h2,.social-visit h2{font-size:clamp(36px,4.5vw,62px);letter-spacing:-.04em;margin:10px 0 0}.text-link{font-weight:900;color:var(--red);white-space:nowrap}.dish-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.dish-card,.drink-card{background:#fff;border:1px solid var(--line);padding:24px;border-radius:20px;box-shadow:0 10px 26px rgba(48,25,12,.05);transition:.2s ease}.dish-card:hover,.drink-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.dish-top,.menu-item-head{display:flex;justify-content:space-between;gap:18px;align-items:start}.dish-top h3,.menu-item-head h3{font-size:21px;margin:0}.dish-top span,.menu-price{font-weight:950;color:var(--red);white-space:nowrap}.dish-card p,.drink-card p,.menu-item p{color:var(--muted);margin:12px 0}.dish-card a{font-size:13px;font-weight:900;color:var(--red)}.dark-section{background:var(--ink);color:#fff;padding:95px 0}.split-grid,.birria-grid,.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.feature-photo{position:relative;border-radius:28px;overflow:hidden;box-shadow:var(--shadow);background:#231812}.feature-photo img{width:100%;height:540px;object-fit:cover}.offset-photo{transform:rotate(-1.5deg)}.photo-note{position:absolute;left:18px;bottom:18px;background:rgba(0,0,0,.72);color:#fff;padding:9px 12px;border-radius:999px;font-size:12px;font-weight:800}.split-copy p,.birria-grid p,.story-grid p{font-size:18px;color:#d8c6bc}.birria-grid p,.story-grid p{color:var(--muted)}.price-row{display:flex;align-items:center;gap:22px;margin-top:28px}.price-row b{font-size:34px;color:#ff9b45}.mini-list{margin:28px 0;border-block:1px solid var(--line)}.mini-list div{display:flex;justify-content:space-between;padding:15px 0;border-bottom:1px solid var(--line)}.mini-list div:last-child{border:0}.margarita-band{padding:90px 0;color:#fff;background:radial-gradient(circle at 75% 50%,rgba(255,179,70,.24),transparent 24%),linear-gradient(120deg,#771d10,#b93415 48%,#ed6416)}.margarita-grid{display:grid;grid-template-columns:1.6fr .8fr;gap:60px;align-items:center}.margarita-grid h2{font-size:clamp(40px,5vw,66px);letter-spacing:-.04em;margin:8px 0 18px}.margarita-grid p{font-size:19px;max-width:700px}.marg-stat{border:1px solid rgba(255,255,255,.32);border-radius:28px;padding:32px;background:rgba(255,255,255,.08);backdrop-filter:blur(6px);display:flex;flex-direction:column}.marg-stat span{font-size:44px;font-weight:950}.marg-stat b{font-size:23px}.marg-stat small{margin-top:10px;color:#ffe5d0}.photo-grid{display:grid;grid-template-columns:1fr 1.6fr 1fr;gap:14px}.photo-grid figure{margin:0;position:relative;border-radius:24px;overflow:hidden;min-height:430px;background:#eee}.photo-grid img{width:100%;height:100%;object-fit:cover;position:absolute}.photo-grid figcaption{position:absolute;left:14px;bottom:14px;background:rgba(24,17,14,.84);color:#fff;padding:9px 12px;border-radius:999px;font-size:12px;font-weight:800}.travel-card{border-radius:32px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);padding:48px;display:grid;grid-template-columns:1fr 220px;gap:50px;align-items:center}.travel-card p{color:var(--muted);font-size:18px}.travel-pin{width:160px;height:190px;margin:auto;background:#1d63a8;color:#fff;border:8px solid #fff;border-radius:22px 22px 60px 60px;box-shadow:0 0 0 6px #1d63a8,0 16px 30px rgba(0,0,0,.18);display:flex;flex-direction:column;justify-content:center;align-items:center;line-height:1}.travel-pin span{font-size:22px;font-weight:950}.travel-pin b{font-size:74px}.travel-pin small{font-weight:900;letter-spacing:.12em;margin-top:7px}.location-section{padding:0 0 95px}.location-grid{display:grid;grid-template-columns:1.45fr .85fr;background:#fff;border:1px solid var(--line);border-radius:30px;overflow:hidden;box-shadow:var(--shadow)}.map-frame{min-height:560px}.map-frame iframe{border:0;width:100%;height:100%;min-height:560px;display:block}.visit-card{padding:45px}.address-big{font-size:24px;font-weight:800}.visit-card>a{font-weight:900;color:var(--red)}.hours-list,.footer-hours{list-style:none;padding:0;margin:24px 0}.hours-list li,.footer-hours li{display:flex;justify-content:space-between;gap:22px;padding:9px 0;border-bottom:1px solid var(--line)}.hours-list li span,.footer-hours li span{color:var(--muted)}.site-footer{background:#17110f;color:#fff;padding:70px 0 90px}.footer-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr 1fr;gap:50px}.footer-logo{width:94px;border-radius:50%;background:#fff}.footer-lead{color:#cfbbb0;max-width:280px}.site-footer a{color:#fff}.site-footer h3{font-size:17px}.footer-hours{margin:0}.footer-hours li{border-color:rgba(255,255,255,.12);font-size:13px}.footer-hours li span{color:#bfa99d}.social-row{display:flex;gap:16px;font-weight:800;font-size:13px}.footer-bottom{margin-top:55px;padding-top:22px;border-top:1px solid rgba(255,255,255,.12);display:flex;justify-content:space-between;color:#947f74;font-size:12px}.mobile-actions{display:none}.menu-tools{position:sticky;top:88px;z-index:80;background:rgba(255,250,242,.96);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);padding:20px 0}.search-row{display:grid;grid-template-columns:1.1fr 1.9fr;gap:20px;align-items:end}.menu-search span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.12em;font-weight:900;color:var(--muted);margin-bottom:7px}.menu-search input{width:100%;height:48px;border:1px solid var(--line);background:#fff;border-radius:14px;padding:0 16px;outline:none}.menu-search input:focus{border-color:var(--fire)}.filter-buttons{display:flex;gap:8px;flex-wrap:wrap}.filter{border:1px solid var(--line);background:#fff;padding:10px 13px;border-radius:999px;font-weight:800;font-size:12px;cursor:pointer}.filter.active{background:var(--ink);color:#fff;border-color:var(--ink)}.category-scroller{display:flex;gap:18px;overflow:auto;padding:16px 0 5px;scrollbar-width:thin}.category-scroller a{font-size:12px;font-weight:900;color:var(--red);white-space:nowrap}.menu-note{font-size:12px;color:var(--muted);margin:10px 0 0}.menu-content{padding-top:55px}.menu-section{scroll-margin-top:240px;margin-bottom:72px}.menu-section-head{display:flex;justify-content:space-between;align-items:end;border-bottom:2px solid var(--ink);padding-bottom:13px;margin-bottom:18px}.menu-section-head>div{display:flex;gap:12px;align-items:center}.menu-section-head h2{font-size:34px;margin:0;letter-spacing:-.03em}.section-number{font-size:12px;color:var(--muted);font-weight:900}.menu-section-head>a{font-size:11px;font-weight:900;color:var(--red)}.menu-items{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.menu-item{background:#fff;border:1px solid var(--line);border-radius:17px;padding:20px}.menu-item.hidden,.menu-section.hidden{display:none}.menu-item p{font-size:14px;margin-bottom:10px}.tags{display:flex;gap:6px;flex-wrap:wrap}.tag{font-size:10px;font-weight:900;padding:5px 8px;border-radius:999px;background:#f1ece6;color:#5b4c45}.tag-favorite{background:#fff0df;color:#9b390d}.tag-vegetarian{background:#e5f3e7;color:#256039}.tag-seafood{background:#e6f1f9;color:#1e5777}.tag-spicy{background:#ffe3de;color:#a22d19}.tag-online{background:#f2e9ff;color:#65429a}.no-results{text-align:center;padding:60px 0}.order-band{background:var(--ink);color:#fff;padding:55px 0}.order-band>.wrap{display:flex;align-items:center;justify-content:space-between;gap:25px}.order-band h2{margin:7px 0 0;font-size:38px}.drinks-intro{display:grid;grid-template-columns:1.3fr .7fr;gap:50px;align-items:center}.giant-quote{font:120px/0.6 Georgia,serif;color:var(--fire);display:block}.marg-stat.big{color:#fff;background:linear-gradient(145deg,#7f2012,#ef6517);border:0}.drink-section{margin-bottom:75px}.drink-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.responsible-card{background:#fff;border:1px solid var(--line);border-radius:26px;padding:34px;display:flex;align-items:center;justify-content:space-between;gap:25px}.responsible-card h2{margin-bottom:8px}.responsible-card p{margin:0;color:var(--muted)}.story-grid.reverse{grid-template-columns:1fr 1fr}.values-band{background:var(--ink);color:#fff;padding:70px 0}.values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.13)}.values-grid article{background:var(--ink);padding:30px}.values-grid article>span{color:#ff8f34;font-weight:950;font-size:13px}.values-grid h3{font-size:22px;margin:16px 0 10px}.values-grid p{color:#cdb9ae;font-size:14px}.portrait-photo img{height:620px}.visit-layout{display:grid;grid-template-columns:1.45fr .75fr;gap:35px}.map-frame.tall,.map-frame.tall iframe{min-height:700px}.visit-detail{background:#fff;border:1px solid var(--line);border-radius:26px;padding:35px;box-shadow:var(--shadow)}.phone-big a{font-size:27px;font-weight:950;color:var(--red)}.hours-list.large li{padding:11px 0}.notice{background:var(--cream);border-radius:16px;padding:16px 18px;margin:20px 0}.notice p{margin:4px 0 0;color:var(--muted)}.quick-trip{background:linear-gradient(110deg,#19110e,#572016);color:#fff;padding:65px 0}.quick-trip-grid{display:grid;grid-template-columns:190px 1fr auto;align-items:center;gap:40px}.quick-trip h2{font-size:42px;margin:8px 0}.quick-trip p{color:#d7c3b8}.social-visit{display:flex;justify-content:space-between;align-items:center;gap:30px}.social-buttons{display:flex;gap:10px}.notfound{min-height:70vh;display:grid;place-items:center;text-align:center}.notfound img{width:150px;margin:0 auto 25px}.notfound h1{font-size:58px;color:var(--ink)}
@media(max-width:1020px){.header-order{display:none}.brand{min-width:230px}.main-nav{gap:0}.dish-grid,.drink-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.values-grid{grid-template-columns:1fr 1fr}.quick-trip-grid{grid-template-columns:160px 1fr}.quick-trip-grid>.btn{grid-column:2}.search-row{grid-template-columns:1fr}.menu-tools{position:relative;top:0}}
@media(max-width:780px){:root{--wrap:min(100% - 28px,1180px)}body{padding-bottom:62px}.header-inner{height:74px}.brand img{width:50px;height:50px}.brand-copy b{font-size:21px}.brand-copy small{display:none}.menu-toggle{display:block;margin-left:auto}.main-nav{display:none;position:absolute;top:74px;left:0;right:0;background:#18110e;padding:12px 14px 18px;flex-direction:column;align-items:stretch;border-top:1px solid rgba(255,255,255,.1)}.main-nav.open{display:flex}.nav-link{padding:12px}.home-hero{min-height:620px}.page-hero{min-height:410px}.hero-bg{background-position:58% center}.hero-copy{padding:55px 0}.hero-meta{display:grid;gap:8px}.quick-grid{grid-template-columns:1fr}.quick-grid>div,.quick-grid>a{border-right:0;border-bottom:1px solid var(--line);padding:16px 0}.section{padding:65px 0}.section-heading{align-items:start;flex-direction:column}.dish-grid,.menu-items,.drink-grid{grid-template-columns:1fr}.split-grid,.birria-grid,.story-grid,.story-grid.reverse,.margarita-grid,.drinks-intro,.visit-layout{grid-template-columns:1fr;gap:36px}.feature-photo img,.portrait-photo img{height:430px}.photo-grid{grid-template-columns:1fr 1fr}.photo-grid .wide{grid-column:1/-1;order:-1}.photo-grid figure{min-height:300px}.travel-card{grid-template-columns:1fr;padding:28px}.location-grid{grid-template-columns:1fr}.map-frame,.map-frame iframe{min-height:390px}.visit-card{padding:28px}.footer-grid{grid-template-columns:1fr;gap:35px}.footer-bottom{flex-direction:column;gap:5px}.mobile-actions{position:fixed;display:grid;grid-template-columns:repeat(3,1fr);bottom:0;left:0;right:0;height:62px;z-index:200;background:#18110e;border-top:1px solid rgba(255,255,255,.14)}.mobile-actions a{display:grid;place-items:center;color:#fff;text-transform:uppercase;font-size:11px;font-weight:950;letter-spacing:.08em}.mobile-actions a:last-child{background:var(--fire);color:#18110e}.menu-section{scroll-margin-top:20px}.menu-tools{padding:16px 0}.filter-buttons{overflow:auto;flex-wrap:nowrap}.filter{white-space:nowrap}.order-band>.wrap,.responsible-card,.social-visit{align-items:flex-start;flex-direction:column}.values-grid{grid-template-columns:1fr}.quick-trip-grid{grid-template-columns:1fr;text-align:center}.quick-trip-grid>.btn{grid-column:auto}.map-frame.tall,.map-frame.tall iframe{min-height:430px}.notfound h1{font-size:42px}}


/* beta2: responsive, accessibility, local-search UX */
html{overflow-x:hidden;scroll-padding-top:104px}body{overflow-x:hidden}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #ff9a42;outline-offset:3px}.nav-order-mobile{display:none}.breadcrumbs{display:flex;align-items:center;gap:9px;margin-bottom:18px;color:#eadbd1;font-size:13px;font-weight:750}.breadcrumbs a{text-decoration:underline;text-underline-offset:3px}.breadcrumbs span:last-child{color:#fff}.footer-nav{display:grid;gap:8px}.footer-nav a{color:#cfbbb0}.footer-nav a:hover{color:#fff}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.faq-item{background:#fff;border:1px solid var(--line);border-radius:18px;padding:0 20px;box-shadow:0 8px 22px rgba(48,25,12,.04)}.faq-item summary{cursor:pointer;font-weight:900;font-size:17px;padding:20px 28px 20px 0;position:relative;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:'+';position:absolute;right:0;top:17px;font-size:24px;color:var(--red)}.faq-item[open] summary:after{content:'–'}.faq-item p{color:var(--muted);margin:0 0 20px}.local-seo{background:#f7ede1}.local-seo-grid{display:grid;grid-template-columns:1.45fr .75fr;gap:50px;align-items:start}.local-seo-grid h2,.gallery-cta h2,.review-links-band h2,.responsible-card h2{font-size:clamp(34px,4vw,56px);letter-spacing:-.04em;margin:10px 0 18px}.local-seo-grid p{font-size:18px;color:var(--muted);max-width:760px}.seo-links{display:grid;background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:var(--shadow)}.seo-links a{display:flex;flex-direction:column;gap:3px;padding:20px 22px;border-bottom:1px solid var(--line)}.seo-links a:last-child{border:0}.seo-links a:hover{background:#fff7ed}.seo-links span{font-size:13px;color:var(--red);font-weight:800}.dark-buttons .btn-fire{color:#18110e}.gallery-page-grid{display:grid;grid-template-columns:1.45fr 1fr;grid-auto-rows:300px;gap:14px}.gallery-page-grid figure{margin:0;position:relative;border-radius:24px;overflow:hidden;background:#eee;min-width:0}.gallery-page-grid figure.gallery-feature{grid-row:span 2}.gallery-page-grid img{width:100%;height:100%;object-fit:cover}.gallery-page-grid figcaption{position:absolute;left:14px;bottom:14px;background:rgba(24,17,14,.86);color:#fff;border-radius:999px;padding:9px 12px;font-size:12px;font-weight:900}.gallery-cta{margin-top:36px;background:#fff;border:1px solid var(--line);border-radius:28px;padding:34px;display:flex;align-items:center;justify-content:space-between;gap:30px}.review-theme-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.review-theme-grid article{background:#fff;border:1px solid var(--line);border-radius:22px;padding:26px;box-shadow:0 10px 24px rgba(48,25,12,.05)}.review-theme-grid article>span{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--cream);font-size:12px;font-weight:950;color:var(--red)}.review-theme-grid h3{font-size:22px;margin:18px 0 10px}.review-theme-grid p{color:var(--muted);margin:0}.review-links-band{padding:78px 0;color:#fff;background:linear-gradient(120deg,#771d10,#bd3816 52%,#ed6416)}.review-links-band>.wrap{display:grid;grid-template-columns:1.4fr .9fr;gap:45px;align-items:center}.review-links-band p{max-width:720px;color:#ffe6d5}.review-link-buttons{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}.responsible-card{background:#fff;border:1px solid var(--line);border-radius:28px;padding:38px;display:flex;justify-content:space-between;gap:30px;align-items:center;box-shadow:var(--shadow)}.responsible-card p{color:var(--muted);max-width:720px}.phone-big a{font-size:30px;font-weight:950;color:var(--red)}.notice{background:var(--cream);border-radius:16px;padding:18px 20px;margin:20px 0}.notice p{margin:5px 0 0}.hero-bg{will-change:auto}.menu-item,.dish-card,.drink-card{content-visibility:auto;contain-intrinsic-size:180px}.site-header{box-shadow:0 8px 24px rgba(0,0,0,.08)}

@media(max-width:1160px){.menu-toggle{display:inline-flex;align-items:center;justify-content:center;margin-left:auto;width:46px;height:46px;border-radius:12px;background:rgba(255,255,255,.08);cursor:pointer}.main-nav{display:none;position:absolute;top:88px;left:0;right:0;background:#18110e;padding:14px max(20px,calc((100vw - 1120px)/2));flex-direction:column;align-items:stretch;border-top:1px solid rgba(255,255,255,.1);box-shadow:0 20px 40px rgba(0,0,0,.22);max-height:calc(100vh - 88px);overflow:auto}.main-nav.open{display:flex}.main-nav .nav-link{padding:13px 14px;font-size:15px}.nav-order-mobile{display:flex!important;background:linear-gradient(135deg,var(--fire),var(--fire2))!important;color:#18110e!important;margin-top:6px;justify-content:center}.review-theme-grid{grid-template-columns:1fr 1fr}.gallery-page-grid{grid-auto-rows:260px}}
@media(min-width:781px) and (max-width:1160px){.header-inner{gap:14px}.brand{min-width:0}.brand-copy b{font-size:23px}.brand-copy small{font-size:10px}.section{padding:76px 0}.home-hero{min-height:590px}.page-hero{min-height:390px}.dish-grid{gap:14px}.travel-card{padding:38px}.footer-grid{gap:34px}.location-grid{grid-template-columns:1.25fr .9fr}.map-frame,.map-frame iframe{min-height:500px}}
@media(max-width:920px){.split-grid,.birria-grid,.story-grid,.story-grid.reverse,.margarita-grid,.drinks-intro,.visit-layout,.local-seo-grid,.review-links-band>.wrap{grid-template-columns:1fr;gap:34px}.feature-photo img,.portrait-photo img{height:460px}.review-link-buttons{justify-content:flex-start}.faq-grid{grid-template-columns:1fr}.gallery-cta{align-items:flex-start;flex-direction:column}.margarita-grid{grid-template-columns:1fr}.location-grid{grid-template-columns:1fr}}
@media(max-width:780px){html{scroll-padding-top:82px}.main-nav{top:74px;max-height:calc(100vh - 74px);padding:12px 14px 18px}.menu-toggle{width:44px;height:44px}.breadcrumbs{font-size:12px;margin-bottom:14px}.hero-copy{padding:48px 0}.home-hero{min-height:570px}.page-hero{min-height:360px}.hero-buttons{gap:9px}.btn{min-height:46px;padding-inline:18px}.section{padding:58px 0}.feature-photo img,.portrait-photo img{height:390px}.photo-grid{gap:10px}.gallery-page-grid{grid-template-columns:1fr;grid-auto-rows:280px}.gallery-page-grid figure.gallery-feature{grid-row:auto}.review-theme-grid{grid-template-columns:1fr}.local-seo-grid h2,.gallery-cta h2,.review-links-band h2,.responsible-card h2{font-size:38px}.mobile-actions{height:calc(62px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom)}body{padding-bottom:calc(62px + env(safe-area-inset-bottom))}.faq-item summary{font-size:16px}.footer-grid{gap:30px}.map-frame,.map-frame iframe{min-height:360px}.menu-items{gap:12px}.menu-item{padding:20px}.menu-item-head h3{font-size:19px}.quick-grid strong{line-height:1.35}}
@media(max-width:520px){:root{--wrap:min(100% - 22px,1180px)}h1{font-size:clamp(42px,12vw,58px);letter-spacing:-.045em}.page-hero h1{font-size:clamp(38px,11vw,52px)}.hero-sub,.page-hero p{font-size:18px}.brand-copy b{font-size:20px}.hero-buttons .btn{width:100%}.hero-meta{font-size:12px}.dish-card,.drink-card{padding:20px}.feature-photo img,.portrait-photo img{height:340px}.photo-grid{grid-template-columns:1fr}.photo-grid .wide{grid-column:auto}.photo-grid figure{min-height:270px}.travel-card,.visit-card,.responsible-card,.gallery-cta{padding:24px}.travel-pin{transform:scale(.9)}.marg-stat{padding:24px}.section-heading h2,.split-copy h2,.birria-grid h2,.visit-card h2,.travel-card h2,.story-grid h2,.drinks-intro h2,.visit-detail h2,.social-visit h2{font-size:38px}.review-links-band{padding:58px 0}.gallery-page-grid{grid-auto-rows:240px}.footer-bottom{font-size:11px}.menu-category-links{gap:6px}.menu-category-links a{padding:8px 10px;font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.btn:hover,.dish-card:hover,.drink-card:hover{transform:none}}


/* beta3: enhanced menu finder */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.menu-tools{padding:34px 0 28px;background:linear-gradient(180deg,#fff,#fff8f0);border-bottom:1px solid var(--line);position:relative;z-index:5}
.menu-finder{background:#fff;border:1px solid #ead7c8;border-radius:28px;padding:28px;box-shadow:0 16px 44px rgba(56,28,10,.09)}
.finder-heading{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:end;margin-bottom:22px}.finder-heading h2{font-size:clamp(30px,3.2vw,44px);letter-spacing:-.035em;margin:6px 0 8px}.finder-heading p{margin:0;color:var(--muted);max-width:760px}
.finder-count{min-width:160px;background:#1d1511;color:#fff;border-radius:20px;padding:17px 19px;text-align:right}.finder-count b{display:block;font-size:22px;color:#ff963c}.finder-count span{font-size:12px;color:#d6c1b3;display:block;margin-top:3px}
.finder-search{position:relative;display:flex;align-items:center}.finder-search input{width:100%;height:64px;border:2px solid #d8c0ae;border-radius:18px;padding:0 96px 0 54px;background:#fff;font-size:19px;font-weight:700;outline:0;transition:.18s}.finder-search input:focus{border-color:var(--fire);box-shadow:0 0 0 4px rgba(239,91,23,.13)}.search-icon{position:absolute;left:19px;font-size:27px;color:var(--red);font-weight:900;transform:rotate(-15deg)}.search-clear{position:absolute;right:12px;border:0;background:#f2e7de;color:#6d3d25;border-radius:999px;padding:9px 13px;font-size:12px;font-weight:900;cursor:pointer}
.quick-search{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:13px 2px 17px}.quick-search>span{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.quick-search button{border:1px solid #ead7c8;background:#fff6ed;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:850;cursor:pointer;color:#703b22}.quick-search button:hover{background:#ffe2c8;border-color:#f5ae75}
.finder-controls{display:grid;grid-template-columns:260px 1fr auto;gap:16px;align-items:end;border-top:1px solid var(--line);padding-top:20px}.category-select,.facet-area{display:flex;flex-direction:column;gap:8px}.category-select>span,.facet-area>span{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.category-select select{height:48px;border:1px solid #d7c1b0;border-radius:13px;background:#fff;padding:0 13px;font-weight:800;color:var(--ink)}.filter-buttons{display:flex;gap:7px;flex-wrap:wrap}.filter{border:1px solid #d7c1b0;background:#fff;border-radius:999px;padding:9px 12px;font-size:12px;font-weight:850;cursor:pointer}.filter:hover{border-color:#e9884a}.filter.active{background:#1d1511;color:#fff;border-color:#1d1511;box-shadow:0 6px 14px rgba(0,0,0,.12)}.finder-reset{height:48px;border:0;border-radius:13px;padding:0 16px;background:#f0e7e1;color:#623a28;font-weight:900;cursor:pointer}.finder-reset:hover{background:#e6d8ce}.compact-reset{height:42px}
.category-browser{margin-top:18px;border-top:1px solid var(--line);padding-top:16px}.category-browser summary{cursor:pointer;font-weight:900;color:#7b3b1e;list-style:none}.category-browser summary::-webkit-details-marker{display:none}.category-browser summary:after{content:" +";color:var(--fire)}.category-browser[open] summary:after{content:" −"}.category-chip-grid{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.category-chip{padding:8px 11px;border-radius:999px;background:#fff4e9;border:1px solid #edd5c2;font-size:12px;font-weight:800}.category-chip:hover{background:#ffe3ca}
.search-results-panel{padding:12px 0 42px}.search-results-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:10px 0 22px}.search-results-head h2{font-size:clamp(34px,4vw,52px);margin:6px 0 0}.search-results-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.search-result-card{position:relative}.result-category{display:inline-flex;margin-bottom:12px;border-radius:999px;background:#fff0e2;color:#8f3911;padding:5px 9px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.menu-item.hidden,.menu-section.hidden{display:none!important}

/* beta3: branded beer + spirit presentation */
.drink-jumpbar{position:sticky;top:88px;z-index:45;background:rgba(255,250,245,.96);border-bottom:1px solid #ead7c8;backdrop-filter:blur(10px)}.drink-jumpbar .wrap{display:flex;gap:6px;overflow:auto;padding-block:10px;scrollbar-width:none}.drink-jumpbar .wrap::-webkit-scrollbar{display:none}.drink-jumpbar a{white-space:nowrap;padding:9px 13px;border-radius:999px;font-size:12px;font-weight:900;color:#6d3820}.drink-jumpbar a:hover{background:#ffe4ca}
.section-deck{color:var(--muted);max-width:650px;margin:9px 0 0}.drink-prices{display:flex;gap:9px;flex-wrap:wrap}.drink-prices span{background:#1d1511;color:#eee1d8;border-radius:999px;padding:10px 13px;font-size:12px;font-weight:800}.drink-prices b{color:#ff9b45;margin-left:5px}
.brand-group-title{font-size:14px;text-transform:uppercase;letter-spacing:.16em;color:#7b3c1e;margin:6px 0 13px}.imported-title{margin-top:30px}.brand-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.spirit-brands{grid-template-columns:repeat(5,1fr)}.brand-card{background:#fff;border:1px solid #ead8c9;border-radius:18px;padding:13px;box-shadow:0 7px 18px rgba(47,24,10,.05);min-height:142px;display:flex;flex-direction:column;gap:13px;transition:.18s}.brand-card:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(47,24,10,.10);border-color:#dfb898}.brand-mark{min-height:54px;border-radius:11px;background:linear-gradient(135deg,#201611,#3a2418);color:#fff;display:flex;align-items:center;justify-content:center;text-align:center;padding:9px;font-size:14px;font-weight:950;letter-spacing:.055em;line-height:1.05}.brand-card:nth-child(3n+2) .brand-mark{background:linear-gradient(135deg,#7a1b10,#c83e16)}.brand-card:nth-child(3n) .brand-mark{background:linear-gradient(135deg,#8e4a0b,#e1871f)}.brand-meta{display:flex;flex-direction:column}.brand-meta>span{font-size:9px;letter-spacing:.13em;text-transform:uppercase;font-weight:900;color:#9a6c54}.brand-meta strong{font-size:16px;margin-top:2px}.brand-meta small{color:var(--muted);font-size:11px;line-height:1.35;margin-top:4px}.mezcal-card .brand-mark{background:linear-gradient(135deg,#24443c,#52745e)}.brand-footnote{font-size:12px;color:var(--muted);margin:16px 2px 0;padding:12px 14px;background:#fff8ed;border-left:3px solid var(--fire);border-radius:8px}

@media(max-width:1100px){
  .finder-controls{grid-template-columns:220px 1fr}.finder-reset{grid-column:1/-1;width:max-content}.search-results-grid{grid-template-columns:repeat(2,1fr)}
  .brand-grid,.spirit-brands{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:820px){
  .menu-finder{padding:20px;border-radius:22px}.finder-heading{grid-template-columns:1fr}.finder-count{text-align:left;min-width:0}.finder-search input{height:58px;font-size:16px}.finder-controls{grid-template-columns:1fr}.finder-reset{grid-column:auto;width:100%}.search-results-grid{grid-template-columns:1fr}.search-results-head{align-items:flex-start;flex-direction:column}.brand-grid,.spirit-brands{grid-template-columns:repeat(2,1fr)}.drink-jumpbar{top:72px}.drink-prices{margin-top:8px}
}
@media(max-width:520px){
  .menu-tools{padding-top:20px}.menu-finder{padding:16px;border-radius:18px}.finder-heading h2{font-size:28px}.finder-search input{padding-left:47px;padding-right:76px}.search-clear{right:8px}.quick-search{flex-wrap:nowrap;overflow:auto;margin-inline:-4px;padding-inline:4px;scrollbar-width:none}.quick-search button{white-space:nowrap}.filter-buttons{flex-wrap:nowrap;overflow:auto;padding-bottom:3px;scrollbar-width:none}.filter{white-space:nowrap}.category-chip-grid{display:grid;grid-template-columns:1fr 1fr}.brand-grid,.spirit-brands{grid-template-columns:1fr 1fr;gap:9px}.brand-card{min-height:132px;padding:10px}.brand-mark{font-size:12px;min-height:48px}.brand-meta strong{font-size:14px}
}


/* beta4: genuine beer + spirit brand marks */
.brand-logo-shell{
  height:76px;
  width:100%;
  border-radius:13px;
  background:#fff;
  border:1px solid #eadfd7;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:10px 14px;
  overflow:hidden;
  text-decoration:none;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.7);
}
.brand-logo-image{
  display:block;
  width:auto;
  height:auto;
  max-width:100%;
  max-height:54px;
  object-fit:contain;
  object-position:center;
  filter:none;
}
.brand-logo-shell:hover{
  border-color:#e1ae85;
  background:#fffaf6;
}
.brand-logo-fallback{
  font-size:15px;
  line-height:1.05;
  font-weight:950;
  letter-spacing:.045em;
  text-align:center;
  color:#231610;
}
.brand-card{
  min-height:164px;
}
.brand-meta strong{
  line-height:1.12;
}
.brand-trademark-note{
  margin:22px 0 0;
  padding-top:15px;
  border-top:1px solid #ead8c9;
  color:var(--muted);
  font-size:11px;
  line-height:1.55;
}
.monte-alban-wordmark{
  flex-direction:column;
  gap:0;
  color:#17110e;
  background:#fffdf8;
}
.monte-alban-wordmark .monte-kicker{
  font-size:10px;
  letter-spacing:.30em;
  font-weight:800;
  margin-left:.30em;
}
.monte-alban-wordmark .monte-main{
  font-family:Georgia,"Times New Roman",serif;
  font-size:28px;
  line-height:.95;
  letter-spacing:.055em;
  font-weight:900;
}
@media(max-width:820px){
  .brand-logo-shell{height:70px;padding:9px 12px}
  .brand-logo-image{max-height:49px}
}
@media(max-width:520px){
  .brand-logo-shell{height:64px;padding:8px 10px}
  .brand-logo-image{max-height:44px}
  .brand-card{min-height:148px}
  .monte-alban-wordmark .monte-main{font-size:23px}
}

/* beta5 bottle + tasting guides */
.drink-guide-intro{padding:28px 0 8px;background:#fff8f1}.guide-intro-card{background:linear-gradient(135deg,#1a120f,#3d2116);border-radius:26px;padding:28px 30px;color:#fff;box-shadow:0 18px 45px rgba(35,18,10,.16);position:relative;overflow:hidden}.guide-intro-card:after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;right:-80px;top:-100px;background:radial-gradient(circle,rgba(247,117,29,.34),rgba(247,117,29,0) 70%)}.guide-intro-card h2{font-size:clamp(32px,4vw,54px);margin:6px 0 10px;letter-spacing:-.04em}.guide-intro-card p{max-width:820px;color:#ead9ce;font-size:16px;line-height:1.65;margin:0;position:relative;z-index:1}.guide-intro-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px;position:relative;z-index:1}.guide-intro-links a{padding:10px 14px;border-radius:999px;background:#fff;color:#35190d;font-weight:900;font-size:12px}.guide-intro-links a:last-child{background:#f16720;color:#fff}
.pour-guide-section{padding:42px 0 58px;border-top:1px solid #ead8c9}.pour-heading{align-items:flex-end}.pour-heading h2{font-size:clamp(34px,4.5vw,58px);letter-spacing:-.045em;margin:6px 0 8px}.guide-key{background:#fff4e9;border:1px solid #ead3c1;border-radius:16px;padding:12px 15px;min-width:190px}.guide-key span{display:block;font-weight:950;color:#7d3516}.guide-key small{display:block;color:var(--muted);margin-top:2px;line-height:1.35}
.pour-guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;margin-top:24px}.pour-guide-card{display:grid;grid-template-columns:210px minmax(0,1fr);background:#fff;border:1px solid #ead8c9;border-radius:24px;overflow:hidden;box-shadow:0 9px 26px rgba(48,24,12,.065);min-width:0}.pour-visual{background:linear-gradient(180deg,#fffaf5,#f5ebe2);padding:18px;display:flex;flex-direction:column;gap:12px;min-width:0}.bottle-photo-frame{height:255px;border-radius:17px;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid #eee0d5;position:relative}.bottle-photo{width:100%;height:100%;object-fit:contain;padding:8px}.bottle-photo[src*="Lifestyle"],.bottle-photo[src*="Header_OurBeer"],.bottle-photo[src*="bucket"],.bottle-photo[src*="Corralejo-Silver-Hero"]{object-fit:cover;padding:0}.bottle-photo-fallback{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:18px;text-align:center}.bottle-photo-fallback img{max-width:125px;max-height:68px;object-fit:contain}.bottle-photo-fallback span{font-size:11px;color:var(--muted);line-height:1.35}.guide-brand-logo{height:35px;width:100%;object-fit:contain;object-position:center}
.pour-copy{padding:20px 20px 18px;min-width:0}.pour-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.pour-kind{display:block;color:#9a5a38;text-transform:uppercase;letter-spacing:.11em;font-size:9px;font-weight:950}.pour-title-row h3{font-size:24px;line-height:1.02;margin:4px 0 0;letter-spacing:-.025em}.abv-badge{flex:none;background:#1d1511;color:#fff;border-radius:999px;padding:7px 10px;font-size:10px;font-weight:950;white-space:nowrap}.abv-badge.proof{background:#8e2d12}.origin-line{margin-top:7px;font-size:11px;font-weight:850;color:#7f6455}.pour-summary{color:#514138;line-height:1.55;font-size:13px;margin:12px 0 0}.expression-note{margin:10px 0 0;padding:9px 11px;border-radius:10px;background:#fff3d9;border-left:3px solid #ee8a21;color:#6b4a2b;font-size:11px;line-height:1.45}
.pour-details{margin-top:14px;border-top:1px solid #eaded4;padding-top:12px}.pour-details summary{cursor:pointer;font-size:12px;font-weight:950;color:#873810;list-style:none}.pour-details summary::-webkit-details-marker{display:none}.pour-details summary:after{content:" +";color:#ef681c}.pour-details[open] summary:after{content:" −"}.tasting-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:13px}.tasting-grid>div{padding:10px;border-radius:11px;background:#fff8f1;border:1px solid #f0ded0}.tasting-grid span{font-size:9px;text-transform:uppercase;letter-spacing:.12em;font-weight:950;color:#9a5a38}.tasting-grid p{font-size:11px;line-height:1.4;margin:4px 0 0;color:#4b3b32}.distinct-box{margin-top:10px;background:#1f1713;color:#fff;border-radius:12px;padding:11px 12px}.distinct-box b{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#ff9c51}.distinct-box p{margin:5px 0 0;color:#eadbd1;font-size:11px;line-height:1.45}.pairing-line{font-size:11px;line-height:1.45;color:#664838;padding:10px 1px 0}.official-details{display:inline-flex;margin-top:10px;font-size:10px;font-weight:950;text-transform:uppercase;letter-spacing:.08em;color:#aa3c10}.spirit-pour-guide{background:linear-gradient(180deg,#fffaf5,#fff)}.responsible-note{margin-top:22px;padding:15px 17px;background:#f3eee9;border-radius:14px;color:#5d514b;font-size:11px;line-height:1.55;border:1px solid #e6ddd6}
@media(max-width:1180px){.pour-guide-card{grid-template-columns:175px minmax(0,1fr)}.bottle-photo-frame{height:225px}.tasting-grid{grid-template-columns:1fr}}
@media(max-width:950px){.pour-guide-grid{grid-template-columns:1fr}.pour-guide-card{grid-template-columns:210px minmax(0,1fr)}.tasting-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.pour-guide-section{padding:30px 0 44px}.pour-heading{align-items:flex-start}.pour-guide-card{grid-template-columns:145px minmax(0,1fr);border-radius:19px}.pour-visual{padding:11px}.bottle-photo-frame{height:200px}.pour-copy{padding:16px 14px}.pour-title-row{flex-direction:column}.abv-badge{align-self:flex-start}.pour-title-row h3{font-size:21px}.tasting-grid{grid-template-columns:1fr}.guide-key{width:100%;min-width:0}}
@media(max-width:480px){.guide-intro-card{padding:22px 18px;border-radius:20px}.pour-guide-card{grid-template-columns:1fr}.pour-visual{display:grid;grid-template-columns:120px 1fr;align-items:center}.bottle-photo-frame{height:155px}.guide-brand-logo{height:45px;padding:8px}.pour-copy{padding:14px 15px 16px}.pour-title-row{flex-direction:row}.abv-badge{font-size:9px}}


/* ============================================================
   BETA 6 DESIGN SYSTEM
   Fuego logo palette, denser layout, stronger anchor navigation
   ============================================================ */
:root{
  --ink:#17110e;
  --ink2:#2a1710;
  --fire:#f26722;
  --fire2:#ff922f;
  --red:#c9341c;
  --deep-red:#7d2115;
  --cream:#fff0d8;
  --paper:#fff8ee;
  --paper2:#f7e9dc;
  --muted:#6c584e;
  --line:#e6cdbb;
  --shadow:0 16px 38px rgba(56,25,10,.13);
}

/* Display typography: heavier/condensed to echo the FUEGO mark using common local fonts. */
h1,h2,h3,.brand-copy b,.nav-link,.btn,.kicker,.eyebrow,
.drink-jumpbar a,.category-chip,.filter,.menu-section-head h2{
  font-family:"Arial Black","Franklin Gothic Heavy","Arial Narrow",Impact,"Segoe UI",sans-serif;
}
body{background:var(--paper)}
.page-hero{min-height:350px}
.page-hero h1{margin-top:12px;margin-bottom:15px}
.page-hero p{margin-bottom:0}
.section{padding:60px 0}
.dark-section{padding:64px 0}
.margarita-band{padding:62px 0}
.values-band{padding:56px 0}
.review-links-band{padding:58px 0}
.site-footer{padding:56px 0 76px}
.location-section{padding-bottom:64px}
.menu-content{padding-top:34px}
.menu-section{margin-bottom:48px}
.drink-section{margin-bottom:48px}
.section-heading{margin-bottom:24px}

/* Warm section backgrounds instead of large neutral-white fields. */
main>.section:nth-of-type(even){background:var(--paper2)}
.quickbar,.dish-card,.drink-card,.menu-item,.faq-item,.visit-card,.responsible-card,
.review-theme-grid article,.guest-review-card,.brand-card{border-color:var(--line)}

/* Strong sitewide anchor/sub-navigation pattern. */
.drink-jumpbar{
  background:linear-gradient(90deg,rgba(23,17,14,.98),rgba(72,27,16,.98));
  border-bottom:3px solid var(--fire);
  box-shadow:0 8px 20px rgba(34,16,8,.15);
}
.drink-jumpbar .wrap{gap:10px;padding-block:12px}
.drink-jumpbar a,
.category-chip,
.menu-category-links a,
.category-scroller a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:10px 16px;
  border-radius:12px;
  border:2px solid var(--red);
  background:linear-gradient(135deg,var(--cream),#fff8ef);
  color:var(--ink);
  font-size:13px;
  font-weight:950;
  letter-spacing:.015em;
  box-shadow:0 5px 12px rgba(74,31,12,.08);
  transition:.16s ease;
}
.drink-jumpbar a{
  color:#fff;
  background:linear-gradient(135deg,var(--red),var(--fire));
  border-color:#ff9b4f;
  min-height:44px;
  font-size:14px;
}
.drink-jumpbar a:hover,
.category-chip:hover,
.menu-category-links a:hover,
.category-scroller a:hover{
  transform:translateY(-1px);
  background:linear-gradient(135deg,var(--fire2),var(--fire));
  color:var(--ink);
  border-color:var(--ink);
}
.category-chip-grid{gap:9px}
.category-browser{border-top:2px solid var(--red)}
.category-browser summary{font-size:14px;color:var(--deep-red)}

/* Compact rounded cards: centered, branded, consistent. */
.dish-card,.drink-card,.review-theme-grid article,.brand-card,.marg-stat{
  text-align:center;
}
.dish-card .dish-top,.drink-card .dish-top{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
}
.dish-card .dish-top h3,.drink-card .dish-top h3{max-width:100%}
.dish-card .dish-top span,.drink-card .dish-top span,
.dish-top span,.menu-price{
  color:var(--red);
}
.drink-card{
  min-height:175px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  background:linear-gradient(160deg,#fffdf9,var(--cream));
  border-width:2px;
}
.drink-card p{max-width:310px;margin:10px auto 0}
.marg-stat{
  align-items:center;
  justify-content:center;
  min-height:190px;
  background:linear-gradient(145deg,var(--deep-red),var(--red) 55%,var(--fire))!important;
  border:2px solid #ff9a45!important;
}
.marg-stat span,.marg-stat b,.marg-stat small{text-align:center}

/* Reduce blank area in the drinks intro from the screenshot. */
.drinks-intro{gap:34px}
.giant-quote{font-size:82px;margin-bottom:6px}
.drinks-intro h2{margin-top:2px!important}
.drinks-intro p{margin-bottom:0}
.drink-grid{gap:12px}

/* Review highlights */
.featured-reviews-section{
  padding:58px 0;
  background:linear-gradient(180deg,#21140f,#351a11);
  color:#fff;
  border-block:4px solid var(--fire);
}
.featured-reviews-head{
  display:grid;
  grid-template-columns:1.5fr .65fr;
  gap:34px;
  align-items:end;
  margin-bottom:26px;
}
.featured-reviews-head h2{
  font-size:clamp(38px,4.5vw,62px);
  letter-spacing:-.045em;
  margin:8px 0 10px;
}
.featured-reviews-head p{color:#e8d3c4;max-width:800px;margin:0}
.review-snapshot{
  background:linear-gradient(145deg,var(--red),var(--fire));
  border:2px solid #ff9c52;
  border-radius:20px;
  padding:20px;
  text-align:center;
}
.review-snapshot span,.review-snapshot small{display:block}
.review-snapshot span{font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:950}
.review-snapshot b{display:block;font-size:24px;margin:6px 0}
.review-snapshot small{font-size:11px;color:#ffe8d8;line-height:1.4}
.guest-review-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
}
.guest-review-card{
  background:var(--paper);
  color:var(--ink);
  border:2px solid var(--fire);
  border-radius:22px;
  padding:22px;
  min-height:300px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  text-align:center;
  box-shadow:0 14px 30px rgba(0,0,0,.15);
}
.review-source-row{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap}
.review-source{
  display:inline-flex;
  padding:6px 10px;
  border-radius:999px;
  background:var(--ink);
  color:#fff;
  font-size:10px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.review-source.tripadvisor{background:#137a64}
.review-source.yelp{background:#c41200}
.review-source.restaurantji{background:#8d3a19}
.review-source.menupix{background:#5d4b40}
.review-stars{color:var(--fire);letter-spacing:.08em;font-size:15px}
.guest-review-card blockquote{
  margin:18px auto 10px;
  font-family:"Arial Black","Franklin Gothic Heavy",Impact,sans-serif;
  font-size:clamp(20px,2vw,27px);
  line-height:1.17;
  color:var(--deep-red);
  max-width:420px;
}
.review-context{color:var(--muted);font-size:13px;line-height:1.5;margin:0 auto 16px}
.review-person{display:flex;flex-direction:column;gap:2px;margin-top:auto}
.review-person strong{font-size:13px}
.review-person span{font-size:11px;color:var(--muted)}
.review-source-link{
  margin-top:14px;
  display:inline-flex;
  align-self:center;
  justify-content:center;
  padding:9px 13px;
  border-radius:999px;
  background:linear-gradient(135deg,var(--red),var(--fire));
  color:#fff;
  font-size:11px;
  font-weight:950;
}
.review-disclosure{text-align:center;color:#d7bfb0;font-size:11px;margin:17px 0 0}
.review-theme-grid article{
  background:linear-gradient(160deg,#fffdf9,var(--cream));
  border-width:2px;
}
.review-theme-grid article>span{
  margin-inline:auto;
  background:linear-gradient(135deg,var(--red),var(--fire));
  color:#fff;
}
.review-theme-grid h3{color:var(--deep-red)}

/* Keep long-form cards readable even though compact cards are centered. */
.menu-item,.pour-guide-card,.faq-item,.visit-detail,.story-grid,.responsible-card{
  text-align:left;
}

/* Responsive tightening */
@media(max-width:1080px){
  .guest-review-grid{grid-template-columns:1fr 1fr}
  .featured-reviews-head{grid-template-columns:1fr}
}
@media(max-width:780px){
  .page-hero{min-height:315px}
  .section{padding:46px 0}
  .dark-section,.margarita-band,.values-band{padding:48px 0}
  .drink-jumpbar .wrap{padding-block:9px}
  .drink-jumpbar a{min-height:40px;font-size:13px;padding:8px 13px}
  .guest-review-grid{grid-template-columns:1fr}
  .featured-reviews-section{padding:46px 0}
}
@media(max-width:520px){
  .page-hero{min-height:290px}
  .section{padding:40px 0}
  .drink-card{min-height:150px}
  .guest-review-card{min-height:0;padding:20px 16px}
  .category-chip-grid{grid-template-columns:1fr 1fr}
  .category-chip{width:100%;font-size:11px;padding-inline:8px}
}


/* ============================================================
   BETA 7 — BRAND LOGO CONTRAST SYSTEM
   Prevents white/light logo artwork from disappearing on cards.
   Uses only established Fuego palette colors.
   ============================================================ */
.logo-contrast-dark{
  background:
    radial-gradient(circle at 82% 18%, rgba(242,103,34,.30), transparent 38%),
    linear-gradient(135deg, var(--ink) 0%, var(--ink2) 54%, var(--deep-red) 100%) !important;
  border-color: var(--fire) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.07),
    0 5px 14px rgba(43,18,8,.16) !important;
}
.logo-contrast-light{
  background:
    linear-gradient(145deg, #fffaf3 0%, var(--cream) 100%) !important;
  border-color: #dfb795 !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.75),
    0 5px 14px rgba(77,34,13,.08) !important;
}

/* Transparent white lettering gets definition without altering the logo art. */
.logo-contrast-dark .brand-logo-image,
.logo-contrast-dark .guide-brand-logo{
  filter:
    drop-shadow(0 1px 1px rgba(0,0,0,.55))
    drop-shadow(0 0 1px rgba(255,255,255,.15));
}
.logo-contrast-light .brand-logo-image,
.logo-contrast-light .guide-brand-logo{
  filter:
    drop-shadow(0 1px 1px rgba(255,255,255,.75))
    drop-shadow(0 1px 2px rgba(67,29,13,.14));
}

/* Same rule for the small logos beneath bottle photography. */
.guide-logo-shell{
  min-height:58px;
  width:100%;
  border-radius:12px;
  border:1px solid var(--line);
  padding:9px 13px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}
.guide-logo-shell .guide-brand-logo{
  width:auto;
  height:auto;
  max-width:100%;
  max-height:38px;
  object-fit:contain;
  object-position:center;
}

/* A little more brand color in the outer cards without overwhelming logo art. */
.brand-card:has(.logo-contrast-dark){
  border-color:#d88958;
}
.brand-card:has(.logo-contrast-dark):hover{
  border-color:var(--fire);
}
.brand-logo-shell.logo-contrast-dark:hover{
  background:
    radial-gradient(circle at 80% 20%, rgba(255,146,47,.38), transparent 40%),
    linear-gradient(135deg, #24150f 0%, var(--deep-red) 100%) !important;
}

/* Older browser fallback if :has() is unsupported: the logo itself remains fixed. */
@supports not selector(:has(*)){
  .brand-card{border-color:var(--line)}
}

@media(max-width:820px){
  .guide-logo-shell{min-height:54px;padding:8px 11px}
  .guide-logo-shell .guide-brand-logo{max-height:35px}
}
@media(max-width:520px){
  .guide-logo-shell{min-height:50px;padding:7px 9px}
  .guide-logo-shell .guide-brand-logo{max-height:32px}
}


/* ============================================================
   BETA 8 — ROBUST PRODUCT IMAGE / LOGO SYSTEM
   No broken-image messaging. No overlap. No crop-by-selector.
   ============================================================ */

/* Override all earlier bottle-photo cover/crop behavior. */
.robust-product-frame{
  width:100%;
  height:250px;
  min-width:0;
  max-width:100%;
  overflow:hidden;
  border-radius:18px;
  background:linear-gradient(145deg,#fffdf9,var(--cream));
  border:1px solid #e5cbb8;
  padding:0;
  position:relative;
}
.product-art-stage{
  width:100%;
  height:100%;
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  padding:14px;
}
.product-art{
  display:block;
  width:auto !important;
  height:auto !important;
  max-width:92% !important;
  max-height:92% !important;
  object-fit:contain !important;
  object-position:center !important;
  padding:0 !important;
  margin:auto !important;
  transform:none !important;
  position:static !important;
}
.product-logo-fallback{
  width:100%;
  height:100%;
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  border-radius:14px;
  padding:22px;
}
.logo-product-frame .product-art-stage{
  padding:0;
}
.logo-product-frame .product-logo-fallback{
  border:0 !important;
  border-radius:17px;
}
.fallback-brand-logo{
  display:block;
  width:auto;
  height:auto;
  max-width:82%;
  max-height:68%;
  object-fit:contain;
  object-position:center;
  margin:auto;
}
.fallback-brand-name{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  height:100%;
  text-align:center;
  color:#fff;
  font-family:"Arial Black","Franklin Gothic Heavy",Impact,sans-serif;
  font-size:clamp(20px,2vw,30px);
  line-height:1;
  letter-spacing:.015em;
  padding:18px;
}
.logo-contrast-light .fallback-brand-name{
  color:var(--ink);
}

/* The left side of every guide card owns exactly one visual frame. */
.pour-visual{
  min-width:0;
  overflow:hidden;
  padding:16px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;
  justify-content:flex-start !important;
  gap:0 !important;
}
.pour-guide-card{
  min-width:0;
  overflow:hidden;
}
.pour-copy{
  min-width:0;
  overflow-wrap:anywhere;
}

/* Explicitly neutralize legacy selectors that tried to make some art "cover". */
.bottle-photo[src*="Lifestyle"],
.bottle-photo[src*="Header_OurBeer"],
.bottle-photo[src*="bucket"],
.bottle-photo[src*="Corralejo-Silver-Hero"],
.product-art[src*="Lifestyle"],
.product-art[src*="Header_OurBeer"],
.product-art[src*="bucket"],
.product-art[src*="Corralejo-Silver-Hero"]{
  object-fit:contain !important;
  padding:0 !important;
}

/* No stale notification copy can occupy the product frame. */
.bottle-photo-fallback span,
.product-logo-fallback > span:not(.fallback-brand-name){
  display:none !important;
}

/* Tablet */
@media(max-width:1180px){
  .robust-product-frame{height:225px}
  .product-art-stage{padding:12px}
  .fallback-brand-logo{max-width:84%;max-height:70%}
}
/* Mobile/tablet portrait */
@media(max-width:700px){
  .robust-product-frame{height:205px}
  .pour-visual{padding:10px !important}
  .product-logo-fallback{padding:16px}
}
/* Narrow phones: keep the visual as a dedicated top region instead of
   squeezing it beside text, which eliminates overlap/cutoff. */
@media(max-width:520px){
  .pour-guide-card{grid-template-columns:1fr !important}
  .pour-visual{
    display:block !important;
    padding:10px 10px 0 !important;
  }
  .robust-product-frame{
    height:190px;
    width:100%;
  }
  .product-art{max-width:88% !important;max-height:88% !important}
  .fallback-brand-logo{max-width:74%;max-height:62%}
  .pour-copy{padding:14px 15px 18px !important}
}


/* ============================================================
   BETA 9 — ALCOHOL CARD LAYOUT HARD RESET
   RULE: no product/logo artwork may share layout space with its
   fallback. No artwork may use cover/crop. No dark logo plates.
   Detailed cards are vertical so copy and artwork never collide.
   ============================================================ */

/* ----- A. BRAND/LOGO GRID ----- */
.brand-grid{
  align-items:stretch !important;
}
.brand-card{
  min-width:0 !important;
  min-height:170px !important;
  padding:12px !important;
  overflow:hidden !important;
  background:linear-gradient(180deg,#fffdf9,#fff6eb) !important;
  border:2px solid #efb98e !important;
  border-radius:19px !important;
}
.fuego-logo-plate,
.brand-logo-shell.fuego-logo-plate,
.monte-alban-wordmark.fuego-logo-plate{
  width:100% !important;
  height:82px !important;
  min-height:82px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:10px 15px !important;
  overflow:hidden !important;
  border:1px solid #eaa56d !important;
  border-radius:14px !important;
  background:
    radial-gradient(circle at 20% 10%,rgba(255,255,255,.98),rgba(255,255,255,0) 37%),
    linear-gradient(135deg,#fffdf9 0%,#ffe7cf 28%,#ffb56f 65%,#f26722 100%) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.72),
    0 7px 16px rgba(111,44,10,.10) !important;
}
.fuego-logo-plate .brand-logo-image{
  display:block;
  width:auto !important;
  height:auto !important;
  max-width:88% !important;
  max-height:60px !important;
  object-fit:contain !important;
  object-position:center !important;
  margin:auto !important;
  filter:
    drop-shadow(0 1px 1px rgba(255,255,255,.65))
    drop-shadow(0 1px 2px rgba(76,27,4,.30)) !important;
}
.brand-logo-fallback{
  width:100%;
  height:100%;
  align-items:center;
  justify-content:center;
  text-align:center;
  color:var(--ink);
  font-family:"Arial Black","Franklin Gothic Heavy",Impact,sans-serif;
  font-size:22px;
  line-height:1;
}
.brand-logo-fallback[hidden],
.beta9-logo-fallback[hidden],
.beta9-brand-text[hidden]{
  display:none !important;
}
.brand-logo-fallback:not([hidden]){
  display:flex !important;
}
.brand-meta{
  text-align:center !important;
  align-items:center !important;
  justify-content:center !important;
  margin-top:10px !important;
}
.brand-meta>span{
  color:#a34a20 !important;
}
.brand-meta strong{
  color:var(--ink) !important;
}

/* Michelob's official logo is white-heavy; give it a little extra edge. */
.brand-card[data-brand-domain="michelobultra.com"] .brand-logo-image{
  filter:
    drop-shadow(0 1px 1px rgba(0,0,0,.45))
    drop-shadow(0 0 3px rgba(118,36,8,.35)) !important;
}

/* ----- B. DETAILED BEER/SPIRIT CARDS ----- */
.pour-guide-grid,
.pour-guide-grid.spirits{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:18px !important;
  align-items:stretch !important;
}
.pour-guide-card{
  display:flex !important;
  flex-direction:column !important;
  min-width:0 !important;
  width:100% !important;
  overflow:hidden !important;
  background:#fffdf9 !important;
  border:2px solid #ebc2a1 !important;
  border-radius:23px !important;
  box-shadow:0 10px 28px rgba(66,29,10,.08) !important;
}
.pour-visual{
  display:block !important;
  width:100% !important;
  min-width:0 !important;
  height:220px !important;
  padding:14px !important;
  overflow:hidden !important;
  background:
    radial-gradient(circle at 18% 7%,rgba(255,255,255,.96),rgba(255,255,255,0) 35%),
    linear-gradient(135deg,#fffdf9 0%,#ffe9d4 32%,#ffbf83 70%,#f26722 100%) !important;
  border-bottom:1px solid #e8b994 !important;
}
.beta9-product-stage{
  display:block !important;
  width:100% !important;
  height:100% !important;
  min-width:0 !important;
  overflow:hidden !important;
  padding:0 !important;
  margin:0 !important;
  border:1px solid rgba(189,100,49,.30) !important;
  border-radius:16px !important;
  background:rgba(255,255,255,.63) !important;
  position:relative !important;
}
.beta9-art-layer{
  position:relative !important;
  width:100% !important;
  height:100% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:0 !important;
  overflow:hidden !important;
  padding:12px !important;
}
.beta9-product-image{
  display:block !important;
  width:auto !important;
  height:auto !important;
  max-width:88% !important;
  max-height:190px !important;
  object-fit:contain !important;
  object-position:center !important;
  margin:auto !important;
  padding:0 !important;
  transform:none !important;
  position:static !important;
}
.beta9-logo-fallback{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  padding:24px !important;
  background:transparent !important;
}
.beta9-logo-fallback:not([hidden]){
  display:flex !important;
}
.beta9-logo-image{
  display:block !important;
  width:auto !important;
  height:auto !important;
  max-width:72% !important;
  max-height:125px !important;
  object-fit:contain !important;
  object-position:center !important;
  filter:
    drop-shadow(0 1px 1px rgba(255,255,255,.75))
    drop-shadow(0 2px 3px rgba(79,27,4,.28)) !important;
}
.beta9-brand-text{
  width:100% !important;
  text-align:center !important;
  color:var(--ink) !important;
  font-family:"Arial Black","Franklin Gothic Heavy",Impact,sans-serif !important;
  font-size:clamp(25px,3vw,40px) !important;
  line-height:1 !important;
}
.beta9-brand-text:not([hidden]){
  display:block !important;
}

/* The copy is now a complete independent region below artwork. */
.pour-copy{
  display:block !important;
  width:100% !important;
  min-width:0 !important;
  padding:20px 22px 21px !important;
  overflow:visible !important;
  background:#fffdf9 !important;
  color:var(--ink) !important;
}
.pour-title-row{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  gap:14px !important;
  align-items:start !important;
}
.pour-title-row>div:first-child{
  min-width:0 !important;
}
.pour-title-row h3{
  color:#100c09 !important;
  font-size:clamp(24px,2.4vw,34px) !important;
  line-height:1.02 !important;
  overflow-wrap:anywhere !important;
}
.pour-kind,
.origin-line{
  color:#9b431d !important;
}
.pour-summary{
  color:#3d312a !important;
  font-size:13px !important;
  line-height:1.58 !important;
}
.abv-badge,
.abv-badge.proof{
  align-self:start !important;
  background:linear-gradient(135deg,var(--deep-red),var(--red),var(--fire)) !important;
  color:#fff !important;
  border:1px solid #ff9b56 !important;
  box-shadow:none !important;
  font-size:10px !important;
  line-height:1.2 !important;
  white-space:nowrap !important;
}
.expression-note{
  color:#5c361f !important;
  background:#fff0d7 !important;
  border-color:var(--fire) !important;
}
.pour-details{
  width:100% !important;
  overflow:visible !important;
}
.pour-details summary{
  color:#8d3412 !important;
  overflow-wrap:anywhere !important;
}
.tasting-grid{
  width:100% !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
}
.tasting-grid>div{
  min-width:0 !important;
}
.tasting-grid p,
.distinct-box p,
.pairing-line{
  overflow-wrap:anywhere !important;
}

/* ----- C. NEVER SHOW BROKEN PLACEHOLDER UI ----- */
img[alt*="logo"]{
  font-size:0 !important;
}
.bottle-photo-fallback,
.guide-logo-shell{
  display:none !important;
}
/* The onerror-controlled beta9 fallback is the ONLY permitted fallback. */

/* ----- D. RESPONSIVE RULES ----- */
@media(max-width:1000px){
  .pour-guide-grid,
  .pour-guide-grid.spirits{
    grid-template-columns:1fr 1fr !important;
  }
  .pour-visual{
    height:205px !important;
  }
  .beta9-product-image{
    max-height:176px !important;
  }
  .tasting-grid{
    grid-template-columns:1fr !important;
  }
}
@media(max-width:760px){
  .brand-grid,
  .spirit-brands{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  .pour-guide-grid,
  .pour-guide-grid.spirits{
    grid-template-columns:1fr !important;
  }
  .pour-visual{
    height:220px !important;
  }
  .pour-title-row{
    grid-template-columns:1fr !important;
  }
  .abv-badge,
  .abv-badge.proof{
    justify-self:start !important;
  }
  .tasting-grid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }
}
@media(max-width:520px){
  .brand-card{
    min-height:154px !important;
  }
  .fuego-logo-plate,
  .brand-logo-shell.fuego-logo-plate{
    height:72px !important;
    min-height:72px !important;
  }
  .fuego-logo-plate .brand-logo-image{
    max-height:52px !important;
  }
  .pour-visual{
    height:190px !important;
    padding:10px !important;
  }
  .beta9-product-image{
    max-height:160px !important;
    max-width:86% !important;
  }
  .beta9-logo-image{
    max-height:105px !important;
    max-width:78% !important;
  }
  .pour-copy{
    padding:17px 16px 19px !important;
  }
  .pour-title-row h3{
    font-size:25px !important;
  }
  .tasting-grid{
    grid-template-columns:1fr !important;
  }
}


/* ============================================================
   BETA 10 — targeted brand-art corrections
   ============================================================ */

/* 1. Michelob ULTRA:
   fine dark perimeter around the white script/ULTRA wordmark.
   Multiple 1px drop-shadows act like a clean outline on transparent art. */
.brand-michelob .brand-logo-image,
.guide-michelob .beta9-logo-image{
  opacity:1 !important;
  filter:
    drop-shadow( 1px  0   0 rgba(55,24,12,.95))
    drop-shadow(-1px  0   0 rgba(55,24,12,.95))
    drop-shadow( 0    1px 0 rgba(55,24,12,.95))
    drop-shadow( 0   -1px 0 rgba(55,24,12,.95))
    drop-shadow( 1px  1px 0 rgba(55,24,12,.72))
    drop-shadow(-1px  1px 0 rgba(55,24,12,.72))
    drop-shadow( 1px -1px 0 rgba(55,24,12,.72))
    drop-shadow(-1px -1px 0 rgba(55,24,12,.72))
    drop-shadow(0 3px 4px rgba(112,43,10,.18)) !important;
}
.brand-michelob .brand-logo-image{
  max-width:84% !important;
  max-height:58px !important;
}
.guide-michelob .beta9-logo-image{
  max-width:76% !important;
  max-height:118px !important;
}

/* 2. Modelo Negra:
   the official product photo has a white image field. Multiply visually
   removes white against the orange/cream stage while preserving the bottle. */
.guide-modelo-negra .beta9-product-stage{
  background:
    radial-gradient(circle at 24% 12%,rgba(255,255,255,.94),rgba(255,255,255,0) 38%),
    linear-gradient(135deg,#fffaf3 0%,#ffe3c5 36%,#ffad63 72%,#f26722 100%) !important;
}
.guide-modelo-negra .beta9-product-image{
  mix-blend-mode:multiply !important;
  max-height:194px !important;
  max-width:78% !important;
}

/* 3. Victoria:
   fill the logo stage instead of leaving the tiny square floating in space. */
.brand-victoria .brand-logo-image{
  max-width:92% !important;
  max-height:70px !important;
  transform:scale(2.15) !important;
  transform-origin:center !important;
}
.guide-victoria .beta9-logo-image{
  max-width:78% !important;
  max-height:125px !important;
  transform:scale(2.20) !important;
  transform-origin:center !important;
}

/* 4 & 5. José Cuervo:
   Cuervo's official web wordmark is a vertical asset. Rotate it into a
   horizontal wordmark, enlarge it, and outline it so blue artwork remains
   readable over the Fuego cream/orange field. */
.brand-cuervo .brand-logo-shell,
.guide-cuervo .beta9-product-stage{
  overflow:hidden !important;
}
.brand-cuervo .brand-logo-image,
.guide-cuervo .beta9-logo-image{
  opacity:1 !important;
  mix-blend-mode:multiply !important;
  transform:rotate(-90deg) !important;
  transform-origin:center !important;
  filter:
    saturate(1.35)
    contrast(1.24)
    drop-shadow( 1px  0   0 rgba(31,20,12,.88))
    drop-shadow(-1px  0   0 rgba(31,20,12,.88))
    drop-shadow( 0    1px 0 rgba(31,20,12,.88))
    drop-shadow( 0   -1px 0 rgba(31,20,12,.88))
    drop-shadow(0 3px 4px rgba(76,28,7,.17)) !important;
}
.brand-cuervo .brand-logo-image{
  width:auto !important;
  height:58px !important;
  max-width:none !important;
  max-height:none !important;
}
.guide-cuervo .beta9-logo-image{
  width:auto !important;
  height:98px !important;
  max-width:none !important;
  max-height:none !important;
}

/* Keep all four corrections responsive and contained. */
@media(max-width:760px){
  .brand-victoria .brand-logo-image{transform:scale(1.85) !important}
  .guide-victoria .beta9-logo-image{transform:scale(1.85) !important}
  .guide-cuervo .beta9-logo-image{height:88px !important}
}
@media(max-width:520px){
  .brand-michelob .brand-logo-image{max-width:88% !important}
  .guide-michelob .beta9-logo-image{max-width:82% !important}
  .brand-victoria .brand-logo-image{transform:scale(1.65) !important}
  .guide-victoria .beta9-logo-image{transform:scale(1.70) !important}
  .brand-cuervo .brand-logo-image{height:50px !important}
  .guide-cuervo .beta9-logo-image{height:78px !important}
}


/* ============================================================
   BETA 11 — HIGH-RES / VECTOR LOGO REPLACEMENTS
   Busch, Miller Lite, Victoria, José Cuervo
   ============================================================ */

/* Reset prior targeted transforms on these four brands. */
.brand-busch-hires .brand-logo-image,
.brand-miller-hires .brand-logo-image,
.brand-victoria-hires .brand-logo-image,
.brand-cuervo-hires .brand-logo-image{
  transform:none !important;
  rotate:none !important;
  mix-blend-mode:normal !important;
  opacity:1 !important;
  width:auto !important;
  height:auto !important;
  object-fit:contain !important;
  object-position:center !important;
  margin:auto !important;
}

/* Make the compact logo cards genuinely use the available stage. */
.brand-busch-hires .brand-logo-image{
  max-width:88% !important;
  max-height:72px !important;
  filter:drop-shadow(0 2px 3px rgba(59,26,11,.24)) !important;
}
.brand-miller-hires .brand-logo-image{
  max-width:86% !important;
  max-height:74px !important;
  filter:drop-shadow(0 2px 3px rgba(59,26,11,.20)) !important;
}
.brand-victoria-hires .brand-logo-image{
  max-width:91% !important;
  max-height:74px !important;
  filter:drop-shadow(0 2px 3px rgba(59,26,11,.20)) !important;
}
.brand-cuervo-hires .brand-logo-image{
  max-width:88% !important;
  max-height:74px !important;
  filter:
    contrast(1.14)
    saturate(1.12)
    drop-shadow(0 2px 3px rgba(59,26,11,.22)) !important;
}

/* Detailed card logo stage: a single large logo, centered, no tiny floating art. */
.beta11-logo-stage{
  width:100% !important;
  height:100% !important;
  overflow:hidden !important;
  border-radius:16px !important;
  border:1px solid rgba(190,96,42,.28) !important;
  background:
    radial-gradient(circle at 18% 10%,rgba(255,255,255,.98),rgba(255,255,255,0) 42%),
    linear-gradient(135deg,#fffdf9 0%,#ffe6cd 38%,#ffb46d 74%,#f26722 100%) !important;
}
.beta11-logo-layer{
  width:100% !important;
  height:100% !important;
  min-width:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:20px !important;
  overflow:hidden !important;
}
.beta11-hires-logo{
  display:block !important;
  width:auto !important;
  height:auto !important;
  object-fit:contain !important;
  object-position:center !important;
  transform:none !important;
  rotate:none !important;
  margin:auto !important;
  max-width:78% !important;
  max-height:150px !important;
  filter:drop-shadow(0 3px 5px rgba(69,29,9,.18)) !important;
}
.guide-busch-hires .beta11-hires-logo{
  max-width:78% !important;
  max-height:150px !important;
}
.guide-miller-hires .beta11-hires-logo{
  max-width:74% !important;
  max-height:155px !important;
}
.guide-victoria-hires .beta11-hires-logo{
  max-width:82% !important;
  max-height:158px !important;
}
.guide-cuervo-hires .beta11-hires-logo{
  max-width:78% !important;
  max-height:158px !important;
  filter:
    contrast(1.12)
    saturate(1.10)
    drop-shadow(0 3px 5px rgba(69,29,9,.20)) !important;
}
.beta11-text-fallback[hidden]{display:none !important}
.beta11-text-fallback:not([hidden]){
  display:block !important;
  color:var(--ink) !important;
  font-family:"Arial Black","Franklin Gothic Heavy",Impact,sans-serif !important;
  font-size:clamp(27px,4vw,46px) !important;
  text-align:center !important;
  line-height:1 !important;
}

/* Explicitly neutralize the old beta10 Cuervo rule even if cached CSS merges. */
.brand-cuervo-hires .brand-logo-image,
.guide-cuervo-hires .beta11-hires-logo{
  transform:none !important;
  rotate:none !important;
}

/* Slightly larger detailed art section because the logos now deserve the space. */
.guide-busch-hires .pour-visual,
.guide-miller-hires .pour-visual,
.guide-victoria-hires .pour-visual,
.guide-cuervo-hires .pour-visual{
  height:235px !important;
}

@media(max-width:760px){
  .beta11-hires-logo{
    max-width:82% !important;
    max-height:145px !important;
  }
  .guide-busch-hires .pour-visual,
  .guide-miller-hires .pour-visual,
  .guide-victoria-hires .pour-visual,
  .guide-cuervo-hires .pour-visual{
    height:215px !important;
  }
}
@media(max-width:520px){
  .brand-busch-hires .brand-logo-image,
  .brand-miller-hires .brand-logo-image,
  .brand-victoria-hires .brand-logo-image,
  .brand-cuervo-hires .brand-logo-image{
    max-width:90% !important;
    max-height:62px !important;
  }
  .beta11-logo-layer{padding:14px !important}
  .beta11-hires-logo{
    max-width:84% !important;
    max-height:128px !important;
  }
  .guide-busch-hires .pour-visual,
  .guide-miller-hires .pour-visual,
  .guide-victoria-hires .pour-visual,
  .guide-cuervo-hires .pour-visual{
    height:190px !important;
  }
}


/* ============================================================
   BETA 12 — COMPACT REVIEWS "COMMON THEMES" STUB
   Keeps context visible without delaying the actual review cards.
   ============================================================ */
.review-themes-stub{
  padding:22px 0 20px !important;
  background:linear-gradient(180deg,#fff8ef,#fff3e6) !important;
  border-bottom:1px solid var(--line) !important;
}
.review-themes-stub .section-heading{
  margin:0 0 12px !important;
}
.review-themes-stub .section-heading>div{
  display:flex !important;
  align-items:baseline !important;
  gap:12px !important;
  flex-wrap:wrap !important;
}
.review-themes-stub .kicker{
  font-size:9px !important;
  letter-spacing:.14em !important;
  margin:0 !important;
}
.review-themes-stub .section-heading h2{
  font-size:clamp(21px,2.3vw,30px) !important;
  line-height:1.05 !important;
  letter-spacing:-.025em !important;
  margin:0 !important;
}
.review-themes-stub .review-theme-grid{
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:8px !important;
}
.review-themes-stub .review-theme-grid article{
  min-height:0 !important;
  padding:10px 11px !important;
  border-radius:13px !important;
  border-width:1px !important;
  box-shadow:none !important;
  display:grid !important;
  grid-template-columns:24px minmax(0,1fr) !important;
  grid-template-areas:
    "num title"
    "num copy" !important;
  column-gap:9px !important;
  row-gap:2px !important;
  align-items:start !important;
  text-align:left !important;
  background:linear-gradient(145deg,#fffdf9,#ffead7) !important;
}
.review-themes-stub .review-theme-grid article>span{
  grid-area:num !important;
  width:24px !important;
  height:24px !important;
  min-width:24px !important;
  margin:1px 0 0 !important;
  font-size:8px !important;
  border-radius:8px !important;
}
.review-themes-stub .review-theme-grid h3{
  grid-area:title !important;
  font-family:"Arial Black","Franklin Gothic Heavy","Arial Narrow",Impact,sans-serif !important;
  font-size:13px !important;
  line-height:1.12 !important;
  margin:0 !important;
  color:var(--deep-red) !important;
}
.review-themes-stub .review-theme-grid p{
  grid-area:copy !important;
  font-size:10px !important;
  line-height:1.3 !important;
  margin:0 !important;
  color:var(--muted) !important;
  display:-webkit-box !important;
  -webkit-line-clamp:2 !important;
  -webkit-box-orient:vertical !important;
  overflow:hidden !important;
}
.review-themes-stub + .featured-reviews-section{
  margin-top:0 !important;
}

@media(max-width:900px){
  .review-themes-stub{
    padding:18px 0 16px !important;
  }
  .review-themes-stub .review-theme-grid{
    grid-template-columns:1fr 1fr !important;
  }
}
@media(max-width:520px){
  .review-themes-stub{
    padding:15px 0 14px !important;
  }
  .review-themes-stub .section-heading{
    margin-bottom:9px !important;
  }
  .review-themes-stub .section-heading h2{
    font-size:20px !important;
  }
  .review-themes-stub .review-theme-grid{
    gap:6px !important;
  }
  .review-themes-stub .review-theme-grid article{
    padding:8px !important;
    grid-template-columns:20px minmax(0,1fr) !important;
    column-gap:7px !important;
  }
  .review-themes-stub .review-theme-grid article>span{
    width:20px !important;
    height:20px !important;
    min-width:20px !important;
    font-size:7px !important;
  }
  .review-themes-stub .review-theme-grid h3{
    font-size:11px !important;
  }
  .review-themes-stub .review-theme-grid p{
    font-size:9px !important;
    -webkit-line-clamp:1 !important;
  }
}


/* ============================================================
   BETA 13 — DRINKS PAGE CONTENT ORDER
   Brand-first hierarchy: beer/spirit brands before margaritas/guides.
   ============================================================ */
.brands-first-section{
  margin-top:0 !important;
}
.drink-guide-intro + .brands-first-section{
  margin-top:24px !important;
}
#beer-brands.brands-first-section{
  padding-top:22px !important;
}
#spirit-brands.brands-first-section{
  padding-top:10px !important;
}
#mixed-drinks{
  margin-bottom:26px !important;
}


/* ============================================================
   BETA 14 — MENU COPY POLISH
   Slightly improve legibility for richer descriptions without
   making cards taller than necessary.
   ============================================================ */
.menu-item p{
  color:#514238 !important;
  line-height:1.52 !important;
}
.menu-item h3{
  line-height:1.08 !important;
}
@media(max-width:520px){
  .menu-item p{
    font-size:12px !important;
    line-height:1.48 !important;
  }
}


/* ============================================================
   BETA 15 — FUEGO FAVORITE LOGO MEDALLION
   Every .tag-favorite gets a recognizable Fuego logo marker.
   ============================================================ */
.tag-favorite{
  display:inline-flex !important;
  align-items:center !important;
  gap:7px !important;
  min-height:31px !important;
  padding:4px 11px 4px 4px !important;
  border:1px solid #e75119 !important;
  border-radius:999px !important;
  background:
    linear-gradient(135deg,#fff8ed 0%,#ffe0be 58%,#ffbd77 100%) !important;
  color:#7f260d !important;
  font-family:"Arial Black","Franklin Gothic Heavy","Arial Narrow",Impact,sans-serif !important;
  font-size:10px !important;
  line-height:1 !important;
  letter-spacing:.04em !important;
  text-transform:uppercase !important;
  font-weight:950 !important;
  box-shadow:0 4px 10px rgba(115,45,10,.10) !important;
}

.favorite-logo-medallion{
  width:23px !important;
  height:23px !important;
  min-width:23px !important;
  flex:0 0 23px !important;
  border-radius:50% !important;
  position:relative !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
  background:
    radial-gradient(circle at 35% 28%,#fffdf9 0%,#ffe2c2 36%,#f26722 72%,#ba2d14 100%) !important;
  border:1px solid #9b2f15 !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.7),
    0 2px 5px rgba(80,29,8,.18) !important;
}

.favorite-logo-medallion img{
  position:absolute !important;
  inset:2px !important;
  width:19px !important;
  height:19px !important;
  object-fit:contain !important;
  object-position:center !important;
  border-radius:50% !important;
  display:block !important;
  z-index:2 !important;
}

.favorite-logo-medallion img[hidden]{
  display:none !important;
}

.favorite-logo-fallback{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  font-family:"Arial Black","Franklin Gothic Heavy",Impact,sans-serif !important;
  color:#7d2115 !important;
  font-size:13px !important;
  line-height:1 !important;
}

/* Make favorite dishes slightly easier to spot while scrolling,
   without changing card height or overpowering the menu. */
.menu-item-favorite{
  border-color:#e7a06f !important;
  box-shadow:
    inset 3px 0 0 #f26722,
    0 7px 18px rgba(58,27,12,.055) !important;
}

.menu-item-favorite:hover{
  border-color:#f26722 !important;
}

/* Search-result clones preserve the badge automatically. */
.search-result-card.menu-item-favorite{
  box-shadow:
    inset 3px 0 0 #f26722,
    0 9px 22px rgba(58,27,12,.08) !important;
}

@media(max-width:520px){
  .tag-favorite{
    font-size:9px !important;
    min-height:29px !important;
    gap:6px !important;
  }
  .favorite-logo-medallion{
    width:21px !important;
    height:21px !important;
    min-width:21px !important;
    flex-basis:21px !important;
  }
  .favorite-logo-medallion img{
    inset:2px !important;
    width:17px !important;
    height:17px !important;
  }
  .favorite-logo-fallback{
    font-size:12px !important;
  }
}


/* ============================================================
   BETA 16 — FUEGO FAVORITE COPY HIGHLIGHT
   Soft orange shading behind title / price / description only.
   ============================================================ */
.menu-item-favorite{
  background:#fffdf9 !important;
}

.favorite-copy-panel{
  margin:-2px -2px 10px !important;
  padding:13px 14px 12px !important;
  border-radius:14px !important;
  background:
    linear-gradient(
      135deg,
      rgba(255,250,242,.98) 0%,
      rgba(255,235,210,.96) 48%,
      rgba(255,198,139,.62) 100%
    ) !important;
  border:1px solid rgba(242,103,34,.34) !important;
  box-shadow:
    inset 3px 0 0 rgba(242,103,34,.88),
    inset 0 1px 0 rgba(255,255,255,.82) !important;
}

.favorite-copy-panel h3{
  color:var(--deep-red) !important;
}

.favorite-copy-panel .menu-price,
.favorite-copy-panel .dish-top span,
.favorite-copy-panel strong{
  color:#b63514 !important;
}

.favorite-copy-panel p{
  color:#49372e !important;
  margin-bottom:0 !important;
}

/* Search-result clones inherit the same subtle favorite treatment. */
.search-result-card.menu-item-favorite .favorite-copy-panel{
  background:
    linear-gradient(
      135deg,
      rgba(255,249,239,.98) 0%,
      rgba(255,229,199,.95) 52%,
      rgba(255,190,124,.65) 100%
    ) !important;
}

@media(max-width:520px){
  .favorite-copy-panel{
    padding:11px 12px 10px !important;
    border-radius:12px !important;
  }
}


/* ============================================================
   BETA 17 — QUICK-SCAN MENU TYPE BADGES
   One icon + one distinct color per menu type, used both on
   menu cards and in the filter controls.
   ============================================================ */

.tags{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:6px !important;
  align-items:center !important;
}

.menu-type-tag{
  --tag-bg:#f5efe9;
  --tag-border:#cdb8aa;
  --tag-fg:#4b3529;
  display:inline-flex !important;
  align-items:center !important;
  gap:5px !important;
  min-height:27px !important;
  padding:4px 9px 4px 6px !important;
  border:1px solid var(--tag-border) !important;
  border-radius:999px !important;
  background:var(--tag-bg) !important;
  color:var(--tag-fg) !important;
  font-family:"Arial Black","Franklin Gothic Heavy","Arial Narrow",Impact,sans-serif !important;
  font-size:9px !important;
  line-height:1 !important;
  letter-spacing:.035em !important;
  text-transform:uppercase !important;
  font-weight:900 !important;
  white-space:nowrap !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.65) !important;
}

.menu-type-icon,
.filter-type-icon{
  width:15px !important;
  height:15px !important;
  flex:0 0 15px !important;
  display:block !important;
  color:currentColor !important;
}

/* Distinct palette — recognizable even before reading the label. */
.tag-seafood, .filter-seafood{
  --tag-bg:#e4f6f8; --tag-border:#63aeb8; --tag-fg:#12616c;
}
.tag-vegetarian, .filter-vegetarian{
  --tag-bg:#e9f5df; --tag-border:#78ad5b; --tag-fg:#396d25;
}
.tag-spicy, .filter-spicy{
  --tag-bg:#ffe6df; --tag-border:#e05435; --tag-fg:#a42a13;
}
.tag-steak, .filter-steak{
  --tag-bg:#f3e4df; --tag-border:#a96755; --tag-fg:#713a2c;
}
.tag-pork, .filter-pork{
  --tag-bg:#f9e4ea; --tag-border:#cb7891; --tag-fg:#84384e;
}
.tag-chicken, .filter-chicken{
  --tag-bg:#fff0c9; --tag-border:#d59b32; --tag-fg:#75500d;
}
.tag-tacos, .filter-tacos{
  --tag-bg:#eee7fa; --tag-border:#8d6fc0; --tag-fg:#5b3f87;
}
.tag-kids, .filter-kids{
  --tag-bg:#e5f0ff; --tag-border:#719cd1; --tag-fg:#305f99;
}
.tag-birria, .filter-birria{
  --tag-bg:#fbe3d5; --tag-border:#c86b36; --tag-fg:#863814;
}
.tag-breakfast, .filter-breakfast{
  --tag-bg:#fff6c9; --tag-border:#d6ad39; --tag-fg:#72590d;
}

/* Give the bubble row breathing room without making cards tall. */
.menu-item > .tags{
  margin-top:9px !important;
}
.menu-item-favorite > .tags{
  margin-top:8px !important;
}

/* Matching filter treatment lets visitors learn the legend once. */
.filter-with-icon{
  --tag-bg:#f5efe9;
  --tag-border:#cdb8aa;
  --tag-fg:#4b3529;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:7px !important;
  color:var(--tag-fg) !important;
  background:var(--tag-bg) !important;
  border-color:var(--tag-border) !important;
  font-weight:850 !important;
}
.filter-with-icon .filter-type-icon{
  width:16px !important;
  height:16px !important;
  flex-basis:16px !important;
}
.filter-with-icon:hover,
.filter-with-icon.active{
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.55),
    0 5px 12px rgba(55,26,11,.09) !important;
  filter:saturate(1.12) contrast(1.03);
}

/* Compact visual key below the filter controls. */
.menu-tag-legend{
  display:flex !important;
  align-items:center !important;
  flex-wrap:wrap !important;
  gap:5px !important;
  margin-top:10px !important;
  padding-top:9px !important;
  border-top:1px solid rgba(183,113,67,.22) !important;
}
.legend-lead{
  color:#735344 !important;
  font-size:9px !important;
  font-weight:800 !important;
  letter-spacing:.025em !important;
  margin-right:2px !important;
}
.legend-chip{
  min-height:23px !important;
  padding:3px 7px 3px 5px !important;
  font-size:8px !important;
}
.legend-chip .menu-type-icon{
  width:13px !important;
  height:13px !important;
  flex-basis:13px !important;
}

/* Favorite cards keep the richer orange panel, while type badges retain
   their own colors so they remain immediately recognizable. */
.menu-item-favorite .menu-type-tag{
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.70),
    0 2px 5px rgba(67,27,8,.06) !important;
}

@media(max-width:760px){
  .menu-type-tag{
    min-height:25px !important;
    padding:3px 8px 3px 5px !important;
    font-size:8px !important;
    gap:4px !important;
  }
  .menu-type-icon{
    width:14px !important;
    height:14px !important;
    flex-basis:14px !important;
  }
  .menu-tag-legend{
    gap:4px !important;
  }
}
@media(max-width:520px){
  .menu-type-tag{
    font-size:7.5px !important;
  }
  .legend-lead{
    width:100% !important;
  }
}


/* ============================================================
   BETA 18 — BEEF QUICK-SCAN TAG
   Separate from Steak so ground/shredded/birria beef and burgers
   are easy to find without diluting the Steak category.
   ============================================================ */
.tag-beef, .filter-beef{
  --tag-bg:#efe3d9;
  --tag-border:#9b6a49;
  --tag-fg:#633c24;
}
.tag-beef .menu-type-icon,
.filter-beef .filter-type-icon{
  color:#704126 !important;
}


/* ============================================================
   BETA 19 — SITEWIDE COMPACT-CARD + EXPANDABLE CONTROL SYSTEM
   ============================================================ */

/* Compact rounded summary/stat cards center their content consistently. */
.centered-compact-card{
  text-align:center !important;
  justify-items:center !important;
  align-items:center !important;
}
.centered-compact-card > *{
  text-align:center !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
.centered-compact-card h1,
.centered-compact-card h2,
.centered-compact-card h3,
.centered-compact-card h4,
.centered-compact-card p,
.centered-compact-card strong,
.centered-compact-card span{
  text-align:center !important;
}

/* Also standardize obvious small rounded card patterns sitewide. */
.stat-card,
.quick-stat,
.metric-card,
.number-card,
.summary-card,
.mini-card,
.hero-stat,
.menu-stat{
  text-align:center !important;
}
.stat-card > *,
.quick-stat > *,
.metric-card > *,
.number-card > *,
.summary-card > *,
.mini-card > *,
.hero-stat > *,
.menu-stat > *{
  text-align:center !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* Expandable areas should read like interactive selections, not text with a tiny plus. */
.site-expandable{
  width:100% !important;
  margin:10px 0 14px !important;
  border:1px solid rgba(214,112,52,.42) !important;
  border-radius:15px !important;
  background:#fffaf4 !important;
  overflow:hidden !important;
  box-shadow:0 5px 14px rgba(74,31,10,.055) !important;
}
.site-expandable > .site-expandable-summary{
  list-style:none !important;
  cursor:pointer !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto auto !important;
  align-items:center !important;
  gap:10px !important;
  min-height:48px !important;
  padding:12px 14px !important;
  color:#7d250f !important;
  background:
    linear-gradient(135deg,#fffdf8 0%,#ffe8d0 64%,#ffc07d 100%) !important;
  border:0 !important;
  font-family:"Arial Black","Franklin Gothic Heavy","Arial Narrow",Impact,sans-serif !important;
  font-size:clamp(14px,1.5vw,18px) !important;
  line-height:1.12 !important;
  letter-spacing:.01em !important;
  font-weight:900 !important;
  text-decoration:none !important;
  transition:filter .16s ease, background .16s ease, transform .16s ease !important;
}
.site-expandable > .site-expandable-summary::-webkit-details-marker{
  display:none !important;
}
.site-expandable > .site-expandable-summary::marker{
  content:"" !important;
}
.site-expandable > .site-expandable-summary:hover{
  filter:saturate(1.08) contrast(1.02) !important;
  background:
    linear-gradient(135deg,#fff8ef 0%,#ffdfbf 58%,#ffae61 100%) !important;
}
.expandable-action{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:68px !important;
  min-height:28px !important;
  padding:5px 9px !important;
  border-radius:999px !important;
  background:#8f2d13 !important;
  color:#fff !important;
  border:1px solid #b9471f !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18) !important;
  font-family:"Segoe UI",Arial,sans-serif !important;
  font-size:10px !important;
  line-height:1 !important;
  font-weight:850 !important;
  letter-spacing:.035em !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;
}
.expandable-chevron{
  width:27px !important;
  height:27px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:50% !important;
  background:#fff7ee !important;
  border:1px solid rgba(141,45,19,.38) !important;
  color:#8f2d13 !important;
  font-family:Arial,sans-serif !important;
  font-size:20px !important;
  line-height:1 !important;
  font-weight:900 !important;
  transform:rotate(0deg) !important;
  transition:transform .18s ease !important;
}
.site-expandable[open] > .site-expandable-summary{
  border-bottom:1px solid rgba(201,102,44,.30) !important;
}
.site-expandable[open] > .site-expandable-summary .expandable-action{
  font-size:0 !important;
}
.site-expandable[open] > .site-expandable-summary .expandable-action::after{
  content:"Collapse" !important;
  font-size:10px !important;
}
.site-expandable[open] > .site-expandable-summary .expandable-chevron{
  transform:rotate(180deg) !important;
}
.site-expandable > :not(summary){
  margin-left:0 !important;
  margin-right:0 !important;
}

/* The menu category expander specifically gets more prominence. */
#menu-categories.site-expandable > .site-expandable-summary,
.menu-categories.site-expandable > .site-expandable-summary,
.menu-category-details.site-expandable > .site-expandable-summary{
  min-height:54px !important;
  font-size:clamp(15px,1.7vw,20px) !important;
}

/* Mobile: keep interaction unmistakable but compact. */
@media(max-width:520px){
  .site-expandable{
    border-radius:13px !important;
  }
  .site-expandable > .site-expandable-summary{
    min-height:46px !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    padding:10px 11px !important;
    font-size:14px !important;
    gap:8px !important;
  }
  .expandable-action{
    min-width:62px !important;
    min-height:26px !important;
    font-size:9px !important;
  }
  .expandable-chevron{
    display:none !important;
  }
}


/* BETA 19.1 — explicit compact-card centering.
   Long-form editorial cards stay left aligned; short rounded stat/summary
   cards use centered typography consistently. */
.finder-count,
.marg-stat,
.centered-compact-card{
  text-align:center !important;
}
.finder-count > *,
.marg-stat > *,
.centered-compact-card > *{
  text-align:center !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
.finder-count{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
}
.finder-count b,
.finder-count span{
  width:100% !important;
  text-align:center !important;
}
.marg-stat{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
}

/* Category browser gets an especially obvious CTA treatment. */
.category-browser.site-expandable{
  border:2px solid rgba(219,95,31,.50) !important;
  border-radius:16px !important;
}
.category-browser.site-expandable > .site-expandable-summary{
  min-height:58px !important;
  padding:13px 15px !important;
  background:
    linear-gradient(135deg,#fff9f1 0%,#ffe1c1 52%,#ffb36b 100%) !important;
  font-size:clamp(16px,1.8vw,21px) !important;
  color:#77240e !important;
}
.category-browser.site-expandable > .site-expandable-summary .expandable-action{
  min-width:82px !important;
  min-height:32px !important;
  font-size:11px !important;
  background:linear-gradient(135deg,#8f2b12,#c84419) !important;
  border-color:#da5a24 !important;
}
.category-browser.site-expandable > .site-expandable-summary .expandable-chevron{
  width:31px !important;
  height:31px !important;
  font-size:22px !important;
}


/* ============================================================
   BETA 20 — MENU NAVIGATION + "SHOW ME" CLARITY
   ============================================================ */

/* Anchor targets clear sticky navigation and visibly confirm arrival. */
.menu-anchor-target{
  scroll-margin-top:118px !important;
}
.menu-section.anchor-arrival{
  animation:menu-anchor-pulse 1.15s ease-out 1;
}
@keyframes menu-anchor-pulse{
  0%{box-shadow:0 0 0 0 rgba(242,103,34,.38)}
  45%{box-shadow:0 0 0 8px rgba(242,103,34,.15)}
  100%{box-shadow:0 0 0 0 rgba(242,103,34,0)}
}

/* "Show me" becomes an unmistakable filtering tool. */
.facet-area{
  padding:14px !important;
  border:2px solid rgba(222,101,38,.38) !important;
  border-radius:17px !important;
  background:
    linear-gradient(145deg,#fffdf9 0%,#fff1e0 60%,#ffe1bf 100%) !important;
}
.show-me-heading{
  margin:0 0 10px !important;
  padding:0 2px 9px !important;
  border-bottom:1px solid rgba(190,96,42,.22) !important;
}
.show-me-title{
  color:#7f260d !important;
  font-family:"Arial Black","Franklin Gothic Heavy","Arial Narrow",Impact,sans-serif !important;
  font-size:clamp(16px,1.65vw,21px) !important;
  line-height:1.05 !important;
  letter-spacing:-.01em !important;
}
.show-me-help{
  margin:5px 0 0 !important;
  max-width:760px !important;
  color:#61463a !important;
  font-size:11px !important;
  line-height:1.4 !important;
}
.filter-buttons{
  gap:7px !important;
}
.filter-buttons .filter{
  min-height:39px !important;
  border-width:2px !important;
  font-size:10px !important;
  padding:7px 11px !important;
}
.filter-buttons .filter.active{
  outline:3px solid rgba(242,103,34,.17) !important;
  outline-offset:2px !important;
  transform:translateY(-1px) !important;
}
.filter-buttons .filter.active::after{
  content:"✓" !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin-left:3px !important;
  font-family:Arial,sans-serif !important;
  font-weight:900 !important;
}

.menu-filter-state{
  margin-top:10px !important;
  padding:9px 10px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:10px !important;
  border-radius:12px !important;
  background:rgba(255,255,255,.72) !important;
  border:1px solid rgba(181,100,53,.26) !important;
  color:#5c473b !important;
}
.menu-filter-state.is-filtered{
  background:#fff0db !important;
  border-color:#df8248 !important;
}
.menu-filter-state-text{
  font-size:10px !important;
  line-height:1.3 !important;
  font-weight:700 !important;
}
.show-all-dishes{
  flex:0 0 auto !important;
  border:1px solid #b53d18 !important;
  border-radius:999px !important;
  min-height:31px !important;
  padding:6px 11px !important;
  background:linear-gradient(135deg,#972d11,#d54d1b) !important;
  color:#fff !important;
  font-family:"Arial Black","Franklin Gothic Heavy","Arial Narrow",Impact,sans-serif !important;
  font-size:9px !important;
  line-height:1 !important;
  cursor:pointer !important;
  box-shadow:0 4px 10px rgba(91,31,8,.12) !important;
}
.show-all-dishes:hover{
  filter:brightness(1.06) saturate(1.08) !important;
}

.finder-reset{
  min-height:44px !important;
  padding:9px 15px !important;
  border:2px solid #a63b18 !important;
  border-radius:13px !important;
  background:#fff7ee !important;
  color:#8e2d12 !important;
  font-family:"Arial Black","Franklin Gothic Heavy","Arial Narrow",Impact,sans-serif !important;
  font-size:11px !important;
  cursor:pointer !important;
}
.finder-reset::before{
  content:"↺ " !important;
  font-family:Arial,sans-serif !important;
  font-size:16px !important;
  vertical-align:-1px !important;
}
.finder-reset-help{
  grid-column:1/-1 !important;
  display:block !important;
  margin-top:-6px !important;
  color:#73594a !important;
  font-size:9px !important;
  line-height:1.3 !important;
}

/* Category chips read as navigation, and reset hidden finder state before jumping. */
.category-chip{
  position:relative !important;
  padding-right:27px !important;
}
.category-chip::after{
  content:"↓" !important;
  position:absolute !important;
  right:9px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  color:#a33a18 !important;
  font-family:Arial,sans-serif !important;
  font-weight:900 !important;
}
.category-chip:hover{
  border-color:#ed7134 !important;
  background:#fff0de !important;
}

/* Make the category dropdown purpose clearer too. */
.category-select > span{
  font-size:10px !important;
  font-weight:900 !important;
  color:#7e3418 !important;
}

/* Mobile: put reset/status actions below text instead of squeezing. */
@media(max-width:620px){
  .facet-area{
    padding:11px !important;
  }
  .show-me-help{
    font-size:10px !important;
  }
  .menu-filter-state{
    align-items:flex-start !important;
    flex-direction:column !important;
  }
  .show-all-dishes{
    width:100% !important;
  }
  .filter-buttons .filter{
    min-height:37px !important;
  }
}


/* ============================================================
   BETA 21 — SITEWIDE PILL TEXT CENTERING RULE
   Any component presented as a pill, badge, chip, or rounded CTA
   centers its label horizontally and vertically, including wrapped text.
   ============================================================ */

.btn,
.btn-fire,
.btn-order,
.btn-outline,
.nav-order-mobile,
.tag,
.menu-type-tag,
.tag-favorite,
.filter,
.filter-with-icon,
.category-chip,
.expandable-action,
.show-all-dishes,
.abv-badge,
.abv-badge.proof,
.review-source-badge,
.source-badge,
.badge,
.pill,
.chip{
  text-align:center !important;
  justify-content:center !important;
  align-items:center !important;
  vertical-align:middle !important;
}

a.btn,
button.btn,
.btn,
.btn-fire,
.btn-order,
.btn-outline,
.nav-order-mobile,
.tag,
.menu-type-tag,
.tag-favorite,
.filter,
.filter-with-icon,
.category-chip,
.expandable-action,
.show-all-dishes,
.abv-badge,
.review-source-badge,
.source-badge,
.badge,
.pill,
.chip{
  display:inline-flex !important;
}

.btn > *,
.btn-fire > *,
.btn-order > *,
.btn-outline > *,
.nav-order-mobile > *,
.tag > *,
.filter > *,
.category-chip > *,
.expandable-action > *,
.show-all-dishes > *,
.abv-badge > *,
.review-source-badge > *,
.source-badge > *,
.badge > *,
.pill > *,
.chip > *{
  text-align:center !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

a.btn,
a.btn-fire,
a.btn-order,
a.btn-outline,
a.nav-order-mobile,
button.filter,
button.show-all-dishes,
.category-chip{
  text-align:center !important;
  justify-content:center !important;
}

.btn,
.btn-fire,
.btn-order,
.btn-outline,
.nav-order-mobile,
.category-chip,
.show-all-dishes{
  line-height:1.2 !important;
}

/* Explicitly cover review-page CTAs such as "Find Fuego on Google". */
.responsible-card .btn,
.guest-review-card .btn,
.reviews-cta .btn{
  width:auto !important;
  text-align:center !important;
  justify-content:center !important;
  align-items:center !important;
}


/* ============================================================
   BETA 22 — LARGER HEADER LOGO
   Roughly doubles desktop logo presence while preserving clean
   navigation spacing and responsive behavior.
   ============================================================ */

.site-header{
  min-height:94px !important;
}

.header-inner{
  min-height:94px !important;
  display:flex !important;
  align-items:center !important;
  gap:18px !important;
  padding-top:8px !important;
  padding-bottom:8px !important;
}

.brand{
  flex:0 0 auto !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  min-width:0 !important;
}

.brand img,
.brand-logo,
.site-header .brand img{
  display:block !important;
  width:auto !important;
  height:auto !important;
  max-height:78px !important;
  max-width:220px !important;
  object-fit:contain !important;
  object-position:left center !important;
  margin:0 !important;
}

/* Keep any brand copy aligned nicely with the larger mark. */
.brand-copy{
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  gap:1px !important;
  line-height:1.05 !important;
}

/* Give navigation enough breathing room around the bigger logo. */
.main-nav{
  margin-left:auto !important;
  display:flex !important;
  align-items:center !important;
  gap:clamp(8px,1.15vw,16px) !important;
}

.main-nav .nav-link{
  padding-left:6px !important;
  padding-right:6px !important;
}

.header-order{
  margin-left:4px !important;
  flex:0 0 auto !important;
}

/* Tablet: still visibly larger, but avoid forcing nav wrapping. */
@media(max-width:1040px){
  .site-header,
  .header-inner{
    min-height:86px !important;
  }

  .brand img,
  .brand-logo,
  .site-header .brand img{
    max-height:68px !important;
    max-width:190px !important;
  }

  .header-inner{
    gap:12px !important;
  }

  .main-nav{
    gap:7px !important;
  }

  .main-nav .nav-link{
    font-size:12px !important;
    padding-left:4px !important;
    padding-right:4px !important;
  }
}

/* Mobile: increase the logo substantially without crowding the hamburger. */
@media(max-width:760px){
  .site-header,
  .header-inner{
    min-height:76px !important;
  }

  .header-inner{
    padding-top:6px !important;
    padding-bottom:6px !important;
  }

  .brand img,
  .brand-logo,
  .site-header .brand img{
    max-height:60px !important;
    max-width:168px !important;
  }

  .menu-toggle{
    flex:0 0 auto !important;
    margin-left:auto !important;
  }
}

@media(max-width:420px){
  .brand img,
  .brand-logo,
  .site-header .brand img{
    max-height:54px !important;
    max-width:150px !important;
  }

  .site-header,
  .header-inner{
    min-height:70px !important;
  }
}


/* ============================================================
   BETA 23 — CENTER WRAPPED HEADER NAV LABELS
   Any nav item that wraps to 2 lines stays visually centered in
   its bubble instead of left-aligning inside the rounded control.
   ============================================================ */

.main-nav .nav-link{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  vertical-align:middle !important;

  /* Keep both one-line and two-line items balanced. */
  min-height:44px !important;
  padding:8px 9px !important;
  line-height:1.28 !important;

  /* Wrapping is allowed when space gets tight, but always centered. */
  white-space:normal !important;
  text-wrap:balance !important;
  overflow-wrap:normal !important;
  word-break:normal !important;

  /* Prevent awkward edge hugging inside rounded active/hover bubbles. */
  box-sizing:border-box !important;
}

/* Active/current nav bubbles keep the same centered geometry. */
.main-nav .nav-link.active,
.main-nav .nav-link[aria-current="page"],
.main-nav .nav-link:hover,
.main-nav .nav-link:focus-visible{
  text-align:center !important;
  justify-content:center !important;
}

/* Give naturally longer labels a sensible centered width target.
   This encourages a clean 2-line break rather than a cramped uneven wrap. */
.main-nav .nav-link[href*="drinks"],
.main-nav .nav-link[href*="reviews"],
.main-nav .nav-link[href*="gallery"]{
  max-width:150px !important;
}

/* Tablet: slightly more compact, still centered if a label wraps. */
@media(max-width:1040px){
  .main-nav .nav-link{
    min-height:42px !important;
    padding:7px 7px !important;
    line-height:1.25 !important;
  }

  .main-nav .nav-link[href*="drinks"]{
    max-width:134px !important;
  }
}

/* Mobile dropdown/navigation items also center wrapped text. */
@media(max-width:760px){
  .main-nav .nav-link{
    width:100% !important;
    max-width:none !important;
    min-height:42px !important;
    text-align:center !important;
    justify-content:center !important;
  }
}


/* ============================================================
   BETA 24 — HARD CENTERING FOR WRAPPED HEADER NAV + BRAND COPY
   ============================================================ */

/* Every nav bubble centers its text box itself. */
.main-nav .nav-link{
  text-align:center !important;
  justify-content:center !important;
  align-items:center !important;
}

/* Known wrapped items get a full-width centered label box, ensuring each
   line is centered independently instead of inheriting left alignment. */
.main-nav .nav-link.nav-wrap-center{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  white-space:normal !important;
  line-height:1.28 !important;
  min-width:0 !important;
}

/* Because the anchor contains a raw text node, width + text alignment on the
   anchor itself is the decisive rule. */
.main-nav .nav-link.nav-wrap-center{
  text-align:center !important;
  text-align-last:center !important;
}

/* Slight width normalization for the labels that commonly wrap. */
.main-nav .nav-link[href="drinks.html"]{
  width:134px !important;
}
.main-nav .nav-link[href="about.html"]{
  width:94px !important;
}
.main-nav .nav-link[href="visit.html"]{
  width:78px !important;
}
.main-nav .nav-link[href*="order"]{
  text-align:center !important;
  justify-content:center !important;
}

/* Active/hover bubbles keep exactly the same centering. */
.main-nav .nav-link.nav-wrap-center.active,
.main-nav .nav-link.nav-wrap-center[aria-current="page"],
.main-nav .nav-link.nav-wrap-center:hover,
.main-nav .nav-link.nav-wrap-center:focus-visible{
  text-align:center !important;
  text-align-last:center !important;
  justify-content:center !important;
  align-items:center !important;
}

/* Center FUEGO directly above the smaller location line. */
.brand-copy-centered,
.brand-copy{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
}

.brand-copy-centered b,
.brand-copy-centered small,
.brand-copy b,
.brand-copy small{
  display:block !important;
  width:100% !important;
  text-align:center !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

.brand-copy-centered b,
.brand-copy b{
  line-height:1 !important;
  margin-bottom:4px !important;
}

.brand-copy-centered small,
.brand-copy small{
  line-height:1.15 !important;
}

/* Keep the brand logo + centered copy visually balanced. */
.brand{
  gap:12px !important;
}

@media(max-width:1040px){
  .main-nav .nav-link[href="drinks.html"]{
    width:122px !important;
  }
  .main-nav .nav-link[href="about.html"]{
    width:88px !important;
  }
  .main-nav .nav-link[href="visit.html"]{
    width:72px !important;
  }
}

/* In the mobile dropdown every nav item fills the row and remains centered. */
@media(max-width:760px){
  .main-nav .nav-link,
  .main-nav .nav-link.nav-wrap-center{
    width:100% !important;
    max-width:none !important;
    text-align:center !important;
    text-align-last:center !important;
    justify-content:center !important;
    align-items:center !important;
  }
}


/* ============================================================
   BETA 25 — STRUCTURAL HEADER LABEL CENTERING
   Nav text is now wrapped in .nav-label/.nav-label-line elements,
   so centering is deterministic rather than dependent on raw text nodes.
   ============================================================ */
.main-nav .nav-link{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
}
.main-nav .nav-link .nav-label{
  display:grid !important;
  grid-auto-flow:row !important;
  align-content:center !important;
  justify-items:center !important;
  width:100% !important;
  min-width:0 !important;
  text-align:center !important;
  line-height:1.28 !important;
}
.main-nav .nav-link .nav-label-line{
  display:block !important;
  width:100% !important;
  text-align:center !important;
  margin:0 auto !important;
}
.main-nav .nav-link .nav-label-multiline{
  row-gap:1px !important;
}

/* Known multi-line nav items use balanced fixed widths. */
.main-nav .nav-link[href="drinks.html"]{width:134px !important}
.main-nav .nav-link[href="about.html"]{width:94px !important}
.main-nav .nav-link[href="visit.html"]{width:78px !important}
.main-nav .nav-order-mobile{width:96px !important}

/* Brand title/subtitle centered as one block beside the logo. */
.brand-copy,
.brand-copy-centered{
  display:grid !important;
  grid-template-rows:auto auto !important;
  justify-items:center !important;
  align-items:center !important;
  width:184px !important;
  text-align:center !important;
}
.brand-copy > b,
.brand-copy > small,
.brand-copy-centered > b,
.brand-copy-centered > small{
  display:block !important;
  width:100% !important;
  text-align:center !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
.brand-copy > b,
.brand-copy-centered > b{
  margin-bottom:4px !important;
}

@media(max-width:1120px){
  .brand-copy,.brand-copy-centered{width:170px !important}
  .main-nav .nav-link[href="drinks.html"]{width:122px !important}
  .main-nav .nav-link[href="about.html"]{width:88px !important}
  .main-nav .nav-link[href="visit.html"]{width:72px !important}
}
@media(max-width:760px){
  .brand-copy,.brand-copy-centered{
    width:auto !important;
    min-width:150px !important;
  }
  .main-nav .nav-link,
  .main-nav .nav-link[href="drinks.html"],
  .main-nav .nav-link[href="about.html"],
  .main-nav .nav-link[href="visit.html"],
  .main-nav .nav-order-mobile{
    width:100% !important;
    max-width:none !important;
  }
}


/* ============================================================
   BETA 26 — LIVE CENTRAL-TIME STATUS + STACKED WEEKLY HOURS
   ============================================================ */

.home-live-info-strip{
  display:grid !important;
  grid-template-columns:minmax(170px,.75fr) minmax(280px,1.35fr) minmax(210px,.8fr) minmax(250px,1fr) !important;
  align-items:stretch !important;
}

.home-live-info-strip > *{
  min-width:0 !important;
}

/* First cell: actual current Central-time status. */
.live-hours-cell{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:center !important;
  gap:6px !important;
  padding:20px 24px !important;
  background:#fffdf9 !important;
  border-right:1px solid #e4cbb9 !important;
  text-align:left !important;
}

.quick-info-kicker{
  color:#6f3d29 !important;
  font-size:10px !important;
  font-weight:900 !important;
  letter-spacing:.12em !important;
  line-height:1.1 !important;
  text-transform:uppercase !important;
  text-align:left !important;
}

.live-hours-badge{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:34px !important;
  padding:7px 13px !important;
  border-radius:999px !important;
  font-family:"Arial Black","Franklin Gothic Heavy","Arial Narrow",Impact,sans-serif !important;
  font-size:13px !important;
  line-height:1 !important;
  letter-spacing:.035em !important;
  text-align:center !important;
  color:#fff !important;
  border:1px solid transparent !important;
  box-shadow:0 4px 11px rgba(48,28,13,.10) !important;
}

.live-hours-badge.is-open{
  background:linear-gradient(135deg,#147b35,#20a34b) !important;
  border-color:#0e652b !important;
}

.live-hours-badge.is-closed{
  background:linear-gradient(135deg,#a52b1f,#d4412e) !important;
  border-color:#8f221a !important;
}

.live-hours-badge.is-checking{
  background:#75645a !important;
}

.live-hours-detail{
  color:#614d42 !important;
  font-size:10px !important;
  line-height:1.25 !important;
  font-weight:700 !important;
  text-align:left !important;
}

/* Second cell: stacked weekly schedule, Monday first. */
.hours-summary-cell{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:center !important;
  gap:9px !important;
  padding:20px 24px !important;
  text-align:left !important;
}

.hours-stack{
  width:100% !important;
  display:grid !important;
  gap:4px !important;
  text-align:left !important;
}

.hours-stack-row{
  display:grid !important;
  grid-template-columns:minmax(118px,auto) 1fr !important;
  column-gap:12px !important;
  align-items:baseline !important;
  text-align:left !important;
}

.hours-day{
  color:#18100d !important;
  font-size:12px !important;
  line-height:1.25 !important;
  font-weight:900 !important;
  text-align:left !important;
}

.hours-time{
  color:#47372e !important;
  font-size:12px !important;
  line-height:1.25 !important;
  font-weight:750 !important;
  text-align:left !important;
}

.hours-stack-row.is-closed-day .hours-time{
  color:#a02d20 !important;
}

/* Responsive: status + hours stack cleanly before contact/directions. */
@media(max-width:980px){
  .home-live-info-strip{
    grid-template-columns:1fr 1.35fr !important;
  }
  .home-live-info-strip > *{
    border-bottom:1px solid #e4cbb9 !important;
  }
}

@media(max-width:620px){
  .home-live-info-strip{
    grid-template-columns:1fr !important;
  }
  .live-hours-cell,
  .hours-summary-cell{
    padding:16px 18px !important;
  }
  .hours-stack-row{
    grid-template-columns:145px 1fr !important;
  }
}


/* ============================================================
   BETA 27 — CENTER LIVE HOURS STATUS BLOCK
   ============================================================ */
.live-hours-cell{
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
}

.live-hours-cell .quick-info-kicker,
.live-hours-badge,
.live-hours-detail{
  text-align:center !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

.live-hours-cell .quick-info-kicker{
  width:100% !important;
}

.live-hours-detail{
  width:100% !important;
  min-height:12px !important;
}


/* BETA 28 - printable menu download CTA */
.menu-hero-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:16px}
.menu-hero-actions .btn{margin:0!important}
.menu-print-download{background:#fff7ed!important;color:#7d260f!important;border:2px solid #f26722!important;box-shadow:0 6px 16px rgba(0,0,0,.12)!important;text-align:center!important;justify-content:center!important}
.menu-print-download::before{content:"PDF";display:inline-flex;align-items:center;justify-content:center;margin-right:7px;width:27px;height:22px;border-radius:6px;background:#c83e1a;color:white;font:800 8px/1 DejaVuSans,Arial,sans-serif;letter-spacing:.04em}
.menu-print-download:hover{background:#ffe3c3!important;color:#6e1f0c!important}
@media(max-width:520px){.menu-hero-actions{display:grid;grid-template-columns:1fr}.menu-hero-actions .btn{width:100%!important}}


/* ============================================================
   BETA 30 — MOBILE / FOLD HEADER REBUILD
   One decisive compact-navigation system replaces accumulated
   breakpoint conflicts from earlier releases.
   ============================================================ */

/* Desktop remains the normal horizontal header. */
@media(min-width:1321px){
  .menu-toggle{display:none!important}
  .main-nav{display:flex!important;position:static!important;max-height:none!important;overflow:visible!important;padding:0!important;box-shadow:none!important;background:transparent!important;border:0!important}
  .nav-order-mobile{display:none!important}
}

/* Fold/tablet/phone: compact header + closed-by-default dropdown. */
@media(max-width:1320px){
  .site-header{z-index:1200!important;overflow:visible!important}
  .header-inner{
    height:auto!important;
    min-height:82px!important;
    padding-top:8px!important;
    padding-bottom:8px!important;
    gap:10px!important;
    flex-wrap:nowrap!important;
  }
  .brand{
    flex:1 1 auto!important;
    min-width:0!important;
    max-width:calc(100% - 58px)!important;
    gap:10px!important;
  }
  .brand img,
  .brand-logo,
  .site-header .brand img{
    width:62px!important;
    height:62px!important;
    max-width:62px!important;
    max-height:62px!important;
    flex:0 0 62px!important;
  }
  .brand-copy,.brand-copy-centered{
    width:auto!important;
    min-width:0!important;
    max-width:220px!important;
    display:grid!important;
    justify-items:center!important;
    text-align:center!important;
  }
  .brand-copy>b,.brand-copy-centered>b{
    font-size:24px!important;
    white-space:nowrap!important;
    margin-bottom:3px!important;
  }
  .brand-copy>small,.brand-copy-centered>small{
    font-size:10px!important;
    line-height:1.15!important;
    white-space:normal!important;
  }
  .header-order{display:none!important}
  .menu-toggle{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 48px!important;
    width:48px!important;
    height:48px!important;
    margin-left:auto!important;
    padding:0!important;
    border:1px solid rgba(255,255,255,.14)!important;
    border-radius:14px!important;
    background:rgba(255,255,255,.09)!important;
    color:#fff!important;
    font-size:25px!important;
    line-height:1!important;
    cursor:pointer!important;
    position:relative!important;
    z-index:1302!important;
  }

  .main-nav{
    display:none!important;
    position:fixed!important;
    top:92px!important;
    left:14px!important;
    right:14px!important;
    width:auto!important;
    max-width:760px!important;
    margin:0 auto!important;
    padding:12px!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    align-items:stretch!important;
    background:rgba(24,17,14,.985)!important;
    border:1px solid rgba(255,255,255,.12)!important;
    border-radius:20px!important;
    box-shadow:0 22px 54px rgba(0,0,0,.42)!important;
    max-height:calc(100dvh - 112px)!important;
    overflow:auto!important;
    overscroll-behavior:contain!important;
    z-index:1301!important;
  }
  .main-nav.open{display:grid!important}
  .main-nav .nav-link,
  .main-nav .nav-link.nav-wrap-center,
  .main-nav .nav-link[href="drinks.html"],
  .main-nav .nav-link[href="about.html"],
  .main-nav .nav-link[href="visit.html"]{
    width:100%!important;
    max-width:none!important;
    min-height:50px!important;
    padding:8px 12px!important;
    margin:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    border-radius:12px!important;
    font-size:14px!important;
    line-height:1.2!important;
    color:#e7d7cc!important;
    background:rgba(255,255,255,.035)!important;
  }
  .main-nav .nav-link:hover,
  .main-nav .nav-link.active,
  .main-nav .nav-link[aria-current="page"]{
    background:rgba(255,255,255,.10)!important;
    color:#fff!important;
  }
  .main-nav .nav-link .nav-label,
  .main-nav .nav-link .nav-label-line{
    width:100%!important;
    text-align:center!important;
    justify-items:center!important;
  }
  .main-nav .nav-order-mobile{
    display:flex!important;
    grid-column:1/-1!important;
    min-height:52px!important;
    margin-top:2px!important;
    color:#18110e!important;
    background:linear-gradient(135deg,var(--fire),var(--fire2))!important;
    border:1px solid rgba(255,255,255,.12)!important;
  }

  body.nav-open::before{
    content:"";
    position:fixed;
    inset:0;
    z-index:1190;
    background:rgba(15,9,7,.48);
    backdrop-filter:blur(2px);
  }
  body.nav-open .mobile-actions{
    transform:translateY(110%)!important;
    pointer-events:none!important;
  }
  .mobile-actions{transition:transform .18s ease!important}
}

/* Narrow Fold cover screens / phones. */
@media(max-width:620px){
  .header-inner{min-height:72px!important;padding-top:6px!important;padding-bottom:6px!important}
  .brand img,.brand-logo,.site-header .brand img{
    width:54px!important;height:54px!important;max-width:54px!important;max-height:54px!important;flex-basis:54px!important
  }
  .brand-copy,.brand-copy-centered{max-width:160px!important}
  .brand-copy>b,.brand-copy-centered>b{font-size:22px!important}
  .brand-copy>small,.brand-copy-centered>small{display:none!important}
  .menu-toggle{width:46px!important;height:46px!important;flex-basis:46px!important}
  .main-nav{
    top:80px!important;
    left:10px!important;
    right:10px!important;
    padding:10px!important;
    gap:7px!important;
    max-height:calc(100dvh - 94px)!important;
  }
  .main-nav .nav-link,
  .main-nav .nav-link.nav-wrap-center{
    min-height:48px!important;
    font-size:13px!important;
    padding:7px 8px!important;
  }
}

/* Very narrow phone screens use one column to avoid cramped labels. */
@media(max-width:390px){
  .main-nav{grid-template-columns:1fr!important}
  .main-nav .nav-order-mobile{grid-column:auto!important}
  .brand-copy,.brand-copy-centered{max-width:130px!important}
  .brand-copy>b,.brand-copy-centered>b{font-size:20px!important}
}


/* BETA 31 — see per-page #mobile-header-beta31 for critical Fold/phone header rules. */

@media (min-width:761px) and (max-width:1320px){
  .main-nav.open{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .main-nav .nav-tile{width:100%!important;max-width:none!important;min-width:0!important;justify-self:stretch!important}
  .main-nav .nav-order-mobile{grid-column:1/-1!important}
}
@media (max-width:760px){
  .header-inner{display:grid!important;grid-template-columns:1fr!important;grid-template-areas:"brand" "menubar" "nav"!important;gap:0!important}
  .menu-toggle-header,.header-order{display:none!important}
  .menu-toggle-phone{grid-area:menubar!important;display:flex!important;width:100%!important;position:static!important}
  .main-nav{grid-area:nav!important;position:static!important;width:100%!important;max-width:none!important}
  .main-nav.open{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .main-nav .nav-tile{width:100%!important;max-width:none!important;min-width:0!important;justify-self:stretch!important}
  .main-nav .nav-order-mobile{grid-column:1/-1!important}
}


/* ============================================================
   BETA 32 — MOBILE WIDTH / USABILITY AUDIT
   ============================================================ */

/* Page-level guardrail: components must not create a document-wide
   horizontal scroll area on narrow devices. Intentional chip rows keep
   their own local horizontal scrolling. */
html,
body{
  max-width:100% !important;
  overflow-x:hidden;
  overflow-x:clip;
}

.wrap{
  min-width:0 !important;
  max-width:100% !important;
}

input,
select,
textarea{
  min-width:0;
  max-width:100%;
}

iframe,
video,
canvas{
  max-width:100%;
}

/* Menu finder: the category <select> was using its options' intrinsic
   width (~1200px) as a minimum and widening the entire finder/page. */
.menu-finder,
.finder-heading,
.finder-search,
.quick-search,
.finder-controls,
.category-select,
.facet-area,
.filter-buttons,
.menu-filter-state,
.menu-tag-legend,
.category-browser,
.category-chip-grid,
.finder-reset,
.finder-reset-help{
  min-width:0 !important;
  max-width:100% !important;
  box-sizing:border-box !important;
}

.finder-controls{
  width:100% !important;
}

.finder-controls > *{
  min-width:0 !important;
  max-width:100% !important;
}

.category-select{
  width:100% !important;
}

.category-select select{
  display:block !important;
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  box-sizing:border-box !important;
}

.finder-search{
  width:100% !important;
  overflow:hidden !important;
}

.finder-search input{
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  box-sizing:border-box !important;
}

/* The newer Expand/Collapse control replaces the obsolete tiny +/- marker. */
.category-browser.site-expandable > summary::after{
  content:none !important;
  display:none !important;
}

@media(max-width:820px){
  /* A large multi-control finder should scroll with the page on phones,
     not become a giant sticky panel below a taller mobile header. */
  .menu-tools{
    position:relative !important;
    top:auto !important;
    z-index:auto !important;
    backdrop-filter:none !important;
  }

  /* Common responsive grid/flex children must be allowed to shrink. */
  .section-heading > *,
  .split-grid > *,
  .birria-grid > *,
  .story-grid > *,
  .margarita-grid > *,
  .drinks-intro > *,
  .visit-layout > *,
  .location-grid > *,
  .footer-grid > *,
  .quick-grid > *{
    min-width:0 !important;
  }
}

@media(max-width:620px){
  :root{
    --wrap:min(1180px,calc(100% - 24px));
  }

  /* These are intentional swipe rows. Keep scrolling inside the row,
     never on the document itself. */
  .quick-search,
  .filter-buttons{
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    overscroll-behavior-x:contain !important;
    -webkit-overflow-scrolling:touch !important;
    scrollbar-width:none !important;
  }
  .quick-search::-webkit-scrollbar,
  .filter-buttons::-webkit-scrollbar{
    display:none !important;
  }

  .menu-filter-state,
  .menu-tag-legend{
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
  }

  .finder-reset{
    width:100% !important;
    min-width:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
  }

  .finder-reset-help{
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
  }

  /* Prevent long links/buttons in general content from becoming a page-width
     minimum. They can wrap naturally on phones. */
  .text-link,
  .social-buttons a,
  .responsible-card a{
    white-space:normal !important;
    max-width:100% !important;
  }
}

@media(max-width:480px){
  .search-clear{
    width:36px !important;
    height:36px !important;
    min-width:36px !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    font-size:0 !important;
  }
  .search-clear::after{
    content:"×" !important;
    font-size:21px !important;
    line-height:1 !important;
  }
  .search-clear[hidden]{
    display:none !important;
  }
}


/* ============================================================
   BETA 33 — UNIFIED BEER / SPIRIT CARD SYSTEM
   ============================================================ */

/* Compact brand cards: give visually bottom-heavy logos breathing room. */
.brand-busch-hires .brand-logo-image,
.brand-miller-hires .brand-logo-image,
.brand-victoria-hires .brand-logo-image{
  transform:translateY(-4px) !important;
}

.brand-busch-hires .brand-logo-shell,
.brand-miller-hires .brand-logo-shell,
.brand-victoria-hires .brand-logo-shell{
  padding-top:7px !important;
  padding-bottom:14px !important;
}

/* Coors: use the full horizontal wordmark, not the favicon/mountain asset. */
.brand-coors-fixed .brand-logo-image{
  display:block !important;
  width:auto !important;
  height:auto !important;
  max-width:90% !important;
  max-height:62px !important;
  object-fit:contain !important;
  object-position:center !important;
  filter:drop-shadow(0 2px 3px rgba(59,26,11,.20)) !important;
}

.guide-coors-fixed .coors-hires-logo{
  max-width:82% !important;
  max-height:128px !important;
  object-fit:contain !important;
  filter:drop-shadow(0 3px 5px rgba(69,29,9,.18)) !important;
}

/* Every detailed beer/spirit card uses one visual header height. */
.uniform-pour-card .pour-visual,
.guide-busch-hires .pour-visual,
.guide-miller-hires .pour-visual,
.guide-victoria-hires .pour-visual,
.guide-cuervo-hires .pour-visual{
  height:230px !important;
  min-height:230px !important;
  padding:14px !important;
}

/* One body geometry. */
.uniform-pour-card .pour-copy{
  display:flex !important;
  flex-direction:column !important;
  flex:1 1 auto !important;
  min-height:310px !important;
  padding:20px 22px 21px !important;
}

.uniform-pour-card .pour-title-row{
  min-height:58px !important;
  align-items:start !important;
}

.uniform-pour-card .origin-line{
  min-height:20px !important;
}

.uniform-pour-card .pour-summary{
  min-height:64px !important;
  margin-bottom:0 !important;
}

.uniform-pour-card .pour-details{
  margin-top:auto !important;
  width:100% !important;
}

/* The EXPAND pill + chevron already communicate interaction. */
.uniform-pour-card .pour-details > summary::after{
  content:none !important;
  display:none !important;
}

.uniform-pour-card .pour-details > summary{
  min-height:62px !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto auto !important;
  align-items:center !important;
  gap:10px !important;
}

.uniform-pour-card .beta9-product-stage,
.uniform-pour-card .beta11-logo-stage{
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  margin:0 !important;
  box-sizing:border-box !important;
}

@media(max-width:1000px){
  .uniform-pour-card .pour-visual,
  .guide-busch-hires .pour-visual,
  .guide-miller-hires .pour-visual,
  .guide-victoria-hires .pour-visual,
  .guide-cuervo-hires .pour-visual{
    height:215px !important;
    min-height:215px !important;
  }
  .uniform-pour-card .pour-copy{
    min-height:320px !important;
  }
}

@media(max-width:760px){
  .uniform-pour-card .pour-visual,
  .guide-busch-hires .pour-visual,
  .guide-miller-hires .pour-visual,
  .guide-victoria-hires .pour-visual,
  .guide-cuervo-hires .pour-visual{
    height:215px !important;
    min-height:215px !important;
  }
  .uniform-pour-card .pour-copy{
    min-height:0 !important;
  }
  .uniform-pour-card .pour-title-row,
  .uniform-pour-card .origin-line,
  .uniform-pour-card .pour-summary{
    min-height:0 !important;
  }
  .uniform-pour-card .pour-details{
    margin-top:14px !important;
  }
}

@media(max-width:520px){
  .brand-busch-hires .brand-logo-image,
  .brand-miller-hires .brand-logo-image,
  .brand-victoria-hires .brand-logo-image{
    transform:translateY(-3px) !important;
  }
  .brand-busch-hires .brand-logo-shell,
  .brand-miller-hires .brand-logo-shell,
  .brand-victoria-hires .brand-logo-shell{
    padding-bottom:11px !important;
  }
  .uniform-pour-card .pour-visual,
  .guide-busch-hires .pour-visual,
  .guide-miller-hires .pour-visual,
  .guide-victoria-hires .pour-visual,
  .guide-cuervo-hires .pour-visual{
    height:190px !important;
    min-height:190px !important;
  }
  .guide-coors-fixed .coors-hires-logo{
    max-width:88% !important;
    max-height:108px !important;
  }
  .uniform-pour-card .pour-details > summary{
    min-height:56px !important;
  }
}


/* ============================================================
   BETA 35 — CURRENT-DAY-FIRST BUSINESS HOURS
   ============================================================ */

/* Compact homepage schedule can now show seven daily rows without becoming bulky. */
.hours-summary-cell .hours-stack{
  gap:2px !important;
}
.hours-summary-cell .hours-stack-row{
  grid-template-columns:minmax(112px,auto) 1fr !important;
  min-height:18px !important;
  column-gap:10px !important;
}
.hours-summary-cell .hours-day,
.hours-summary-cell .hours-time{
  font-size:11px !important;
  line-height:1.15 !important;
}

/* Today's row gets immediate priority without overwhelming the schedule. */
[data-rotating-hours="daily"] > .is-today{
  position:relative !important;
  background:#fff2df !important;
  border-radius:8px !important;
}

.hours-stack > .is-today{
  margin:0 -6px !important;
  padding:3px 6px !important;
}

.hours-list > .is-today{
  margin-left:-8px !important;
  margin-right:-8px !important;
  padding-left:8px !important;
  padding-right:8px !important;
  border-bottom-color:#e6a06e !important;
}

.today-hours-marker{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin-left:6px !important;
  padding:2px 6px !important;
  border-radius:999px !important;
  background:#ef6b2e !important;
  color:#fff !important;
  font-family:"Segoe UI",Arial,sans-serif !important;
  font-size:7px !important;
  line-height:1 !important;
  font-weight:900 !important;
  letter-spacing:.055em !important;
  text-transform:uppercase !important;
  vertical-align:1px !important;
  white-space:nowrap !important;
}

.hours-list > .is-today span:first-child{
  color:#7f2a12 !important;
  font-weight:900 !important;
}

.hours-list > .is-today b{
  color:#7f2a12 !important;
}

/* Monday stays visibly closed regardless of where it lands in the rotation. */
.hours-list > .is-closed-day b,
.hours-stack-row.is-closed-day .hours-time{
  color:#a52d20 !important;
}

@media(max-width:620px){
  .hours-summary-cell .hours-stack-row{
    grid-template-columns:minmax(118px,auto) 1fr !important;
  }
  .hours-summary-cell .hours-day,
  .hours-summary-cell .hours-time{
    font-size:10px !important;
  }
  .today-hours-marker{
    margin-left:4px !important;
    padding:2px 5px !important;
    font-size:6.5px !important;
  }
}


/* ============================================================
   BETA 36 — WIRED WEST SITE CREDIT
   ============================================================ */
.wired-west-credit{
  width:100% !important;
  padding:9px 14px 11px !important;
  margin:0 !important;
  text-align:center !important;
  font-size:9px !important;
  line-height:1.25 !important;
  letter-spacing:.025em !important;
  color:rgba(255,255,255,.56) !important;
  background:#120c0a !important;
  border-top:1px solid rgba(255,255,255,.06) !important;
}

.wired-west-credit a{
  color:rgba(255,255,255,.78) !important;
  text-decoration:none !important;
  font-weight:750 !important;
  white-space:nowrap !important;
}

.wired-west-credit a:hover,
.wired-west-credit a:focus-visible{
  color:#ff8a43 !important;
  text-decoration:underline !important;
  text-underline-offset:2px !important;
}

@media(max-width:620px){
  .wired-west-credit{
    padding:8px 12px calc(9px + env(safe-area-inset-bottom,0px)) !important;
    font-size:8.5px !important;
  }
}


/* ===== Beta 37: original Fuego food photography integration ===== */
.home-hero .hero-content{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);
  gap:42px;
  align-items:center;
  padding:70px 0;
}
.home-hero .hero-copy{max-width:700px}
.hero-food-stack{
  display:grid;
  grid-template-columns:1fr 1fr;
  grid-template-rows:240px 190px;
  gap:12px;
  transform:rotate(.6deg);
  filter:drop-shadow(0 28px 32px rgba(0,0,0,.24));
}
.hero-food-card{
  margin:0;
  position:relative;
  overflow:hidden;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.25);
  background:#241611;
  min-width:0;
}
.hero-food-card-main{grid-column:1/-1}
.hero-food-card img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.hero-food-card:hover img{transform:scale(1.035)}
.hero-food-card figcaption,
.favorite-photo-strip span,
.showcase-card figcaption,
.food-photo-band figcaption{
  position:absolute;
  left:12px;
  bottom:12px;
  z-index:2;
  background:rgba(20,13,10,.82);
  color:#fff;
  padding:7px 10px;
  border-radius:999px;
  font-size:11px;
  font-weight:900;
  letter-spacing:.02em;
  backdrop-filter:blur(6px);
}
.favorite-photo-strip{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
  margin:-8px 0 24px;
}
.favorite-photo-strip a{
  position:relative;
  height:185px;
  border-radius:20px;
  overflow:hidden;
  background:#241611;
  box-shadow:0 12px 26px rgba(48,25,12,.10);
}
.favorite-photo-strip img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.favorite-photo-strip a:hover img{transform:scale(1.045)}
.food-showcase{
  padding:74px 0;
  background:linear-gradient(180deg,#fff9f1,#f4e3d2);
  border-block:1px solid rgba(76,40,22,.08);
}
.food-showcase-heading{margin-bottom:26px}
.food-showcase-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  grid-auto-rows:235px;
  gap:12px;
}
.food-showcase-grid.six-up{grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:220px}
.showcase-card{
  margin:0;
  position:relative;
  overflow:hidden;
  border-radius:22px;
  background:#241611;
  box-shadow:0 12px 26px rgba(48,25,12,.10);
}
.showcase-card.wide{grid-column:span 2}
.showcase-card img{width:100%;height:100%;object-fit:cover;transition:transform .32s ease}
.showcase-card:hover img{transform:scale(1.04)}
.menu-photo-showcase{padding-top:62px;padding-bottom:62px}
.about-photo-showcase{background:#1b110e;color:#fff;border:0}
.about-photo-showcase .section-heading h2{color:#fff}
.about-photo-showcase .kicker{color:#ffab61}
.visit-photo-showcase{background:linear-gradient(135deg,#fff6ec,#f6dfca)}
.gallery-page-grid.beta37-gallery{
  grid-template-columns:repeat(12,minmax(0,1fr));
  grid-auto-rows:135px;
  gap:12px;
}
.gallery-page-grid.beta37-gallery figure{
  grid-column:span 3;
  grid-row:span 2;
  min-height:0;
  box-shadow:0 12px 26px rgba(48,25,12,.08);
}
.gallery-page-grid.beta37-gallery figure.g-feature{grid-column:span 6;grid-row:span 4}
.gallery-page-grid.beta37-gallery figure.g-wide{grid-column:span 6;grid-row:span 2}
.gallery-page-grid.beta37-gallery figure.g-tall{grid-column:span 3;grid-row:span 3}
.gallery-page-grid.beta37-gallery figure.g-square{grid-column:span 3;grid-row:span 2}
.gallery-page-grid.beta37-gallery img{transition:transform .35s ease}
.gallery-page-grid.beta37-gallery figure:hover img{transform:scale(1.035)}
.food-photo-band{background:#17100e;padding:14px 0}
.food-photo-band-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr 1.25fr;gap:10px;width:min(1420px,calc(100% - 28px));margin:auto}
.food-photo-band figure{margin:0;position:relative;height:280px;overflow:hidden;border-radius:18px;background:#241611}
.food-photo-band img{width:100%;height:100%;object-fit:cover}
@media(max-width:1080px){
  .home-hero .hero-content{grid-template-columns:1fr;gap:28px;padding:58px 0}
  .hero-food-stack{grid-template-columns:repeat(3,1fr);grid-template-rows:170px;transform:none}
  .hero-food-card-main{grid-column:auto}
  .favorite-photo-strip{grid-template-columns:repeat(2,1fr)}
  .food-showcase-grid.six-up{grid-template-columns:repeat(3,1fr);grid-auto-rows:210px}
  .food-showcase-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:230px}
  .gallery-page-grid.beta37-gallery{grid-template-columns:repeat(6,1fr);grid-auto-rows:150px}
  .gallery-page-grid.beta37-gallery figure,
  .gallery-page-grid.beta37-gallery figure.g-square{grid-column:span 3;grid-row:span 2}
  .gallery-page-grid.beta37-gallery figure.g-feature,
  .gallery-page-grid.beta37-gallery figure.g-wide{grid-column:span 6;grid-row:span 2}
  .gallery-page-grid.beta37-gallery figure.g-tall{grid-column:span 3;grid-row:span 3}
  .food-photo-band-grid{grid-template-columns:1fr 1fr}
  .food-photo-band figure{height:240px}
}
@media(max-width:700px){
  .home-hero .hero-content{display:block;padding:44px 0}
  .hero-food-stack{display:none}
  .favorite-photo-strip{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:20px}
  .favorite-photo-strip a{height:145px;border-radius:16px}
  .food-showcase{padding:52px 0}
  .food-showcase-grid,
  .food-showcase-grid.six-up{grid-template-columns:1fr 1fr;grid-auto-rows:180px;gap:8px}
  .showcase-card.wide{grid-column:1/-1}
  .gallery-page-grid.beta37-gallery{grid-template-columns:1fr 1fr;grid-auto-rows:150px;gap:8px}
  .gallery-page-grid.beta37-gallery figure,
  .gallery-page-grid.beta37-gallery figure.g-square,
  .gallery-page-grid.beta37-gallery figure.g-tall{grid-column:span 1;grid-row:span 2}
  .gallery-page-grid.beta37-gallery figure.g-feature,
  .gallery-page-grid.beta37-gallery figure.g-wide{grid-column:1/-1;grid-row:span 2}
  .food-photo-band-grid{grid-template-columns:1fr 1fr;gap:7px;width:calc(100% - 16px)}
  .food-photo-band figure{height:180px;border-radius:14px}
}
@media(max-width:430px){
  .favorite-photo-strip{grid-template-columns:1fr}
  .favorite-photo-strip a{height:170px}
  .food-showcase-grid,
  .food-showcase-grid.six-up{grid-template-columns:1fr;grid-auto-rows:230px}
  .showcase-card.wide{grid-column:auto}
  .gallery-page-grid.beta37-gallery{grid-template-columns:1fr;grid-auto-rows:230px}
  .gallery-page-grid.beta37-gallery figure,
  .gallery-page-grid.beta37-gallery figure.g-square,
  .gallery-page-grid.beta37-gallery figure.g-tall,
  .gallery-page-grid.beta37-gallery figure.g-wide,
  .gallery-page-grid.beta37-gallery figure.g-feature{grid-column:1;grid-row:span 1}
  .food-photo-band-grid{grid-template-columns:1fr}
  .food-photo-band figure{height:230px}
}

/* ============================================================
   BETA 38 — PERSISTENT ENGLISH / SPANISH LANGUAGE SWITCH
   English remains the default. Visitor choice persists via localStorage.
   ============================================================ */
.header-inner{position:relative!important}
.language-switch{
  display:inline-flex;
  align-items:center;
  flex:0 0 auto;
  padding:3px;
  border:1px solid rgba(255,255,255,.24);
  border-radius:999px;
  background:rgba(255,255,255,.08);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
  overflow:hidden;
}
.language-choice{
  appearance:none;
  border:0;
  background:transparent;
  color:#d9c6b9;
  min-height:36px;
  padding:5px 9px;
  border-radius:999px;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  font:850 11px/1 "Segoe UI",Arial,sans-serif;
  transition:background .15s ease,color .15s ease,box-shadow .15s ease;
}
.language-choice:hover{color:#fff;background:rgba(255,255,255,.08)}
.language-choice.active{
  background:#fff;
  color:#7c2815;
  box-shadow:0 3px 9px rgba(0,0,0,.22);
}
.language-code{font-weight:950;letter-spacing:.04em}
.language-name{font-size:10px;font-weight:800;opacity:.82}
.language-choice:focus-visible{outline:3px solid #ff9a42;outline-offset:2px}

@media(max-width:1460px){
  .language-name{display:none}
  .language-choice{min-width:36px;padding-inline:8px}
}
@media(min-width:1321px){
  .language-switch{margin-left:0}
}
@media(max-width:1320px){
  .language-switch{order:2;margin-left:4px;margin-right:2px;z-index:1303}
  .menu-toggle-header{order:3}
}
@media(max-width:760px){
  .header-inner{position:relative!important}
  .language-switch{
    position:absolute!important;
    top:13px!important;
    right:10px!important;
    margin:0!important;
    z-index:1400!important;
    background:rgba(24,17,14,.88);
  }
  .brand{padding-right:92px!important}
  .language-choice{min-width:34px;min-height:34px;padding:4px 7px}
}
@media(max-width:390px){
  .brand{padding-right:86px!important}
  .language-switch{right:7px!important}
  .language-choice{min-width:32px;padding-inline:6px}
}