@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@300;400;500;600;700&display=swap');
:root{--ink:#25372f;--deep:#1f312a;--sage:#8f9d91;--cream:#f4f0e6;--paper:#fffdf8;--amber:#e8a05d;--muted:#6c7871;--line:#dbe2dc;--green:#567363;--danger:#a94d45;--shadow:0 18px 50px rgba(37,55,47,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"Noto Sans Thai",Tahoma,sans-serif}a{color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}.site-wrap{width:min(1180px,84%);margin:auto}.eyebrow{font-size:12px;letter-spacing:.14em;color:#728378;font-weight:850;text-transform:uppercase}
.site-hero{height:100svh;min-height:760px;color:white;position:relative;overflow:hidden;border-radius:0 0 28px 28px;background:linear-gradient(90deg,rgba(48,67,57,.78),rgba(65,83,72,.12) 68%),url("hero-house.png") center/cover no-repeat}.site-nav{height:88px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:5}.site-logo{display:inline-flex;align-items:center;gap:10px;font-size:21px;font-weight:850;text-decoration:none}.site-logo span{width:35px;height:35px;border:1.5px solid;border-radius:11px;display:grid;place-items:center}.site-logo.dark{color:var(--ink)}.site-links{display:flex;gap:28px}.site-links a{text-decoration:none;font-size:14px;opacity:.9}.site-links a:hover{opacity:1}.menu-toggle{border:0;background:transparent;color:white;font-size:25px;display:none}.mobile-nav{display:none;position:absolute;right:4%;top:72px;z-index:20;background:rgba(31,49,42,.96);border-radius:14px;padding:13px;min-width:190px}.mobile-nav.open{display:block}.mobile-nav a{display:block;text-decoration:none;padding:10px 12px}.hero-copy{height:calc(100svh - 88px);min-height:672px;display:flex;flex-direction:column;justify-content:center;padding-bottom:130px;position:relative;z-index:2}.trust{font-size:13px;margin-bottom:26px}.hero-copy h1{font-family:Georgia,"Th Sarabun New",serif;font-size:clamp(58px,6.2vw,90px);font-weight:400;line-height:.96;letter-spacing:-3px;margin:0 0 23px}.hero-copy p{line-height:1.65;max-width:480px;margin:0 0 28px}.hero-button{border:0;background:var(--paper);color:var(--ink);border-radius:12px;padding:8px 20px 8px 8px;display:inline-flex;gap:13px;align-items:center;font-weight:800;width:max-content;text-decoration:none;box-shadow:var(--shadow)}.hero-button i{width:41px;height:41px;border-radius:8px;background:var(--ink);color:white;display:grid;place-items:center;font-style:normal}.hero-button.light{box-shadow:none}.hero-quick{position:absolute;z-index:3;left:8%;bottom:30px;display:grid;grid-template-columns:repeat(4,115px);gap:9px}.hero-quick a{height:80px;border:1px solid rgba(255,255,255,.42);border-radius:11px;color:white;background:rgba(255,255,255,.04);text-align:left;padding:11px;display:flex;flex-direction:column;justify-content:space-between;text-decoration:none;transition:.2s}.hero-quick a:hover{background:rgba(255,255,255,.16);transform:translateY(-2px)}
.property-section,.public-map-section{padding:90px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:30px}.section-heading h2{font:400 48px Georgia,"Th Sarabun New",serif;margin:6px 0}.section-heading p{max-width:460px;color:var(--muted);line-height:1.65}.filter-bar{display:flex;justify-content:space-between;gap:15px;margin-bottom:24px}.filter-chips{display:flex;gap:8px;flex-wrap:wrap}.filter-chips button{border:1px solid var(--line);background:var(--paper);border-radius:999px;padding:10px 17px}.filter-chips button.active{background:var(--ink);border-color:var(--ink);color:white}.filter-bar>input{width:280px;border:1px solid var(--line);background:var(--paper);border-radius:999px;padding:11px 17px}.property-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.property-card{background:var(--paper);border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:0 8px 28px rgba(38,53,46,.08);transition:.25s}.property-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.property-card[hidden]{display:none}.card-image{display:block;height:235px;position:relative;overflow:hidden}.card-image>img{width:100%;height:100%;object-fit:cover;transition:.4s}.property-card:hover .card-image>img{transform:scale(1.035)}.badge,.heart{position:absolute;top:13px;background:rgba(255,254,241,.92);border:0}.badge{left:13px;padding:7px 11px;border-radius:999px;font-size:12px}.heart{right:13px;width:38px;height:38px;border-radius:50%;font-size:19px}.heart.liked{color:#d45d54}.card-copy{padding:18px}.card-copy small{color:var(--muted)}.card-copy h3{margin:7px 0 13px;font-size:19px}.card-copy h3 a{text-decoration:none}.property-meta{display:flex;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:12px;padding-bottom:14px;border-bottom:1px solid var(--line)}.card-price{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px}.card-price b{color:var(--green)}.card-price a{font-size:12px;text-decoration:none}.empty{padding:38px;text-align:center;color:var(--muted);background:var(--paper);border:1px dashed var(--line);border-radius:18px}
.public-map-section{padding-top:20px}.public-map-layout{height:600px;background:var(--paper);display:grid;grid-template-columns:365px 1fr;border:1px solid var(--line);border-radius:27px;overflow:hidden;box-shadow:var(--shadow)}.public-map-layout aside{padding:18px;overflow:auto;border-right:1px solid var(--line)}.public-map-layout aside>input{position:sticky;top:0;z-index:2;width:100%;padding:13px;border:1px solid var(--line);border-radius:12px;background:white}.public-map-layout #map{height:100%}.map-list{display:grid;margin-top:10px}.map-list-item{display:grid;grid-template-columns:86px 1fr;gap:11px;padding:12px 2px;border-bottom:1px solid var(--line);text-decoration:none}.map-list-item img{width:86px;height:78px;object-fit:cover;border-radius:12px}.map-list-item b,.map-list-item span,.map-list-item strong{display:block}.map-list-item small,.map-list-item span{font-size:11px;color:var(--muted)}.map-list-item b{font-size:14px;margin:4px 0}.map-list-item strong{font-size:13px;color:var(--green);margin-top:4px}.map-popup{width:210px}.map-popup img{width:100%;height:110px;object-fit:cover;border-radius:9px;margin-bottom:8px}.map-popup b,.map-popup small,.map-popup strong,.map-popup a{display:block;margin-top:4px}.map-popup small{color:var(--muted)}.map-popup a{font-weight:800}.site-footer{background:var(--deep);color:white;padding:48px 0}.footer-row{display:flex;justify-content:space-between;align-items:center;gap:30px}.footer-row p{max-width:380px;opacity:.7}
.toast{position:fixed;z-index:2000;left:50%;bottom:24px;transform:translate(-50%,120px);background:var(--ink);color:white;padding:12px 18px;border-radius:12px;transition:.3s}.toast.show{transform:translate(-50%,0)}
.detail-nav{background:var(--paper);border-bottom:1px solid var(--line)}.detail-nav>div{height:74px;display:flex;align-items:center;justify-content:space-between}.back-link{text-decoration:none}.detail-main{padding:55px 0 90px}.detail-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:30px}.detail-heading h1{font:400 52px Georgia,"Th Sarabun New",serif;margin:8px 0}.detail-heading p{color:var(--muted)}.detail-price{font-size:28px;font-weight:850;color:var(--green);text-align:right}.detail-price small{display:block;font-size:13px;color:var(--muted);font-weight:400}.gallery{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:250px 250px;gap:9px;border-radius:25px;overflow:hidden;margin-bottom:35px}.gallery img{width:100%;height:100%;object-fit:cover}.gallery img:first-child{grid-row:1/3}.gallery.single{display:block;height:520px}.gallery.single img{height:100%}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:30px;align-items:start}.detail-content{display:grid;gap:20px}.detail-block,.contact-card{background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:25px}.detail-block h2,.contact-card h2{font:400 32px Georgia,"Th Sarabun New",serif;margin:5px 0 20px}.detail-facts{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:20px}.detail-facts div{min-width:115px;border:1px solid var(--line);border-radius:15px;padding:14px}.detail-facts b,.detail-facts span{display:block}.detail-facts span{font-size:12px;color:var(--muted);margin-top:3px}.lead-text{font-size:16px;line-height:1.8;color:#4e5f56}.amenities{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.amenities span{padding:13px;background:var(--cream);border-radius:12px}.contact-card{position:sticky;top:20px;box-shadow:var(--shadow)}.contact-action{display:block;text-align:center;padding:12px;border-radius:12px;background:var(--ink);color:white;text-decoration:none;font-weight:800;margin:9px 0}.contact-action.line{background:#42a65a}.contact-card hr{border:0;border-top:1px solid var(--line);margin:22px 0}.contact-card form{display:grid;gap:9px}.contact-card input,.contact-card textarea{width:100%;padding:12px;border:1px solid var(--line);border-radius:11px}.contact-card small{display:block;color:var(--muted);margin-top:12px}#detailMap{height:390px;border-radius:17px;overflow:hidden;margin-top:18px}.nearby{padding-top:70px}
.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);position:relative;z-index:1000}.brand{font-weight:900;font-size:21px;text-decoration:none}.brand span{color:var(--amber)}.brand small{font-size:9px;letter-spacing:.12em;color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:12px;padding:11px 16px;font-weight:750;text-decoration:none;background:var(--green);color:white}.btn.alt{background:#e7efe9;color:var(--green)}.btn.ghost{background:transparent;border:1px solid var(--line);color:var(--ink)}.btn.large{padding:14px 20px}.actions,.bottom-actions,.sticky-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.panel{max-width:1080px;margin:28px auto;padding:0 18px}.admin-body{background:#edf0eb}.admin-panel{max-width:1240px;margin:38px auto 80px}.admin-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:25px}.admin-heading h1{font:400 48px Georgia,"Th Sarabun New",serif;margin:6px 0}.admin-heading p{color:var(--muted);margin:0}.sticky-actions select{padding:11px;border:1px solid var(--line);border-radius:12px;background:white}.notice{padding:13px 15px;border-radius:12px;background:#e3f0e8;color:#2d624a;margin-bottom:18px}.notice.error{background:#fbe6e3;color:#8a342d}.stat-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:22px}.stat-grid a{background:var(--paper);border:1px solid var(--line);border-radius:17px;padding:18px;text-decoration:none}.stat-grid b,.stat-grid span{display:block}.stat-grid b{font-size:27px}.stat-grid span{font-size:12px;color:var(--muted);margin-top:5px}.admin-filters{display:flex;gap:9px;background:var(--paper);border:1px solid var(--line);border-radius:17px;padding:13px;margin-bottom:16px}.admin-filters input{flex:1}.admin-filters input,.admin-filters select{padding:11px;border:1px solid var(--line);border-radius:11px;background:white}.property-admin-list{display:grid;gap:12px}.admin-property-card{display:grid;grid-template-columns:130px 1fr auto;align-items:center;gap:17px;background:var(--paper);border:1px solid var(--line);border-radius:19px;padding:12px}.admin-property-card>img{width:130px;height:105px;object-fit:cover;border-radius:13px}.admin-property-main .row{display:flex;align-items:center;gap:7px}.admin-property-main h3{margin:7px 0 4px}.admin-property-main p{color:var(--muted);font-size:13px;margin:0 0 7px}.code,.status,.featured{font-size:10px;padding:5px 8px;border-radius:999px;background:var(--cream)}.status-active{background:#dff0e5;color:#2d6a48}.status-reserved{background:#fff0ce;color:#7b5a19}.status-sold{background:#e7e7e7}.status-hidden{background:#f5dfdd;color:#863e39}.featured{background:#fbe6cc;color:#7f551f}.card-actions{display:flex;gap:8px}.form-section{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:23px;margin-bottom:16px}.form-section h2{font-size:18px;margin:0 0 18px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-grid.four{grid-template-columns:repeat(4,1fr)}.field{display:grid;gap:7px}.field.full,.check.full{grid-column:1/-1}.field label,.check{font-size:13px;font-weight:700}.field input,.field textarea,.field select{padding:12px;border:1px solid var(--line);border-radius:11px;background:white;width:100%}.field small{color:var(--muted)}.mini-map{height:380px;border-radius:15px;overflow:hidden}.amenity-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.amenity-check{position:relative}.amenity-check input{position:absolute;opacity:0}.amenity-check span{display:block;padding:13px;border:1px solid var(--line);border-radius:12px}.amenity-check input:checked+span{background:#e4efe8;border-color:var(--green);color:var(--green);font-weight:800}.upload-zone{border:2px dashed #c8d3cc;border-radius:16px;padding:25px;text-align:center;display:grid;gap:6px;position:relative}.upload-zone input{position:absolute;inset:0;opacity:0;cursor:pointer}.upload-zone small{color:var(--muted)}.image-admin-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:17px}.image-admin-grid article{border:1px solid var(--line);padding:9px;border-radius:14px}.image-admin-grid img{width:100%;height:130px;object-fit:cover;border-radius:9px;margin-bottom:8px}.image-admin-grid label{display:block;font-size:12px;padding:4px}.danger-check{color:var(--danger)}.bottom-actions{justify-content:flex-end;margin-top:18px}
@media(max-width:960px){.site-wrap{width:92%}.site-links{display:none}.menu-toggle{display:block}.property-grid{grid-template-columns:1fr 1fr}.public-map-layout{grid-template-columns:310px 1fr}.detail-layout{grid-template-columns:1fr}.contact-card{position:static}.stat-grid{grid-template-columns:repeat(3,1fr)}.form-grid.four,.amenity-grid,.image-admin-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.site-hero{min-height:820px;background-position:64% center}.site-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(48,67,57,.45),rgba(48,67,57,.08))}.site-nav{height:72px}.hero-copy{height:auto;min-height:0;padding:90px 0 275px}.hero-copy>*{position:relative;z-index:2}.hero-copy h1{font-size:51px}.hero-copy p{font-size:14px;max-width:340px}.hero-quick{left:4%;width:92%;grid-template-columns:1fr 1fr}.hero-quick a{height:72px}.section-heading,.detail-heading,.admin-heading{display:block}.section-heading h2,.detail-heading h1,.admin-heading h1{font-size:39px}.detail-price{text-align:left;margin-top:15px}.filter-bar{display:block}.filter-bar>input{width:100%;margin-top:12px}.property-grid{grid-template-columns:1fr}.public-map-layout{height:auto;grid-template-columns:1fr}.public-map-layout aside{height:330px;border-right:0}.public-map-layout #map{height:430px}.footer-row{display:block}.footer-row>*{margin:18px 0}.gallery{display:grid;height:auto;grid-template-columns:1fr 1fr;grid-template-rows:260px 150px}.gallery img:first-child{grid-row:auto;grid-column:1/-1}.gallery.single{height:360px}.amenities{grid-template-columns:1fr 1fr}.topbar{padding:0 13px}.topbar .actions .alt{display:none}.stat-grid{grid-template-columns:1fr 1fr}.admin-filters{display:grid;grid-template-columns:1fr 1fr}.admin-filters input{grid-column:1/-1}.admin-property-card{grid-template-columns:88px 1fr}.admin-property-card>img{width:88px;height:88px}.card-actions{grid-column:1/-1;justify-content:flex-end}.form-grid,.form-grid.four{grid-template-columns:1fr}.field.full,.check.full{grid-column:auto}.amenity-grid,.image-admin-grid{grid-template-columns:1fr 1fr}.sticky-actions{margin-top:15px}.detail-main{padding-top:30px}}
.admin-published{display:block;color:#8b7350;font-size:11px;margin:-3px 0 7px}.admin-property-main .price{display:block}

/* Property image selection preview */
.property-upload-summary{margin:11px 2px 0;color:var(--muted);font-size:14px}
.property-upload-error{margin:11px 0 0}
.selected-image-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:16px}
.selected-image-card{display:grid;grid-template-columns:1fr auto;gap:5px 8px;min-width:0;padding:9px;border:1px solid var(--line);border-radius:14px;background:#fff}
.selected-image-card img{grid-column:1/-1;width:100%;height:145px;object-fit:cover;border-radius:9px;background:#edf0eb}
.selected-image-card b{grid-column:1/-1;font-size:13px;color:var(--green)}
.selected-image-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}
.selected-image-card small{color:var(--muted);font-size:12px}
.selected-image-actions{grid-column:1/-1;display:flex;gap:6px;margin-top:4px}
.image-order-button,.image-remove-button{min-height:34px;border:1px solid var(--line);border-radius:9px;background:#f3f6f3;color:var(--ink);font-weight:800}
.image-order-button{width:38px}.image-order-button:disabled{opacity:.35;cursor:not-allowed}
.image-remove-button{margin-left:auto;padding:5px 12px;border-color:#e8c1bd;background:#fff0ee;color:var(--danger)}
.existing-image-grid{padding-top:15px;border-top:1px solid var(--line)}
@media(max-width:960px){.selected-image-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.selected-image-grid{grid-template-columns:1fr}.selected-image-card img{height:190px}}