:root{--g:#087a5b;--ink:#17211e;--muted:#64736e;--line:#d8e5e0;--bg:#eef6f3}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,"Noto Sans",system-ui,sans-serif}header{min-height:66px;padding:10px max(14px,calc((100% - 760px)/2));display:flex;align-items:center;justify-content:space-between;gap:12px;background:#075c49;color:white}.brand{display:grid;color:white;text-decoration:none;letter-spacing:.1em}.brand small{letter-spacing:0;font-size:10px;color:#bceadd}.head-actions{display:flex;align-items:center;gap:8px}.head-actions select,.head-actions a{min-height:42px;border:1px solid #ffffff55;border-radius:10px;padding:8px 10px;background:white;color:#174237;font-weight:800;text-decoration:none}main{max-width:760px;margin:auto;padding:14px}.hero{padding:24px 18px;border-radius:20px;background:linear-gradient(130deg,#075643,#0f9a72);color:white}.hero small{font-weight:900;letter-spacing:.14em;color:#b8f9e4}.hero h1{font-size:32px;margin:7px 0}.hero p{margin:0;color:#d8f7ed}.badges{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}.badges span{padding:7px 10px;border:1px solid #ffffff66;border-radius:999px;font-size:12px;font-weight:800}.card{margin-top:14px;border:1px solid var(--line);border-radius:18px;background:white;padding:17px;box-shadow:0 12px 35px #164d3a0b}.card section+section{margin-top:24px;padding-top:22px;border-top:1px solid var(--line)}.section-head{display:flex;gap:10px;align-items:flex-start;margin-bottom:13px}.section-head>b{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:50%;background:#def6ed;color:var(--g)}h2{margin:0;font-size:20px}.section-head p,.official p{margin:3px 0;color:var(--muted);font-size:13px}.trip-grid,.car-grid,.contact-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.trip-grid button{min-height:70px;border:1px solid var(--line);border-radius:12px;background:white;font:inherit;font-weight:850}.trip-grid button span{display:block;margin-top:5px}.trip-grid button.active{border-color:var(--g);background:#e8f8f2;color:var(--g)}label{display:grid;gap:6px;color:var(--muted);font-size:13px;font-weight:800}input,select{width:100%;min-height:46px;border:1px solid var(--line);border-radius:11px;padding:11px;background:#fbfdfc;color:var(--ink);font:inherit}.route-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:end}.route-arrow{padding-bottom:15px;color:var(--g);font-weight:900}.place-row{display:grid;grid-template-columns:1fr 46px}.place-row input{border-radius:11px 0 0 11px}.place-row button{border:0;border-radius:0 11px 11px 0;background:var(--g);color:white;font-size:22px}.place-results{position:relative;z-index:4;margin-top:3px;border:1px solid var(--line);border-radius:11px;background:white;overflow:hidden}.place-results button{width:100%;padding:10px;border:0;border-bottom:1px solid var(--line);background:white;text-align:left}.place-results small{display:block;color:var(--muted)}.two,.three{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px}.three{grid-template-columns:repeat(3,minmax(0,1fr))}.car-grid,.contact-grid{margin-top:12px}.car-grid label,.contact-grid label{display:block}.car-grid input,.contact-grid input{position:absolute;opacity:0}.car-grid span,.contact-grid span{display:grid;place-items:center;min-height:58px;border:1px solid var(--line);border-radius:11px;text-align:center;color:var(--ink)}.car-grid small{display:block;color:var(--muted)}.car-grid input:checked+span,.contact-grid input:checked+span{border-color:var(--g);background:#e7f8f1;color:var(--g)}.consent{display:flex;align-items:flex-start;margin:14px 0}.consent input{width:20px;min-height:20px;flex:0 0 20px}.submit,.official a{width:100%;min-height:50px;border:0;border-radius:12px;background:var(--g);color:white;font:inherit;font-weight:900;text-decoration:none;display:grid;place-items:center}.warning{padding:9px;border-radius:9px;background:#fff0e3;color:#9b4d13}.form-status{text-align:center;color:var(--g);font-weight:800}.official{display:flex;align-items:center;justify-content:space-between;gap:12px}.official a{width:auto;padding:0 18px}footer{max-width:760px;margin:auto;padding:24px 16px 38px;color:var(--muted);font-size:12px}footer b{color:var(--g);letter-spacing:.12em}footer p{margin:6px 0}footer nav{display:flex;gap:12px}footer a{color:var(--g);font-weight:800}@media(max-width:600px){header{padding:9px 11px}.head-actions a{display:none}main{padding:9px}.hero{border-radius:15px}.hero h1{font-size:27px}.card{padding:14px;border-radius:15px}.trip-grid{grid-template-columns:1fr 1fr}.route-grid{grid-template-columns:1fr}.route-arrow{display:none}.two{grid-template-columns:1fr}.three{gap:7px}.car-grid{grid-template-columns:1fr 1fr}.official{align-items:stretch;flex-direction:column}.official a{width:100%}}

/* ThailandMate airport transfer hero */
.hero{position:relative;isolation:isolate;overflow:hidden;min-height:210px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(90deg,#063f35e6 0%,#075643bf 48%,#07564366 100%),url("/assets/taxi-hero.png") center / cover no-repeat}
.hero h1,.hero p{text-shadow:0 2px 8px #00261daa}
.badges span{background:#063f3566;border-color:#ffffff99}
