/* Wine Go Where theme v1 ("Cellar Door", 14 Oct 2026): cream #F6F0E8, ink #2A1418, claret #7A1F35, gold #A8823F. Fraunces + Inter. Structure follows Climb/Pickleball Go Where. */
html:root{--bg:#F6F0E8;--surfaceBg:#FFFFFF;--text:42 20 24;--headerBg:#F6F0E8;--headerBorder:#E6DACB;--headerColor:#2A1418;--searchBarBg:#FFFFFF;--searchBarBorder:#E6DACB;--searchBarColor:#5E4A4D;--filtersBg:#FFFFFF;--filtersColor:#2A1418;--filtersInputColor:#2A1418;--filtersInputBg:#F6F0E8;--filtersInputBorder:#E6DACB;--filtersTagBg:#F1E6DE;--filtersTagColor:#2A1418;--inputBg:#FFFFFF;--inputBorder:#E6DACB;--inputColor:#2A1418;--highlightsPrimary:#7A1F35;--highlightsSecondary:#2A1418;--buttonBg:122 31 53;--buttonHoverBg:#5E1628;--buttonColor:#FFFFFF;--cardBg:255 255 255;--cardBorder:#E6DACB;--cardTagBg:#F1E6DE;--cardTagColor:#2A1418;--cardTagBorder:#F1E6DE;--cardColor:42 20 24;--cardColorLight:#7A6A6C;--cardFeatureTitle:#7A1F35;--font-sans:'Inter';--font-display:'Fraunces'}
body{background:#F6F0E8!important;color:#2A1418;font-family:'Inter',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
h1,h2,h3,.font-display{font-family:'Fraunces',Georgia,serif!important;font-weight:600!important;letter-spacing:-.02em!important;font-optical-sizing:auto}
h1 em,h2 em,.pgw-hl{font-style:italic;color:#7A1F35}
p,li,span,div,h1,h2,h3,h4,h5,h6{word-break:normal!important;overflow-wrap:break-word!important;hyphens:none!important;-webkit-hyphens:none!important}
a{text-underline-offset:3px}
.content-icon{display:none!important}
.pgw-hide{display:none!important}
button,.btn,.bg-brand-button-bg{border-radius:999px!important}
.cta-block h2,.heading-block h2,.selected-items-block h2,.pgw-where h2,.pgw-styles h2,.pgw-offers h2,.text-block h2,.accordion-block h2{font-weight:600!important}
.bg-brand-button-bg{background:#7A1F35!important;color:#fff!important;font-weight:600!important;box-shadow:none!important}
.bg-brand-button-bg:hover{background:#5E1628!important}

/* Header */
header{background:#F6F0E8!important;border-bottom:1px solid #E6DACB!important}
.frontend-type:has(.hero) header{position:absolute;background:#F6F0E8!important;border-bottom:1px solid #E6DACB!important}
header .h-20{height:84px}
@media(min-width:1024px){header nav.hidden{display:flex!important}header .xl\:hidden{display:none!important}}
header nav a,header nav a *,header nav button,header nav button *{font-weight:600!important;font-size:15.5px!important;color:#2A1418!important}
header .bg-brand-button-bg{padding:10px 20px!important;font-size:15px!important;color:#fff!important}
header nav .bg-brand-button-bg,header nav .bg-brand-button-bg *{color:#fff!important}
header [role=menu]{border-radius:16px!important;border:1px solid #E6DACB!important;box-shadow:0 18px 40px -20px rgba(42,20,24,.35)!important}
header [role=menu] a,header [role=menu] button{color:#2A1418!important;font-weight:500!important}
header [role=menu] a:hover{background:#F1E6DE!important}
header button[aria-label="Toggle menu"]{color:#2A1418!important}
header .fixed.inset-0.bg-brand-card-bg{background:#F6F0E8!important}
header .fixed.inset-0.bg-brand-card-bg nav a,header .fixed.inset-0.bg-brand-card-bg nav button{font-size:18px!important;border-bottom:1px solid #E6DACB}
header .absolute.w-72.bg-brand-card-bg{background:#FFFFFF!important;border:1px solid #E6DACB!important;border-radius:18px!important;overflow:hidden}
header .absolute.w-72.bg-brand-card-bg nav a,header .absolute.w-72.bg-brand-card-bg nav button{padding:12px 18px!important;border-bottom:1px solid #F0E7DC}
header nav div>button:has(+div:not([style*="none"])){border-radius:20px 20px 0 0!important;background:rgba(42,20,24,.06)!important}
header nav div>button+div{border-radius:0 0 20px 20px!important;background:rgba(42,20,24,.06)!important;padding:2px 0 8px!important;overflow:hidden}
header nav div>button+div a{border-radius:12px!important;margin:0 6px}

/* Wordmark drawn in CSS so it is there on first paint */
header a[href="/"]{display:flex!important;align-items:center;gap:10px;padding-left:46px;min-height:36px;color:#2A1418!important;background:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 34 34"%3E%3Ccircle cx="17" cy="17" r="17" fill="%237A1F35"/%3E%3Cpath d="M11 8h12c0 7-2 11-6 11s-6-4-6-11z" fill="%23F6F0E8"/%3E%3Crect x="16" y="19" width="2" height="6" fill="%23F6F0E8"/%3E%3Crect x="12.5" y="25" width="9" height="2" rx="1" fill="%23F6F0E8"/%3E%3C/svg%3E') left center/36px 36px no-repeat;font:600 25px/1 'Fraunces',Georgia,serif;letter-spacing:-.02em;white-space:nowrap}
header a[href="/"]>*{display:none!important}
header a[href="/"]::before{content:'wine';color:#2A1418}
header a[href="/"]::after{margin-left:-10px;content:'gowhere';color:#2A1418;padding-left:.4em;background:radial-gradient(circle,#A8823F 0 46%,transparent 50%) .08em 60%/.24em .24em no-repeat}

/* Hero: centred */
body:has(.hero-search-bar) .header-search-block{display:none!important}
.hero{background:#F6F0E8!important;color:#2A1418!important;padding-top:84px!important;position:relative;isolation:isolate}
.hero::after{content:none!important;display:none!important}
.hero .lg\:h-\[30rem\]{height:auto!important;min-height:0!important;padding:64px 0 36px!important;justify-content:center;align-items:center;text-align:center}
.hero .lg\:h-\[30rem\]>div{width:100%!important;max-width:1000px!important;padding:0!important;margin:0 auto!important;display:flex;flex-direction:column;align-items:center}
.hero h1::before{content:'Wine bars \00B7  Southeast Asia and beyond';display:block;margin:0 0 22px;font:600 12.5px/1.2 'Inter',sans-serif;letter-spacing:.22em;text-transform:uppercase;color:#A8823F;background:none}
.hero h1{font-size:98px!important;line-height:.98!important;max-width:980px!important;margin:0 auto!important;color:#2A1418!important;text-wrap:balance}
.hero h1 .pgw-hl{display:inline!important}
.hero p{max-width:580px!important;margin:24px auto 0!important;font-size:19px!important;line-height:1.55!important;color:#5E4A4D!important;opacity:1!important}
.hero-search-bar{background:#fff!important;border-radius:999px!important;margin:30px auto 0!important;width:100%;max-width:580px!important;border:1px solid #E6DACB;box-shadow:0 24px 48px -32px rgba(42,20,24,.45)!important;padding:5px!important}
.hero-search-bar .max-w-xl{max-width:none}
.hero-search-bar input{border:0!important;border-radius:999px!important;height:54px!important;font-size:17px!important;padding-left:50px!important;color:#2A1418!important;background:#fff!important}
.hero-search-bar .search--icons{left:22px!important;color:#7A6A6C!important}
.hero-search-bar .shortcut{display:none!important}
.hero-search-bar .absolute.right-4{right:4px!important}
.hero-search-bar .search--button{height:48px!important;padding:0 28px!important;font-size:16px!important;font-weight:600!important;background:#2A1418!important}
.hero-search-bar .search--button:hover{background:#7A1F35!important}
@media(max-width:1279px){.hero h1{font-size:80px!important}}
@media(max-width:1023px){.hero .lg\:h-\[30rem\]{padding:44px 0 26px!important;flex-direction:column}.hero h1{font-size:64px!important}}
@media(max-width:767px){header .h-20{height:72px}header a[href="/"]{font-size:20px;padding-left:40px;background-size:30px 30px}.hero{padding-top:72px!important}
 .hero .lg\:h-\[30rem\]{padding:34px 0 18px!important}.hero h1{font-size:44px!important;line-height:1!important}.hero p{font-size:16.5px!important}.hero h1::before{font-size:11px;letter-spacing:.16em;margin-bottom:16px}
 .hero-search-bar input{font-size:16px!important;padding-left:44px!important;height:50px!important}.hero-search-bar .search--button{padding:0 18px!important;height:44px!important}}

/* Photo band under the hero */
.pgw-band{display:grid;grid-template-columns:1.2fr 1fr 1.2fr;gap:14px;margin-top:-8px}
.pgw-band a{display:block;position:relative;overflow:hidden;border-radius:18px;height:320px;background:#E9DDD0}
.pgw-band a:nth-child(2){border-radius:220px 220px 18px 18px}
.pgw-band img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s}
.pgw-band a:hover img{transform:scale(1.035)}
.pgw-band span{position:absolute;left:12px;bottom:12px;background:rgba(246,240,232,.95);border-radius:9px;padding:7px 11px;font-size:12.5px;line-height:1.3;color:#2A1418;font-weight:600;opacity:0;transform:translateY(4px);transition:.25s}
.pgw-band span i{font-style:normal;color:#7A6A6C;font-weight:500}
.pgw-band a:hover span{opacity:1;transform:none}
@media(max-width:767px){.pgw-band{grid-template-columns:1fr 1fr;gap:10px}.pgw-band a{height:190px}.pgw-band a:nth-child(2){grid-column:1/3;order:-1;height:230px}.pgw-band span{opacity:1;transform:none}}

/* Section heads */
.heading-block h2,.accordion-block h2,.selected-items-block h2,.text-block h2,.pgw-where h2,.pgw-styles h2,.pgw-offers h2{font-size:48px!important;line-height:1.04!important;color:#2A1418!important}
.heading-block p{color:#7A6A6C!important;opacity:1!important;font-size:17px!important}
.pgw-sh{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin:0 0 22px}
.pgw-sh h2{margin:0!important}
.pgw-sh a{flex:none;color:#7A1F35!important;font-weight:700;font-size:15px;text-decoration:none;padding-bottom:6px}
.pgw-sh a:hover{text-decoration:underline;text-decoration-color:#7A1F35;text-decoration-thickness:2px}

/* City tiles */
.pgw-where{padding-top:8px}
.pgw-where .tiles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.pgw-where .tiles a{position:relative;display:block;text-decoration:none;color:#2A1418!important}
.pgw-where .ph{display:block;height:200px;border-radius:16px;overflow:hidden;background:#E9DDD0}
.pgw-where .ph img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}
.pgw-where .tiles a:hover img{transform:scale(1.04)}
.pgw-where .tiles a>span.lb{position:absolute;left:10px;bottom:10px;display:flex;flex-direction:column;background:#F6F0E8;border-radius:10px;padding:8px 12px;box-shadow:0 8px 20px -14px rgba(42,20,24,.6)}
.pgw-where .tiles a>span.lb b{font:600 16px/1.2 'Fraunces',Georgia,serif;letter-spacing:-.005em}
.pgw-where .tiles a>span.lb i{font-style:normal;font-size:12.5px;line-height:1.2;margin-top:2px;color:#7A6A6C}
.pgw-where .cities{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px 22px;margin-top:26px;padding-top:20px;border-top:1px solid #E6DACB;font-size:16px}
.pgw-where .cities b{font:700 13px 'Inter',sans-serif;text-transform:uppercase;letter-spacing:.14em;color:#7A1F35;margin:0 4px 0 0}
.pgw-where .cities a{color:#2A1418!important;font-weight:600;text-decoration:none;border-bottom:2px solid #C9A462}
.pgw-where .cities a:hover{color:#7A1F35!important;border-color:#7A1F35}
.pgw-where sup{font-size:12px;color:#7A6A6C;font-weight:600;margin-left:3px}
@media(max-width:1023px){.pgw-where .tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:767px){.pgw-where .tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pgw-where .ph{height:150px}.pgw-where .tiles a>span.lb{left:8px;bottom:8px;padding:6px 9px}.pgw-where .tiles a>span.lb b{font-size:14px}}

/* Play-style chips */
.pgw-styles{padding-top:16px}
.pgw-styles h2{margin:0}
.pgw-styles p{margin:8px 0 22px;color:#7A6A6C;font-size:17px}
.pgw-styles .chips{display:flex;flex-wrap:wrap;gap:12px}
.pgw-styles .chips a{padding:11px 20px;border-radius:999px;font-weight:600;font-size:15.5px;text-decoration:none;color:#2A1418!important;background:#fff;border:1px solid #E6DACB;transition:transform .15s,background .15s}
.pgw-styles .chips a.c1{background:#7A1F35;border-color:#7A1F35;color:#fff!important}
.pgw-styles .chips a:hover{background:#7A1F35!important;border-color:#7A1F35;color:#fff!important;transform:translateY(-2px)}

/* Drop-in rows */
.pgw-offers{display:grid;grid-template-columns:360px minmax(0,1fr);gap:56px;padding-top:24px}
.pgw-offers h2{margin:0}
.pgw-offers .hd p{color:#7A6A6C;font-size:17px;line-height:1.55;margin-top:14px}
.pgw-offers .rows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.pgw-offers .rows a{display:grid;grid-template-columns:120px minmax(0,1fr);gap:16px;align-items:center;background:#fff;border:1px solid #E6DACB;border-radius:16px;padding:12px;text-decoration:none;color:#2A1418!important;transition:box-shadow .2s,transform .2s}
.pgw-offers .rows a:hover{box-shadow:0 18px 40px -24px rgba(42,20,24,.5);transform:translateY(-2px)}
.pgw-offers img{width:120px;height:96px;object-fit:cover;border-radius:12px;display:block}
.pgw-offers span{display:flex;flex-direction:column;gap:3px;min-width:0}
.pgw-offers small{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#7A1F35}
.pgw-offers b{font:600 19px/1.2 'Fraunces',Georgia,serif;letter-spacing:-.02em}
.pgw-offers i{font-style:normal;font-size:14px;line-height:1.4;color:#7A1F35;font-weight:600}
@media(max-width:1023px){.pgw-offers{grid-template-columns:1fr;gap:20px}}
@media(max-width:767px){.heading-block h2,.accordion-block h2,.selected-items-block h2,.text-block h2,.pgw-where h2,.pgw-styles h2,.pgw-offers h2,.cta-block h2{font-size:34px!important}.pgw-sh{flex-wrap:wrap}
 .pgw-styles .chips a{padding:10px 16px;font-size:15px}.pgw-offers .rows{grid-template-columns:1fr}.pgw-offers .rows a{grid-template-columns:96px minmax(0,1fr)}.pgw-offers img{width:96px;height:84px}}

/* Cards */
.card{border-radius:16px!important;border:1px solid #E6DACB!important;box-shadow:none!important;overflow:hidden;background:#fff!important;transition:transform .2s,box-shadow .2s,border-color .2s}
.card:hover{box-shadow:0 20px 44px -26px rgba(42,20,24,.5)!important;transform:translateY(-3px);border-color:#D6C6B4!important}
.card .aspect-video{aspect-ratio:4/3}
.card .p-6,.card .p-5{padding:16px 18px 20px!important}
.card h2.title,.card h3,.card h2{font-family:'Fraunces',Georgia,serif!important;font-weight:600!important;font-size:20px!important;line-height:1.2!important;letter-spacing:-.02em!important;-webkit-line-clamp:2!important;color:#2A1418}
.card .intro,.card .leading-5{opacity:1!important;color:#7A6A6C!important;font-size:14.5px;line-height:1.45!important}
.card .badge{opacity:1!important;background:#F1E6DE!important;border:0!important;border-radius:999px!important;color:#2A1418!important;font-weight:600!important}
.card [type=tags] .overflow-auto{flex-wrap:wrap}.card .badge:nth-child(n+4){display:none}
.card .footer{display:none!important}
@media(min-width:1100px){.selected-items-block .grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:20px!important}}
.selected-items-block a.bg-brand-button-bg,.selected-items-block .bg-brand-button-bg{padding:13px 26px!important;font-size:15px!important}

/* Why, text, FAQ, CTA */
.section-block{background:#EFE3D8!important;border-radius:24px!important}
.section-block h3{font-size:22px!important;color:#2A1418}
.section-block .prose,.section-block p{color:#5E4A4D!important}
.text-block .prose{color:#5E4A4D}
.text-block .prose p+p{margin-top:.8em}
.accordion-block>div>.mx-auto{display:flex;flex-direction:column;gap:12px}
.accordion-block [data-headlessui-state]{background:#fff;border:1px solid #E6DACB!important;border-radius:14px!important}
.accordion-block [data-headlessui-state] button span{font-weight:700!important;opacity:1!important;font-size:18px!important;color:#2A1418}
.accordion-block [data-headlessui-state] svg{color:#7A1F35!important}
.cta-block,.cta-block>div{background:#2A1418!important;border-radius:24px!important;color:#fff!important}
.cta-block h2{color:#fff!important;font-size:42px!important}
.cta-block h2 em{color:#D9B26B;background:none}
.cta-block p{color:#D9CCC9!important;opacity:1!important}
.cta-block button,.cta-block a{background:#D9B26B!important;color:#2A1418!important;font-weight:600!important;padding:15px 28px!important}
.cta-block button:hover,.cta-block a:hover{background:#E8C98D!important}
@media(max-width:767px){.section-block,.cta-block,.cta-block>div{border-radius:20px!important}}

/* Category pages */
.-mt-4.mb-12 .text-xl p+p{margin-top:.8em}
h1.text-4xl:not(.hero h1){font-size:60px!important;line-height:1.02!important;color:#2A1418;margin-bottom:16px!important}
@media(max-width:767px){h1.text-4xl:not(.hero h1){font-size:38px!important}}
.pgw-clampd:not(.open)>.text-xl{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;margin-bottom:0!important}
.pgw-clampd:not(.open)>.text-xl p{display:inline}
.pgw-clampd:not(.open){cursor:pointer}
.pgw-clampd:not(.open)::after{content:'Read more \2193';display:block;margin-top:10px;font:700 14px/1.4 'Inter',sans-serif;color:#7A1F35}
.category-card{border-radius:16px!important;border:1px solid #E6DACB!important;background:#fff!important}
.category-card:hover{background:#F1E6DE!important}
.category-card *{color:#2A1418!important}
.image-tiles-block .grid{gap:14px!important}
.image-tiles-block a{border-radius:16px!important}

/* Listing pages */
.detail-introduction{opacity:1!important;color:#5E4A4D;font-size:20px!important}
[area=detail_page_main] dl{border-radius:18px;background:#fff;border:1px solid #E6DACB!important}
[area=detail_page_main] h2{font-size:30px!important}
[area=detail_page_main] img{border-radius:20px!important}
.action-panel{background:#fff!important;border:1px solid #E6DACB!important;border-radius:18px!important;padding:22px!important}
.action-panel>p{font:600 19px/1.4 'Fraunces',Georgia,serif!important;color:#2A1418!important}
.action-panel a,.action-panel button{border-radius:999px!important;height:46px}
.action-panel .grid-cols-1 a{background:#7A1F35!important;color:#fff!important;border:0!important;font-weight:700!important;font-size:16px!important;height:52px}
.pgw-side-h{font:700 13px 'Inter',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#7A1F35;margin:22px 0 6px}
.custom-fields-wrap dd .flex.flex-col{display:block!important}
.custom-fields-wrap dd .flex.flex-col>span{display:inline;margin-right:.3em}
.callout-block{background:#EFE3D8!important;border:0!important;border-radius:18px!important}
.callout-block h3{font-size:24px!important;margin:6px 0 10px!important}
.cta-block[area=detail_page_main]{position:static!important;left:auto!important;right:auto!important;margin-left:0!important;margin-right:0!important;width:auto!important;background:transparent!important}
.cta-block[area=detail_page_main]>div,.cta-block[area=detail_page_main] .max-w-4xl{background:#EFE3D8!important;border-radius:18px!important;max-width:none!important;padding:32px 36px!important;text-align:left!important}
.cta-block[area=detail_page_main] h2{color:#2A1418!important;font-size:26px!important}
.cta-block[area=detail_page_main] p{color:#5E4A4D!important}
.cta-block[area=detail_page_main] .flex-wrap{justify-content:flex-start!important}
.cta-block[area=detail_page_main] button,.cta-block[area=detail_page_main] a{background:#7A1F35!important;color:#fff!important}
h1+span.bg-gray-100.rounded-full{display:none!important}

/* Browse */
.review-rating-filter{display:none!important}

/* Footer */
.pgw-ft{background:#2A1418!important;border-top:0!important;border-image:linear-gradient(#2A1418,#2A1418) fill 0//0 100vmax;margin-top:64px!important;padding-top:4px}
.pgw-ft a,.pgw-ft p,.pgw-ft span,.pgw-ft button{color:#D9CCC9!important}
.pgw-ft a:hover{color:#D9B26B!important}
.pgw-ft .border-t{border-top:0!important}
.pgw-ft .bg-brand-button-bg{background:#7A1F35!important}
.pgw-ft .bg-brand-button-bg,.pgw-ft .bg-brand-button-bg *{color:#fff!important}

/* v2 (13 Oct): accordion padding, balanced CTA heading, lighter category intro */
.accordion-block [data-headlessui-state] button{padding:18px 22px!important}
.accordion-block [data-headlessui-state]>div:not(:first-child),.accordion-block [data-headlessui-state] [id^=headlessui-disclosure-panel]{padding:0 22px 20px!important}
.cta-block h2{text-wrap:balance}
.-mt-4.mb-12>.text-xl{font-size:18px!important;line-height:1.6!important;color:#5E4A4D}
.card .aspect-video img,.card img.object-cover{transition:transform .5s}
.card:hover .aspect-video img{transform:scale(1.03)}

/* v2 (14 Oct): hide action-panel buttons with no link; tighten wordmark dot */
.action-panel .grid-cols-1:has(button[disabled]){display:none!important}
.action-panel .grid-cols-2 [data-calendar-menu]:has(button[disabled]),.action-panel .grid-cols-2>button[disabled]{display:none!important}
.action-panel .grid-cols-2:not(:has(> :not([style*="none"]):not(:has(button[disabled])))){display:none!important}
header a[href="/"]::after{padding-left:.3em!important}