/* Uluwatu Go Where theme (26 Oct 2026). */
html:root{--bg:#F6F1E9;--surfaceBg:#FFFFFF;--text:13 43 51;--headerBg:#F6F1E9;--headerBorder:#E4D9C6;--headerColor:#14213D;--searchBarBg:#FFFFFF;--searchBarBorder:#E4D9C6;--searchBarColor:#5F6672;--filtersBg:#FFFFFF;--filtersColor:#14213D;--filtersInputColor:#14213D;--filtersInputBg:#F6F1E9;--filtersInputBorder:#E4D9C6;--filtersTagBg:#E3EDF1;--filtersTagColor:#14213D;--inputBg:#FFFFFF;--inputBorder:#E4D9C6;--inputColor:#14213D;--highlightsPrimary:#2C6E8F;--highlightsSecondary:#14213D;--buttonBg:10 95 99;--buttonHoverBg:#2C6E8F;--buttonColor:#FFFFFF;--cardBg:255 255 255;--cardBorder:#E4D9C6;--cardTagBg:#E3EDF1;--cardTagColor:#14213D;--cardTagBorder:#E3EDF1;--cardColor:13 43 51;--cardColorLight:#5F6672;--cardFeatureTitle:#2C6E8F;--font-sans:'DM Sans';--font-display:'Fraunces'}
body{background:#F6F1E9!important;color:#14213D;font-family:'DM Sans',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
h1,h2,h3,.font-display{font-family:'Fraunces',system-ui,sans-serif!important;font-weight:800!important;letter-spacing:-.025em!important}
h1 em,h2 em,.ugw-hl{font-style:italic;color:#E2683C;font-weight:800}
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}
button,.btn,.bg-brand-button-bg{border-radius:14px!important}
.bg-brand-button-bg{background:#1B2A49!important;color:#fff!important;font-weight:700!important;box-shadow:none!important}
.bg-brand-button-bg:hover{background:#2C6E8F!important}

/* Header */
header{background:#F6F1E9!important;border-bottom:1px solid #E4D9C6!important}
.frontend-type:has(.hero) header{position:absolute;background:#F6F1E9!important}
header .h-20{height:80px}
@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:#14213D!important}
header .bg-brand-button-bg{padding:10px 18px!important;font-size:15px!important;color:#fff!important;background:#E2683C!important}
header .bg-brand-button-bg:hover{background:#C9542B!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 #E4D9C6!important;box-shadow:0 18px 40px -20px rgba(20,33,61,.35)!important}
header [role=menu] a,header [role=menu] button{color:#14213D!important;font-weight:500!important}
header [role=menu] a:hover{background:#E3EDF1!important}
header button[aria-label="Toggle menu"]{color:#14213D!important}
header .fixed.inset-0.bg-brand-card-bg{background:#F6F1E9!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 #E4D9C6}
header .absolute.w-72.bg-brand-card-bg{background:#FFFFFF!important;border:1px solid #E4D9C6!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 #EFE7DA}
header nav div>button:has(+div:not([style*="none"])){border-radius:16px 16px 0 0!important;background:rgba(44,110,143,.08)!important}
header nav div>button+div{border-radius:0 0 16px 16px!important;background:rgba(44,110,143,.08)!important;padding:2px 0 8px!important;overflow:hidden}
header nav div>button+div a{border-radius:10px!important;margin:0 6px}

/* Wordmark */
.frontend-type>header a[href="/"]{display:flex!important;align-items:center;padding-left:44px;min-height:36px;color:#14213D!important;background:url('https://img.gowhereguides.com/uluwatu/ugw-logo-2.svg') left center/34px 34px no-repeat;font:800 22px/1 'Fraunces',sans-serif;letter-spacing:-.03em;white-space:nowrap}
.frontend-type>header a[href="/"]>*{display:none!important}
.frontend-type>header a[href="/"]::before{content:'uluwatu';color:#14213D}
.frontend-type>header a[href="/"]::after{content:'gowhere';color:#2C6E8F;padding-left:.42em;background:radial-gradient(circle,#E2683C 0 45%,transparent 50%) .06em 62%/.26em .26em no-repeat}

/* Hero: text left, wave-edged photo right */
body:has(.hero-search-bar) .header-search-block{display:none!important}
.hero{background:#F6F1E9!important;color:#14213D!important;padding-top:80px!important;position:relative;isolation:isolate;overflow:hidden}
.hero::after{content:none!important;display:none!important}
.hero .lg\:h-\[30rem\]{height:auto!important;min-height:560px!important;padding:56px 0 64px!important;justify-content:flex-start;align-items:center;text-align:left;position:relative}
.hero .lg\:h-\[30rem\]>div{width:52%!important;max-width:620px!important;padding:0!important;margin:0!important;display:flex;flex-direction:column;align-items:flex-start;position:relative;z-index:2}

.hero h1::before{content:'';display:block;margin:0 0 20px;font:700 12px/1.2 'DM Sans',sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#2C6E8F}
.hero h1{font-size:84px!important;line-height:.98!important;margin:0!important;color:#14213D!important;text-wrap:balance;text-align:left!important}
.hero p{max-width:520px!important;margin:22px 0 0!important;font-size:19px!important;line-height:1.55!important;color:#4B5260!important;opacity:1!important;text-align:left!important}
.hero-search-bar{background:#fff!important;border-radius:18px!important;margin:30px 0 0!important;width:100%;max-width:560px!important;border:1px solid #E4D9C6;box-shadow:0 24px 48px -30px rgba(20,33,61,.45)!important;padding:5px!important}
.hero-search-bar .max-w-xl{max-width:none}
.hero-search-bar input{border:0!important;border-radius:14px!important;height:54px!important;font-size:17px!important;padding-left:50px!important;color:#14213D!important;background:#fff!important}
.hero-search-bar .search--icons{left:22px!important;color:#5F6672!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 26px!important;font-size:16px!important;font-weight:700!important;background:#E2683C!important;border-radius:13px!important}
.hero-search-bar .search--button:hover{background:#C9542B!important}
.ugw-stats{display:flex;gap:26px;margin-top:26px;font-size:14px;color:#5F6672}
.ugw-stats b{display:block;font:800 26px/1 'Fraunces',sans-serif;color:#14213D;letter-spacing:-.02em}
@media(max-width:1279px){.hero h1{font-size:70px!important}}
@media(max-width:1023px){.hero .lg\:h-\[30rem\]{min-height:0!important;padding:300px 0 30px!important;flex-direction:column}.hero .lg\:h-\[30rem\]>div{width:100%!important}.hero .lg\:h-\[30rem\]::before{left:0;right:0;top:20px;bottom:auto;height:250px;width:auto}.hero h1{font-size:58px!important}}
@media(max-width:767px){header .h-20{height:70px}.frontend-type>header a[href="/"]{font-size:19px;padding-left:38px;background-size:30px 30px}.hero{padding-top:70px!important}
 .hero .lg\:h-\[30rem\]{padding:236px 0 18px!important}.hero .lg\:h-\[30rem\]::before{height:200px;top:16px;border-radius:24px}.hero h1{font-size:44px!important;line-height:1.02!important}.hero p{font-size:16.5px!important}.hero h1::before{font-size:11px;letter-spacing:.15em;margin-bottom:14px}
 .hero-search-bar input{font-size:16px!important;padding-left:44px!important;height:50px!important}.hero-search-bar .search--button{padding:0 16px!important;height:44px!important}}

/* Section heads */
.heading-block h2,.accordion-block h2,.selected-items-block h2,.text-block h2,.ugw-sec h2{font-size:46px!important;line-height:1.04!important;color:#14213D!important}
.heading-block p{color:#5F6672!important;opacity:1!important;font-size:17px!important}
.ugw-sec{padding-top:8px}
.ugw-sh{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin:0 0 20px}
.ugw-sh h2{margin:0!important}
.ugw-sh p{margin:8px 0 0;color:#5F6672;font-size:17px;max-width:620px}
.ugw-sh a{flex:none;color:#1B2A49!important;font-weight:700;font-size:15px;text-decoration:none;border-bottom:2px solid #E2683C;padding-bottom:2px}

/* Island map */
.ugw-chips{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 16px}
.ugw-chips button,.ugw-chips a{padding:9px 16px;border-radius:999px!important;font:600 15px/1.2 'DM Sans',sans-serif;background:#fff;border:1px solid #E4D9C6;color:#14213D;cursor:pointer;text-decoration:none;transition:background .15s,color .15s}
.ugw-chips button i{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:7px;vertical-align:1px}
.ugw-chips button.on{background:#14213D;border-color:#14213D;color:#fff}
.ugw-chips button:hover,.ugw-chips a:hover{border-color:#2C6E8F}
.ugw-map{height:480px;border-radius:24px;overflow:hidden;border:1px solid #E4D9C6;background:#E3EDF1;position:relative;z-index:0}
.ugw-map.sm{height:340px}
.ugw-map.xs{height:260px;border-radius:18px}
.ugw-pin{width:16px!important;height:16px!important;margin:-8px 0 0 -8px!important;border-radius:50%;border:2.5px solid #fff;box-shadow:0 2px 6px rgba(20,33,61,.35)}
.ugw-pin.me{width:24px!important;height:24px!important;margin:-12px 0 0 -12px!important;border-width:3px}
.leaflet-popup-content-wrapper{border-radius:14px!important;padding:0!important;overflow:hidden}
.leaflet-popup-content{margin:0!important;width:220px!important;font-family:'DM Sans',sans-serif}
.leaflet-popup-content a.ugw-pop{display:block;text-decoration:none;color:#14213D}
.leaflet-popup-content img{width:100%;height:120px;object-fit:cover;display:block}
.leaflet-popup-content .tx{padding:10px 12px 12px}
.leaflet-popup-content b{display:block;font:700 15.5px/1.25 'DM Sans',sans-serif}
.leaflet-popup-content small{color:#2C6E8F;font-weight:700;font-size:12px;letter-spacing:.05em;text-transform:uppercase}
.ugw-maphead{display:flex;justify-content:space-between;align-items:baseline;margin:6px 0 12px}
.ugw-maphead h2,.ugw-maphead h3{font-size:26px!important;margin:0!important}
.ugw-maphead span{color:#5F6672;font-size:14px}
@media(max-width:767px){.ugw-map{height:380px}.ugw-map.sm{height:280px}}

/* Area tiles */
.ugw-areas{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.ugw-areas a{position:relative;display:block;height:220px;border-radius:20px;overflow:hidden;color:#fff!important;text-decoration:none;background:#E3EDF1}
.ugw-areas a.big{grid-column:span 2}
.ugw-areas img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s}
.ugw-areas a:hover img{transform:scale(1.04)}
.ugw-areas a::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,33,61,0) 40%,rgba(20,33,61,.78))}
.ugw-areas span{position:absolute;z-index:1;left:16px;right:16px;bottom:14px}
.ugw-areas b{display:block;font:800 21px/1.1 'Fraunces',sans-serif;letter-spacing:-.02em}
.ugw-areas i{display:block;font-style:normal;font-size:13.5px;opacity:.92;margin-top:4px}
.ugw-areas sup{position:absolute;z-index:1;top:12px;right:12px;background:rgba(246,241,233,.94);color:#14213D;font:700 12px/1 'DM Sans',sans-serif;padding:6px 9px;border-radius:999px}
@media(max-width:1023px){.ugw-areas{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.ugw-areas{gap:10px}.ugw-areas a{height:170px;border-radius:16px}.ugw-areas a.big{grid-column:span 2}.ugw-areas b{font-size:18px}}

/* Type cards */
.ugw-types{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px}
.ugw-types a{display:flex;flex-direction:column;gap:10px;padding:18px 16px;border-radius:18px;background:#fff;border:1px solid #E4D9C6;text-decoration:none;color:#14213D!important;transition:transform .2s,box-shadow .2s,border-color .2s}
.ugw-types a:hover{transform:translateY(-3px);border-color:#2C6E8F;box-shadow:0 18px 40px -26px rgba(20,33,61,.5)}
.ugw-types svg{width:30px;height:30px}
.ugw-types b{font:700 16px/1.2 'DM Sans',sans-serif}
.ugw-types i{font-style:normal;font-size:13px;color:#5F6672}
@media(max-width:1100px){.ugw-types{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:767px){.ugw-types{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Practical strip */
.ugw-know{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.ugw-know div{background:#14213D;color:#E9EEF5;border-radius:20px;padding:22px 20px}
.ugw-know div:nth-child(2){background:#1B2A49}
.ugw-know div:nth-child(3){background:#2C6E8F}
.ugw-know div:nth-child(4){background:#E2683C;color:#2B1208}
.ugw-know h3{font-size:19px!important;margin:0 0 8px!important;color:inherit}
.ugw-know p{margin:0;font-size:14.5px;line-height:1.5;opacity:.92}
@media(max-width:1023px){.ugw-know{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.ugw-know{grid-template-columns:1fr}}

/* Cards */
.card{border-radius:18px!important;border:1px solid #E4D9C6!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(20,33,61,.5)!important;transform:translateY(-3px);border-color:#CDBFA6!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:'DM Sans',sans-serif!important;font-weight:700!important;font-size:19px!important;line-height:1.22!important;letter-spacing:-.01em!important;-webkit-line-clamp:2!important;color:#14213D}
.card .intro,.card .leading-5{opacity:1!important;color:#5F6672!important;font-size:14.5px;line-height:1.45!important}
.card .badge{opacity:1!important;background:#E3EDF1!important;border:0!important;border-radius:999px!important;color:#1B2A49!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}
.card .aspect-video img,.card img.object-cover{transition:transform .5s}
.card:hover .aspect-video img{transform:scale(1.03)}
@media(min-width:1100px){.selected-items-block .grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:20px!important}}
.selected-items-block .bg-brand-button-bg{padding:13px 24px!important;font-size:15px!important}

/* Why, text, FAQ, CTA */
.section-block{background:#EDE3D2!important;border-radius:28px!important}
.section-block h3{font-size:21px!important;color:#14213D}
.section-block .prose,.section-block p{color:#4B5260!important}
.text-block .prose{color:#4B5260}
.text-block .prose p+p{margin-top:.8em}
.text-block .prose a{color:#1B2A49;font-weight:600}
.accordion-block>div>.mx-auto{display:flex;flex-direction:column;gap:10px}
.accordion-block [data-headlessui-state]{background:#fff;border:1px solid #E4D9C6!important;border-radius:16px!important}
.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}
.accordion-block [data-headlessui-state] button span{font-weight:700!important;opacity:1!important;font-size:17.5px!important;color:#14213D}
.accordion-block [data-headlessui-state] svg{color:#2C6E8F!important}
.cta-block,.cta-block>div{background:#1B2A49!important;border-radius:28px!important;color:#fff!important}
.cta-block>div{background:#1B2A49 radial-gradient(circle at 92% 10%,rgba(226,104,60,.35) 0 120px,transparent 121px)!important}
.cta-block h2{color:#fff!important;font-size:44px!important;text-wrap:balance}
.cta-block p{color:#D5DDEA!important;opacity:1!important}
.cta-block button,.cta-block a{background:#E2683C!important;color:#fff!important;font-weight:700!important;padding:15px 28px!important}
.cta-block button:hover,.cta-block a:hover{background:#C9542B!important}
@media(max-width:767px){.heading-block h2,.accordion-block h2,.selected-items-block h2,.text-block h2,.ugw-sec h2,.cta-block h2{font-size:32px!important}.ugw-sh{flex-wrap:wrap}.section-block,.cta-block,.cta-block>div{border-radius:22px!important}}

/* Category pages */
.-mt-4.mb-12>.text-xl{font-size:18px!important;line-height:1.6!important;color:#4B5260}
.-mt-4.mb-12 .text-xl p+p{margin-top:.8em}
h1.text-4xl:not(.hero h1){font-size:56px!important;line-height:1.02!important;color:#14213D;margin-bottom:16px!important}
@media(max-width:767px){h1.text-4xl:not(.hero h1){font-size:36px!important}}
.ugw-clampd:not(.open)>.text-xl{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;margin-bottom:0!important}
.ugw-clampd:not(.open)>.text-xl p{display:inline}
.ugw-clampd:not(.open){cursor:pointer}
.ugw-clampd:not(.open)::after{content:'Read more \2193';display:block;margin-top:10px;font:700 14px/1.4 'DM Sans',sans-serif;color:#1B2A49}
.ugw-catmap{margin:6px 0 34px}
.category-card{border-radius:16px!important;border:1px solid #E4D9C6!important;background:#fff!important}
.category-card:hover{background:#E3EDF1!important}
.category-card *{color:#14213D!important}
.image-tiles-block .grid{gap:14px!important}
.image-tiles-block a{border-radius:18px!important}

/* Listing pages */
.detail-introduction{opacity:1!important;color:#4B5260;font-size:20px!important}
[area=detail_page_main] dl{border-radius:18px;background:#fff;border:1px solid #E4D9C6!important}
[area=detail_page_main] h2{font-size:28px!important}
[area=detail_page_main] img{border-radius:22px!important}
.action-panel{background:#fff!important;border:1px solid #E4D9C6!important;border-radius:20px!important;padding:22px!important}
.action-panel>p{font:700 19px/1.35 'Fraunces',sans-serif!important;color:#14213D!important;letter-spacing:-.01em}
.action-panel a,.action-panel button{border-radius:14px!important;height:46px}
.action-panel .grid-cols-1 a{background:#E2683C!important;color:#fff!important;border:0!important;font-weight:700!important;font-size:16px!important;height:52px}
.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}
.ugw-side-h{font:700 12.5px 'DM Sans',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#2C6E8F;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:#EDE3D2!important;border:0!important;border-radius:20px!important}
.callout-block h3{font-size:23px!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:#EDE3D2!important;border-radius:20px!important;max-width:none!important;padding:30px 34px!important;text-align:left!important}
.cta-block[area=detail_page_main] h2{color:#14213D!important;font-size:25px!important}
.cta-block[area=detail_page_main] p{color:#4B5260!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:#1B2A49!important;color:#fff!important}
h1+span.bg-gray-100.rounded-full{display:none!important}
.ugw-near{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}
.ugw-near a{display:block;text-decoration:none;color:#14213D!important;background:#fff;border:1px solid #E4D9C6;border-radius:14px;overflow:hidden}
.ugw-near img{width:100%;height:96px;object-fit:cover;display:block;border-radius:0!important}
.ugw-near span{display:block;padding:8px 10px 10px;font-size:14px;font-weight:700;line-height:1.25}
.ugw-near small{display:block;color:#5F6672;font-weight:500;font-size:12.5px;margin-top:2px}
@media(max-width:767px){.ugw-near{grid-template-columns:repeat(2,minmax(0,1fr))}}
.review-rating-filter{display:none!important}

/* Footer */
.ugw-ft{background:#14213D!important;border-top:0!important;border-image:linear-gradient(#14213D,#14213D) fill 0//0 100vmax;margin-top:72px!important;padding-top:4px;position:relative}

.ugw-ft a,.ugw-ft p,.ugw-ft span,.ugw-ft button{color:#C3CBDA!important}
.ugw-ft a:hover{color:#F2A27C!important}
.ugw-ft .border-t{border-top:0!important}
.ugw-ft .bg-brand-button-bg{background:#E2683C!important}
.ugw-ft .bg-brand-button-bg,.ugw-ft .bg-brand-button-bg *{color:#fff!important}

/* v1.1 fixes */
@media(min-width:1024px){header button[aria-label="Toggle menu"]{display:none!important}header nav.hidden{gap:6px!important}}

/* v1.2: type icons as CSS (custom HTML strips inline SVG), plain CTA */
.ugw-types a::before{content:'';display:block;width:30px;height:30px;background:center/contain no-repeat}
.ugw-types a.t-stay::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20stroke%3D%22%230A5F63%22%20stroke-width%3D%222.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2026V14l12-8%2012%208v12%22/%3E%3Cpath%20d%3D%22M12%2026v-7h8v7%22/%3E%3C/svg%3E")}
.ugw-types a.t-eat-drink::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20stroke%3D%22%23FF6A4D%22%20stroke-width%3D%222.2%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M9%204v10a3%203%200%200%200%206%200V4M12%2014v14M22%204c-3%202-4%206-4%2010h4v14%22/%3E%3C/svg%3E")}
.ugw-types a.t-bars::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20stroke%3D%22%238E4FBF%22%20stroke-width%3D%222.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%206h20l-10%2011z%22/%3E%3Cpath%20d%3D%22M16%2017v9M11%2027h10%22/%3E%3C/svg%3E")}
.ugw-types a.t-surf::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20stroke%3D%22%232F80ED%22%20stroke-width%3D%222.2%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M3%2020c4%200%204-3%208-3s4%203%208%203%204-3%208-3M3%2026c4%200%204-3%208-3s4%203%208%203%204-3%208-3%22/%3E%3Cpath%20d%3D%22M20%204c-6%203-9%208-9%2012%22/%3E%3C/svg%3E")}
.ugw-types a.t-dive::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20stroke%3D%22%2300A3A3%22%20stroke-width%3D%222.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2016c4-6%2010-8%2016-6l6-4v20l-6-4c-6%202-12%200-16-6z%22/%3E%3Ccircle%20cx%3D%2221%22%20cy%3D%2214%22%20r%3D%221.4%22%20fill%3D%22%2300A3A3%22/%3E%3C/svg%3E")}
.ugw-types a.t-tours::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20stroke%3D%22%235E8C31%22%20stroke-width%3D%222.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2027%2013%209l5%208%203-4%208%2014z%22/%3E%3Cpath%20d%3D%22M11%2013l2%202%202-2%22/%3E%3C/svg%3E")}
.ugw-types a.t-wellness::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20stroke%3D%22%23D99A1E%22%20stroke-width%3D%222.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M16%2027c-6-3-10-8-10-14%204%200%208%202%2010%206%202-4%206-6%2010-6%200%206-4%2011-10%2014z%22/%3E%3Cpath%20d%3D%22M16%2019V7%22/%3E%3C/svg%3E")}
.cta-block>div{background:#1B2A49!important}

/* v1.3: filter pills on area and type page maps */
.ugw-catchips{margin:0 0 12px}
.ugw-catchips button{padding:7px 13px;font-size:14px}
.ugw-catchips small{font-size:12px;opacity:.6;margin-left:3px}
.ugw-catchips button.on small{opacity:.8}

/* v1.4: homepage map clusters */
.ugw-clu{background:transparent}
.ugw-clu span{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:50%;background:#2C6E8F;color:#fff;font:800 15px/1 'DM Sans',sans-serif;border:3px solid #fff;box-shadow:0 0 0 6px rgba(44,110,143,.25),0 3px 10px rgba(20,33,61,.3)}
.ugw-clu:hover span{background:#E2683C;box-shadow:0 0 0 6px rgba(226,104,60,.25),0 3px 10px rgba(20,33,61,.3)}
.ugw-mapchips small{font-size:12.5px;opacity:.6;margin-left:3px}
.ugw-mapchips button.on small{opacity:.8}

/* v1.5: hero photo credit tile linking to the listing */
.ugw-herotag{position:absolute;z-index:3;right:calc(44% - 16px);transform:translateX(100%);bottom:120px;display:flex;align-items:center;gap:10px;background:rgba(246,241,233,.96);color:#14213D!important;text-decoration:none;border-radius:14px;padding:9px 14px 9px 9px;box-shadow:0 14px 30px -16px rgba(20,33,61,.55);font:600 14px/1.25 'DM Sans',sans-serif;max-width:300px}
.ugw-herotag img{width:40px;height:40px;border-radius:10px;object-fit:cover}
.ugw-herotag small{display:block;font-weight:500;color:#5F6672;font-size:12.5px}
.ugw-herotag:after{content:'\2192';margin-left:4px;color:#E2683C;font-weight:800}
.ugw-herotag:hover{background:#fff}
@media(max-width:1023px){.ugw-herotag{right:auto;left:14px;transform:none;top:214px;bottom:auto}}
@media(max-width:767px){.ugw-herotag{top:158px;font-size:13px;padding:7px 12px 7px 7px}.ugw-herotag img{width:34px;height:34px}}

/* v1.6: guides (posts) */
.mt-12.mx-auto.max-w-2xl section>h2.font-display:first-child{display:none}
.post-body{font-size:17px!important;line-height:1.7!important}
.post-body h2{font-size:28px!important;margin-top:1.6em!important}
.post-body h3{font-size:21px!important}
.post-body a{color:#1B2A49;font-weight:600}
.post-body p,.post-body li{font-size:17.5px!important;line-height:1.7!important}

/* v1.7: filtered results under category maps */
.ugw-results{margin:6px 0 40px}
.ugw-rhead{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin:0 0 16px}
.ugw-rhead h2{font-size:30px!important;margin:0!important}
.ugw-rall{background:none!important;border:0;color:#1B2A49;font:700 15px 'DM Sans',sans-serif;border-bottom:2px solid #E2683C!important;border-radius:0!important;padding:0 0 2px;cursor:pointer}
.ugw-rgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.ugw-rcard{display:flex;flex-direction:column;background:#fff;border:1px solid #E4D9C6;border-radius:18px;overflow:hidden;text-decoration:none;color:#14213D!important;transition:transform .2s,box-shadow .2s}
.ugw-rcard:hover{transform:translateY(-3px);box-shadow:0 20px 44px -26px rgba(20,33,61,.5)}
.ugw-rcard .ph{display:block;aspect-ratio:4/3;background:#E3EDF1;overflow:hidden}
.ugw-rcard .ph img{width:100%;height:100%;object-fit:cover;display:block}
.ugw-rcard .bd{display:flex;flex-direction:column;gap:6px;padding:14px 16px 18px}
.ugw-rcard small{font:700 12px/1.3 'DM Sans',sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#2C6E8F}
.ugw-rcard b{font:700 19px/1.22 'DM Sans',sans-serif;letter-spacing:-.01em}
.ugw-rcard i{font-style:normal;color:#5F6672;font-size:14.5px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ugw-rcard em{font-style:normal;display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.ugw-rcard em span{background:#E3EDF1;color:#1B2A49;border-radius:999px;padding:3px 10px;font-size:12.5px;font-weight:600}
@media(max-width:1023px){.ugw-rgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.ugw-rgrid{grid-template-columns:1fr}.ugw-rhead{flex-wrap:wrap}.ugw-rhead h2{font-size:24px!important}}

/* ===== Uluwatu "Clifftop" layer: limestone, navy ocean, sunset. Fraunces + DM Sans. Full-bleed photo hero. ===== */
h1,h2,h3,.font-display{font-weight:600!important;letter-spacing:-.02em!important;font-variation-settings:'opsz' 96,'SOFT' 50}
h1 em,h2 em,.ugw-hl{font-style:italic;color:#E2683C;font-weight:500}
button,.btn,.bg-brand-button-bg{border-radius:999px!important}
.frontend-type>header a[href="/"]{font:600 23px/1 'Fraunces',serif;letter-spacing:-.02em}
.frontend-type>header a[href="/"]::after{content:'gowhere';color:#E2683C;font-style:italic;font-weight:500;padding-left:.28em;background:none}
/* hero: full-bleed rounded photo panel, white type over a dusk gradient */
.hero{padding-top:80px!important}
.hero .lg\:h-\[30rem\]{min-height:640px!important;padding:0 0 72px!important;align-items:flex-end!important}
.hero .lg\:h-\[30rem\]::before{content:'';position:absolute;z-index:1;left:0;right:0;top:18px;bottom:0;width:auto;border-radius:34px;-webkit-mask:none;mask:none;background:linear-gradient(90deg,rgba(20,33,61,.42) 0%,rgba(20,33,61,.2) 36%,rgba(20,33,61,0) 55%),linear-gradient(180deg,rgba(20,33,61,0) 65%,rgba(20,33,61,.18)),#2C6E8F url('https://img.gowhereguides.com/uluwatu/hero-sundays-2.webp') center 38%/cover no-repeat}
.hero h1,.hero p,.hero h1::before{text-shadow:0 1px 3px rgba(20,33,61,.45),0 2px 22px rgba(20,33,61,.6)}
@media(max-width:1023px){.hero .lg\:h-\[30rem\]::before{background:linear-gradient(180deg,rgba(20,33,61,0) 30%,rgba(20,33,61,.38) 58%,rgba(20,33,61,.62)),#2C6E8F url('https://img.gowhereguides.com/uluwatu/hero-sundays-2.webp') 30% 30%/cover no-repeat}}
.hero .lg\:h-\[30rem\]>div{width:100%!important;max-width:760px!important;padding:0 56px!important}
.hero h1::before{content:'Bukit Peninsula \00B7  Bali \00B7  Indonesia';color:#F2C48E}
.hero h1{color:#fff!important;font-size:88px!important;font-weight:600!important}
.hero p{color:#E9EEF5!important}
.hero-search-bar{border:0!important}
.ugw-herotag{right:40px;transform:none;bottom:auto;top:58px;background:rgba(246,241,233,.95)}
@media(max-width:1279px){.hero h1{font-size:72px!important}}
@media(max-width:1023px){.hero .lg\:h-\[30rem\]{padding:0 0 40px!important;min-height:600px!important;flex-direction:column!important;justify-content:flex-end!important;align-items:flex-start!important}.hero .lg\:h-\[30rem\]::before{left:0;right:0;top:12px;bottom:0;height:auto}.hero .lg\:h-\[30rem\]>div{padding:0 28px!important}.hero h1{font-size:56px!important}.ugw-herotag{left:auto;right:16px;top:30px}}
@media(max-width:767px){.hero .lg\:h-\[30rem\]{padding:0 0 22px!important;min-height:560px!important}.hero .lg\:h-\[30rem\]::before{border-radius:24px;top:10px}.hero .lg\:h-\[30rem\]>div{padding:0 18px!important}.hero h1{font-size:42px!important}.ugw-herotag{top:24px;right:12px;left:auto}}
/* area tiles: tall portrait postcards */
.ugw-areas{grid-template-columns:repeat(4,minmax(0,1fr))}
.ugw-areas a{height:340px;border-radius:999px 999px 22px 22px}
.ugw-areas a.big{grid-column:span 1}
.ugw-areas b{font:600 24px/1.1 'Fraunces',serif}
.ugw-areas sup{top:auto;bottom:auto;top:50%;right:50%;transform:translate(50%,-50%);display:none}
.ugw-areas a::after{background:linear-gradient(180deg,rgba(20,33,61,0) 35%,rgba(20,33,61,.85))}
@media(max-width:1023px){.ugw-areas a{height:280px}}
@media(max-width:767px){.ugw-areas{grid-template-columns:repeat(2,minmax(0,1fr))}.ugw-areas a{height:230px;border-radius:120px 120px 18px 18px}.ugw-areas a.big{grid-column:span 1}.ugw-areas b{font-size:19px}}
/* type cards: row of outlined tiles with a sunset rule */
.ugw-types a{border-radius:22px;border-top:4px solid #E2683C}
.ugw-types a:nth-child(2n){border-top-color:#2C6E8F}
.ugw-types a:nth-child(3n){border-top-color:#E3A33B}
.ugw-know div{border-radius:26px}
.ugw-know div:nth-child(1){background:#14213D}.ugw-know div:nth-child(2){background:#2C6E8F}.ugw-know div:nth-child(3){background:#8A6A45}.ugw-know div:nth-child(4){background:#E2683C;color:#2B1208}
.card{border-radius:22px!important}
.card h2.title,.card h3,.card h2{font-family:'Fraunces',serif!important;font-weight:600!important;font-size:21px!important}
.ugw-rcard b{font:600 21px/1.2 'Fraunces',serif}
.section-block{background:#14213D!important}
.section-block h2,.section-block h3{color:#fff!important}
.section-block .prose,.section-block p{color:#C3CBDA!important}
.cta-block,.cta-block>div{background:#E2683C!important}
.cta-block>div{background:#E2683C!important}
.cta-block h2{color:#fff!important}
.cta-block p{color:#FFE7DA!important}
.cta-block button,.cta-block a{background:#14213D!important}
.cta-block button:hover,.cta-block a:hover{background:#1B2A49!important}
/* footer: navy with a dusk-gradient rule instead of a wave */
.ugw-ft{background:#14213D!important;border-image:linear-gradient(#14213D,#14213D) fill 0//0 100vmax}
.ugw-ft::before{top:-6px;height:6px;background:linear-gradient(90deg,#2C6E8F,#E3A33B 50%,#E2683C)}

/* type icons */
.ugw-types a.t-stay::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20stroke%3D%22%231B2A49%22%20stroke-width%3D%222.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2026V14l12-8%2012%208v12%22/%3E%3Cpath%20d%3D%22M12%2026v-7h8v7%22/%3E%3C/svg%3E")}
.ugw-types a.t-eat-drink::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20stroke%3D%22%23E2683C%22%20stroke-width%3D%222.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M9%204v10a3%203%200%200%200%206%200V4M12%2014v14M22%204c-3%202-4%206-4%2010h4v14%22/%3E%3C/svg%3E")}
.ugw-types a.t-beach-clubs::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20stroke%3D%22%23E3A33B%22%20stroke-width%3D%222.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M16%206a11%2011%200%200%201%2011%2011H5A11%2011%200%200%201%2016%206z%22/%3E%3Cpath%20d%3D%22M16%2017v10M5%2027h22%22/%3E%3C/svg%3E")}
.ugw-types a.t-bars::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20stroke%3D%22%239A3E6C%22%20stroke-width%3D%222.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%206h20l-10%2011z%22/%3E%3Cpath%20d%3D%22M16%2017v9M11%2027h10%22/%3E%3C/svg%3E")}
.ugw-types a.t-surf::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20stroke%3D%22%232C6E8F%22%20stroke-width%3D%222.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2020c4%200%204-3%208-3s4%203%208%203%204-3%208-3M3%2026c4%200%204-3%208-3s4%203%208%203%204-3%208-3%22/%3E%3Cpath%20d%3D%22M20%204c-6%203-9%208-9%2012%22/%3E%3C/svg%3E")}
.ugw-types a.t-wellness::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20stroke%3D%22%235E9C76%22%20stroke-width%3D%222.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M16%2027c-6-3-10-8-10-14%204%200%208%202%2010%206%202-4%206-6%2010-6%200%206-4%2011-10%2014z%22/%3E%3Cpath%20d%3D%22M16%2019V7%22/%3E%3C/svg%3E")}
.ugw-types a.t-activities::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20stroke%3D%22%238A6A45%22%20stroke-width%3D%222.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2216%22%20cy%3D%2216%22%20r%3D%2211%22/%3E%3Cpath%20d%3D%22M20%2012l-2%206-6%202%202-6z%22/%3E%3C/svg%3E")}
