/* Phase 1: approved 01/19 compositions. Real data, original logo, functional controls. */
@font-face{font-family:BkkCountryFlags;src:url('/assets/fonts/twemoji-country-flags-0.1.10.woff2') format('woff2');font-display:swap;unicode-range:U+1F1E6-1F1FF}
html body.app-site.bkk-international .bkk-country-flag{font-family:BkkCountryFlags,system-ui,sans-serif!important;font-size:24px;line-height:1;width:25px;height:25px;display:inline-grid;place-items:center;overflow:hidden;border-radius:50%;flex:0 0 25px}
html body.app-site.bkk-international .mx-currency-shortcut{display:flex!important;align-items:center;gap:8px;border-radius:28px!important;min-height:44px!important;padding:8px 12px!important;background:#fff!important;font-size:14px!important;white-space:nowrap}
html body.app-site.bkk-international .mx-settings-toggle{width:auto;display:flex;align-items:center;gap:8px;padding:8px 12px;min-height:44px;min-width:80px}
html body.app-site.bkk-international .mx-settings-toggle>svg{width:20px;height:20px}
html body.app-site.bkk-international .mx-settings-toggle .region-chevron{width:14px;height:14px}
html body.app-site.bkk-international .mx-region-settings select{font-family:BkkCountryFlags,BkkPoppins,system-ui,sans-serif}
html body.app-site.bkk-international .mx-settings-menu{min-width:330px;padding:24px;border-radius:20px!important;max-height:min(720px,80dvh);overflow:auto;box-shadow:0 16px 60px #19232b20}
html body.app-site.bkk-international .mx-settings-menu .language-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:16px}
html body.app-site.bkk-international .mx-settings-menu .language-picker button{width:100%;min-height:44px;border:1px solid var(--bkk-line);border-radius:10px;background:var(--bkk-surface);color:var(--bkk-dark)}
html body.app-site.bkk-international .mx-settings-menu .language-picker button[aria-current]{border-color:var(--bkk-blue-ink);background:var(--bkk-tint);color:var(--bkk-blue-ink)}
/* One range control opens the same accessible calendar as the native date fields. */
html body.app-site.bkk-international .stay-range-button{display:flex;align-items:center;gap:12px;width:100%;padding:14px;min-height:82px;border:1px solid var(--bkk-line);border-radius:14px;background:var(--bkk-surface);color:var(--bkk-dark);text-align:left}
html body.app-site.bkk-international .stay-range-button[hidden]{display:none}
html body.app-site.bkk-international .stay-range-button>svg{width:28px;height:28px;flex:0 0 28px;color:var(--bkk-blue-ink)}
html body.app-site.bkk-international .stay-range-button .range-chevron{width:16px;flex:0 0 16px;margin-left:auto}
html body.app-site.bkk-international .stay-range-button span{min-width:0}
html body.app-site.bkk-international .stay-range-button small{display:block;font-size:12px;font-weight:400;color:var(--bkk-muted);margin-bottom:3px}
html body.app-site.bkk-international .stay-range-button strong{font-size:14px;font-weight:600;line-height:1.4;display:block}
html body.app-site.bkk-international .has-date-dialog .stay-date-pair{display:block}
html body.app-site.bkk-international .has-date-dialog .stay-date-pair>.stay-date{display:none!important}
html body.app-site.bkk-international .stay-budget{position:relative}
html body.app-site.bkk-international .stay-budget>.budget-tag{width:28px;height:28px;position:absolute;left:16px;top:30px;color:var(--bkk-blue-ink)}
html body.app-site.bkk-international .stay-actions>.btn{display:flex;align-items:center;justify-content:center;gap:10px}
html body.app-site.bkk-international .stay-actions>.btn svg{width:23px;height:23px;flex:0 0 23px}
/* Desktop: photograph behind the hero, horizontal search crossing its lower edge. */
html body.app-site.bkk-international:is([data-view=home],[data-view=dashboard]){background:var(--bkk-surface)}
html body.app-site.bkk-international:is([data-view=home],[data-view=dashboard]) .ix-home{max-width:none;padding:0}
html body.app-site.bkk-international:is([data-view=home],[data-view=dashboard]) .ix-home-hero{display:block;min-height:380px;padding:54px max(32px,calc((100% - 1272px)/2)) 90px;isolation:isolate;overflow:hidden}
html body.app-site.bkk-international:is([data-view=home],[data-view=dashboard]) .ix-home-copy{position:relative;z-index:2;max-width:610px}
html body.app-site.bkk-international:is([data-view=home],[data-view=dashboard]) .ix-home-copy h1{font-size:clamp(40px,4.5vw,62px)!important;line-height:1.06!important;margin:12px 0 18px}
html body.app-site.bkk-international:is([data-view=home],[data-view=dashboard]) .ix-home-copy>p{font-size:17px;max-width:530px}
html body.app-site.bkk-international:is([data-view=home],[data-view=dashboard]) .ix-eyebrow{display:none}
html body.app-site.bkk-international:is([data-view=home],[data-view=dashboard]) .ix-home-visual{display:block;position:absolute;inset:0 0 0 auto;width:64%;height:100%;border-radius:0;z-index:0}
html body.app-site.bkk-international:is([data-view=home],[data-view=dashboard]) .ix-home-visual::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--bkk-surface),transparent 70%)}
html body.app-site.bkk-international:is([data-view=home],[data-view=dashboard]) .ix-home-visual figcaption{right:24px;left:auto;bottom:70px;z-index:1}
html body.app-site.bkk-international:is([data-view=home],[data-view=dashboard]) .ix-home-search{width:calc(100% - 48px);max-width:1272px;margin:-55px auto 0!important;padding:14px;border-radius:20px;box-shadow:0 12px 32px #19232b0c}
html body.app-site.bkk-international:is([data-view=home],[data-view=dashboard]) .stay-main-grid{grid-template-columns:1.25fr 1.35fr 1.15fr 1fr auto!important;gap:10px!important}
html body.app-site.bkk-international:is([data-view=home],[data-view=dashboard]) .stay-field{min-height:82px!important;border-radius:14px!important}
html body.app-site.bkk-international:is([data-view=home],[data-view=dashboard]) .stay-date-pair{min-height:82px}
html body.app-site.bkk-international:is([data-view=home],[data-view=dashboard]) .stay-occupancy-trigger{min-height:82px!important;border-radius:14px!important}
html body.app-site.bkk-international:is([data-view=home],[data-view=dashboard]) .stay-occupancy-trigger small{font-size:12px!important;letter-spacing:0!important;text-transform:none!important;font-weight:400!important}
html body.app-site.bkk-international:is([data-view=home],[data-view=dashboard]) .stay-occupancy-trigger strong{font-size:12px!important;font-weight:600}
html body.app-site.bkk-international:is([data-view=home],[data-view=dashboard]) .stay-budget{padding:12px 12px 12px 52px!important;align-items:flex-start!important;justify-content:center;min-height:82px!important}
html body.app-site.bkk-international:is([data-view=home],[data-view=dashboard]) .stay-budget input{font-size:26px!important;max-width:130px}
html body.app-site.bkk-international:is([data-view=home],[data-view=dashboard]) .stay-budget-hint,html body.app-site.bkk-international:is([data-view=home],[data-view=dashboard]) .stay-budget>small:not(.stay-budget-hint){display:none}
html body.app-site.bkk-international:is([data-view=home],[data-view=dashboard]) .stay-actions>.btn{min-height:82px!important;padding:16px 24px!important;font-size:17px!important}
html body.app-site.bkk-international:is([data-view=home],[data-view=dashboard]) .landing-stays{background:transparent}
html body.app-site.bkk-international:is([data-view=home],[data-view=dashboard]) .landing-stays .landing-section{padding-top:40px;padding-bottom:20px}
html body.app-site.bkk-international:is([data-view=home],[data-view=dashboard]) .landing-property-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
html body.app-site.bkk-international:is([data-view=home],[data-view=dashboard]) .landing-stays .landing-eyebrow,html body.app-site.bkk-international:is([data-view=home],[data-view=dashboard]) .landing-inventory-note{display:none}
html body.app-site.bkk-international:is([data-view=home],[data-view=dashboard]) .landing-stays .landing-section-heading{margin-bottom:20px}
html body.app-site.bkk-international:is([data-view=home],[data-view=dashboard]) .nx-stay-media{aspect-ratio:1.55}
html body.app-site.bkk-international:is([data-view=home],[data-view=dashboard]) .nx-stay-body{padding:16px}
html body.app-site.bkk-international:is([data-view=home],[data-view=dashboard]) .nx-stay-price>span{display:none}
html body.app-site.bkk-international:is([data-view=home],[data-view=dashboard]) .nx-stay-price strong{font-size:22px}
@media(max-width:1199px) and (min-width:768px){
 html body.app-site.bkk-international:is([data-view=home],[data-view=dashboard]) .stay-main-grid{grid-template-columns:1fr 1fr 1fr!important}
 html body.app-site.bkk-international:is([data-view=home],[data-view=dashboard]) .stay-budget{grid-column:1/3}
 html body.app-site.bkk-international:is([data-view=home],[data-view=dashboard]) .stay-budget input{max-width:220px}
}
@media(max-width:767px){
 html body.app-site.bkk-international .mx-settings-toggle{display:none!important}
 html body.app-site.bkk-international .mx-header-actions{gap:8px;flex-shrink:0}
 html body.app-site.bkk-international .brand-wordmark{width:clamp(135px,40vw,180px)!important;max-height:40px}
 html body.app-site.bkk-international .mx-currency-shortcut{min-height:42px!important;font-size:13px!important;padding:7px 10px!important;gap:6px}
 html body.app-site.bkk-international .mx-settings-menu{position:fixed!important;inset:auto 12px max(86px,env(safe-area-inset-bottom)) 12px!important;transform:none!important;width:auto!important;min-width:0!important;max-height:calc(100dvh - 180px)!important;padding:22px;border-radius:24px!important;box-shadow:0 -6px 60px #19232b2b}
 html body.app-site.bkk-international:is([data-view=home],[data-view=dashboard]) .ix-home-hero{min-height:180px;padding:24px 20px 12px}
 html body.app-site.bkk-international:is([data-view=home],[data-view=dashboard]) .ix-home-copy h1{font-size:36px!important;max-width:100%;margin:4px 0 12px;letter-spacing:-.045em}
 html body.app-site.bkk-international:is([data-view=home],[data-view=dashboard]) .ix-home-copy>p{font-size:14px;line-height:1.5;max-width:90%;margin-bottom:12px}
 html body.app-site.bkk-international:is([data-view=home],[data-view=dashboard]) .ix-home-visual{width:58%;opacity:.2}
 html body.app-site.bkk-international:is([data-view=home],[data-view=dashboard]) .ix-home-visual::after{background:linear-gradient(90deg,var(--bkk-surface),transparent),linear-gradient(0deg,var(--bkk-surface),transparent)}
 html body.app-site.bkk-international:is([data-view=home],[data-view=dashboard]) .ix-home-visual figcaption{display:none}
 html body.app-site.bkk-international:is([data-view=home],[data-view=dashboard]) .ix-home-search{width:calc(100% - 32px);margin:0 auto!important;padding:10px;border-radius:20px}
 html body.app-site.bkk-international:is([data-view=home],[data-view=dashboard]) .stay-main-grid{grid-template-columns:1fr 1fr!important;gap:8px!important}
 html body.app-site.bkk-international:is([data-view=home],[data-view=dashboard]) .stay-destination{grid-column:1/-1}
 html body.app-site.bkk-international:is([data-view=home],[data-view=dashboard]) .stay-date-pair{grid-column:1;min-height:80px!important}
 html body.app-site.bkk-international:is([data-view=home],[data-view=dashboard]) .stay-range-button{min-height:80px;padding:10px;gap:8px;height:100%}
 html body.app-site.bkk-international:is([data-view=home],[data-view=dashboard]) .stay-range-button>svg{width:24px;height:24px;flex-basis:24px}
 html body.app-site.bkk-international:is([data-view=home],[data-view=dashboard]) .stay-range-button .range-chevron{display:none}
 html body.app-site.bkk-international:is([data-view=home],[data-view=dashboard]) .stay-range-button strong{font-size:12px}
 html body.app-site.bkk-international:is([data-view=home],[data-view=dashboard]) .stay-occupancy{grid-column:2;min-width:0}
 html body.app-site.bkk-international:is([data-view=home],[data-view=dashboard]) .stay-occupancy-trigger{min-height:80px!important;padding:10px!important;gap:7px}
 html body.app-site.bkk-international:is([data-view=home],[data-view=dashboard]) .stay-occupancy-trigger strong{font-size:11px!important;line-height:1.45}
 html body.app-site.bkk-international:is([data-view=home],[data-view=dashboard]) .stay-occupancy-trigger>svg:first-child{width:23px;flex:0 0 23px}
 html body.app-site.bkk-international:is([data-view=home],[data-view=dashboard]) .occupancy-chevron{display:none}
 html body.app-site.bkk-international:is([data-view=home],[data-view=dashboard]) .stay-budget{grid-column:1;min-height:96px!important;padding:12px 4px 12px 36px!important;border:0!important;border-radius:14px 0 0 14px!important;margin-right:-8px}
 html body.app-site.bkk-international:is([data-view=home],[data-view=dashboard]) .stay-budget>.budget-tag{left:8px;top:36px;width:23px;height:23px}
 html body.app-site.bkk-international:is([data-view=home],[data-view=dashboard]) .stay-budget>label{font-size:10px!important;line-height:1.3;white-space:nowrap}
 html body.app-site.bkk-international:is([data-view=home],[data-view=dashboard]) .stay-budget>div{gap:3px!important;max-width:100%}
 html body.app-site.bkk-international:is([data-view=home],[data-view=dashboard]) .stay-budget input{font-size:26px!important;max-width:90px}
 html body.app-site.bkk-international:is([data-view=home],[data-view=dashboard]) .stay-budget [data-budget-currency]{font-size:11px!important}
 html body.app-site.bkk-international:is([data-view=home],[data-view=dashboard]) .stay-actions{background:var(--bkk-tint);border-radius:0 14px 14px 0;padding:14px 10px}
 html body.app-site.bkk-international:is([data-view=home],[data-view=dashboard]) .stay-actions>.btn{min-height:68px!important;width:100%;padding:10px!important;font-size:15px!important;border-radius:14px!important;gap:6px}
 html body.app-site.bkk-international:is([data-view=home],[data-view=dashboard]) .stay-actions>.btn svg{width:20px;flex-basis:20px}
 html body.app-site.bkk-international:is([data-view=home],[data-view=dashboard]) .landing-stays .landing-section{padding-top:30px;padding-inline:16px}
 html body.app-site.bkk-international:is([data-view=home],[data-view=dashboard]) .landing-section-heading h2{font-size:25px;line-height:1.2}
 html body.app-site.bkk-international:is([data-view=home],[data-view=dashboard]) .landing-property-grid{grid-template-columns:1fr 1fr;gap:12px}
 html body.app-site.bkk-international:is([data-view=home],[data-view=dashboard]) .landing-property-grid .nx-stay:nth-child(n+3){display:none}
 html body.app-site.bkk-international:is([data-view=home],[data-view=dashboard]) .nx-stay-media{aspect-ratio:1.18}
 html body.app-site.bkk-international:is([data-view=home],[data-view=dashboard]) .nx-stay-body{padding:11px}
 html body.app-site.bkk-international:is([data-view=home],[data-view=dashboard]) .nx-stay h3{font-size:16px;line-height:1.25;margin:8px 0}
 html body.app-site.bkk-international:is([data-view=home],[data-view=dashboard]) .nx-stay-meta{font-size:11px;line-height:1.5}
 html body.app-site.bkk-international:is([data-view=home],[data-view=dashboard]) .nx-stay-foot{display:block}
 html body.app-site.bkk-international:is([data-view=home],[data-view=dashboard]) .nx-stay-price strong{font-size:18px}
 html body.app-site.bkk-international:is([data-view=home],[data-view=dashboard]) .nx-stay-price{margin-bottom:10px}
 html body.app-site.bkk-international:is([data-view=home],[data-view=dashboard]) .stay-offer-button{width:100%;font-size:13px!important;min-height:44px}
 html body.app-site.bkk-international:is([data-view=home],[data-view=dashboard]) .nx-stay-kicker{font-size:9px}
 html body.app-site.bkk-international:is([data-view=home],[data-view=dashboard]) .rv-chip{font-size:10px}
}
@media(max-width:374px){
 html body.app-site.bkk-international .brand-wordmark{width:135px!important}
 html body.app-site.bkk-international:is([data-view=home],[data-view=dashboard]) .ix-home-copy h1{font-size:31px!important}
 html body.app-site.bkk-international:is([data-view=home],[data-view=dashboard]) .stay-budget>.budget-tag{display:none}
 html body.app-site.bkk-international:is([data-view=home],[data-view=dashboard]) .stay-budget{padding-left:10px!important}
}
html body.app-site.bkk-international .mx-settings-toggle>svg{fill:none!important;stroke:currentColor!important}
html body.app-site.bkk-international .region-country-picker{border:1px solid var(--bkk-line);border-radius:12px;margin-bottom:18px;background:var(--bkk-surface)}
html body.app-site.bkk-international .region-country-picker>summary{display:flex;align-items:center;gap:10px;min-height:48px;padding:10px 14px;cursor:pointer;list-style:none;font-size:14px;font-weight:500}
html body.app-site.bkk-international .region-country-picker>summary::-webkit-details-marker{display:none}
html body.app-site.bkk-international .region-country-picker>summary::after{content:'⌄';margin-left:auto}
html body.app-site.bkk-international .region-country-options{display:grid;max-height:230px;overflow:auto;border-top:1px solid var(--bkk-line);padding:6px}
html body.app-site.bkk-international .region-country-options button{display:flex;align-items:center;gap:10px;min-height:46px;border:0;background:transparent;color:var(--bkk-dark);font:inherit;font-size:13px;text-align:left;border-radius:8px;padding:8px}
html body.app-site.bkk-international .region-country-options button[aria-pressed=true]{background:var(--bkk-tint);color:var(--bkk-blue-ink)}
@media(max-width:767px){
 html body.app-site.bkk-international:is([data-view=home],[data-view=dashboard]) form.stay-form .stay-destination{min-height:72px!important;padding:10px 12px!important}
 html body.app-site.bkk-international:is([data-view=home],[data-view=dashboard]) form.stay-form .stay-destination>label{font-size:11px!important;line-height:1.2!important;margin:0!important}
 html body.app-site.bkk-international:is([data-view=home],[data-view=dashboard]) form.stay-form .stay-input-wrap{min-height:26px!important;height:26px!important}
 html body.app-site.bkk-international:is([data-view=home],[data-view=dashboard]) form.stay-form .stay-clear{height:26px!important;min-height:26px!important;width:24px;padding:0!important;margin:0!important}
 html body.app-site.bkk-international:is([data-view=home],[data-view=dashboard]) form.stay-form .stay-budget{padding:12px 4px 12px 38px!important;border:0!important;border-radius:14px 0 0 14px!important;margin-right:-8px;min-height:96px!important}
 html body.app-site.bkk-international:is([data-view=home],[data-view=dashboard]) form.stay-form .stay-actions{margin-top:0!important;min-height:96px!important;padding:14px 10px!important}
 html body.app-site.bkk-international:is([data-view=home],[data-view=dashboard]) .landing-section-heading{display:flex;align-items:center;gap:10px}
 html body.app-site.bkk-international:is([data-view=home],[data-view=dashboard]) .landing-text-link{white-space:nowrap;font-size:12px;margin:0}
 html body.app-site.bkk-international:is([data-view=home],[data-view=dashboard]) .landing-section-heading h2{font-size:23px}
}
@media(max-width:374px){
 html body.app-site.bkk-international[data-member="1"] .brand-wordmark{width:112px!important}
 html body.app-site.bkk-international:is([data-view=home],[data-view=dashboard]) form.stay-form .stay-budget{padding-left:10px!important}
}

/* Keep Google Play artwork in full color; home icon strokes must not alter it. */
html body.app-site.bkk-international .bf-play-badge svg,html body.app-site.bkk-international .bf-play-badge svg path{stroke:none!important;filter:none!important;opacity:1}

/* Consistent charcoal interface icons and unframed account control. */
html body.app-site.bkk-international :is(.stay-input-wrap>svg,.stay-range-button>svg,.stay-occupancy-trigger>svg,.stay-budget>.budget-tag,.mx-bottom svg){color:#19232b!important}
html body.app-site.bkk-international[data-view] .mx-app-header .mx-header-avatar{border:0!important;background:transparent!important;box-shadow:none!important}
html body.app-site.bkk-international .mx-header-avatar:focus-visible{outline:2px solid var(--bkk-blue);outline-offset:4px}
@media(max-width:767px){
 html body.app-site.bkk-international form.stay-form .stay-budget>.budget-tag{display:none!important}
 html body.app-site.bkk-international form.stay-form .stay-budget{padding-left:12px!important}
 html body.app-site.bkk-international form.stay-form .stay-budget>label{white-space:normal!important;line-height:1.35!important}
}

/* One neutral amount color across search, stays, offers, reservations and host views. */
html body.app-site.bkk-international[data-view] :is(.stay-form .stay-budget input,.stay-form .stay-budget [data-budget-currency],.nx-stay-price strong,.nx-price strong,.nx-total strong,.nx-offer-price strong,.mx-price strong,.bf-req-price strong,.hs-reference-price strong,.jx-reference-price strong,.jx-price-summary dd,.bf-pay-total strong,.hs-request-total){color:var(--bkk-dark,#19232b)!important}
html body.app-site.bkk-international[data-view] .stay-form .stay-budget input::placeholder{color:var(--bkk-dark,#19232b)!important;opacity:.55}