/* Mexican Eat Where — "Agave & Barro" theme v1
   agave #2F6E55 · terracotta #B4471F · ochre #C99A2E · sage #7C8F5E · ink #1F2B26 · clay #F6EFE6 */
html:root{--bg:#FFFFFF;--surfaceBg:#FFFFFF;--text:31 43 38;--headerBg:#FFFFFF;--headerBorder:#E6E9E4;--headerColor:#1F2B26;--searchBarBg:#FFFFFF;--searchBarBorder:#CBD3CC;--searchBarColor:#56625C;--filtersBg:#F6EFE6;--filtersColor:#1F2B26;--filtersInputColor:#1F2B26;--filtersInputBg:#FFFFFF;--filtersInputBorder:#CBD3CC;--filtersTagBg:#FBE9E1;--filtersTagColor:#9A3A17;--highlightsPrimary:#B4471F;--highlightsSecondary:#2F6E55;--buttonBg:180 71 31;--buttonHoverBg:#9A3A17;--buttonColor:#FFFFFF;--cardBg:255 255 255;--cardFooterBg:#FFFFFF;--cardFooterBorder:#EEF0EC;--cardFooterColor:#56625C;--cardBorder:#E6E9E4;--cardTagBg:#F1F3EF;--cardTagColor:#1F2B26;--cardTagBorder:#F1F3EF;--cardColor:31 43 38;--cardColorLight:#6B766F;--cardFeatureTitle:#B4471F;--cardFeatureBorder:#B4471F;--cardFeatureTagBg:180 71 31;--cardFeatureTagColor:#FFFFFF;--font-sans:'Figtree';--font-display:'Bricolage Grotesque';
 --mew-ink:#1F2B26;--mew-muted:#56625C;--mew-line:#E6E9E4;--mew-line2:#CBD3CC;--mew-terra:#B4471F;--mew-terra-d:#9A3A17;--mew-agave:#2F6E55;--mew-agave-d:#245A45;--mew-ochre:#C99A2E;--mew-sage:#7C8F5E;--mew-clay:#F6EFE6;--mew-fd:'Bricolage Grotesque',system-ui,sans-serif;--mew-fb:'Figtree',system-ui,-apple-system,sans-serif}
html,body{background:#FFFFFF!important}
body{font-family:var(--mew-fb);color:#1F2B26;-webkit-font-smoothing:antialiased}
.font-display,h1,h2,h3{font-family:var(--mew-fd)!important}
::selection{background:#FBE9E1;color:#1F2B26}

/* ---------- header ---------- */
header.absolute{background:#FFFFFF;border-bottom:1px solid #E6E9E4}
header .h-20>a,header .h-20>div{color:#1F2B26!important}
header .h-20>a>span.font-semibold{display:inline-flex;align-items:center;gap:11px;font-family:var(--mew-fd);font-weight:800;font-size:19px;letter-spacing:-.015em}
header .h-20>a>span.font-semibold::before{content:"";flex:none;width:30px;height:30px;border-radius:8px;background:#2F6E55 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cg fill='%23E7F2EB'%3E%3Cpath d='M15 23c2.7-5.3 1.8-12 0-15-1.8 3-2.7 9.7 0 15z'/%3E%3Cpath d='M15 23c-.4-5.9-3.6-11.7-6.6-13.4.1 3.5 2.6 9.7 6.6 13.4z'/%3E%3Cpath d='M15 23c.4-5.9 3.6-11.7 6.6-13.4-.1 3.5-2.6 9.7-6.6 13.4z'/%3E%3Cpath d='M15 23c-2.6-4.4-7.2-7.2-10.4-7.2 1.2 2.8 5.7 6.5 10.4 7.2z'/%3E%3Cpath d='M15 23c2.6-4.4 7.2-7.2 10.4-7.2-1.2 2.8-5.7 6.5-10.4 7.2z'/%3E%3C/g%3E%3C/svg%3E") center/30px 30px no-repeat}
header nav{font-weight:600}
header nav button,header nav a{font-size:15px!important;color:#1F2B26}
header nav button.bg-brand-button-bg,header button.bg-brand-button-bg{background:#B4471F!important;color:#FFFFFF!important;border-radius:10px!important;padding:9px 18px!important;font-weight:700!important;box-shadow:none!important}
header nav button.bg-brand-button-bg:hover{background:#9A3A17!important;opacity:1!important}
header [role=menu]{border-radius:14px!important;border:1px solid #E6E9E4!important;box-shadow:0 14px 34px rgba(31,43,38,.12)!important}
header [role=menu] a{color:#1F2B26!important}

/* ---------- hero: copy left, arched photo on a clay panel right ---------- */
.hero.hero__left{background:#FFFFFF!important;color:#1F2B26!important;overflow:hidden;isolation:isolate}
.hero.hero__left .darkener{display:none!important}
.hero.hero__left h1{font-family:var(--mew-fd)!important;font-variation-settings:'opsz' 96;font-weight:800!important;letter-spacing:-.035em!important;line-height:1.02!important;font-size:clamp(42px,5.4vw,72px)!important;max-width:600px!important;color:#1F2B26;text-transform:none}
.hero.hero__left h1+p{color:#56625C!important;opacity:1!important;font-size:19px!important;line-height:1.55!important;letter-spacing:0!important;max-width:500px!important;margin-top:22px!important}
.mew-eyebrow{margin:0 0 18px;font-size:15px;font-weight:600;letter-spacing:0;color:#2F6E55}
.hero .hero-search-bar{background:transparent!important;padding:0!important;margin-top:30px!important}
.hero .hero-search-bar .search input{height:58px!important;border:1.5px solid #E6E9E4!important;border-radius:14px!important;font-size:16px!important;font-weight:500;padding-left:44px!important;color:#1F2B26!important;background:#FFFFFF!important}
.hero .hero-search-bar .search input:focus{border-color:#2F6E55!important}
.hero .hero-search-bar .search input::placeholder{color:#56625C!important;opacity:1}
.hero .hero-search-bar .shortcut{display:none!important}
.hero .hero-search-bar .search--button{height:42px!important;padding:0 22px!important;border-radius:10px!important;font-size:15px!important;font-weight:700!important;background:#B4471F!important;color:#FFFFFF!important}
.hero.hero__left picture{border-radius:var(--mew-arch,28px);overflow:hidden;background:#F5E7D7;box-shadow:0 0 0 10px #FFFFFF,0 0 0 11px #E3D3C1}
.hero.hero__left picture img{border-radius:inherit}
.mew-hero-card{display:none}
@media (min-width:1024px){
 .hero.hero__left{--g:max(128px,calc((100vw - 1728px) / 2 + 128px));--pw:calc((100vw - 2 * var(--g)) * .44);--mew-arch:calc(var(--pw) / 2) calc(var(--pw) / 2) 28px 28px}
 .hero.hero__left::before{content:"";position:absolute;z-index:0;right:0;top:72px;bottom:0;width:calc(var(--g) + var(--pw) * .72);background:#F6EFE6}
 .hero.hero__left picture{left:auto!important;right:var(--g)!important;top:112px!important;width:var(--pw)!important;height:calc(100% - 144px)!important;z-index:1!important}
 .hero.hero__left>.px-4{position:relative;z-index:2}
 .hero.hero__left .lg\:h-\[30rem\]{height:40rem!important}
 .hero.hero__left .md\:w-2\/3{width:50%!important;max-width:620px}
 .mew-hero-card{display:block;position:absolute;z-index:3;left:calc(100vw - var(--g) - var(--pw) + 20px);bottom:56px;max-width:300px;background:#FFFFFF;border-radius:16px;padding:14px 16px;box-shadow:0 14px 36px rgba(31,43,38,.18);color:#1F2B26;text-decoration:none;transition:transform .15s}
 .mew-hero-card:hover{transform:translateY(-2px)}
 .mew-hero-card b{display:block;font-size:13px;font-weight:700;color:#2F6E55}
 .mew-hero-card strong{display:block;font-family:var(--mew-fd);font-size:20px;font-weight:800;margin-top:2px;letter-spacing:-.01em}
 .mew-hero-card span{display:block;font-size:14px;line-height:1.45;color:#56625C;margin-top:2px}
}
@media (max-width:1023px){
 .hero.hero__left{--mew-arch:calc((100vw - 32px) / 2) calc((100vw - 32px) / 2) 22px 22px}
 .hero.hero__left::before{content:"";position:absolute;z-index:-1;right:0;top:120px;height:300px;width:72%;background:#F6EFE6;border-radius:24px 0 0 24px}
 .hero.hero__left picture{position:relative!important;display:block;height:min(340px,calc(100vw - 32px))!important;width:auto!important;margin:24px 16px 0;z-index:0!important}
 .hero.hero__left .h-96{height:auto!important;padding:28px 0 8px}
 .hero.hero__left h1{font-size:clamp(38px,10.5vw,56px)!important}
 .hero.hero__left h1+p{font-size:17px!important}
}

/* ---------- section headings ---------- */
.heading-block h2.heading,.accordion-block h2,.cta-block h2,.section-block h2{font-weight:800!important;text-transform:none;letter-spacing:-.03em!important;font-size:clamp(30px,3.4vw,40px)!important;line-height:1.06!important;color:#1F2B26}
.heading-block p{color:#56625C!important;font-size:17px!important}
.heading-block.\!-mb-7{margin-bottom:-1.25rem!important}

/* ---------- homepage chip row (custom HTML block: <div class="mew-chips">) ---------- */
.mew-chips{display:flex;flex-wrap:wrap;gap:8px}
.mew-chips a{display:inline-block;padding:10px 16px;border-radius:999px;font-weight:600;font-size:15px;background:#F1F3EF;color:#1F2B26;text-decoration:none;transition:background .15s}
.mew-chips a:hover{background:#E4E9E2}
.mew-chips a.on{background:#2F6E55;color:#FFFFFF}

/* ---------- cards ---------- */
.card{border:1px solid #E6E9E4!important;border-radius:20px!important;box-shadow:none!important;overflow:hidden;transition:box-shadow .2s,transform .2s}
.card:hover{box-shadow:0 14px 34px rgba(31,43,38,.12)!important;transform:translateY(-2px)}
.card .aspect-video{border-radius:0!important;border-bottom:3px solid #B4471F;background:#F5E7D7}
.card .footer{display:none!important}
.card h2.title,.card h3.title{font-family:var(--mew-fd)!important;font-weight:800!important;font-size:21px!important;letter-spacing:-.02em!important;line-height:1.2!important;-webkit-line-clamp:2!important;white-space:normal!important;color:#1F2B26}
.card .intro{opacity:1!important;color:#56625C;font-size:15px;line-height:1.5}
.card [type=tags]{margin-top:6px}
.card [type=tags] .overflow-auto{flex-wrap:wrap;gap:6px!important;overflow:visible!important}
.card .badge{opacity:1!important;height:auto!important;border:0!important;border-radius:999px!important;padding:5px 11px!important;font:600 13px/1.15 var(--mew-fb)!important}
.card .badge:nth-child(3n+1){background:#FBE9E1!important;color:#9A3A17!important}
.card .badge:nth-child(3n+2){background:#E4F0EA!important;color:#245A45!important}
.card .badge:nth-child(3n+3){background:#F5EEDB!important;color:#6E5418!important}
.card .badge:nth-child(n+4){display:none!important}
.card .p-6.py-5{padding:18px 20px 22px!important}
.selected-items-block .mt-8 a,.selected-items-block .mt-8 button{padding:12px 22px!important;border-radius:10px!important;font-size:15px!important;font-weight:700!important;background:#B4471F!important;color:#FFFFFF!important}
.selected-items-block .mt-8 .bg-brand-text\/10{background:#2F6E55!important;color:#FFFFFF!important}
@media (min-width:1024px){
 .selected-items-block>.grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:24px!important}
 .section-block .selected-items-block>.grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:20px!important}
}
/* featured panel (section block) */
.section-block{border-radius:28px!important}
@media (min-width:1024px){.section-block{padding:44px!important}}
.section-block .card{border-color:transparent!important}

/* ---------- compact tiles: homepage image tiles + category cards ----------
   tinted background, 5px left strip, small arrow after the count; 4 rotating tints */
.image-tiles-block>.grid,.category-cards-block .grid{gap:12px!important}
.image-tiles-block a.group,.category-card{--mt:#FBEDE6;--ms:#B4471F}
.image-tiles-block a.group:nth-child(4n+2),.category-card:nth-child(4n+2){--mt:#E9F3EE;--ms:#2F6E55}
.image-tiles-block a.group:nth-child(4n+3),.category-card:nth-child(4n+3){--mt:#FAF3E1;--ms:#C99A2E}
.image-tiles-block a.group:nth-child(4n+4),.category-card:nth-child(4n+4){--mt:#F0F3E9;--ms:#7C8F5E}
.image-tiles-block a.group{aspect-ratio:auto!important;min-height:76px;border-radius:14px!important;background:var(--mt)!important;box-shadow:none!important;transition:transform .15s,box-shadow .15s!important}
.image-tiles-block a.group:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(31,43,38,.1)!important}
.image-tiles-block a.group::before,.category-card::before{content:"";position:absolute;z-index:1;left:0;top:0;bottom:0;width:5px;background:var(--ms)}
.image-tiles-block a.group>div.absolute{display:none!important}
.image-tiles-block a.group>.relative{height:auto!important;min-height:76px;justify-content:center!important;padding:14px 16px 14px 21px!important}
.image-tiles-block a.group h3{color:#1F2B26!important;font-family:var(--mew-fd)!important;font-size:18px!important;font-weight:700!important;letter-spacing:-.01em;line-height:1.25;margin:0!important;transform:none!important}
.image-tiles-block a.group h3+p{color:#56625C!important;font-size:14px!important;font-weight:600;margin-top:3px;display:block!important}
.image-tiles-block a.group h3+p::after,.category-card>div:nth-child(3)::after{content:"\203A";display:inline-block;margin-left:5px;color:var(--ms);font-weight:800;font-size:1.15em;line-height:1;transform:translateY(-.02em)}
.image-tiles-block a.group .absolute.bottom-6,.image-tiles-block a.group svg{display:none!important}
.category-card{background:var(--mt)!important;border:0!important;border-radius:14px!important;padding:14px 16px 14px 21px!important;text-align:left!important;position:relative;overflow:hidden;box-shadow:none!important;transition:transform .15s,box-shadow .15s!important}
.category-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(31,43,38,.1)!important}
.category-card .category-icon{display:none!important}
.category-card>div:nth-child(2){font-family:var(--mew-fd);font-size:16.5px!important;font-weight:700!important;line-height:1.25;color:#1F2B26!important}
.category-card>div:nth-child(3){margin-top:3px!important;font-size:13.5px!important;font-weight:600;color:#56625C!important;opacity:1!important}
@media (max-width:767px){
 .image-tiles-block>.grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
 .image-tiles-block a.group>.relative,.category-card{padding:12px 12px 12px 17px!important}
 .image-tiles-block a.group h3{font-size:16px!important}
 .category-card>div:nth-child(2){font-size:15px!important}
}

/* ---------- text, FAQ, CTA ---------- */
.text-block .prose{color:#56625C}
.text-block .prose h3{font-family:var(--mew-fd);font-weight:800;letter-spacing:-.02em;color:#1F2B26}
.text-block .prose p{line-height:1.7}
.accordion-block>div{grid-template-columns:1fr!important;gap:20px!important;max-width:860px}
.accordion-block h2{margin-bottom:0!important}
.accordion-block .md\:-mt-2{margin-top:0!important;border-top:1px solid #E6E9E4}
.accordion-block [data-headlessui-state].border-b{border-bottom:1px solid #E6E9E4!important}
.accordion-block [data-headlessui-state].border-b:last-child{border-bottom:1px solid #E6E9E4!important}
.accordion-block button{padding:20px 2px!important;align-items:center!important;gap:16px}
.accordion-block button span{font-weight:650!important;font-size:18px;opacity:1!important;color:#1F2B26}
.accordion-block button svg{margin-top:0!important;width:30px!important;height:30px!important;padding:6px;border-radius:50%;background:#F1F3EF;color:#1F2B26!important}
.accordion-block button+div,.accordion-block [id^=headlessui-disclosure-panel]{color:#56625C;max-width:720px;padding-bottom:20px}
.cta-block{background:#E9F3EE!important;border-radius:26px!important}
.cta-block>div{padding-top:52px!important;padding-bottom:52px!important}
.cta-block h2{color:#1F2B26!important}
.cta-block p{color:#56625C!important;opacity:1}
.cta-block button,.cta-block a{border-radius:10px!important;font-weight:700!important;box-shadow:none!important;background:#B4471F!important;color:#FFFFFF!important;padding:15px 26px!important;font-size:16px!important}
@media (min-width:768px){
 .blocks>.cta-block>div{max-width:none!important;display:grid;grid-template-columns:1fr auto;column-gap:32px;align-items:center;text-align:left!important;padding-left:56px!important;padding-right:56px!important}
 .blocks>.cta-block h2{grid-column:1;margin-bottom:10px!important}
 .blocks>.cta-block p{grid-column:1;margin:0!important;max-width:520px!important}
 .blocks>.cta-block>div>div:last-child{grid-column:2;grid-row:1/span 2;justify-content:flex-end!important}
}

/* ---------- global buttons + footer ---------- */
.bg-brand-button-bg{border-radius:10px}
.mt-20.pb-8>.border-t{border-color:#E6E9E4!important}
.mt-20.pb-8 p{color:#56625C!important;opacity:1!important;font-size:14px!important}
.mt-20.pb-8 nav a,.mt-20.pb-8 nav button:not(.bg-brand-button-bg){color:#1F2B26!important;opacity:.8}
.mt-20.pb-8 nav a:hover{opacity:1;color:#2F6E55!important}
.mt-20.pb-8 nav .bg-brand-button-bg{background:#2F6E55!important;box-shadow:none!important}

/* ---------- category pages ---------- */
h1{font-weight:800;letter-spacing:-.03em}
h1.text-4xl{font-family:var(--mew-fd)!important;font-weight:800!important;color:#1F2B26}
nav[aria-label=Breadcrumb] a,nav[aria-label=Breadcrumb] span{color:#56625C}
.break-all{word-break:normal!important;overflow-wrap:break-word!important;hyphens:manual!important}
.text-xl.break-all{font-size:18px!important;line-height:1.65!important;color:#56625C;max-width:820px;margin-top:14px}
.text-xl.break-all p{margin:0 0 14px}
.mb-20>h2.text-2xl{font-family:var(--mew-fd)!important;font-weight:800!important;font-size:26px!important;letter-spacing:-.02em}
.text-xl.break-all.mew-clamp>p:not(:first-child){display:none}
.text-xl.break-all.mew-clamp{margin-bottom:10px!important}
.mew-more{display:inline-flex;align-items:center;gap:6px;margin:0 0 8px;padding:0;background:none;border:0;font:700 15px var(--mew-fb);color:#B4471F;cursor:pointer}
.mew-more::after{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px)}
.mew-more[data-open]::after{transform:rotate(-135deg) translate(-2px,0)}
@media (max-width:767px){
 .text-xl.break-all{font-size:16px!important;line-height:1.6!important;margin-top:8px}
 h1.text-4xl{font-size:34px!important}
}

/* ---------- listing page ---------- */
[area=detail_page_main] h1{font-size:clamp(34px,4vw,46px)!important;line-height:1.08}
.detail-introduction{opacity:1!important;color:#56625C;font-size:20px!important;line-height:1.5}
[area=detail_page_main] .relative.rounded-lg.aspect-video img{border-radius:20px!important}
[area=detail_page_main] .slider img{border-radius:12px!important}
[area=detail_page_main] .heading-block h2,[area=detail_page_main] h2{font-size:clamp(24px,2.4vw,30px)!important;font-weight:800!important;letter-spacing:-.02em!important;text-transform:none!important}
[area=detail_page_main] dl{border-radius:18px}
[area=detail_page_main] .shadow-card-layered{box-shadow:none!important;border:1px solid #E6E9E4;border-radius:18px!important}
[area=detail_page_main] dt{color:#56625C!important}
.action-panel{border-radius:18px!important;border-color:#E6E9E4!important}
.action-panel a,.action-panel button{border-radius:10px!important;font-weight:700!important}
.action-panel .bg-brand-button-bg{background:#B4471F!important}
.callout-block{border-radius:18px!important;border-left-color:#2F6E55!important;background:#F6EFE6!important;box-shadow:none!important}
.callout-block h3{font-weight:800}
.callout-block button{background:#B4471F!important;box-shadow:none!important;border-radius:10px!important;font-weight:700!important}
.detail-reviews .shadow-layered{box-shadow:none!important;border:1px solid #E6E9E4;border-radius:18px!important;background:#FFFFFF!important}
.detail-reviews button.bg-brand-button-bg{background:#B4471F!important;box-shadow:none!important}

/* facts line + booking row (custom HTML blocks: <div class="mew-facts"></div>, <div class="mew-book"></div>) */
.mew-facts{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin:8px 0 2px;font-size:15px;color:#56625C;font-weight:600}
.mew-facts:empty,.mew-book:empty{display:none}
.mew-facts .mew-sep{color:#CBD3CC}
.mew-facts a{color:#2F6E55;text-decoration:none}
.mew-facts a:hover{text-decoration:underline}
.mew-facts .mew-mich{background:#FBE9E1;color:#9A3A17;border-radius:999px;padding:3px 10px;font-size:13px;font-weight:700}
.mew-book{margin:4px 0 6px}
.mew-book .action-panel{display:block!important;background:#FFFFFF}
body.mew-pm .action-panel:not(.mew-panel-copy){display:none!important}
.mew-book:not(:has(.action-panel)){display:none}

/* claim CTA inside listing main column: keep it in the column */
.flex-1>.blocks .cta-block{left:auto!important;right:auto!important;margin-left:0!important;margin-right:0!important;width:auto!important;border-radius:22px!important}
.flex-1>.blocks .cta-block>div{padding:40px 28px!important;display:block!important;text-align:center!important}
.flex-1>.blocks .cta-block h2{font-size:clamp(26px,3vw,34px)!important}