/* VISUAL REDESIGN V2: deliberately stronger than the original theme */
:root{--gold:#eac77d!important;--dark:#07111e!important;--muted:#aebccc!important}
html{scroll-padding-top:100px}
body{background:#070e19!important;color:#f7f4ec!important;font-family:Inter,"Noto Sans Thai",Arial,sans-serif!important}
.top{background:rgba(5,12,24,.97)!important;border-bottom:1px solid rgba(234,199,125,.28)!important;box-shadow:0 14px 45px #0008!important}
.toprow{padding-top:20px!important;padding-bottom:20px!important;gap:30px!important}
.logo{width:82px!important;height:82px!important;border:1px solid #eac77d!important;box-shadow:0 0 0 7px #eac77d0e,0 16px 35px #0008!important}
.logo strong{font-size:35px!important}
.titlebox h2{font-family:Georgia,serif!important;font-size:clamp(23px,2.5vw,37px)!important;letter-spacing:.4px!important;color:#fff9e9!important}
.titlebox p{letter-spacing:2.6px!important;color:#d9bd81!important}
.langs button{background:#142034!important;border:1px solid #bfa56b5e!important;border-radius:6px!important;padding:10px 13px!important}
.langs button.active{background:#dfbb73!important;color:#07111c!important;font-weight:800!important}
.navrow{padding-bottom:14px!important}
.nav{background:transparent!important;border:0!important;border-radius:0!important;gap:7px!important}
.nav a{border-radius:7px!important;padding:12px 17px!important;letter-spacing:.6px!important}
.nav a:hover{background:#d9b86b20!important}
.contacttop{border-radius:7px!important;background:#e9c77e!important;box-shadow:0 10px 26px #d1a84d33!important}
.hero{min-height:clamp(600px,66vw,790px)!important;border-bottom:1px solid #eac77d45!important;background:#061120!important}
.hero:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#020814b8 0%,#06112166 43%,transparent 80%),linear-gradient(0deg,#06112099,transparent 45%)!important}
.hero .nat-new-banner{width:100%!important;height:100%!important;object-fit:cover!important}
.hero h1,.hero .hero-title{font-family:Georgia,serif!important;font-size:clamp(42px,5.2vw,84px)!important;line-height:1.08!important;letter-spacing:-1.5px!important;text-shadow:0 4px 24px #000b!important}
.hero .btn,.hero button,.btn.primary{background:linear-gradient(120deg,#f6dfa5,#d5a754)!important;color:#101624!important;border:1px solid #f7dfaa!important;box-shadow:0 13px 35px #0007!important}
.section{padding-top:90px!important;padding-bottom:88px!important}
.sectiontitle{margin-bottom:34px!important;align-items:end!important;border-bottom:1px solid #e6c27633!important;padding-bottom:23px!important}
.sectiontitle h2,.fare-heading h2,.nat-new-showcase h2{font-family:Georgia,"Noto Sans Thai",serif!important;font-size:clamp(31px,3.5vw,51px)!important;letter-spacing:-.5px!important;line-height:1.17!important}
.sectiontitle p{color:#c0c9d6!important;font-size:15px!important;line-height:1.7!important}
#destinations{background:linear-gradient(145deg,#0e1b2b,#09131f 60%,#14253a)!important;max-width:none!important;padding-left:max(28px,calc((100vw - 1454px)/2))!important;padding-right:max(28px,calc((100vw - 1454px)/2))!important}
#prices{background:#0a1423!important;max-width:none!important;padding-left:max(28px,calc((100vw - 1454px)/2))!important;padding-right:max(28px,calc((100vw - 1454px)/2))!important}
#destinations .grid,#prices .grid{gap:24px!important}
#destinations .tile,#prices .tile,#places .tile,#priceCards .tile{background:linear-gradient(145deg,#1c2b3e,#101d2c)!important;border:1px solid #d8b87945!important;border-radius:17px!important;overflow:hidden!important;box-shadow:0 16px 40px #0006!important;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease!important}
#destinations .tile:hover,#prices .tile:hover,#places .tile:hover,#priceCards .tile:hover{transform:translateY(-7px)!important;box-shadow:0 24px 48px #000a!important;border-color:#eac77daa!important}
#destinations .tile img,#prices .tile img,#places .tile img,#priceCards .tile img{transition:transform .35s ease!important}
#destinations .tile:hover img,#prices .tile:hover img{transform:scale(1.055)!important}
#places .copy,#priceCards .copy{padding:20px!important}
#places .copy strong,#priceCards .copy strong{font-size:18px!important;letter-spacing:.2px!important}
#places .copy small,#priceCards .copy small{color:#e9c77e!important;font-weight:700!important}
#about{padding-top:100px!important;padding-bottom:100px!important}
#about .aboutrow{background:linear-gradient(120deg,#14273a,#0a1725)!important;border:1px solid #eac77d40!important;border-radius:24px!important;box-shadow:0 25px 65px #0008!important;overflow:hidden!important}
#booking{background:radial-gradient(ellipse at 20% 10%,#223b56 0%,#0b1727 52%,#050e1a 100%)!important;border-top:1px solid #d9b86a40!important;padding-top:92px!important;padding-bottom:100px!important}
.fare-heading{margin-bottom:30px!important}
.fare-panel{background:linear-gradient(150deg,#15273a,#0d1a2a)!important;border:1px solid #e8c68175!important;border-radius:22px!important;box-shadow:0 28px 80px #0009!important;padding:clamp(22px,3vw,45px)!important}
.fare-panel input,.fare-panel select,.fare-panel textarea{background:#091625!important;border:1px solid #70829a70!important;border-radius:9px!important;color:#fff!important;min-height:49px!important}
.fare-panel input:focus,.fare-panel select:focus,.fare-panel textarea:focus{border-color:#eac77d!important;outline:2px solid #eac77d2c!important}
.fare-tab{border-radius:10px!important}
.fare-tab.selected{background:linear-gradient(115deg,#f0d59b,#cba052)!important;color:#07111c!important;font-weight:800!important}
#fareAmount{font-family:Georgia,serif!important;color:#f6d78e!important;font-size:clamp(32px,4vw,55px)!important}
#natConfirmDialog{background:linear-gradient(150deg,#1a3045,#0c1827)!important;border:1px solid #eac77d!important;border-radius:22px!important}
.btn,.floating{transition:transform .2s ease,box-shadow .2s ease!important}
.btn:hover,.floating:hover{transform:translateY(-3px)!important}
.foot{background:#050b13!important;color:#d2c8b7!important;border-top:1px solid #d4b26b40!important;padding:35px 15px!important;letter-spacing:1px!important}
@media(max-width:700px){
 .toprow{gap:14px!important;padding-top:14px!important;padding-bottom:14px!important}
 .logo{width:62px!important;height:62px!important}.logo strong{font-size:26px!important}
 .titlebox h2{font-size:21px!important}.titlebox p{font-size:9px!important;letter-spacing:1px!important}
 .hero{min-height:600px!important}
 .section{padding-top:57px!important;padding-bottom:55px!important}
 #destinations,#prices{padding-left:17px!important;padding-right:17px!important}
 #booking{padding-top:65px!important;padding-bottom:65px!important}
 .fare-panel{padding:19px!important}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}