@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;500;600;700&family=Noto+Sans+Thai:wght@300;400;500;600;700&display=swap');
:root{--primary:#169b83;--primary-dark:#087562;--accent:#f36b16;--ink:#152b27;--muted:#667873;--bg:#f5faf8;--line:#dfe9e5;--white:#fff;--shadow:0 14px 40px rgba(21,43,39,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:"Noto Sans Thai",sans-serif;line-height:1.7}img{max-width:100%;display:block}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.container{width:min(1180px,calc(100% - 40px));margin:auto}
.site-header{height:82px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.97);position:sticky;top:0;z-index:50}.nav{height:100%;display:flex;align-items:center;gap:34px}.brand{display:flex;align-items:center;margin-right:auto}.brand-logo{width:66px;height:66px;object-fit:contain}.brand-text{display:none}nav{display:flex;align-items:center;gap:28px}nav a{font-size:15px;color:#455650;white-space:nowrap}nav a:hover,nav a.active{color:var(--primary);font-weight:600}.nav-btn{padding:10px 18px!important;font-size:14px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 22px;border-radius:10px;font-weight:600;border:1px solid transparent;cursor:pointer;transition:.2s}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-1px)}.btn-outline{border-color:var(--line);color:var(--ink);background:#fff}.btn-white{background:#fff;color:var(--primary)}
.hero-slider{position:relative;height:min(680px,calc(100vh - 82px));min-height:520px;overflow:hidden;background:#16312c}.slider-track,.slide{position:absolute;inset:0}.slide{opacity:0;transition:opacity 1s ease}.slide.active{opacity:1}.slide img{width:100%;height:100%;object-fit:cover}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.72) 0%,rgba(0,0,0,.42) 48%,rgba(0,0,0,.12) 100%)}.hero-content{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center;color:#fff;padding-top:25px}.eyebrow{font-size:12px;letter-spacing:2px;color:var(--primary);font-weight:700}.hero-slider .eyebrow{color:#c5f0e6}.hero-content h1{font:500 clamp(38px,5vw,64px)/1.15 Kanit,sans-serif;margin:12px 0 18px;max-width:820px}.hero-content h1 strong{font-weight:700}.hero-content p{max-width:720px;font-size:clamp(15px,1.7vw,18px);color:#fff;margin:0}.hero-actions{display:flex;gap:12px;margin:25px 0 0}.btn-white-outline{border:1px solid rgba(255,255,255,.8);color:#fff;background:rgba(255,255,255,.08)}.hero-dots{display:flex;gap:7px;margin-top:28px}.dot{width:9px;height:9px;border:0;border-radius:50%;background:rgba(255,255,255,.5);padding:0;cursor:pointer}.dot.active{background:#fff;width:28px;border-radius:10px}.slider-arrow{position:absolute;z-index:4;top:50%;transform:translateY(-50%);width:44px;height:44px;border:0;border-radius:50%;background:rgba(255,255,255,.85);font-size:30px;line-height:1;cursor:pointer;color:var(--ink)}.slider-arrow.prev{left:22px}.slider-arrow.next{right:22px}
.section{padding:78px 0}.soft{background:var(--bg)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}.section-head h2,.page-head h1{font:600 clamp(28px,4vw,38px) Kanit,sans-serif;margin:3px 0}.section-head>a{color:var(--primary);font-weight:600;white-space:nowrap}.room-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.room-card{border:1px solid var(--line);border-radius:17px;overflow:hidden;background:#fff;transition:.2s;box-shadow:0 3px 15px rgba(25,50,46,.04)}.room-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.room-card>img{width:100%;height:240px;object-fit:cover}.room-body{padding:20px}.tag{display:inline-block;background:#e6f5f1;color:var(--primary-dark);font-size:11px;font-weight:700;padding:3px 9px;border-radius:20px}.room-body h3{font:600 21px Kanit,sans-serif;margin:8px 0 4px}.room-body p{font-size:13px;color:var(--muted);margin:0 0 18px}.room-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid var(--line);padding-top:14px}.room-bottom b{font-size:20px;color:var(--primary-dark)}.room-bottom small{font-size:11px;font-weight:400;color:var(--muted)}.room-bottom a{font-size:13px;color:var(--primary);font-weight:600;white-space:nowrap}
.price-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.price-card{border:1px solid var(--line);border-radius:15px;padding:25px;background:#fff;display:flex;flex-direction:column;gap:8px;box-shadow:0 3px 15px rgba(25,50,46,.03)}.price-card span{font-size:14px;color:var(--muted)}.price-card b{font:600 28px Kanit;color:var(--primary-dark)}.price-card small{font:400 12px;color:var(--muted)}
.facility-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.facility{background:#fff;border:1px solid var(--line);border-radius:15px;padding:22px}.facility-icon{font-size:27px;display:block}.facility b{display:block;margin-top:7px;font-size:15px}.facility p{font-size:12px;color:var(--muted);margin:2px 0 0}.cta{background:var(--primary);color:#fff;padding:55px 0}.cta .eyebrow{color:#c5f0e6}.cta h2{font:600 32px Kanit;margin:5px 0}.cta p{margin:0;color:#d9f2ed}.cta-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}
.footer{background:#102a26;color:#b9c8c5;padding:45px 0 20px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1.3fr;gap:50px}.footer .brand{margin:0}.footer .brand-logo{filter:brightness(0) invert(1);width:60px;height:60px}.footer p{font-size:13px;max-width:350px}.footer-grid>div:not(:first-child){display:flex;flex-direction:column;gap:7px;font-size:13px}.footer-grid b{color:#fff;margin-bottom:5px}.copyright{border-top:1px solid rgba(255,255,255,.1);margin-top:30px;padding-top:15px;text-align:center;font-size:11px;color:#81918e}
.page-head{padding:55px 0;background:var(--bg);border-bottom:1px solid var(--line)}.page-head p{color:var(--muted);margin:0}.filters{display:flex;gap:8px;margin-bottom:30px;flex-wrap:wrap}.filter{border:1px solid var(--line);background:#fff;border-radius:9px;padding:8px 18px;font-family:inherit;cursor:pointer}.filter.active{background:var(--primary);border-color:var(--primary);color:#fff}
.detail-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:55px}.detail-main{width:100%;height:620px;object-fit:cover;border-radius:20px}.detail-info h1{font:600 42px Kanit;margin:10px 0}.price{font:600 30px Kanit;color:var(--primary-dark);margin:5px 0 20px}.price small{font:400 13px;color:var(--muted)}.specs{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:13px;margin:25px 0;overflow:hidden}.specs div{padding:15px;border-bottom:1px solid var(--line)}.specs div:nth-child(odd){border-right:1px solid var(--line)}.specs div:nth-last-child(-n+2){border-bottom:0}.specs b,.specs span{display:block}.specs span{font-size:11px;color:var(--muted)}.check-list{padding-left:20px;columns:2;font-size:14px}.check-list li{margin:5px 0}.full{width:100%;margin-top:15px}
.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:35px}.contact-card,.contact-form{border:1px solid var(--line);border-radius:17px;padding:30px;background:#fff}.contact-card h2,.contact-form h2{font:600 27px Kanit;margin-top:0}.contact-item{padding:16px 0;border-bottom:1px solid var(--line);display:flex;flex-direction:column}.contact-item:last-child{border-bottom:0}.contact-item span{color:var(--muted);font-size:14px}.contact-form label{display:block;font-size:13px;margin:13px 0}.contact-form input,.contact-form select,.contact-form textarea{display:block;width:100%;padding:11px 13px;border:1px solid var(--line);border-radius:9px;font:inherit;margin-top:5px;background:#fff}.form-msg{font-size:13px;color:var(--primary)}.social-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:20px}.social-btn{display:flex;align-items:center;justify-content:center;gap:9px;border-radius:10px;padding:11px 12px;font-weight:600;font-size:13px;border:1px solid var(--line);background:#fff}.social-btn:hover{transform:translateY(-1px);box-shadow:0 5px 15px rgba(0,0,0,.07)}.social-icon{width:22px;height:22px;flex:0 0 22px}.map{width:100%;height:480px;border:0;border-radius:17px;box-shadow:var(--shadow)}
.mobile-contact{display:none}
@media(max-width:1050px){.container{width:min(960px,calc(100% - 32px))}.nav{gap:18px}nav{gap:18px}.nav-btn{padding:9px 13px!important}.hero-content h1{max-width:700px}.facility-grid{grid-template-columns:repeat(3,1fr)}.detail-grid{gap:30px}.detail-main{height:540px}}
@media(max-width:800px){.site-header{height:72px}.brand-logo{width:58px;height:58px}.nav{padding:7px 0;gap:10px}.nav nav{order:3;width:100%;justify-content:space-between;gap:5px}.site-header{height:auto;min-height:72px}.nav-btn{display:none}nav a{font-size:13px}.hero-slider{height:620px;min-height:0}.hero-content{justify-content:flex-end;padding-bottom:62px}.hero-overlay{background:linear-gradient(0deg,rgba(0,0,0,.78) 0%,rgba(0,0,0,.38) 58%,rgba(0,0,0,.08) 100%)}.hero-content h1{font-size:clamp(34px,8vw,48px)}.hero-content p{font-size:14px}.hero-actions{flex-direction:row;flex-wrap:wrap}.slider-arrow{width:38px;height:38px;font-size:26px}.slider-arrow.prev{left:10px}.slider-arrow.next{right:10px}.room-grid,.price-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.facility-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section{padding:58px 0}.detail-grid,.contact-grid{grid-template-columns:1fr}.detail-main{height:440px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.cta-inner{display:block}.cta .btn{margin-top:20px}.mobile-contact{display:grid;position:fixed;bottom:0;left:0;right:0;z-index:60;grid-template-columns:repeat(3,1fr);background:#fff;border-top:1px solid var(--line);box-shadow:0 -5px 20px rgba(0,0,0,.08)}.mobile-contact a{padding:9px 4px;text-align:center;font-size:11px;font-weight:600;border-right:1px solid var(--line)}.mobile-contact a:last-child{border-right:0}.mobile-contact svg{display:block;margin:auto;width:21px;height:21px}.contact-form{padding:24px}}
@media(max-width:560px){.container{width:calc(100% - 24px)}nav a{font-size:12px}.hero-slider{height:560px}.hero-content{padding-bottom:54px}.hero-actions .btn{flex:1;min-width:145px;padding:10px 12px}.room-grid,.price-grid,.facility-grid{grid-template-columns:1fr}.room-card>img{height:225px}.section-head{align-items:start}.section-head h2{font-size:28px}.section-head>a{font-size:13px}.detail-main{height:360px}.detail-info h1{font-size:34px}.check-list{columns:1}.footer-grid{grid-template-columns:1fr}.social-grid{grid-template-columns:1fr 1fr}.page-head{padding:40px 0}.map{height:360px}}
@media(min-width:801px) and (max-width:1100px){.room-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.room-card>img{height:200px}}