/* Compact browsing layout, shared by both languages. */
html{scroll-padding-top:90px}
.page-width{width:min(1240px,calc(100% - 64px))}
.section-space{padding-block:44px}
h2,html[lang=th] h2{font-size:1.9rem;line-height:1.35}
.eyebrow{margin-bottom:8px}
.site-header{position:sticky;top:0;min-height:76px;padding:10px 32px;gap:20px;box-shadow:0 1px 0 #143b311a;z-index:25}
.brand{font-size:.875rem;letter-spacing:.08em;gap:10px}
.brand-logo{width:54px;height:54px;object-fit:contain;flex-shrink:0;border-radius:50%}
.brand small{font-size:.75rem;letter-spacing:.16em;margin-top:4px}
.site-header .main-nav{gap:18px;align-items:center}
.site-header .nav-item{gap:6px;font-size:.875rem;min-height:44px}
.header-actions{gap:16px}
.header-book{display:none}
.hero{min-height:0}
.hero-content{padding-block:36px 38px}
.hero h1,.hero h1 em,html[lang=th] .hero h1{font-size:clamp(1.85rem,3.1vw,2.8rem);line-height:1.2;max-width:750px}
.hero h1>em{margin-top:4px}
.hero .eyebrow{margin-bottom:14px;font-size:.75rem}
.hero-description{font-size:1rem;line-height:1.65;max-width:540px;margin-top:15px}
.hero-actions{margin-top:21px;gap:24px}
.hero-actions .button{min-height:46px;padding:11px 20px}
.hero-shade{background:linear-gradient(90deg,#082017d9,#08201775 58%,#0820170d)}
.trust-inner{padding-block:12px;gap:18px}
.trust-inner p{font-size:.875rem;gap:9px}
.trust-icon{width:24px;height:24px;font-size:.75rem}
.section-heading{gap:30px;margin-bottom:20px;align-items:center}
.section-heading h2{font-size:1.9rem}
.section-intro{max-width:430px;font-size:1rem;line-height:1.6}
.experiences>.section-heading .eyebrow,.gallery-section>.section-heading .eyebrow{display:none}
.package-categories{gap:8px;margin-bottom:18px;padding-bottom:16px}
.package-categories a{padding:9px 18px;min-height:44px;font-size:.9375rem}
.package-panel-title{margin-bottom:12px;font-size:1rem}
.package-collection-intro{margin-bottom:18px;font-size:1rem}
.tour-grid{gap:22px}
.tour-info{padding-top:15px}
.tour-info h3,html[lang=th] .tour-info h3{font-size:1.35rem;line-height:1.4}
.tour-desc{font-size:1rem;line-height:1.6;margin-top:8px;max-width:none}
.tour-meta{font-size:.875rem;margin-bottom:6px}
.tour-photo{aspect-ratio:2.2}
.tour-tag{top:10px;left:10px;padding:5px 8px}
.tour-details{margin-top:14px}
.tour-details summary{padding-block:10px;min-height:44px}
.tour-bottom{padding-top:12px}
.more-routes{margin-top:22px;padding-top:16px;gap:18px}
.more-routes a{padding:8px 12px;min-height:44px}
.tour-note{margin-top:18px;font-size:.875rem;line-height:1.6}
.multi-day-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.multi-day-card{border:1px solid var(--line);border-radius:6px;overflow:hidden}
.multi-day-card .tour-photo{aspect-ratio:1.75;border-radius:0}
.multi-day-card .tour-info{padding:15px}
.multi-day-card .eyebrow{font-size:.75rem;letter-spacing:.035em;margin-bottom:8px}
.multi-day-card .tour-desc{font-size:1rem}
.package-guest-note{font-size:.875rem;margin:12px 0}
.package-card-bottom{padding-top:13px;gap:12px;flex-direction:column;align-items:stretch}
.package-card-bottom .button{width:100%;font-size:.875rem;min-height:44px;padding:10px}
.package-starting-price strong{font-size:1.4rem}
.package-starting-price small{font-size:.8125rem;max-width:none}
[id^=package-booking-summary] .package-payment{margin-top:18px;padding:16px 20px}
.package-payment h3{font-size:1rem}
.package-empty{padding:24px}
.package-empty>.nav-icon{display:none}
.package-empty h3{font-size:1.5rem}
.package-empty>p:not(.eyebrow){margin:10px auto 15px}
.transport-section{padding-block:36px;background:#f3f6f2;color:var(--ink);border-block:1px solid var(--line)}
.transport-inner{gap:30px;grid-template-columns:.9fr 1.1fr;align-items:start}
.transport-intro .eyebrow{display:none}
.transport-intro h2{font-size:1.9rem}
.transport-intro>p:not(.eyebrow){margin-top:12px;max-width:460px;color:var(--muted);line-height:1.7}
.transport-intro .light-link{color:var(--green);margin-top:16px;border-color:#9dad9f}
.vehicle-panel{padding:20px 24px;border:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;column-gap:24px;align-items:start}
.vehicle-top{grid-column:1/-1;margin-bottom:8px}
.vehicle-panel h3{font-size:1.45rem}
.vehicle-subtitle{display:none}
.vehicle-specs{padding:0;margin:0;grid-column:1;grid-row:3;gap:10px}
.vehicle-specs strong{font-size:1.8rem;line-height:1.3}
.vehicle-specs>div+div{padding-left:12px}
.vehicle-specs>div>span{font-size:.875rem}
.vehicle-price{grid-column:2;grid-row:2/4;border:0;padding:0;gap:12px;align-self:center}
.vehicle-price strong{font-size:1.8rem}
.vehicle-terms{grid-column:1/-1;font-size:.875rem;margin-top:12px}
.vehicle-other{grid-column:1/-1;margin-top:12px;padding-top:10px;font-size:.875rem}
.fleet-section{padding-top:24px;padding-bottom:0}
.fleet-galleries{gap:28px}
.fleet-heading h3,html[lang=th] .fleet-heading h3{font-size:1.3rem}
.fleet-description{font-size:1rem;min-height:0;margin:6px 0 12px}
.fleet-main{height:260px;aspect-ratio:auto}
.fleet-caption-row{margin:10px 0;min-height:0}
.fleet-thumbnails{gap:8px}
.fleet-thumbnails button{width:68px;max-width:calc((100% - 32px)/5)}
.gallery-grid{gap:20px}
.gallery-grid img{aspect-ratio:2;height:auto}
.gallery-grid figcaption{margin-top:9px;flex-direction:row;justify-content:space-between;font-size:.875rem;gap:12px}
.gallery-section{padding-block:36px}
.contact-section{padding-block:30px}
.contact-inner{gap:40px;align-items:start}
.contact-copy .eyebrow{display:none}
.contact-copy h2{font-size:1.9rem}
.contact-copy>p[data-i18n=contactDescription]{margin-top:12px;color:var(--muted);line-height:1.7}
.contact-links{gap:8px}
.contact-card{padding:12px 16px;min-height:68px}
.travel-needs{margin-top:18px;border-top:1px solid #cdd8c8;font-size:1rem}
.travel-needs summary{padding-block:12px;min-height:44px;cursor:pointer;font-weight:500}
.travel-needs p{font-size:1rem;color:var(--muted);line-height:1.7;margin-bottom:10px}
.site-footer{padding-top:22px;padding-bottom:20px}
.footer-top{padding-bottom:18px}
.footer-bottom{padding-top:16px}
.footer-top .brand-logo{width:44px;height:44px}
@media(max-width:1100px){.site-header .main-nav{gap:12px}.site-header{gap:14px;padding-inline:24px}.multi-day-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.multi-day-card .tour-photo{aspect-ratio:2.2}.package-card-bottom{flex-direction:row;align-items:center}.package-card-bottom .button{width:auto;padding-inline:16px}.vehicle-panel{column-gap:16px}}
@media(max-width:1000px){html{scroll-padding-top:145px}.site-header{flex-wrap:wrap;gap:6px;padding:8px 24px}.site-header .main-nav{order:3;width:100%;border-top:1px solid var(--line);padding-top:4px;justify-content:space-between;gap:8px}.site-header .nav-item{padding-block:6px}.hero-content{padding-block:28px}.section-space{padding-block:32px}.section-heading{gap:16px}.section-heading>div{flex-shrink:0}.section-intro{font-size:1rem}.transport-inner{grid-template-columns:1fr 1.2fr;gap:22px}.vehicle-panel{padding:18px}.fleet-main{height:235px}}
@media(max-width:800px){.page-width{width:calc(100% - 40px)}.section-heading{display:block;margin-bottom:18px}.section-intro{margin-top:8px;max-width:none}.hero h1,html[lang=th] .hero h1{font-size:2rem}.tour-photo{aspect-ratio:1.8}.tour-bottom{flex-direction:row;flex-wrap:wrap;gap:8px}.transport-inner{grid-template-columns:1fr}.transport-intro>p:not(.eyebrow){max-width:none}.vehicle-panel{grid-template-columns:1.2fr 1fr}.fleet-main{height:220px}.fleet-description{min-height:0}.fleet-caption-row{min-height:44px}.gallery-grid{gap:14px}.gallery-grid figcaption{flex-direction:column;gap:1px}.contact-inner{gap:24px}.trust-inner{gap:10px 20px;padding-block:10px;justify-content:flex-start;flex-wrap:wrap}}
@media(max-width:580px){html{scroll-padding-top:140px}.site-header{padding:7px 16px;gap:5px}.site-header .brand-logo{width:42px;height:42px}.brand{font-size:.8125rem;gap:8px}.brand small{font-size:.6875rem}.site-header .main-nav{display:flex;justify-content:space-between;gap:4px}.site-header .nav-item{font-size:.875rem;min-height:56px;gap:3px;padding:4px 2px;flex-direction:column;white-space:nowrap;justify-content:center}.site-header .nav-icon{width:17px;height:17px}.site-header .nav-item>span{max-width:none}html[lang=th] .site-header .main-nav{gap:4px}html[lang=th] .site-header .nav-item{font-size:.875rem}.package-dropdown{position:static}.package-menu{top:100%;left:0;right:0}.hero-content{padding-block:25px}.hero h1,html[lang=th] .hero h1{font-size:1.75rem;line-height:1.3}.hero .eyebrow,html[lang=th] .hero .eyebrow{font-size:.75rem;letter-spacing:.015em;gap:8px;margin-bottom:10px}.hero-description,html[lang=th] .hero-description{margin-top:12px;font-size:1rem;line-height:1.6}.hero-actions{margin-top:17px;gap:22px}.hero-image{object-position:60% center}.trust-inner{display:flex;gap:8px 16px;padding-block:10px}.trust-inner p{font-size:.875rem;gap:6px}.trust-icon{display:none}.section-space{padding-block:28px}h2,.section-heading h2,html[lang=th] h2{font-size:1.55rem}.package-categories{gap:6px;padding-bottom:12px;margin-bottom:14px;flex-wrap:wrap}.package-categories a{font-size:.875rem;padding:9px 10px;min-height:44px;flex-grow:1}.tour-grid{grid-template-columns:1fr;gap:22px}.tour-photo{aspect-ratio:2.15}.tour-info h3,html[lang=th] .tour-info h3{font-size:1.3rem}.tour-details{margin-top:12px}.more-routes{margin-top:18px;padding-top:14px;gap:10px}.more-routes>div{gap:8px}.multi-day-grid{grid-template-columns:1fr;gap:18px}.multi-day-card .tour-info{padding:14px}.multi-day-card .tour-photo{aspect-ratio:2.2}.package-card-bottom{flex-direction:row;align-items:center;gap:12px}.package-card-bottom .button{font-size:.875rem;padding:10px 12px}.package-starting-price small{font-size:.8125rem;max-width:180px}.package-guest-note{margin-block:10px}[id^=package-booking-summary] .package-payment{gap:8px;padding:14px 16px}.package-payment h3{font-size:1rem}.transport-section{padding-block:28px}.transport-intro h2{font-size:1.55rem}.vehicle-panel{padding:16px;column-gap:12px}.vehicle-panel h3{font-size:1.3rem}.vehicle-price{gap:8px}.vehicle-price strong{font-size:1.5rem}.vehicle-price .round-link{width:40px;height:40px}.vehicle-specs strong{font-size:1.5rem}.vehicle-top .eyebrow{font-size:.75rem}.fleet-galleries{grid-template-columns:1fr;gap:26px}.fleet-section{padding-top:22px}.fleet-main{height:230px}.fleet-caption-row{min-height:0}.gallery-section{padding-block:28px}.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.gallery-grid img{aspect-ratio:1.15}.gallery-grid strong{font-size:.875rem;line-height:1.5}.gallery-grid figcaption>span{font-size:.8125rem}.contact-section{padding-block:26px}.contact-inner{grid-template-columns:1fr;gap:20px}.contact-copy h2{font-size:1.55rem}.contact-card{padding:12px 16px}.site-footer{padding-block:18px}.footer-top{gap:12px}.footer-bottom{gap:8px}}
@media(max-width:360px){.site-header .nav-item,html[lang=th] .site-header .nav-item{font-size:.8125rem}.vehicle-panel{grid-template-columns:1fr}.vehicle-price{grid-column:1;grid-row:auto;margin-top:12px;border-top:1px solid var(--line);padding-top:10px}.package-card-bottom{flex-direction:column;align-items:stretch}.package-card-bottom .button{width:100%}.gallery-grid{grid-template-columns:1fr}.gallery-grid img{aspect-ratio:2}}