:root{font-family:-apple-system,BlinkMacSystemFont,"Noto Sans Thai",Tahoma,sans-serif;color:#173e35;background:#f7f8f4;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #b8c996;outline-offset:4px}header{height:90px;max-width:1120px;margin:auto;padding:0 40px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dfe4da}header a{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit;font-size:13px;letter-spacing:1.7px;font-weight:650}.logo{background:#173e35;color:#fff;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-family:Georgia,serif;font-size:29px;letter-spacing:-3px;padding-right:3px}.badge{font-size:12px;color:#6c7c72}main{max-width:840px;margin:auto;padding:52px 36px 20px}.eyebrow{font-size:10px;letter-spacing:2.4px;color:#78846f;font-weight:700}h1{font-size:38px;font-weight:500;line-height:1.45;letter-spacing:-1.2px;margin:12px 0}.intro p{color:#7b857c;font-size:14px;margin:14px 0 32px}.booking{background:#fff;border:1px solid #e1e6dc;border-radius:22px;padding:28px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:10px}h2{font-size:17px;font-weight:550;margin:0}.calendar{font-size:11px;color:#6a7c6c;position:relative;cursor:pointer;border-bottom:1px solid #bbc7b5;padding-bottom:3px}.calendar input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.calendar input::-webkit-calendar-picker-indicator{position:absolute;inset:0;width:100%;height:100%;cursor:pointer}.date-nav{display:flex;align-items:center;gap:10px;margin:22px -10px 0}.date-nav>button{border:0;background:none;color:#536c57;font-size:26px;padding:8px;min-width:28px}.date-nav>button:disabled{opacity:.2;cursor:default}.dates{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;flex:1}.date{border:1px solid transparent;background:#f5f6f1;border-radius:13px;padding:12px 3px;color:#71806e;display:flex;align-items:center;flex-direction:column;gap:5px;min-height:89px}.date strong{font-size:23px;font-weight:500;color:#2c4938}.date small{font-size:10px}.date.selected{background:#173e35;color:#d8e6d0}.date.selected strong{color:white}.date span{font-size:11px}.time-head{margin-top:30px;border-top:1px solid #eef0e9;padding-top:26px}#dateLabel{font-size:11px;color:#778470}.legend{display:flex;gap:16px;font-size:10px;color:#81907c;margin:14px 0 16px}.legend span{display:flex;align-items:center;gap:5px}.legend span:last-child{margin-left:auto}.legend i{width:6px;height:6px;border-radius:50%;background:#63815d}.legend .busy-dot{background:#d7dbd2}.slots{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.slot{padding:13px 0;border:1px solid #d8e2d0;border-radius:10px;background:#f7faf3;color:#3f6141;font-size:16px;min-height:48px}.slot:disabled{background:#f6f6f4;border-color:#efefeb;color:#c1c5bc;text-decoration:line-through;cursor:default}.slot.selected{background:#173e35;border-color:#173e35;color:#fff}.demo{font-size:10px;color:#929a8c;margin:20px 0 0;text-align:center}.bottom{display:flex;justify-content:space-between;align-items:center;padding:26px 4px;gap:16px}.bottom small{font-size:10px;color:#87917f}.bottom p{font-size:14px;margin:6px 0 0}.bottom button,#back{background:#173e35;color:#fff;border:0;border-radius:11px;padding:16px 22px;font-size:13px;white-space:nowrap}.bottom button span{margin-left:18px}.bottom button:disabled{background:#e3e7de;color:#9ca693;cursor:default}.footnote{font-size:9px;color:#98a18f;letter-spacing:1.5px;text-align:center;margin-top:24px}.footnote span{padding:0 8px}dialog{border:0;border-radius:22px;padding:36px;max-width:400px;width:calc(100% - 36px);color:#173e35;box-shadow:0 30px 100px #173e3522}dialog::backdrop{background:#173e3566;backdrop-filter:blur(3px)}dialog h2{font-size:24px;margin-top:18px}.close{position:absolute;right:15px;top:10px;border:0;background:none;font-size:28px;color:#86927d}.notice{font-size:12px;line-height:1.8;color:#7f8a77;margin:20px 0}#back{width:100%}@media(max-width:600px){header{height:70px;padding:0 22px}header a{font-size:11px;letter-spacing:1.2px}main{padding:30px 18px 18px}h1{font-size:30px}.intro p{font-size:12px;margin-bottom:24px}.booking{padding:20px 16px;border-radius:18px}.dates{gap:4px}.date-nav{gap:2px;margin-left:-12px;margin-right:-12px}.date-nav>button{min-width:20px;padding:6px 2px}.date{border-radius:10px;padding:10px 0;min-height:81px}.date strong{font-size:20px}.date span{font-size:10px}.date small{font-size:9px}.slots{gap:8px}.slot{font-size:14px}.time-head{margin-top:23px;padding-top:22px}.bottom{padding:22px 2px}.bottom p{font-size:12px}.bottom button{padding:15px 18px}.bottom button span{margin-left:10px}.footnote{margin-top:14px}.badge{font-size:10px}}@media(prefers-reduced-motion:no-preference){button{transition:background .15s,color .15s}dialog[open]{animation:appear .2s ease-out}@keyframes appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}}