.resort-jumps{display:flex;gap:10px;flex-wrap:wrap;padding-top:32px}.resort-jumps a{padding:10px 17px;border:1px solid #cddbd6;border-radius:999px;color:#12383e;font-size:14px;font-weight:700;text-decoration:none}.resort-jumps a:hover{background:#eaf2ed}.pattayya-facts,.pattayya-areas,.pattayya-budget-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.pattayya-facts article{padding:28px 26px;border:1px solid #d6e2dc;border-radius:20px;background:#f4f8f5}.pattayya-facts article>span,.pattayya-experiences article>span{font-size:11px;font-weight:800;letter-spacing:1.7px;color:#55746d}.pattayya-facts h3,.pattayya-fit h3,.pattayya-area h3,.pattayya-budget h3,.pattayya-experiences h3{font-size:23px;line-height:1.3;margin:15px 0 12px;letter-spacing:-.6px}.pattayya-facts p,.pattayya-fit p,.pattayya-area p,.pattayya-budget p,.pattayya-experiences p{line-height:1.7;color:#4e6664;margin:0}.pattayya-fit{display:grid;grid-template-columns:1.15fr 1fr 1fr 1fr;gap:24px;margin:40px 0 30px}.pattayya-fit h4{font-size:17px;margin:5px 0 10px}.pattayya-fit p{font-size:14px}.pattayya-area{display:flex;flex-direction:column;padding:28px;border:1px solid #d4ded7;border-radius:20px;background:#fff}.pattayya-area:nth-child(2n){background:#f6f7ef}.pattayya-area .eyebrow{font-size:10px}.area-check{padding:18px 0;margin:16px 0;border-top:1px solid #dae4dc}.area-check strong{font-size:12px;text-transform:uppercase;letter-spacing:1px}.area-check p{font-size:14px;margin-top:7px}.pattayya-area>.text-button{margin-top:auto;text-align:left}.pattayya-budget{background:#edf3ef}.pattayya-budget-grid article{padding:28px;border-radius:20px;background:#fff;border:1px solid #d8e2dc;display:flex;flex-direction:column}.budget-tier{font-size:11px;letter-spacing:1.5px;font-weight:800;color:#647b6f}.pattayya-budget-grid .budget-featured{background:#082f37;color:#fff;border-color:#082f37}.budget-featured .budget-tier{color:#ffb96c}.budget-featured p,.budget-featured .text-button{color:#ecf5ee}.pattayya-budget-grid .text-button{margin-top:24px;text-align:left}.budget-bottom{display:grid;grid-template-columns:1fr 1fr;gap:42px;margin-top:24px}.budget-bottom p{font-size:15px}.pattayya-experiences{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.pattayya-experiences article{padding:30px;border:1px solid #d8e2dc;border-radius:20px;background:linear-gradient(125deg,#f6f8f0,#fff)}.pattayya-experiences a{display:inline-block;font-size:13px;font-weight:700;margin-top:20px;color:#496b5f}.pattayya-overview .footnote a{color:inherit}.resort-advice{margin-top:28px}.pattayya-overview,.pattayya-budget,#experiences,#climate{scroll-margin-top:110px}.breadcrumbs{flex-wrap:wrap}.hero-subtitle{max-width:660px}
@media(max-width:1024px){.pattayya-facts,.pattayya-areas{gap:16px}.pattayya-facts article,.pattayya-area{padding:22px}.pattayya-fit{grid-template-columns:1fr 1fr}.pattayya-budget-grid{gap:14px}.pattayya-budget-grid article{padding:24px 20px}}
@media(max-width:700px){.pattayya-facts,.pattayya-areas,.pattayya-budget-grid,.pattayya-experiences,.budget-bottom{grid-template-columns:1fr}.pattayya-fit{gap:24px 16px}.pattayya-fit>div:first-child{grid-column:1/-1}.pattayya-fit>div:last-child{grid-column:1/-1}.pattayya-facts article{padding:23px}.pattayya-area{padding:25px}.pattayya-experiences article{padding:26px}.budget-bottom{gap:12px}.resort-jumps{gap:8px;padding-top:22px}.resort-jumps a{font-size:12px;padding:9px 12px}.pattayya-facts h3,.pattayya-area h3{font-size:23px}.breadcrumbs{font-size:11px}.hero-subtitle{font-size:17px}}

.pattayya-areas{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:900px){.pattayya-areas{grid-template-columns:1fr}}@media(max-width:700px){.help-launcher{display:none!important}}

.hero-image{object-position:65% center}.hero h1{font-size:clamp(42px,5.8vw,86px);max-width:1050px}.hero-subtitle{max-width:720px}.pattayya-area h3{overflow-wrap:anywhere}.pattayya-itinerary{margin-top:40px}.pattayya-itinerary>.pattayya-facts{margin-top:22px}.pattayya-itinerary>h3{font-size:clamp(24px,3vw,36px);line-height:1.15}@media(max-width:600px){.hero h1{font-size:clamp(35px,9.9vw,48px);line-height:1.06;letter-spacing:-.045em}.hero-location{max-width:300px}}
