.tp{
  --bg:#F2F5F0; --surface:#FFFFFF; --surface-2:#E7EDE4; --line:#D5DDD1;
  --fg:#1F2A22; --fg-soft:#52624F; --green:#4A6B4F; --green-deep:#304A35; --on-green:#FFFFFF; --on-green-soft:#D4E2D3;
  --red:#E8442F; --btn:#D63B26; --btn-hover:#BE3220; --on-btn:#FFFFFF; --focus:#E8442F; --price:#C6341F;
  --gold-bg:#F6E7B8; --gold-fg:#5E4500; --silver-bg:#E3E7EA; --silver-fg:#3A4650; --bronze-bg:#F3D9C6; --bronze-fg:#6A3412;
  --ok-bg:#D5EBD6; --ok-fg:#1E5A2A; --bad-bg:#F8D9D3; --bad-fg:#8A2415; --tag-bg:#E7EDE4; --tag-fg:#304A35;
  --ph1a:#9DB79F; --ph1b:#6F946F; --ph2a:#B7C9A8; --ph2b:#7F9C6F; --ph3a:#8FB1AA; --ph3b:#4F7F7A; --ph4a:#C5B79A; --ph4b:#8E8460; --ph-fg:#F4F8F3;
  --shadow:0 6px 20px rgba(31,42,34,.10);
  --font-display:var(--tp-font,'LINE Seed Sans TH',sans-serif); --font-body:var(--tp-font,'LINE Seed Sans TH',sans-serif);
}
.tp *{box-sizing:border-box}
.tp{scroll-behavior:smooth}
.tp{background:var(--bg);color:var(--fg);font-family:var(--font-body);font-size:16px;line-height:1.6}
.tp h1,.tp h2,.tp h3{font-family:var(--font-display);line-height:1.25;margin:0;text-wrap:balance}
.tp p{margin:0}
.tp a{color:inherit}
.tp button,.tp input,.tp select{font:inherit;color:inherit}
.tp :focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:6px}
.tp .wrap{max-width:var(--tp-max,1200px);margin-inline:auto;padding-inline:16px}
.tp svg.ic{width:1em;height:1em;flex:none}
.tp .top{position:sticky;top:env(safe-area-inset-top,0px);z-index:30;background:var(--green-deep);color:var(--on-green)}
.tp .top .wrap{display:flex;align-items:center;gap:12px;height:56px}
.tp .brand{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:600;font-size:18px;text-decoration:none;min-width:0}
.tp .brand svg{width:30px;height:30px;flex:none}
.tp .grow{flex:1}
.tp .back{display:inline-flex;align-items:center;gap:6px;background:transparent;border:1px solid rgba(255,255,255,.4);color:var(--on-green);border-radius:999px;padding:6px 14px;min-height:40px;cursor:pointer;font-weight:500}
.tp .back:hover{background:rgba(255,255,255,.12)}
.tp .ph{position:relative;display:grid;place-items:center;color:var(--ph-fg);overflow:hidden;background:linear-gradient(135deg,var(--ph1a),var(--ph1b))}
.tp .ph.v2{background:linear-gradient(135deg,var(--ph2a),var(--ph2b))}
.tp .ph.v3{background:linear-gradient(135deg,var(--ph3a),var(--ph3b))}
.tp .ph.v4{background:linear-gradient(135deg,var(--ph4a),var(--ph4b))}
.tp .ph .cam{width:34px;height:34px;opacity:.7}
.tp .ph .lab{position:absolute;left:10px;bottom:8px;font-size:12px;opacity:.85}
.tp .ph .pt{position:absolute;left:10px;top:10px;background:var(--surface);color:var(--fg);border-radius:999px;font-size:12px;padding:1px 10px;font-weight:500}
.tp .hero{background:var(--green-deep);color:var(--on-green);position:relative;overflow:hidden}
.tp .hero .bgph{position:absolute;inset:0;background:linear-gradient(160deg,var(--green) 0%,var(--green-deep) 75%);opacity:1}
.tp .hero .leaf{position:absolute;right:-40px;bottom:-30px;width:210px;height:210px;opacity:.28;pointer-events:none}
.tp .hero .wrap{position:relative;padding-block:30px 78px}
.tp .hero .eyebrow{font-size:14px;color:var(--on-green-soft);letter-spacing:.04em}
.tp .hero h1{font-size:clamp(32px,9vw,48px);font-weight:700;margin-top:6px;letter-spacing:-.01em}
.tp .hero p.lead{margin-top:10px;color:var(--on-green-soft);max-width:30em}
.tp .sbox{position:relative;z-index:5;margin-top:-52px}
.tp .sbox form{background:var(--surface);border-radius:18px;box-shadow:var(--shadow);padding:14px;display:grid;gap:10px;border:1px solid var(--line)}
.tp .fld{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:12px;padding:0 12px;min-height:50px;background:var(--bg)}
.tp .fld svg{width:20px;height:20px;color:var(--fg-soft);flex:none}
.tp .fld input,.tp .fld select{flex:1;min-width:0;border:0;background:transparent;outline:none;min-height:48px;font-size:16px}
.tp .fld:focus-within{outline:3px solid var(--focus);outline-offset:1px}
.tp .two{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.tp .btn{display:flex;align-items:center;justify-content:center;gap:8px;min-height:52px;border-radius:12px;text-decoration:none;font-weight:600;font-size:17px;border:2px solid transparent;cursor:pointer;padding:0 16px;text-align:center}
.tp .btn.primary{background:var(--btn);color:var(--on-btn)}
.tp .btn.primary:hover{background:var(--btn-hover)}
.tp .btn.ghost{border-color:var(--green);color:var(--fg);background:transparent}
.tp .btn.ghost:hover{background:var(--surface-2)}
.tp .btn svg{width:20px;height:20px;flex:none}
.tp .cats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px 4px;padding-block:20px 4px}
@media (min-width:640px){.tp .cats{grid-template-columns:repeat(8,1fr)}
}
.tp .ftab{width:100%;border-collapse:collapse;font-size:15px}
.tp .ftab th,.tp .ftab td{padding:10px 8px;border-bottom:1px solid var(--line);text-align:left}
.tp .ftab th{font-weight:500;color:var(--fg-soft)}
.tp .ftab td:last-child,.tp .ftab th:last-child{text-align:right;font-variant-numeric:tabular-nums;font-weight:600}
.tp .fsub{font-size:14px;color:var(--fg-soft);margin:14px 0 4px}
.tp .cat{background:transparent;border:0;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:13px;line-height:1.3;text-align:center;padding:4px 0;min-width:0}
.tp .cat i{width:54px;height:54px;border-radius:50%;background:var(--surface);border:1px solid var(--line);display:grid;place-items:center;color:var(--green)}
.tp .cat i svg{width:26px;height:26px}
.tp .cat:hover i{border-color:var(--green);background:var(--surface-2)}
.tp section.block{padding-block:26px 4px}
.tp .sh{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}
.tp .sh h2{font-size:22px;font-weight:600}
.tp .sh .sub{color:var(--fg-soft);font-size:14px;margin-top:2px}
.tp .sh button{border:0;background:transparent;color:var(--fg);text-decoration:underline;cursor:pointer;min-height:40px;white-space:nowrap}
.tp .rg{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}
.tp .rtile{position:relative;border:0;padding:0;cursor:pointer;border-radius:16px;overflow:hidden;aspect-ratio:1/1;text-align:left;color:#fff;background:none}
.tp .rtile .ph{position:absolute;inset:0}
.tp .rtile::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 35%,rgba(0,0,0,.62) 100%)}
.tp .rtile .lab{display:none}
.tp .rtile .tx{position:absolute;left:12px;right:12px;bottom:10px;z-index:2;display:flex;flex-direction:column}
.tp .rtile b{font-family:var(--font-display);font-size:18px;font-weight:600}
.tp .rtile span{font-size:13px;opacity:.9;font-variant-numeric:tabular-nums}
.tp .rtile[aria-pressed="true"]{outline:4px solid var(--red);outline-offset:-4px}
.tp .rail{display:flex;gap:12px;overflow-x:auto;padding:14px 16px 12px;margin-inline:-16px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
.tp .rail .pcard{flex:0 0 min(78%,280px);scroll-snap-align:start}
.tp .pcard{display:flex;flex-direction:column;text-decoration:none;background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden;min-width:0}
.tp .pcard:hover{border-color:var(--green);box-shadow:var(--shadow)}
.tp .pcard .ph{aspect-ratio:4/3}
.tp .pb{padding:12px 14px 14px;display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}
.tp .pl{font-size:13px;color:var(--fg-soft)}
.tp .pcard h3{font-size:18px;font-weight:600;overflow-wrap:anywhere}
.tp .pm{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px;align-items:center}
.tp .pm .price{margin-left:auto;font-family:var(--font-display);font-weight:600;color:var(--price);font-variant-numeric:tabular-nums}
.tp .b{display:inline-flex;align-items:center;border-radius:999px;padding:2px 10px;font-size:13px;line-height:1.6;background:var(--tag-bg);color:var(--tag-fg);white-space:nowrap}
.tp .b.gold{background:var(--gold-bg);color:var(--gold-fg)}
.tp .b.silver{background:var(--silver-bg);color:var(--silver-fg)}
.tp .b.bronze{background:var(--bronze-bg);color:var(--bronze-fg)}
.tp .b.ok{background:var(--ok-bg);color:var(--ok-fg)}
.tp .b.bad{background:var(--bad-bg);color:var(--bad-fg)}
.tp .band{margin-top:30px;background:var(--green);color:var(--on-green);position:relative;overflow:hidden}
.tp .band .wrap{padding-block:28px;display:grid;gap:16px}
.tp .band h2{font-size:22px;font-weight:600}
.tp .band p{color:var(--on-green-soft)}
.tp .nums{display:grid;grid-template-columns:repeat(3,1fr);gap:12px 8px}
@media (min-width:640px){.tp .nums{grid-template-columns:repeat(5,1fr)}
}
.tp .nums div{background:rgba(0,0,0,.2);border-radius:12px;padding:10px 12px}
.tp .nums b{display:block;font-family:var(--font-display);font-size:26px;line-height:1.2;font-variant-numeric:tabular-nums}
.tp .nums span{font-size:13px;color:var(--on-green-soft)}
.tp .refine{display:grid;gap:10px;margin-top:14px}
.tp .chips{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.tp select.sel{width:100%;min-height:46px;border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:0 12px}
.tp .chip{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:8px 14px;min-height:42px;cursor:pointer;font-size:15px}
.tp .chip[aria-pressed="true"]{background:var(--green);border-color:var(--green);color:var(--on-green);font-weight:600}
.tp .reset{border:0;background:transparent;color:var(--fg-soft);text-decoration:underline;cursor:pointer;min-height:42px;padding:0 6px}
.tp .count{color:var(--fg-soft);font-size:15px;font-variant-numeric:tabular-nums;margin-top:14px}
.tp .grid{display:grid;gap:14px;margin-top:10px}
.tp .more{display:block;width:100%;margin-block:16px 6px;min-height:50px;border:2px solid var(--green);background:transparent;border-radius:12px;font-weight:600;cursor:pointer}
.tp .more:hover{background:var(--surface-2)}
.tp .empty{text-align:center;padding:36px 12px;color:var(--fg-soft)}
@media (min-width:640px){.tp .grid{grid-template-columns:1fr 1fr}
.tp .rg{grid-template-columns:repeat(3,1fr)}
.tp .rail{margin-inline:0;padding-inline:0}
.tp .two{grid-template-columns:1fr 1fr 1fr}
}
.tp .crumb{display:flex;flex-wrap:wrap;gap:6px;font-size:13px;color:var(--fg-soft);padding-top:14px}
.tp .crumb a{text-decoration:none}
.tp .crumb a:hover{text-decoration:underline}
.tp .gal{position:relative;margin-top:12px}
.tp .gal .rowg{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:-16px;padding-inline:16px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.tp .gal .rowg::-webkit-scrollbar{display:none}
.tp .gal .ph{flex:0 0 88%;aspect-ratio:4/3;border-radius:16px;scroll-snap-align:center}
.tp .gal .ph:first-child{flex-basis:92%}
.tp .gal .cnt{position:absolute;right:10px;bottom:10px;background:rgba(0,0,0,.6);color:#fff;border-radius:999px;font-size:13px;padding:2px 12px;font-variant-numeric:tabular-nums}
@media (min-width:640px){.tp .gal .rowg{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:1fr 1fr;margin:0;padding:0;overflow:visible;height:340px}
.tp .gal .ph{flex:none;aspect-ratio:auto;border-radius:14px}
.tp .gal .ph:first-child{grid-row:1/3}
.tp .gal .cnt{display:none}
}
.tp .dtitle{padding-block:16px 4px}
.tp .dtitle h1{font-size:clamp(26px,7vw,36px);font-weight:700;overflow-wrap:anywhere}
.tp .dtitle .where{color:var(--fg-soft);margin-top:4px}
.tp .dtitle .badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.tp .facts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}
.tp .fact{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:10px 12px;min-width:0}
.tp .fact span{display:block;font-size:13px;color:var(--fg-soft)}
.tp .fact b{font-weight:600;overflow-wrap:anywhere}
.tp .tabs{position:sticky;top:var(--tp-sticky-top,0px);z-index:20;background:var(--bg);border-bottom:1px solid var(--line);margin-top:18px}
.tp .tabs .wrap{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}
.tp .tabs .wrap::-webkit-scrollbar{display:none}
.tp .tab{border:0;background:transparent;padding:0 14px;min-height:48px;cursor:pointer;white-space:nowrap;font-weight:500;color:var(--fg-soft);border-bottom:3px solid transparent}
.tp .tab[aria-current="true"]{color:var(--fg);border-bottom-color:var(--red);font-weight:600}
.tp .sect{padding-block:24px 4px;scroll-margin-top:calc(var(--tp-sticky-top,0px) + 64px)}
.tp .sect h2{font-size:21px;font-weight:600;margin-bottom:12px}
.tp .sect .txt{color:var(--fg)}
.tp .hl{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.tp .panel{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:4px 16px;margin:0}
.tp .kv{display:grid;grid-template-columns:96px 1fr;gap:4px 14px;padding:12px 0;border-bottom:1px solid var(--line)}
.tp .kv:last-child{border-bottom:0}
.tp .kv dt{color:var(--fg-soft);font-size:15px}
.tp .kv dd{margin:0;min-width:0;overflow-wrap:anywhere}
.tp .tel{display:flex;flex-wrap:wrap;gap:6px 14px}
.tp .tel a{font-variant-numeric:tabular-nums;font-weight:500}
.tp .copy{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:2px 10px;font-size:13px;cursor:pointer;margin-left:8px;min-height:30px}
.tp .map{margin-top:12px;border-radius:16px;overflow:hidden;position:relative}
.tp .map .ph{aspect-ratio:16/9}
.tp .map .btn{position:absolute;left:12px;right:12px;bottom:12px}
.tp .timeline{list-style:none;margin:0;padding:6px 16px;display:grid}
.tp .timeline li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}
.tp .timeline li:last-child{border-bottom:0}
.tp .timeline .yr{font-variant-numeric:tabular-nums;color:var(--fg-soft)}
.tp .lodges{display:grid;gap:10px}
.tp .lodge{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px;display:grid;grid-template-columns:1fr auto;gap:6px 12px;align-items:start}
.tp .lodge h3{font-size:17px;font-weight:600;overflow-wrap:anywhere}
.tp .lodge .spec{color:var(--fg-soft);font-size:15px}
.tp .lodge .pr{grid-column:2;grid-row:1/span 2;text-align:right;font-family:var(--font-display);font-weight:600;font-size:20px;color:var(--price);font-variant-numeric:tabular-nums;line-height:1.2}
.tp .lodge .pr small{display:block;font-family:var(--font-body);font-weight:400;font-size:13px;color:var(--fg-soft)}
.tp .note{margin-top:12px;font-size:14px;color:var(--fg-soft)}
.tp .dive{display:grid;gap:8px}
.tp .site{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:12px 14px;display:grid;gap:4px}
.tp .site .t{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.tp .site h3{font-size:16px;font-weight:600;overflow-wrap:anywhere}
.tp .site .m{font-size:14px;color:var(--fg-soft)}
.tp .site .why{font-size:14px;color:var(--bad-fg);background:var(--bad-bg);border-radius:8px;padding:4px 10px;margin-top:4px}
.tp .attr{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px;display:grid;gap:8px}
.tp .attr h3{font-size:17px;font-weight:600;overflow-wrap:anywhere}
.tp .attr .aloc{font-size:14px;color:var(--fg-soft)}
.tp .attr .acts{display:flex;flex-wrap:wrap;gap:6px}
.tp .attr .why{font-size:14px;color:var(--bad-fg);background:var(--bad-bg);border-radius:8px;padding:4px 10px}
.tp .attr .lnk{font-weight:600;min-height:40px;display:inline-flex;align-items:center;color:var(--fg)}
.tp .sticky{position:fixed;left:0;right:0;bottom:0;z-index:40;background:var(--surface);border-top:1px solid var(--line);box-shadow:0 -6px 20px rgba(0,0,0,.12);padding:10px 0 calc(10px + env(safe-area-inset-bottom,0px))}
.tp .sticky .wrap{display:flex;align-items:center;gap:12px}
.tp .sticky .lft{flex:1;min-width:0;line-height:1.3}
.tp .sticky .lft small{display:block;font-size:13px;color:var(--fg-soft)}
.tp .sticky .lft b{font-family:var(--font-display);font-size:19px;color:var(--price);font-variant-numeric:tabular-nums}
.tp .sticky .lft b.plain{color:var(--fg);font-size:16px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tp .sticky .btn{flex:none;min-height:48px}

/* ===== ส่วนเสริมสำหรับ WordPress / เดสก์ท็อป ===== */
.tp{display:block;width:100%;max-width:none;margin:0;padding:0;overflow-x:clip}
.tp a.pcard,.tp a.cat,.tp a.rtile,.tp a.chip{text-decoration:none}
.tp a.pcard,.tp a.chip{color:inherit}
.tp a.rtile{color:#fff}
.tp .rtile .cam{display:none}
.tp a.chip{display:inline-flex;align-items:center}
.tp a.rtile{display:block}
.tp a.cat{color:var(--fg)}
.tp .seeall{color:var(--fg);text-decoration:underline;white-space:nowrap;min-height:40px;display:inline-flex;align-items:center}
.tp .ph.has-img{background:var(--surface-2)}
.tp .ph.has-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.tp .hero.small .wrap{padding-block:26px 30px}
.tp .hero.small h1{font-size:clamp(28px,6vw,40px)}
.tp .tp-filter{display:grid;gap:10px;margin-top:14px}
.tp .tp-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.tp .tp-actions .btn{min-width:160px}
.tp .tp-filter .two{grid-template-columns:1fr}
.tp .pager{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:22px 0 8px}
.tp .pager a,.tp .pager span{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface);text-decoration:none;font-variant-numeric:tabular-nums}
.tp .pager .cur{background:var(--green);border-color:var(--green);color:var(--on-green);font-weight:600}
.tp .tp-ad{margin:22px 0;text-align:center;overflow:hidden;min-height:0}
.tp .tp-article .txt p{margin-bottom:1em}
.tp .tp-credit{margin-top:8px}
.tp .dlayout{display:block}
.tp .daside{display:none}
.tp.tp-js .is-extra{display:none}
.tp.tp-js .is-extra.show{display:grid}
.tp.tp-js .site.is-extra.show{display:grid}
.tp [hidden]{display:none!important}
@media (min-width:640px){
	.tp .tp-filter .two{grid-template-columns:repeat(3,1fr)}
	.tp .lodges{grid-template-columns:1fr 1fr}
	.tp .dive{grid-template-columns:1fr 1fr}
	.tp .facts{grid-template-columns:repeat(4,1fr)}
	.tp .hero .wrap{padding-block:56px 96px}
}
@media (min-width:960px){
	.tp .grid{grid-template-columns:repeat(3,1fr)}
	.tp .rg{grid-template-columns:repeat(6,1fr)}
	.tp .rail{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 48px)/5);overflow-x:auto;gap:12px;padding-inline:0}
	.tp .rail .pcard{flex:none}
	.tp .sbox form{max-width:880px;margin-inline:auto}
	.tp .dlayout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:32px;align-items:start}
	.tp .daside{display:block;position:sticky;top:calc(var(--tp-sticky-top,0px) + 64px);padding-top:24px}
	.tp .acard{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:18px;display:grid;gap:10px;box-shadow:var(--shadow)}
	.tp .acard small{display:block;color:var(--fg-soft);font-size:14px}
	.tp .acard b{font-family:var(--font-display);font-size:19px;font-weight:600}
	.tp .acard b.big{font-size:30px;color:var(--price)}
	.tp .acard .mut{color:var(--fg-soft);font-size:14px}
	.tp .sticky{display:none}
	.tp .gal .rowg{height:420px}
}
@media (min-width:1280px){
	.tp .grid{grid-template-columns:repeat(4,1fr)}
}
@media (prefers-reduced-motion:reduce){.tp{scroll-behavior:auto}}

.tp .tp-map{height:340px;border-radius:16px;overflow:hidden;border:1px solid var(--line);background:var(--surface-2);position:relative;z-index:0}
.tp .tp-map-ph{height:100%;display:grid;place-items:center;background:linear-gradient(135deg,var(--ph3a),var(--ph3b))}
.tp .tp-map-ph .btn{background:var(--surface)}
.tp .tp-nav{margin-top:10px}
.tp .tp-map-note{margin-top:8px}
.tp .tp-pin{border-radius:50%;border:3px solid #fff;box-shadow:0 1px 5px rgba(0,0,0,.45)}
.tp .tp-pin-main{background:var(--red)}
.tp .tp-pin-sub{background:#3E7D4B;width:18px!important;height:18px!important;margin-left:-9px!important;margin-top:-9px!important}
.tp .leaflet-container{font-family:var(--font-body)}
@media (min-width:960px){.tp .tp-map{height:420px}}
.tp .tp-map .tp-map-ph .btn{position:static;left:auto;right:auto;bottom:auto;width:auto;min-width:220px}

.tp .hero h1,.tp .dtitle h1{font-weight:800}
.tp .b,.tp .chip[aria-pressed="true"]{font-weight:700}

/* แกลเลอรี: ปุ่มแสดงรูปทั้งหมด + lightbox */
.tp .gal .ph.has-img{cursor:zoom-in}
.tp .gal .gal-all{display:none}
@media (min-width:640px){
.tp .gal .rowg .ph:nth-child(n+6){display:none}
.tp .gal .gal-all{display:inline-flex;align-items:center;gap:8px;position:absolute;right:14px;bottom:14px;background:#fff;color:var(--ink,#1f2a22);border:1px solid rgba(0,0,0,.35);border-radius:10px;padding:8px 14px;font:600 14px/1.2 var(--tp-font,inherit);cursor:pointer;box-shadow:0 1px 4px rgba(0,0,0,.15)}
.tp .gal .gal-all:hover{background:#f4f4f2}
.tp .gal .gal-all svg{width:16px;height:16px}
}
.tp-lb{position:fixed;inset:0;z-index:100000;background:rgba(8,11,9,.985);color:#fff;display:flex;flex-direction:column;font-family:var(--tp-font,inherit)}
.tp-lb[hidden]{display:none}
html.tp-lb-open{overflow:hidden}
.tp-lb-top{display:flex;align-items:center;justify-content:space-between;padding:10px 14px}
.tp-lb-n{font-size:15px;font-variant-numeric:tabular-nums;opacity:.85}
.tp-lb button{font-family:inherit}
.tp-lb-x{width:44px;height:44px;border:0;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font-size:28px;line-height:1;cursor:pointer}
.tp-lb-stage{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;position:relative;padding:0 8px}
.tp-lb-stage img{max-width:100%;max-height:100%;object-fit:contain;border-radius:6px;user-select:none}
.tp-lb-nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border:0;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;font-size:34px;line-height:1;cursor:pointer;padding:0 0 4px}
.tp-lb-nav.prev{left:14px}.tp-lb-nav.next{right:14px}
.tp-lb-nav:hover,.tp-lb-x:hover{background:rgba(255,255,255,.28)}
.tp-lb.one .tp-lb-nav,.tp-lb.one .tp-lb-strip{display:none}
.tp-lb-cap{text-align:center;font-size:13px;opacity:.75;padding:6px 16px;min-height:1.4em}
.tp-lb-strip{display:flex;gap:6px;overflow-x:auto;padding:6px 12px 14px;justify-content:safe center;scrollbar-width:thin}
.tp-lb-strip button{flex:0 0 auto;width:64px;height:48px;padding:0;border:2px solid transparent;border-radius:6px;overflow:hidden;background:#222;opacity:.55;cursor:pointer}
.tp-lb-strip button.on{opacity:1;border-color:#fff}
.tp-lb-strip img{width:100%;height:100%;object-fit:cover;display:block}
@media (max-width:639px){.tp-lb-nav{display:none}.tp-lb-strip button{width:52px;height:40px}}