/* Teephak approved browse-by-area design; scoped to two area pages only. */
.ta-root{--ta-green:#088561;--ta-deep:#132c3e;--ta-muted:#71818b;--ta-line:#e0e9e9;--ta-soft:#f3f8f9;color:var(--ta-deep);font:15px/1.6 Tahoma,'Noto Sans Thai',Arial,sans-serif;background:#fff;overflow-wrap:anywhere}
.ta-root *, .ta-root *::before,.ta-root *::after{box-sizing:border-box}.ta-root [hidden]{display:none!important}.ta-root a{text-decoration:none;color:inherit}.ta-root img{display:block;max-width:100%;width:100%;object-fit:cover}.ta-root button,.ta-root input{font:inherit}.ta-root a:focus-visible,.ta-root button:focus-visible,.ta-root input:focus-visible{outline:3px solid #eaae36;outline-offset:3px}.ta-root h1,.ta-root h2,.ta-root h3,.ta-root p{margin-top:0}.ta-root .container{width:min(1230px,calc(100% - 42px));max-width:1230px;margin:auto}
.ta-overline{font-size:12px;letter-spacing:.035em;color:#c1f5e9;font-weight:900}.ta-kicker{display:block;color:#0a8863;font-size:12px;font-weight:900;letter-spacing:.02em}.ta-breadcrumb{display:flex;gap:8px;flex-wrap:wrap;align-items:center;font-size:12px;margin-bottom:30px}.ta-on-dark{color:#fff}.ta-on-dark a:hover{text-decoration:underline}.ta-root .ta-btn{border-radius:10px;font-weight:900;padding:10px 18px;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;font-size:13px;border:1px solid transparent;cursor:pointer;text-align:center;white-space:normal}.ta-root .ta-green{background:var(--ta-green);color:#fff}.ta-root .ta-white{background:#fff;color:#17334c;border-color:#e5eeee}.ta-root .ta-orange{background:#ff851f;color:#fff}.ta-root .ta-line{border-color:var(--ta-line);background:#fff;color:var(--ta-deep)}.ta-root .ta-btn:hover{filter:brightness(.94)}.ta-actions{display:flex;flex-wrap:wrap;gap:10px}.ta-section{padding:48px 0}.ta-soft{background:var(--ta-soft)}
.ta-locations-hero{background:linear-gradient(90deg,rgba(12,39,57,.9),rgba(8,43,53,.50) 55%,rgba(2,29,32,.18)),url('../images/tp-areas-hero.webp') center 53%/cover;color:white;min-height:360px}.ta-hero-container{padding-top:24px;padding-bottom:54px}.ta-locations-hero-copy{max-width:640px}.ta-locations-hero h1{font-size:clamp(33px,4vw,49px);line-height:1.23;font-weight:900;letter-spacing:-.03em;margin:8px 0 14px}.ta-locations-hero p{max-width:620px;font-size:15px;line-height:1.72;margin-bottom:25px}.ta-finder-shell{position:relative;margin-top:-26px!important;z-index:2}.ta-finder{display:flex;gap:10px;background:#fff;border:1px solid var(--ta-line);border-radius:18px;padding:11px;box-shadow:0 10px 35px #132c3e12}.ta-finder input{border:1px solid #dce8e7;flex:1;min-width:0;padding:10px 15px;border-radius:10px;background:#fff;color:#213648;outline:0}.ta-finder input:focus{border-color:var(--ta-green)}.ta-finder .ta-btn{min-width:105px}.ta-visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.ta-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:22px}.ta-section-heading h2{font-weight:900;font-size:25px;margin:5px 0 2px;line-height:1.35}.ta-section-heading p{color:var(--ta-muted);font-size:13px;margin:0}.ta-count-pill{background:#e5f7ee;border-radius:40px;padding:5px 13px;font-size:11px;color:#157452;font-weight:900;white-space:nowrap}.ta-areas-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.ta-area-card,.ta-stay-card{background:#fff;box-shadow:0 9px 26px #0a273614;border:1px solid #e6ecee;border-radius:13px;overflow:hidden;min-width:0}.ta-area-photo{position:relative;display:block;height:204px;background:#c5e4e3}.ta-area-photo img{height:100%}.ta-area-photo-tag{position:absolute;top:13px;left:13px;font-size:11px;background:#e6fff4;border-radius:99px;color:#04734d;padding:4px 9px;font-weight:900}.ta-area-info{padding:16px 18px 17px;display:flex;flex-direction:column;min-height:170px}.ta-area-info h3{font-size:20px;line-height:1.32;margin:3px 0 6px;font-weight:900}.ta-area-info p{font-size:12px;line-height:1.65;color:var(--ta-muted);margin:0 0 10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ta-area-foot{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:8px}.ta-area-foot span{font-size:11px;color:var(--ta-muted)}.ta-area-foot .ta-btn{padding:6px 14px;min-height:36px}.ta-photo-disclaimer{font-size:11px;color:var(--ta-muted);margin:12px 0 0}.ta-empty{padding:20px;border-radius:13px;background:#fff;border:1px dashed #bfded4;font-size:14px;margin:5px 0}.ta-empty a{color:var(--ta-green)!important;text-decoration:underline!important}
.ta-styles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.ta-styles>a{background:#fff;border:1px solid #e5eeee;box-shadow:0 7px 19px #1032420d;border-radius:12px;display:grid;align-items:center;column-gap:12px;grid-template-columns:49px 1fr 20px;grid-template-rows:auto auto;padding:15px}.ta-styles>a>span{grid-column:1;grid-row:1/3;width:46px;height:46px;background:#e7f6ed;display:grid;place-items:center;border-radius:10px;font-size:23px}.ta-styles strong{font-weight:900;font-size:14px;grid-column:2;grid-row:1;align-self:end}.ta-styles em{font-size:11px;font-style:normal;color:var(--ta-muted);grid-column:2;grid-row:2;align-self:start}.ta-styles b{grid-column:3;grid-row:1/3;color:var(--ta-green);font-weight:900}.ta-owner-banner{border-radius:16px;overflow:hidden;background:linear-gradient(90deg,#0a3e35 0,#0b5143 45%,#0b514300 100%),url('../images/tp-area-join.webp') right center/cover;min-height:214px;display:flex;align-items:center;color:#fff}.ta-owner-content{padding:30px 34px;max-width:570px}.ta-owner-content h2{font-size:25px;line-height:1.4;margin:5px 0 6px}.ta-owner-content p{font-size:12px;color:#d7f5ed;margin-bottom:17px}
.ta-detail-hero{min-height:298px;color:white;background:linear-gradient(90deg,#0a2a34db,#0e333db0 53%,#0a213763),var(--ta-detail-hero) center/cover}.ta-detail-hero .container{padding-top:20px;padding-bottom:34px}.ta-detail-hero .ta-breadcrumb{margin-bottom:19px}.ta-detail-hero h1{font-size:clamp(29px,3.4vw,44px);line-height:1.3;letter-spacing:-.025em;margin:7px 0 7px}.ta-detail-hero p{font-size:13px;line-height:1.7;max-width:590px;margin-bottom:14px}.ta-small-bubble{display:inline-block;border-radius:30px;padding:4px 10px;border:1px solid #ffffff66;color:#fff;font-size:11px;margin-bottom:20px}.ta-detail-intro{padding:14px 0 22px}.ta-nearby{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 14px}.ta-nearby a{background:#f2f7f5;border-radius:7px;padding:7px 13px;font-size:12px;font-weight:700;border:1px solid #e2ece8}.ta-nearby a[aria-current=page]{background:var(--ta-green);color:white}.ta-intro-box{display:flex;align-items:center;justify-content:space-between;gap:19px;background:#fff;border:1px solid #e5eeef;border-radius:14px;box-shadow:0 7px 20px #233d4510;padding:19px 21px}.ta-intro-box h2{font-size:18px;line-height:1.4;margin:4px 0 5px;font-weight:900}.ta-intro-box p{font-size:12px;color:var(--ta-muted);margin:0}.ta-featured-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.ta-featured-stay{max-width:570px;border-color:#119968;box-shadow:0 9px 27px #00785317}.ta-stay-card{display:flex;flex-direction:column}.ta-stay-img{position:relative;display:block;background:linear-gradient(125deg,#e1eceb,#b8dad5);overflow:hidden}.ta-stay-img img{height:146px}.ta-featured-stay .ta-stay-img img{height:245px}.ta-stay-label{position:absolute;top:9px;left:9px;border-radius:5px;padding:4px 7px;font-size:10px;font-weight:900;color:#087350;background:#e1fff0}.ta-featured-stay .ta-stay-label{background:#fffbdb;color:#ae6e00}.ta-stay-body{padding:11px;display:flex;flex:1;flex-direction:column}.ta-featured-stay .ta-stay-body{padding:14px}.ta-stay-body h3{margin:1px 0 5px;font-size:14px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-weight:900}.ta-featured-stay .ta-stay-body h3{font-size:19px}.ta-stay-body>p{margin-bottom:10px;font-size:12px;color:var(--ta-muted);line-height:1.5}.ta-stay-foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:7px;font-size:11px}.ta-stay-foot>span{color:#788991}.ta-stay-foot a{background:var(--ta-green);color:#fff;padding:6px 9px;border-radius:8px;font-weight:900;text-align:center}.ta-featured-stay .ta-stay-foot a{padding:9px 14px;font-size:12px}.ta-regular-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}.ta-regular-stay .ta-stay-foot{display:flex;flex-wrap:wrap}.ta-regular-stay .ta-stay-foot a{flex-basis:100%}.ta-page-summary{text-align:center;font-size:12px;color:var(--ta-muted);margin:20px 0 13px}.ta-pagination{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px}.ta-pagination>a,.ta-pagination>span{min-width:34px;min-height:34px;display:grid;place-items:center;border-radius:8px;border:1px solid #d7e6e1;font-size:12px;font-weight:900;padding:5px 10px;background:#fff}.ta-pagination>a[aria-current=page]{background:var(--ta-green);border-color:var(--ta-green);color:white}.ta-pagination>span[aria-disabled=true]{opacity:.44}.ta-detail-bottom{display:grid;grid-template-columns:2fr 1fr;gap:14px;align-items:stretch}.ta-detail-bottom .ta-intro-box{align-items:flex-start}.ta-about p{font-size:13px;line-height:1.8}.ta-shortcuts>.ta-shortcuts-inner,.ta-shortcuts>div{width:100%}.ta-shortcuts .ta-btn{display:flex;width:100%;margin-top:8px}.ta-shortcuts h2{margin-bottom:12px}
@media (max-width:950px){.ta-regular-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ta-featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ta-styles{grid-template-columns:repeat(2,minmax(0,1fr))}.ta-root .container{width:min(100% - 32px,850px)}}
@media (max-width:650px){.ta-root .container{width:calc(100% - 28px)}.ta-section{padding:30px 0}.ta-section-heading{align-items:flex-start}.ta-section-heading h2{font-size:21px}.ta-section-heading p{font-size:11px}.ta-count-pill{font-size:9px;white-space:normal;text-align:center}.ta-locations-hero{min-height:330px;background-position:52% center}.ta-hero-container{padding-top:18px;padding-bottom:66px}.ta-breadcrumb{margin-bottom:21px;font-size:11px}.ta-locations-hero h1{font-size:35px}.ta-locations-hero p{font-size:13px;max-width:340px}.ta-finder-shell{margin-top:-32px!important}.ta-finder{padding:8px;gap:7px;border-radius:13px}.ta-finder input{font-size:12px;padding:9px;min-width:0}.ta-finder .ta-btn{font-size:11px;padding:8px 9px;min-width:83px}.ta-areas-grid{grid-template-columns:1fr;gap:14px}.ta-area-photo{height:205px}.ta-area-info{min-height:unset}.ta-styles{grid-template-columns:1fr;gap:10px}.ta-owner-banner{min-height:180px;background:linear-gradient(90deg,#0b4039f0,#094536b4),url('../images/tp-area-join.webp') center/cover}.ta-owner-content{padding:21px}.ta-owner-content h2{font-size:20px}.ta-detail-hero{min-height:255px;background-position:center}.ta-detail-hero .container{padding:16px 0 25px}.ta-detail-hero h1{font-size:28px}.ta-detail-hero p{font-size:12px}.ta-detail-intro{padding:12px 0 18px}.ta-nearby{gap:6px}.ta-nearby a{padding:5px 9px;font-size:10px}.ta-intro-box{padding:14px}.ta-intro-box h2{font-size:16px}.ta-detail-intro .ta-intro-box{flex-direction:column;align-items:stretch}.ta-featured-grid{grid-template-columns:1fr}.ta-featured-stay{max-width:none}.ta-featured-stay .ta-stay-img img{height:215px}.ta-regular-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ta-regular-stay .ta-stay-img img{height:125px}.ta-regular-stay .ta-stay-body{padding:8px}.ta-regular-stay .ta-stay-body h3{font-size:12px}.ta-regular-stay .ta-stay-foot{font-size:10px}.ta-detail-bottom{grid-template-columns:1fr}.ta-root .ta-btn{font-size:12px}.ta-section-heading{gap:8px}}
@media (max-width:350px){.ta-root .container{width:calc(100% - 20px)}.ta-regular-grid{gap:7px}.ta-regular-stay .ta-stay-img img{height:110px}.ta-regular-stay .ta-stay-foot a{font-size:10px}}