:root{--pink:#ff4fa3;--pink2:#ff91c7;--bg:#070707;--card:#111;--text:#fff;--muted:#cfcfcf}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 10% 0%,rgba(255,79,163,.17),transparent 30%),var(--bg);color:var(--text);font-family:Tahoma,"Noto Sans Thai",Arial,sans-serif}
.hero{position:relative;min-height:72vh;display:grid;place-items:center;overflow:hidden;background:#000}.hero-img{width:100%;height:72vh;object-fit:cover;opacity:.58}.hero-overlay{position:absolute;text-align:center;padding:24px}.hero-overlay h1{font-size:clamp(2.3rem,7vw,5.8rem);margin:0;text-shadow:0 8px 30px #000}.hero-overlay p{font-size:clamp(1rem,3vw,1.7rem);color:var(--pink2);font-weight:700}
nav{position:sticky;top:0;z-index:9;display:flex;justify-content:center;gap:10px;padding:12px;background:rgba(5,5,5,.88);backdrop-filter:blur(12px);border-bottom:1px solid #262626}nav a{color:#fff;text-decoration:none;border:1px solid #333;background:#151515;padding:10px 18px;border-radius:999px;font-weight:700}nav a:hover{background:var(--pink);color:#111}
main{width:min(1180px,94%);margin:auto;padding:42px 0 70px}.day-card{background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.1);border-radius:26px;overflow:hidden;margin-bottom:44px;box-shadow:0 20px 60px rgba(0,0,0,.4)}.day-card>img{width:100%;display:block}.title-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px}.title-row span{color:var(--pink);font-weight:800}.title-row h2{margin:4px 0 0;font-size:clamp(1.7rem,4vw,2.8rem)}.route-btn{background:var(--pink);color:#111;text-decoration:none;padding:12px 18px;border-radius:14px;font-weight:900;white-space:nowrap}
.stops{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:20px}.stop{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;text-decoration:none;color:#fff;background:#121212;border:1px solid #2b2b2b;border-radius:16px;padding:14px}.stop:hover{border-color:var(--pink);transform:translateY(-1px)}.time{background:var(--pink);color:#111;font-weight:900;border-radius:10px;padding:8px}.stop b{color:var(--pink2);font-size:.9rem}
footer{text-align:center;color:#aaa;padding:30px;border-top:1px solid #222}
@media(max-width:760px){.hero,.hero-img{min-height:52vh;height:52vh}.title-row{align-items:flex-start;flex-direction:column}.route-btn{width:100%;text-align:center}.stops{grid-template-columns:1fr;padding:14px}.stop{grid-template-columns:auto 1fr}.stop b{grid-column:2}.day-card{border-radius:18px}nav{justify-content:flex-start;overflow-x:auto}}