@charset "UTF-8";
/* craftbeergowhere.com: all site styles in one file (11 Oct 2026) = craft.css + craftbeer-site.css + the hero-gutter fix that was inline in the head, in that order. Edit this file, not the old ones. */
/* Fonts: self-hosted on img.pubgowhere.com and preloaded in the head (11 Oct 2026), replacing the Google Fonts link.
   The 'Fallback' faces are Arial resized to Anton / Work Sans widths, so text doesn't jump when the real font arrives. */
@font-face{font-family:'Anton';font-style:normal;font-weight:400;font-display:swap;src:url(https://img.pubgowhere.com/fonts/cbgw-anton-latin-v27.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Work Sans';font-style:normal;font-weight:400 700;font-display:swap;src:url(https://img.pubgowhere.com/fonts/cbgw-worksans-latin-v24.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Anton Fallback';src:local('Arial'),local('Liberation Sans'),local('Arimo'),local('Helvetica');size-adjust:68.17%;ascent-override:172.55%;descent-override:48.28%;line-gap-override:0.00%}
@font-face{font-family:'Work Sans Fallback';src:local('Arial'),local('Liberation Sans'),local('Arimo'),local('Helvetica');size-adjust:111.52%;ascent-override:83.39%;descent-override:21.79%;line-gap-override:0.00%}
/* Craft Beer Go Where theme (Can Label). Served from img.pubgowhere.com and linked from the Listable head script.
   Moved out of the head/footer scripts on 30 Sep 2026: footer CSS arrived last, so the header and cards jumped on load. */
html:root{--bg:#EEE8DC;--surfaceBg:#FFFFFF;--text:27 36 51;--headerBg:#EEE8DC;--headerBorder:#1B2433;--headerColor:#1B2433;--searchBarBg:#FFFFFF;--searchBarBorder:#1B2433;--searchBarColor:#1B2433;--filtersBg:#FFFFFF;--filtersColor:#1B2433;--filtersInputColor:#1B2433;--filtersInputBg:#FFFFFF;--filtersInputBorder:#1B2433;--filtersTagBg:#E4DCCB;--filtersTagColor:#1B2433;--inputBg:#FFFFFF;--inputBorder:#1B2433;--inputColor:#1B2433;--highlightsPrimary:#B4471F;--highlightsSecondary:#1B2433;--buttonBg:180 71 31;--buttonHoverBg:#8F3716;--buttonColor:#FFFFFF;--cardBg:255 255 255;--cardBorder:#1B2433;--cardTagBg:#E4DCCB;--cardTagColor:#1B2433;--cardTagBorder:#E4DCCB;--cardColor:27 36 51;--cardColorLight:#5A6272;--cardFeatureTitle:#B4471F;--font-sans:'Work Sans','Work Sans Fallback';--font-display:'Anton','Anton Fallback'}
body{background:#EEE8DC!important;color:#1B2433;font-family:'Work Sans','Work Sans Fallback',system-ui,sans-serif}
h1,h2,h3,.font-display{font-family:'Anton','Anton Fallback',Impact,sans-serif!important;font-weight:400!important;letter-spacing:.01em}
/* Kept from the previous design: stop mid-word breaks on mobile */
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}
.content-icon{display:none!important}
/* Kept: hide duplicate sidebar review summary below xl */
@media (max-width:1279px){.review-overview{display:none!important}}
/* Kept: category tagline spacing under the map */
.max-w-6xl.mx-auto .-mt-4.mb-12{margin-top:1.5rem!important}
.hero{background:#E4DCCB!important;color:#1B2433!important}.hero picture,.hero .darkener{opacity:0}
/* Long category intros: show the opening lines, rest behind Read more (full text stays in the page for SEO) */
.cbgw-clamp{position:relative}
.cbgw-clamp:not(.open)>*:not(:first-child){display:none!important}
.cbgw-clamp:not(.open)>*:first-child{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;margin-bottom:0!important}
.cbgw-dup{display:none!important}
.cbgw-clampd:not(.open)>.text-xl{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;margin-bottom:0!important}
.cbgw-clamp:not(.open),.cbgw-clampd:not(.open){cursor:pointer}
.cbgw-clamp:not(.open)::after,.cbgw-clampd:not(.open)::after{content:'Read more \2193';display:block;margin-top:10px;font:700 14px/1.4 'Work Sans','Work Sans Fallback',sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#A8431D}
.cbgw-clamp:not(.open):hover::after{text-decoration:underline}
@media(max-width:767px){body:not(:has(.hero)) .text-block .prose-lg,.-mt-4.mb-12>.text-xl{font-size:16px!important;line-height:1.6!important}}
/* Cards: let the Verified Owner badge sit over the top edge; hover lift only on real pointers */
.card{overflow:visible!important}
@media(hover:none){.card:hover{transform:none!important;box-shadow:none!important}}
.card h2.title{-webkit-line-clamp:2!important;white-space:normal!important}
/* Your area: tiles sit right under the country tabs; no stuck tap shadow on phones */
.custom-html-block:has(.cbgw-ps){margin-top:0!important}.cbgw-p{padding-top:16px!important}
@media(hover:none){.cbgw-p .g a:hover{transform:none!important;box-shadow:none!important}}
/* Category maps: shorter on phones */
@media(max-width:767px){.item-map-block .h-\[560px\]{height:300px!important}}
/* Footer: full-width background without clipping, so the "More" menu can open upwards (overrides the footer script) */
.cbgw-ft{box-shadow:0 100vmax 0 100vmax #E4DCCB!important;clip-path:none!important}
/* Formerly in the footer script */
header{background:#EEE8DC!important;border-bottom:2px solid #1B2433}header a[href="/"],header [style*="color"]{color:#1B2433!important}header a[href="/"]{font-family:'Anton','Anton Fallback',Impact,sans-serif;font-size:26px!important;letter-spacing:.03em!important;text-transform:uppercase}header a[href="/"]>span:first-child{width:1.15em!important;height:1.15em!important;margin-right:.45rem!important;background:url("https://iili.io/CbU9fZN.png") center/contain no-repeat!important}header a[href="/"]>span:first-child>*{display:none!important}header nav a,header .header-link{font-weight:600!important;letter-spacing:.04em}.bg-brand-button-bg,button,.btn{border-radius:2px!important;box-shadow:none!important}header .bg-brand-button-bg{background:#1B2433!important;color:#fff!important;text-transform:uppercase;font-size:13px!important;letter-spacing:.06em;padding:10px 16px!important}header button[aria-label="Toggle menu"]{color:#1B2433!important}.card{background:#fff!important;border:2px solid #1B2433!important;border-radius:2px!important;box-shadow:none!important;overflow:hidden;transition:transform .15s,box-shadow .15s}.card:hover{transform:translateY(-2px);box-shadow:4px 4px 0 #1B2433!important}.card .aspect-video{aspect-ratio:4/3;border-bottom:2px solid #1B2433}.card img{border-radius:0!important}.card h2.title,.card h3{font-family:'Anton','Anton Fallback',Impact,sans-serif!important;font-weight:400!important;font-size:22px!important;line-height:1.15!important;letter-spacing:.01em;text-transform:uppercase}.card .badge,.card [class*="rounded-full"]{border-radius:2px!important}.card .intro{opacity:1!important;color:#5A6272!important}.accordion-block [data-headlessui-state]{border-color:#CFC6B3!important}.accordion-block [data-headlessui-state] button span{font-weight:600!important;opacity:1!important}.accordion-block [data-headlessui-state] svg{color:#B4471F!important}.cbgw-ft{background:#E4DCCB!important;border-top:2px solid #1B2433!important;box-shadow:0 0 0 100vmax #E4DCCB;clip-path:inset(0 -100vmax -100vmax)}.detail-introduction{opacity:1!important;color:#4A5262;font-size:20px!important}[area=detail_page_main] dl{background:#fff;border:2px solid #1B2433;border-radius:2px}.action-panel{background:#fff!important;border:2px solid #1B2433!important;border-radius:2px!important}.action-panel a,.action-panel button{border-radius:2px!important}.image-tiles-block a{border-radius:2px!important;border:2px solid #1B2433}@media (max-width:767px){header a[href="/"]{font-size:20px!important}}

/* Logo: styled from the platform's own site-name text in CSS (no script swap, so no jump on load).
   The platform text is hidden and "Craft Beer" + rust "Go Where" are drawn in its place. */
header a[href="/"]>span.font-semibold{font-size:0!important;font-weight:400!important;white-space:nowrap;letter-spacing:0!important}
header a[href="/"]>span.font-semibold::before,header a[href="/"]>span.font-semibold::after{letter-spacing:.03em}
header a[href="/"]>span.font-semibold::before{content:"Craft Beer\00a0";font-size:26px}
header a[href="/"]>span.font-semibold::after{content:"Go Where";color:#B4471F;font-size:26px}
@media (max-width:767px){header a[href="/"]>span.font-semibold::before,header a[href="/"]>span.font-semibold::after{font-size:20px}}

/* Logo alignment (1 Oct 2026): tighten the text line box so the glass centres on the lettering */
header a[href="/"]>span.font-semibold{line-height:1!important;display:inline-flex!important;align-items:center}
header a[href="/"]>span.font-semibold::before,header a[href="/"]>span.font-semibold::after{line-height:1!important}

/* Menu tidy-up (Oct 2026): an open dropdown and its list read as one panel */
header nav div>button:has(+div:not([style*="none"])){border-radius:8px 8px 0 0!important;background:rgba(27,36,51,.05)!important}
header nav div>button+div{border-radius:0 0 8px 8px!important;background:rgba(27,36,51,.05)!important;padding:2px 0 8px!important;overflow:hidden}
header nav div>button+div a{border-radius:6px!important}

/* ---- was craftbeer-site.css ---- */

/* craftbeergowhere.com site styles. Moved out of the Listable head/footer boxes on 8 Oct 2026. Edit here, upload, then bump ?v= in the head. */
.card,.category-card{border:0!important;border-radius:14px!important;box-shadow:0 1px 3px #1b243314!important;transition:.15s!important}
.card:hover,.category-card:hover{transform:translateY(-3px)!important;box-shadow:0 10px 24px #1b24331f!important}
.card .aspect-video{border-bottom:0!important}
.card .badge,.card [class*="rounded-full"]{border-radius:999px!important}
.cbgw-rate{position:absolute;right:16px;top:0;transform:translateY(-50%);margin-top:-4px;z-index:10;display:inline-flex;align-items:center;gap:3px;font-size:12px;font-weight:700;padding:4px 10px;border-radius:999px;background:#FBE9E0;color:#B4471F;border:1px solid #b4471f38;white-space:nowrap}
.category-cards-block .grid{gap:10px!important}
.category-card{padding:14px 16px!important;text-align:left!important;position:relative;aspect-ratio:auto!important;align-items:start!important;justify-content:start!important}
.category-icon{display:none!important}
.category-card>.font-bold{font-size:15px;line-height:1.25;padding-right:18px}
.category-card>.text-sm{font-size:12px;color:#B4471F;font-weight:600}
.category-card::after{content:'→';position:absolute;right:14px;top:14px;color:#B4471F;font-weight:700}
.item-map-block{margin-bottom:40px!important;display:block!important}
.text-block:has(.cbgw-evlink){margin-bottom:40px!important}
.cbgw-evlink{margin:0!important}
.cbgw-evlink a{display:flex;align-items:center;gap:12px;background:#fff;border-radius:14px;box-shadow:0 1px 3px #1b243314;padding:14px 16px;color:#1B2433!important;text-decoration:none!important;font:400 min(20px,4.6vw)/1.2 Anton,'Anton Fallback',sans-serif}
.cbgw-evlink a:hover{transform:translateY(-2px);box-shadow:0 10px 24px #1b24331f}
.cbgw-evlink a::before{content:'';flex:none;width:44px;height:44px;border-radius:12px;background:#FBE9E0 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23B4471F' stroke-width='2'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M3 10h18M8 3v4M16 3v4'/%3E%3C/svg%3E") center/22px no-repeat}
div.mb-20:has(>.category-cards-block){margin-bottom:16px!important}
html.cbgw-ev .blocks>.post-list-block~.post-list-block{display:none}
html.cbgw-ev .blocks>.post-list-block.cbgw-on{display:block}
html.cbgw-pick .blocks>.post-list-block[data-bar]{display:none}
.cbgw-evbar{display:flex;flex-wrap:wrap;gap:8px}
.cbgw-evbar button{font:600 14px/1 'Work Sans','Work Sans Fallback',sans-serif;padding:9px 14px;border-radius:999px;border:1px solid #1b24332e;background:#fff;color:#1B2433;cursor:pointer}
.cbgw-evbar button span{opacity:.55;font-weight:500}
.cbgw-evbar button.on{background:#1B2433;border-color:#1B2433;color:#fff}

/* Homepage styles (hero, stats strip, Your area, Tap kings, section headings). Moved here from the homepage Custom HTML blocks on 10 Oct 2026:
   in the blocks they arrived after the hero had painted, which made the page jump (CLS 0.28). Source of truth is now this file. */
html .cbgw-strip{position:relative;left:50%;width:100vw;margin-left:-50vw;margin-top:-48px;background:#B4471F;display:flex;justify-content:space-between;gap:24px;padding:14px max(56px,calc((100vw - 1400px)/2));box-sizing:border-box;overflow-x:auto}html .cbgw-strip a{font-family:'Anton','Anton Fallback',Impact,sans-serif;font-size:22px;letter-spacing:.08em;text-transform:uppercase;color:#fff!important;text-decoration:none;white-space:nowrap}html .cbgw-strip a:hover{text-decoration:underline}html .cbgw-strip span{opacity:.85}@media(max-width:767px){html .cbgw-strip{justify-content:flex-start;padding:12px 16px;gap:22px}html .cbgw-strip a{font-size:17px}}html body:has(.hero-search-bar) .header-search-block{display:none!important}html body:has(.hero) header{position:relative!important}html .hero{padding-top:0!important;background:#E4DCCB!important;color:#1B2433!important;border-bottom:2px solid #1B2433;min-height:600px;display:flex;align-items:center;overflow:hidden}html .hero picture{left:auto!important;right:0!important;width:42%!important;z-index:0!important;border-left:2px solid #1B2433}html .hero .darkener{display:none!important}html .hero .px-4.m-auto{position:relative;z-index:1;width:100%;margin:0!important;padding-top:64px!important;padding-bottom:72px!important}html .hero .h-96{height:auto!important}html .hero .h-96 .shrink-0{width:calc(58vw - 170px)!important;max-width:760px}html .hero h1{font-size:100px!important;line-height:.92!important;max-width:none!important;color:#1B2433!important;text-transform:uppercase;letter-spacing:.005em!important;text-wrap:balance}html .hero h1 .cbgw-hl{color:#B4471F}html .hero p{font-size:19px!important;line-height:1.55!important;color:#4A5262!important;opacity:1!important;max-width:560px!important;margin-top:22px!important}html .hero .tag,html .hero [class*="tag"]:not(.hero-search-bar){color:#1B2433!important}html .hero-search-bar{background:#fff!important;border:2px solid #1B2433!important;border-radius:2px!important;padding:0!important;margin-top:28px!important;max-width:640px!important}html .hero-search-bar .max-w-xl{max-width:none}html .hero-search-bar input{border:0!important;border-radius:0!important;height:62px!important;font-size:17px!important;padding-left:48px!important;color:#1B2433!important;background:#fff!important}html .hero-search-bar input::placeholder{color:#5A6272!important;opacity:1}html .hero-search-bar .search--icons{left:18px!important;color:#1B2433!important}html .hero-search-bar .shortcut{display:none!important}html .hero-search-bar .absolute.right-4{right:0!important;top:0!important;bottom:0!important;transform:none!important}html .hero-search-bar .search--button{height:62px!important;border-radius:0!important;padding:0 28px!important;background:#B4471F!important;color:#fff!important;font-family:'Anton','Anton Fallback',Impact,sans-serif!important;font-size:20px!important;letter-spacing:.06em;text-transform:uppercase}@media (max-width:1100px){html .hero h1{font-size:84px!important}}@media (max-width:1023px){html .hero{flex-direction:column;align-items:stretch;min-height:0}html .hero picture{position:relative!important;width:100%!important;height:240px!important;border-left:0;border-bottom:2px solid #1B2433;display:block}html .hero .h-96 .shrink-0{width:100%!important}html .hero .px-4.m-auto{padding-top:32px!important;padding-bottom:40px!important}}@media (max-width:767px){html .hero h1{font-size:54px!important}html .hero p{font-size:17px!important}html .hero picture{height:200px!important}html .hero-search-bar input{height:54px!important;font-size:16px!important;padding-left:42px!important}html .hero-search-bar .search--button{height:54px!important;padding:0 16px!important;font-size:17px!important}}html .hero picture{opacity:1!important;transition:opacity .25s}html .cbgw-area{padding:24px 0 0}html .cbgw-area .hd{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap;margin-bottom:24px}html .cbgw-area h2{font-family:'Anton','Anton Fallback',Impact,sans-serif!important;font-weight:400!important;font-size:72px!important;line-height:1!important;text-transform:uppercase;letter-spacing:.01em;color:#1B2433;margin:0}html .cbgw-area .hd p{margin:0;font-size:14px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#8A8470}html .cbgw-area .tabs{display:flex;flex-wrap:wrap;gap:8px}html .cbgw-area .tabs a{font-size:14px;font-weight:600;padding:9px 16px;border:0;border-radius:999px;background:transparent;color:#4A5262!important;text-decoration:none;transition:background .15s,color .15s}html .cbgw-area .tabs a b{font-weight:500;opacity:.6}html .cbgw-area .tabs a:hover{background:#fff}html .cbgw-p{display:none;padding-top:24px}html .cbgw-p.on,html body:not(.cbgw-picked) .p-singapore{display:block}html .cbgw-p .g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}html .cbgw-p .g a{display:flex;justify-content:space-between;align-items:center;gap:14px;min-height:88px;box-sizing:border-box;padding:18px 22px;background:#fff;border:0;border-radius:10px;box-shadow:0 1px 2px rgba(27,36,51,.06);color:#1B2433!important;text-decoration:none;transition:transform .15s,box-shadow .15s}html .cbgw-p .g a:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(27,36,51,.10)}html .cbgw-p .g i{font-style:normal;font-family:inherit;font-weight:700;font-size:16px;line-height:1.25;letter-spacing:normal;text-transform:none}html .cbgw-p .g b{font-family:inherit;font-weight:700;font-size:13px;line-height:1;min-width:0;text-align:center;padding:5px 11px;background:#F6E8E1;color:#B4471F;border-radius:999px}html .cbgw-p .all{display:inline-block;margin-top:18px;font-weight:700;font-size:15px;letter-spacing:.04em;text-transform:uppercase;color:#A8431D!important}html .cbgw-area .tabs a.on,html body:not(.cbgw-picked) .cbgw-area .tabs a[href='/bars/singapore']{background:#1B2433!important;color:#fff!important}@media(max-width:1023px){html .cbgw-p .g{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:767px){html .cbgw-area h2{font-size:44px!important}html .cbgw-area .tabs{flex-wrap:nowrap;overflow-x:auto;margin:0 -16px;padding:0 16px 4px}html .cbgw-area .tabs a{white-space:nowrap;font-size:14px;padding:9px 14px}html .cbgw-p .g{grid-template-columns:1fr;gap:10px}html .cbgw-p .g a{min-height:0;padding:14px 16px}html .cbgw-p .g i{font-size:15px}}html .cbgw-tk{display:flex;align-items:center;gap:24px;flex-wrap:wrap;padding:28px 0;border-top:1px solid #CFC6B3;border-bottom:1px solid #CFC6B3}html .cbgw-tk .h{font-family:'Anton','Anton Fallback',Impact,sans-serif;font-size:22px;letter-spacing:.06em;text-transform:uppercase;color:#1B2433}html .cbgw-tk .m{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#5A6272!important;text-decoration:none}html .cbgw-tk .l{display:flex;flex-wrap:wrap;gap:10px 26px;font-size:15px}html .cbgw-tk .l a{color:#1B2433!important;text-decoration:none;white-space:nowrap}html .cbgw-tk .l a:hover{text-decoration:underline}html .cbgw-tk .l b{font-family:'Anton','Anton Fallback',Impact,sans-serif;font-weight:400;font-size:20px;color:#B4471F}html .cbgw-tk .l span{color:#5A6272}@media(max-width:767px){html .cbgw-tk{gap:10px 16px}html .cbgw-tk .l{flex-direction:column;gap:8px}html .cbgw-tk .l a{white-space:normal}}html body:has(.hero) .heading-block h2,html body:has(.hero) .selected-items-block h2,html body:has(.hero) .accordion-block h2,html body:has(.hero) .text-block h2,html body:has(.hero) .prose h2{font-family:'Anton','Anton Fallback',Impact,sans-serif!important;font-weight:400!important;text-transform:uppercase;letter-spacing:.01em!important;color:#1B2433!important}html body:has(.hero) .heading-block h2{font-size:72px!important;line-height:1!important}html body:has(.hero) .heading-block p{font-size:13px!important;font-weight:700!important;letter-spacing:.14em;text-transform:uppercase;color:#5A6272!important;opacity:1!important}html body:has(.hero) .heading-block:has(+ .selected-items-block),html body:has(.hero) .selected-items-block{background:#E4DCCB;box-shadow:0 0 0 100vmax #E4DCCB;clip-path:inset(0 -100vmax)}html body:has(.hero) .heading-block:has(+ .selected-items-block){padding-top:64px;margin-bottom:0!important;border-top:0}html body:has(.hero) .selected-items-block{padding-bottom:72px;margin-top:0!important}html body:has(.hero) .selected-items-block .grid{gap:20px!important}@media(min-width:1024px){html body:has(.hero) .selected-items-block .grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}@media(min-width:1200px){html body:has(.hero) .selected-items-block .grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}html body:has(.hero) .button-block a,html body:has(.hero) .cta-block a,html body:has(.hero) .cta-block button{border-radius:2px!important}html body:has(.hero) .selected-items-block a.bg-brand-button-bg,html body:has(.hero) .selected-items-block .bg-brand-button-bg{background:#1B2433!important;text-transform:uppercase;letter-spacing:.06em;font-weight:700}html body:has(.hero) .cta-block,html body:has(.hero) .cta-block .max-w-4xl{border-radius:2px!important}html body:has(.hero) .cta-block{background:transparent!important;left:auto!important;right:auto!important;margin-left:0!important;margin-right:0!important;width:auto!important}html body:has(.hero) .cta-block .max-w-4xl{background:#fff!important;border:2px solid #1B2433;border-radius:2px;max-width:none!important;display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px 32px;text-align:left!important;padding:44px 48px!important}html body:has(.hero) .cta-block h2{grid-column:1;margin:0!important;font-size:48px!important;text-transform:uppercase;color:#1B2433!important}html body:has(.hero) .cta-block p{grid-column:1;margin:0!important;color:#5A6272!important}html body:has(.hero) .cta-block .flex-wrap{grid-column:2;grid-row:1/span 2;justify-content:flex-end!important}html body:has(.hero) .cta-block button,html body:has(.hero) .cta-block a{background:#B4471F!important;color:#fff!important;font-family:'Anton','Anton Fallback',Impact,sans-serif!important;font-size:22px!important;letter-spacing:.06em;text-transform:uppercase;padding:18px 28px!important}@media (max-width:767px){html body:has(.hero) .heading-block h2{font-size:44px!important}html body:has(.hero) .heading-block:has(+ .selected-items-block){padding-top:44px}html body:has(.hero) .selected-items-block{padding-bottom:48px}html body:has(.hero) .cta-block .max-w-4xl{grid-template-columns:1fr;padding:28px 22px!important;text-align:left!important}html body:has(.hero) .cta-block .flex-wrap{grid-column:1;grid-row:auto;justify-content:flex-start!important;margin-top:12px}html body:has(.hero) .cta-block h2{font-size:34px!important}}html body:has(.hero) .selected-items-block:has(.card-overview),html body:has(.hero) .heading-block:has(+ .selected-items-block .card-overview){background:none!important;box-shadow:none!important;clip-path:none!important;padding-top:0!important;padding-bottom:0!important}html body:has(.hero) .selected-items-block .grid{min-width:0}html body:has(.hero) .selected-items-block:has(.card-overview) .grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}@media(max-width:767px){html body:has(.hero) .selected-items-block:has(.card-overview) .grid{grid-template-columns:minmax(0,1fr)!important}}html body:has(.hero) .selected-items-block .card{border:0!important;border-radius:14px!important;box-shadow:0 1px 3px rgba(27,36,51,.08)!important;transition:transform .15s,box-shadow .15s!important}html body:has(.hero) .selected-items-block .card:hover{transform:translateY(-3px)!important;box-shadow:0 10px 24px rgba(27,36,51,.12)!important}html body:has(.hero) .selected-items-block .card .aspect-video{border-bottom:0!important}html body:has(.hero) .selected-items-block .card .badge,html body:has(.hero) .selected-items-block .card [class*="rounded-full"]{border-radius:999px!important}

/* ---- was inline in the Listable head: hero gutter fix, 10 Oct 2026 ---- */
@media(min-width:1024px){html body .hero{--gw-g:max(128px,calc((100% - 108rem)/2 + 128px))}html body .hero picture{right:var(--gw-g)!important;width:calc((100% - 2*var(--gw-g))*.46)!important;top:48px!important;bottom:48px!important;height:auto!important;border:2px solid #1B2433!important}html body .hero .px-4.m-auto{margin-left:auto!important;margin-right:auto!important}html body .hero .h-96 .shrink-0{width:calc(54% - 48px)!important;max-width:none!important}}

/* Mobile header search popup: span the header width instead of hanging off the icon (11 Oct 2026) */
@media (max-width:1023px){html .header-search-block{position:static!important}html .header-search-block>form.absolute{left:16px!important;right:16px!important;top:100%!important;width:auto!important;margin-top:8px!important}}

/* Your area country pills (13 Oct 2026): clean white pills like pilatesgowhere.com, dark when selected; no visible scrollbar on the pill row or the rust stats strip (still swipeable) */
html .cbgw-area .tabs{gap:10px!important;scrollbar-width:none!important;-ms-overflow-style:none}
html .cbgw-area .tabs::-webkit-scrollbar,html .cbgw-strip::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
html .cbgw-strip{scrollbar-width:none!important;-ms-overflow-style:none}
html .cbgw-area .tabs a{display:inline-flex!important;align-items:center;gap:7px;flex:none;padding:11px 20px!important;font-size:15px!important;font-weight:600!important;line-height:1.2;background:#fff!important;border:1px solid rgba(27,36,51,.14)!important;border-radius:999px!important;color:#1B2433!important;box-shadow:none!important;transition:background .15s,border-color .15s,color .15s}
html .cbgw-area .tabs a b{font-weight:500!important;opacity:.5}
html .cbgw-area .tabs a:hover{border-color:rgba(27,36,51,.35)!important}
html .cbgw-area .tabs a.on,html body:not(.cbgw-picked) .cbgw-area .tabs a[href='/bars/singapore']{background:#1B2433!important;border-color:#1B2433!important;color:#fff!important}
html .cbgw-area .tabs a.on b,html body:not(.cbgw-picked) .cbgw-area .tabs a[href='/bars/singapore'] b{opacity:.65}
@media(max-width:767px){html .cbgw-area .tabs{flex-wrap:nowrap!important;overflow-x:auto!important;margin:0 -16px!important;padding:2px 16px 2px!important;scroll-padding-left:16px}html .cbgw-area .tabs a{padding:10px 18px!important;font-size:15px!important}}