
/* The original header, hero, cards, forms, and content remain unchanged. */
html{background:#050d1b!important}
body{background:transparent!important;isolation:isolate}
body::before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background-image:linear-gradient(180deg,rgba(3,10,23,.66),rgba(3,11,25,.77)),url("photo-BYD-Bangkok-user-background.webp");background-position:center center;background-size:cover;background-repeat:no-repeat}
body::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(3,12,28,.10),rgba(4,12,28,.18))}
/* Glass-like panels let the Bangkok-at-night image show throughout the page. */
main>section:not(.hero),main>.section,section.section,section#prices,section#destinations,section#booking,section#about,section#services,section#faq,section#contact{background:rgba(6,16,32,.80)!important;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);border-color:rgba(218,182,112,.35)!important}
main>section:not(.hero){box-shadow:0 18px 60px rgba(0,0,0,.18)}
#prices,#destinations{background:rgba(8,21,39,.77)!important}
#booking{background:rgba(7,19,36,.85)!important}
.fare-panel,.tile,.card,.panel,.aboutrow{box-shadow:0 12px 40px rgba(0,0,0,.3)!important}
footer,.foot{background:rgba(4,12,24,.88)!important;backdrop-filter:blur(6px)}
@media(max-width:700px){body::before{background-position:56% center}main>section:not(.hero),section.section{backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}}
