:root{--hph-black:#111;--hph-white:#fff;--hph-gold:#c9a13a;--hph-gold-soft:#e3cf96;--hph-line:#e7e2d9;--hph-cream:#faf8f3;--hph-muted:#67645f}
html,body,button,input,select,textarea{font-family:Inter,"Helvetica Neue",Helvetica,Arial,sans-serif!important}
body{background:#fff!important;color:var(--hph-black)!important}
body::before{content:"";display:block;height:12px;background:var(--hph-gold);position:relative;z-index:5000}
.hph-topbar{min-height:54px;background:#fff;border-bottom:1px solid var(--hph-line);display:flex;align-items:center;justify-content:space-between;gap:18px;padding:8px clamp(18px,5vw,64px);position:relative;z-index:2100}
.hph-topbar-group{display:flex;align-items:center;gap:12px;min-width:0}.hph-topbar-label{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;white-space:nowrap}.hph-topbar-label svg{width:17px;height:17px;stroke:var(--hph-black)}
.hph-branch-select,.hph-language-select{border:0;background:transparent;color:var(--hph-black);font-size:13px;font-weight:500;outline:0;padding:7px 24px 7px 2px;min-height:36px}.hph-language-select{border:1px solid var(--hph-line);border-radius:999px;padding-left:14px;min-width:130px;background:#fff}
/* hide previous duplicated controls; topbar is the single source of truth */
.branch-control,.branch-selector-wrap,.header .lang,.ref-header .lang{display:none!important}
.header,.ref-header{top:0!important;background:#fff!important;border-bottom:1px solid var(--hph-line)!important;box-shadow:none!important}
.header-inner,.ref-header{font-family:inherit!important}
.hph,.ref-hph,.ref-hph-footer{font-family:Inter,"Helvetica Neue",Helvetica,Arial,sans-serif!important;font-weight:700!important;letter-spacing:-.055em!important}
.brand-sub,.ref-logo-sub{font-family:inherit!important;font-weight:600!important;letter-spacing:.24em!important}
.hero{background:#fff!important}.hero-copy{background:#fff!important}.hero h1{font-family:Inter,"Helvetica Neue",Helvetica,Arial,sans-serif!important;font-weight:500!important;letter-spacing:-.045em!important;line-height:1.02!important;max-width:10ch!important;font-size:clamp(44px,6vw,76px)!important}.hero h2{font-weight:500!important;letter-spacing:.08em!important}.hero p{color:var(--hph-muted)!important}
.section-title,.room h3,.bike-copy h3{font-family:inherit!important;font-weight:500!important;letter-spacing:.045em!important}.eyebrow{color:#9b771e!important;letter-spacing:.18em!important}.btn{border-radius:999px!important}.gold{background:var(--hph-black)!important;color:#fff!important}.outline{border-color:var(--hph-black)!important}
.rooms{gap:0!important;border-top:1px solid var(--hph-line);border-bottom:1px solid var(--hph-line)}.room{border:0!important;border-right:1px solid var(--hph-line)!important;border-radius:0!important;box-shadow:none!important}.room:last-child{border-right:0!important}.room-icon-link{display:block;background:#fff;padding:22px 18px 12px}.room-icon-link img{width:100%!important;aspect-ratio:4/3!important;object-fit:contain!important;filter:none!important}.room-body{text-align:center!important;padding:16px 20px 22px!important}.room-bottom{justify-content:center!important;gap:18px!important}.detail{color:var(--hph-black)!important;text-decoration:underline!important;text-underline-offset:4px!important}.price{font-size:14px!important;font-weight:600!important}.meta{min-height:32px;color:var(--hph-muted)!important}
.features .feature-icon{filter:grayscale(1);font-size:24px!important}.feature{border-radius:0!important;border-color:var(--hph-line)!important;box-shadow:none!important}.highlights{background:#fff!important}
.contact-card{border-radius:16px!important;box-shadow:none!important}.maps-btn{background:var(--hph-gold)!important;color:#111!important}.footer{background:#111!important}
@media(max-width:900px){.hph-topbar{padding-inline:16px}.rooms{border:0!important}.room{border:1px solid var(--hph-line)!important;border-radius:14px!important}.room:last-child{border-right:1px solid var(--hph-line)!important}.hero h1{font-size:clamp(40px,11vw,58px)!important}}
@media(max-width:640px){body::before{height:12px}.hph-topbar{min-height:58px;gap:8px;align-items:center}.hph-topbar-group{gap:7px}.hph-topbar-label{font-size:9px;letter-spacing:.11em}.hph-branch-select{font-size:12px;max-width:110px}.hph-language-select{font-size:11px;min-width:102px;padding-left:10px}.hero-copy{padding-top:34px!important}.hero h1{font-size:46px!important}.room-icon-link{padding:18px 18px 6px}}

/* V140 — branch strip + elegant monochrome room icons */
.hph-topbar{position:sticky;top:0;z-index:4000;background:#fff}.hph-topbar-group:first-child{flex:1}.hph-branch-select{min-width:240px;border:1px solid var(--hph-line);border-radius:999px;padding:7px 36px 7px 14px;background:#fff}.hph-branch-select option:disabled{color:#999}.room-icon-link img{max-height:178px;margin:auto}.room-icon-link{transition:background .2s ease}.room-icon-link:hover{background:#fafafa}.room h3{font-size:15px!important;letter-spacing:.06em!important}.room .meta{font-size:12px!important}.hph-language-select{font-family:inherit!important}.hph-topbar-label{color:#111}.hph-topbar-label svg{stroke:#111}
@media(max-width:640px){.hph-topbar{align-items:center}.hph-topbar-group:first-child{flex:1;min-width:0}.hph-branch-select{min-width:0;width:min(48vw,180px);font-size:11px}.hph-topbar-label{display:none}.hph-language-select{min-width:96px;max-width:116px}.room-icon-link img{max-height:160px}}


/* V144 */
html[lang="th"] body,
html[lang="th"] button,
html[lang="th"] input,
html[lang="th"] select,
html[lang="th"] textarea,
html[lang="th"] a,
html[lang="th"] p,
html[lang="th"] li,
html[lang="th"] .section-title,
html[lang="th"] .room h3,
html[lang="th"] .bike-copy h3,
html[lang="th"] .feature h3,
html[lang="th"] .contact-card h3,
html[lang="th"] .room-detail h1,
html[lang="th"] .room-detail .title,
html[lang="th"] .room-page h1,
html[lang="th"] .room-page h2.title,
html[lang="th"] .hph,
html[lang="th"] .room-hph{
  font-family:"Mali","Prompt","Noto Sans Thai","Sukhumvit Set","Thonburi","Arial Rounded MT Bold",sans-serif!important;
}
html[lang="th"] .room-detail h1,
html[lang="th"] .room-page h1,
html[lang="th"] .room-page h2.title,
html[lang="th"] .section-title,
html[lang="th"] .room h3,
html[lang="th"] .bike-copy h3,
html[lang="th"] .feature h3,
html[lang="th"] .contact-card h3{letter-spacing:.01em!important;text-transform:none!important;font-weight:700!important}
.hph{font-size:58px!important}
.brand-sub{font-size:10px!important}
@media(max-width:640px){.hph{font-size:44px!important}.brand-sub{font-size:8.25px!important}}

/* V145 logo alignment */
.stripes,.room-stripes{align-items:flex-end!important}
.stripes i,.room-stripes b{margin-left:0!important}