:root{--aqua:#81d8d0;--teal:#05747a;--deep:#083f45;--ink:#21494a;--sage:#6c8881;--gold:#c5a276;--pale:#eef7f3;--paper:#fffdfa;--line:#e7eeea;--serif:'Cormorant Garamond','Noto Serif Thai',Georgia,serif;--sans:'Noto Sans Thai','Avenir Next',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fbfcfa;font:14px var(--sans);-webkit-font-smoothing:antialiased}.app{min-height:100vh;overflow:hidden}.header{height:70px;position:sticky;top:0;z-index:20;background:#fffdfaee;backdrop-filter:blur(10px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 clamp(14px,5vw,74px);border-bottom:1px solid #143f3b0c}.icon{height:38px;width:38px;border:0;border-radius:50%;background:transparent;color:var(--deep);font-size:21px;cursor:pointer;display:grid;place-items:center}.icon:hover{background:#eaf6f2}.logo{border:0;background:none;cursor:pointer;padding:4px}.logo img{width:183px;max-height:37px;object-fit:contain;display:block}.head-actions{justify-self:end;display:flex;align-items:center;gap:12px}.demo{font-size:7px;letter-spacing:1.4px;color:#58857e;border:1px solid #cfe7df;border-radius:20px;padding:5px 9px;background:#ecf7f3;font-weight:600}.shade{position:fixed;inset:70px 0 0;background:#073d4355;z-index:18}.shade[hidden]{display:none}.drawer{position:fixed;z-index:19;inset:70px auto 0 0;width:min(350px,88vw);background:var(--paper);padding:20px 27px;transform:translateX(-105%);transition:transform .3s ease;box-shadow:16px 0 45px #0a41421a}.drawer.open{transform:translateX(0)}.drawer-logo{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;border-bottom:1px solid var(--line)}.drawer-logo img{width:157px}.drawer>button:not(.icon){width:100%;border:0;border-bottom:1px solid var(--line);background:none;padding:17px 1px;text-align:left;color:var(--ink);font:12px var(--sans);cursor:pointer;display:flex;justify-content:space-between}.drawer>button span{color:var(--gold)}.drawer-sign{font:8px var(--sans);color:#7e9991;letter-spacing:1.4px;margin-top:37px}.screen{display:none;min-height:calc(100vh - 70px)}.screen.active{display:block;animation:enter .42s cubic-bezier(.22,.75,.24,1) both}.wrap,.book-wrap{max-width:1390px;margin:auto;padding:26px clamp(16px,5vw,72px) 0}.hero{height:clamp(390px,42vw,570px);position:relative;overflow:hidden;background:var(--aqua);isolation:isolate}.hero>img{position:absolute;right:0;top:0;width:70%;height:100%;object-fit:cover;object-position:78% center;z-index:-2}.hero-overlay{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#81d8d0 0%,#81d8d0 35%,#81d8d0c7 48%,#81d8d00a 72%,transparent)}.hero-copy{position:absolute;left:clamp(24px,6vw,88px);top:50%;transform:translateY(-50%);width:53%;max-width:620px}.kicker,.section-head small,.story-copy>small,.book-title>small{font-size:8px;letter-spacing:2px;color:#377579;font-weight:600}.kicker{display:flex;align-items:center;gap:8px}.kicker i{display:block;width:23px;height:1px;background:var(--gold)}.hero h1{font:400 clamp(42px,6vw,80px)/.98 var(--serif);letter-spacing:-1.9px;color:#073e43;margin:20px 0 14px}.hero h1 em{font-style:normal;color:#f8fffc}.hero-copy p{font-size:clamp(12px,1.5vw,16px);line-height:1.8;color:#215c60;margin:0}.mobile{display:none}.gold{height:44px;min-width:195px;padding:0 15px;margin-top:22px;border:0;background:var(--gold);color:white;display:inline-flex;align-items:center;justify-content:space-between;gap:25px;font:500 10px var(--sans);cursor:pointer;transition:.2s}.gold:hover{background:#ae8f66;transform:translateY(-2px)}.gold span{font-size:16px}.hero-copy>small{display:block;font-size:7px;letter-spacing:2px;color:#337d7e;margin-top:20px}.hero-side{position:absolute;right:14px;bottom:16px;color:white;font-size:6px;letter-spacing:1.4px;writing-mode:vertical-rl;text-shadow:0 1px 6px #123}.promises{max-width:720px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);padding:23px 0;border-bottom:1px solid var(--line)}.promises>div{display:flex;align-items:center;justify-content:center;gap:8px;color:#56716d;font-size:9px;line-height:1.65}.promises>div+div{border-left:1px solid var(--line)}.promises b{font:20px var(--serif);color:#4daea4}.services{padding:37px 0 44px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:13px}.section-head h2,.story-copy h2{font:400 clamp(22px,3vw,32px)/1.35 var(--serif);color:#17464a;margin:6px 0 1px}.section-head p{font-size:9px;color:#849993;margin:0}.section-head>span{font:9px var(--serif);color:#8aa29b;letter-spacing:1px}.filters{display:flex;gap:7px;overflow:auto;scrollbar-width:none;padding:1px 0 13px}.filters::-webkit-scrollbar{display:none}.filters button{flex:none;border:1px solid #dbe8e2;border-radius:30px;background:none;color:#66827a;padding:6px 14px;font:8px var(--sans);cursor:pointer}.filters button.active,.filters button:hover{background:var(--teal);border-color:var(--teal);color:white}.services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.service{padding:0;background:white;border:1px solid #e7eeea;border-radius:3px;text-align:left;cursor:pointer;box-shadow:0 5px 18px #1f50410a;transition:transform .22s,box-shadow .22s}.service:hover{transform:translateY(-4px);box-shadow:0 12px 27px #17433a18}.service-photo{height:clamp(112px,13vw,165px);position:relative;background-size:cover;background-position:center}.service-photo:after{content:'';position:absolute;inset:48% 0 0;background:linear-gradient(transparent,#0b34332b)}.service-photo.skin-consult,.thumb.skin-consult{background-image:url('assets/hero.png');background-position:83% 38%}.service-photo.laser-glow,.thumb.laser-glow{background-image:url('assets/hero.png');background-position:93% 71%}.service-photo.lifting-contour,.thumb.lifting-contour{background-image:url('assets/hero.png');background-position:72% 12%}.service-photo.acne-balance,.thumb.acne-balance{background-image:url('assets/hero.png');background-position:99% 52%}.service-photo.body-wellness,.thumb.body-wellness{background-image:url('assets/interior.png');background-position:16% 70%}.service-photo.radiance-iv,.thumb.radiance-iv{background-image:url('assets/interior.png');background-position:79% 47%}.service-tag{position:absolute;right:8px;top:8px;background:#fffdf2e8;color:#4b827c;font-size:6px;letter-spacing:1px;padding:4px 6px;z-index:1}.service-copy{padding:9px 11px 10px}.service-copy small{font-size:6px;color:#8ba098;letter-spacing:1.2px}.service-copy h3{font:500 12px var(--serif);color:#315b56;margin:4px 0 2px}.service-copy p{font-size:7px;color:#91a09a;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.service-foot{border-top:1px solid #eff3f0;padding-top:7px;margin-top:8px;display:flex;justify-content:space-between;align-items:center;color:#9a886e;font-size:7px}.service-foot b{font-weight:500;color:#4c7168;font-size:9px}.service-foot i{font-style:normal;width:20px;height:20px;border:1px solid #dbe9e2;border-radius:50%;display:grid;place-items:center;color:#56948a;font-size:12px}.story{display:grid;grid-template-columns:1.15fr .85fr;background:#f0f6f2;margin:0 calc(-1 * clamp(16px,5vw,72px));padding:0 clamp(16px,5vw,72px);min-height:280px}.story-photo{position:relative;min-height:280px;overflow:hidden}.story-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.story-photo span{position:absolute;left:13px;bottom:12px;font-size:6px;color:white;letter-spacing:1.4px;text-shadow:0 1px 6px #111}.story-copy{align-self:center;padding:25px clamp(20px,5vw,65px)}.story-copy>small{font-size:7px}.story-copy h2{margin:8px 0;font-size:27px}.story-copy h2 em{font-style:normal;color:#3aa59d}.story-copy p{font-size:9px;line-height:1.9;color:#718984;max-width:340px}.story-copy button{border:0;border-bottom:1px solid #a9c5bc;background:none;color:#327871;padding:7px 0;font:9px var(--sans);cursor:pointer}.story-copy button span{font-size:14px;margin-left:8px}.footer{min-height:81px;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#8fa09a;font-size:6px;letter-spacing:1px;position:relative}.footer img{width:145px}.footer button{background:none;border:0;color:#66877e;font:7px var(--sans);cursor:pointer}.footer small{position:absolute;right:0;bottom:7px;color:#adb8b1;font-size:6px;letter-spacing:.6px}
/* Booking screen */.book-wrap{padding-top:17px}.book-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.back{border:0;background:none;color:#69837c;font:9px var(--sans);padding:5px 0;cursor:pointer;display:flex;gap:7px;align-items:center}.back:first-letter{color:#388d84}.steps{display:flex;align-items:center;gap:5px}.steps b{width:19px;height:19px;border:1px solid #dce7e1;border-radius:50%;display:grid;place-items:center;color:#a1b0a8;font:7px var(--sans)}.steps b.done,.steps b.current{background:#27a9a0;border-color:#27a9a0;color:#fff}.steps i{height:1px;width:19px;background:#dde8e2}.book-title{margin-bottom:14px}.book-title h1{font:400 clamp(22px,3vw,31px) var(--serif);margin:4px 0;color:#12474a}.book-title p{font-size:9px;color:#849a93;margin:0}.book-layout{display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:12px;align-items:start}.book-left{display:grid;gap:9px}.card,.patient-card{background:#fff;border:1px solid #e6eeea;border-radius:4px;padding:11px 13px;box-shadow:0 4px 16px #164a3906}.card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.card-head>span:first-child{font-size:10px;color:#43645d}.card-head i{font:8px var(--serif);color:#b39a70;background:#f7f3eb;border-radius:50%;width:18px;height:18px;display:inline-grid;place-items:center;font-style:normal;margin-right:5px}.card-head small{font-size:7px;color:#9aa8a1}.card-head>button{border:0;background:none;color:#4a9085;text-decoration:underline;font:7px var(--sans);cursor:pointer}.chosen{display:flex;gap:9px;align-items:center}.thumb{height:45px;width:66px;background-size:cover;background-position:center;flex:none}.chosen-copy{min-width:0}.chosen-copy b,.chosen-copy small{display:block}.chosen-copy b{font:500 11px var(--serif);color:#315b56}.chosen-copy small{font-size:7px;color:#91a19a;margin-top:3px}.chosen-price{margin-left:auto;font-size:7px;color:#9a886c;white-space:nowrap}.doctors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.doctor{padding:6px;border:1px solid #e4ece7;border-radius:3px;background:#fff;display:flex;align-items:center;gap:6px;text-align:left;cursor:pointer;position:relative;min-width:0}.doctor:hover{border-color:#9ed3c8}.doctor.selected{background:#eff9f6;border-color:#46b7aa;box-shadow:0 0 0 1px #46b7aa}.portrait{width:39px;height:43px;flex:none;background-image:url('assets/doctors.png');background-repeat:no-repeat;background-size:300% auto;background-position-y:25%;border-radius:2px}.portrait.p1{background-position-x:0%}.portrait.p2{background-position-x:50%}.portrait.p3{background-position-x:100%}.doctor-copy{min-width:0}.doctor-copy b{display:block;font-size:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#3b635b}.doctor-copy small{display:block;font-size:6px;line-height:1.5;color:#92a19a;margin-top:2px}.doctor .tick{position:absolute;right:4px;top:3px;color:#2ba99d;font-size:7px;opacity:0}.doctor.selected .tick{opacity:1}.month-switch{display:flex;align-items:center;gap:7px}.month-switch button{width:21px;height:21px;border:1px solid #e0eae4;border-radius:50%;background:white;color:#64837b;font-size:14px;line-height:17px;cursor:pointer}.month-switch b{min-width:74px;text-align:center;font-size:8px;font-weight:500;color:#496c64}.weekdays,.calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));text-align:center}.weekdays{font-size:7px;color:#9ca9a2}.weekdays span{padding:3px 0}.calendar{row-gap:2px}.spacer{height:25px}.day{height:25px;width:25px;margin:auto;border:0;border-radius:50%;background:transparent;color:#617b73;font:8px var(--sans)}.day.available{cursor:pointer}.day.available:not(.selected):after{content:'';display:block;background:#68b8a9;width:3px;height:3px;border-radius:50%;margin:-1px auto 0}.day.available:hover{background:#eaf7f3}.day.selected{background:#20aaa1;color:#fff;box-shadow:0 2px 7px #19aaa344}.day.selected:after{background:#fff}.day.today:not(.selected){outline:1px solid #abd6c9}.day.muted{color:#c9d2cc}.day.past{color:#d5ddd8}.legend{border-top:1px solid #eff3ef;display:flex;gap:13px;padding-top:6px;margin-top:6px;color:#9aa9a1;font-size:6px}.legend span:first-child{color:#6d9285}.legend span:last-child{color:#238d86}.times{display:flex;flex-wrap:wrap;gap:5px;min-height:25px}.time{border:1px solid #dce9e3;border-radius:3px;background:white;color:#5e8077;padding:6px 10px;font:8px var(--sans);cursor:pointer}.time:hover{border-color:#51b4a7;background:#f3faf7}.time.selected{background:#1da79f;border-color:#1da79f;color:white}.time.taken{color:#bcc8c1;background:#f7f9f7;text-decoration:line-through;cursor:not-allowed}.empty{font-size:7px;color:#9caaa3;padding:5px 0}.patient-card{position:sticky;top:84px;padding:13px}.patient-heading{display:flex;align-items:center;gap:8px;padding-bottom:9px;border-bottom:1px solid #edf2ee}.patient-heading>span{width:26px;height:26px;border-radius:50%;background:#eaf6f2;color:#5ca69a;display:grid;place-items:center}.patient-heading b,.patient-heading small{display:block}.patient-heading b{font-size:9px;color:#42635d}.patient-heading small{font-size:7px;color:#9aa9a1;margin-top:2px}.patient-card label{display:block;font-size:7px;color:#81938a;margin-top:9px}.patient-card input{display:block;width:100%;height:29px;border:1px solid #e3ebe6;border-radius:3px;padding:0 7px;margin-top:4px;color:#43625b;background:#fdfefd;font:8px var(--sans);outline-color:#62b8aa}.patient-hint{display:block;color:#98a9a0;font-size:6px;margin:8px 0}.teal{width:100%;height:36px;border:0;border-radius:3px;background:#08737a;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 13px;font:500 9px var(--sans);cursor:pointer;transition:.2s}.teal:hover:not(:disabled){background:#055c62;transform:translateY(-1px)}.teal:disabled{background:#d9e7e1;color:#a0b0a7;cursor:not-allowed}.teal span{font-size:15px}.reassure{margin-top:8px;padding:9px;background:#eff6f2;color:#5ba092;display:flex;gap:7px;align-items:center;font-size:12px}.reassure p{font-size:6px;line-height:1.6;color:#8b9b94;margin:0}.reassure b{font-size:7px;color:#557a6f}.book-footer{display:flex;justify-content:space-between;align-items:center;padding:16px 0;color:#9ba9a2;font-size:6px;letter-spacing:1px}.book-footer button{border:0;background:none;color:#60847a;font:7px var(--sans);cursor:pointer}
/* Confirmation screen */.success{position:relative;background:#fbfcfa;overflow:hidden}.success-bg{position:absolute;inset:0 0 auto;height:44%;opacity:.45}.success-bg:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#fff8 0%,#fbfcfa 100%)}.success-bg img{height:100%;width:100%;object-fit:cover;object-position:center 60%;filter:saturate(.65)}.success-wrap{position:relative;z-index:1;max-width:800px;min-height:calc(100vh - 70px);margin:auto;padding:13px clamp(15px,4vw,44px) 0;display:flex;flex-direction:column}.success-head{display:flex;justify-content:space-between;align-items:center}.success-head>img{position:absolute;width:153px;left:50%;transform:translateX(-50%)}.success-main{width:min(430px,100%);margin:15px auto 0;text-align:center;flex:1}.check{width:49px;height:49px;border:1px solid #cdb58d;border-radius:50%;display:grid;place-items:center;margin:0 auto 6px;color:#b59a69;font:24px var(--serif);position:relative}.check:after{content:'';position:absolute;inset:5px;border:1px solid #e6dcc9;border-radius:50%}.check i{position:absolute;left:-12px;top:0;color:#63b9ac;font-size:10px;font-style:normal}.success-main>small{font-size:7px;letter-spacing:1.8px;color:#668f83}.success-main h1{font:400 24px/1.25 var(--serif);color:#17494b;margin:4px 0}.success-main h1 em{font-style:normal;color:#40a69e}.thanks{font-size:8px;line-height:1.7;color:#849690;margin:0 0 10px}.ticket{border:1px solid #e6ece8;border-radius:4px;background:white;text-align:left;padding:12px 15px;box-shadow:0 7px 28px #17453d0c}.ticket-top{display:flex;justify-content:space-between;border-bottom:1px solid #eef2ef;padding-bottom:7px;font-size:6px;letter-spacing:1.3px;color:#98a7a0}.ticket-top b{color:#58887e}.ticket-date{display:flex;align-items:center;gap:9px;padding:9px 0}.ticket-date>i{height:30px;width:30px;border-radius:50%;background:#eaf6f2;color:#389c92;display:grid;place-items:center;font:14px var(--sans);font-style:normal}.ticket-date small,.ticket-date b,.ticket-date span{display:block}.ticket-date small{font-size:6px;color:#9ba8a2}.ticket-date b{font-size:9px;font-weight:500;color:#42685f;margin-top:2px}.ticket-date span{font-size:7px;color:#879b93;margin-top:2px}.ticket hr{border:0;border-top:1px dashed #e4ebe6;margin:1px -15px 7px}.ticket-row{display:flex;justify-content:space-between;gap:8px;margin:5px 0;color:#94a29b;font-size:7px}.ticket-row b{text-align:right;color:#4d7167;font-size:7px;font-weight:500}.location{margin-top:8px;padding:8px 9px;background:#f1f7f3;display:flex;align-items:center;gap:8px;color:#4b9488}.location>i{font-size:14px;font-style:normal}.location div{flex:1}.location b,.location small{display:block}.location b{font-size:6px;letter-spacing:.8px}.location small{font-size:6px;color:#93a39b;margin-top:2px}.location>span{font-size:12px}.success-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:9px}.success-actions .teal{height:33px;font-size:7px}.success-actions>button:last-child{border:1px solid #dce8e2;border-radius:3px;background:white;color:#66857b;font:7px var(--sans);cursor:pointer}.success-actions>button:last-child:hover{background:#f1f8f5}.home-link{border:0;background:none;color:#69877f;text-decoration:underline;text-underline-offset:3px;margin-top:9px;font:7px var(--sans);cursor:pointer}.demo-caption{display:block;margin-top:8px;color:#abb6af;letter-spacing:1px;font-size:5px}.success-footer{display:flex;justify-content:space-between;align-items:center;padding:11px 0;color:#a4b1a9;font-size:5px;letter-spacing:1.4px}.success-footer b{color:#77b7aa;font-size:11px}.toast{position:fixed;z-index:40;bottom:20px;left:50%;transform:translate(-50%,10px);opacity:0;pointer-events:none;background:#0c575b;color:white;padding:9px 13px;border-radius:3px;font-size:8px;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}
@keyframes enter{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@keyframes leave{to{opacity:0;transform:translateY(-5px)}}
@media(min-width:1200px){.service-copy{padding:12px 14px}.service-copy h3{font-size:14px}.service-copy p{font-size:8px}}
@media(max-width:800px){.header{height:64px}.shade{inset-top:64px;top:64px}.drawer{top:64px}.wrap{padding-top:16px}.hero{height:clamp(380px,60vw,500px)}.hero-copy{left:5%;width:57%}.hero h1{font-size:clamp(42px,7vw,60px)}.book-layout{grid-template-columns:minmax(0,1fr) 245px}.card{padding:10px}.doctor{padding:5px}.portrait{width:34px;height:39px}.doctor-copy b{font-size:6px}.patient-card{padding:11px}.story{min-height:240px}.story-photo{min-height:240px}.story-copy{padding:20px}}
@media(max-width:580px){.header{height:57px;padding:0 10px}.logo img{width:145px;max-height:30px}.head-actions{gap:4px}.icon{width:34px;height:34px}.screen{min-height:calc(100vh - 57px)}.shade{inset:57px 0 0;top:57px}.drawer{top:57px;padding:18px 22px}.wrap{padding:10px 11px 0}.hero{height:min(128vw,520px);min-height:440px}.hero>img{width:100%;height:68%;right:-3%;object-position:84% 27%}.hero-overlay{background:linear-gradient(180deg,#81d8d000 0%,#81d8d000 34%,#81d8d0ce 54%,#81d8d0 70%,#81d8d0 100%)}.hero-copy{top:auto;left:18px;bottom:19px;transform:none;width:calc(100% - 36px)}.kicker{font-size:6px;letter-spacing:1.2px}.kicker i{width:15px}.hero h1{font-size:44px;line-height:.93;letter-spacing:-1.1px;margin:8px 0}.hero h1 em{color:#f7fffb}.hero-copy p{font-size:10px;line-height:1.4}.mobile{display:block}.gold{height:37px;min-width:159px;margin-top:11px;font-size:8px;gap:18px;padding:0 11px}.gold span{font-size:13px}.hero-copy>small{font-size:5px;margin-top:9px;letter-spacing:1.6px}.hero-side{right:6px;bottom:8px;font-size:5px}.promises{padding:13px 0}.promises>div{font-size:6px;gap:4px}.promises b{font-size:15px}.services{padding:23px 0 26px}.section-head h2{font-size:20px;margin:3px 0}.section-head p{font-size:7px}.section-head small{font-size:6px}.section-head>span{font-size:7px}.filters{gap:5px;padding-bottom:9px}.filters button{padding:5px 10px;font-size:7px}.services-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.service-photo{height:106px}.service-copy{padding:7px 7px 8px}.service-copy small{font-size:5px;letter-spacing:.8px}.service-copy h3{font-size:10px;margin:3px 0 2px}.service-copy p{font-size:6px}.service-foot{font-size:6px;margin-top:6px;padding-top:5px}.service-foot b{font-size:8px}.service-foot i{height:17px;width:17px;font-size:10px}.service-tag{font-size:5px;right:5px;top:5px;padding:3px 4px}.story{display:flex;flex-direction:column;margin:0 -11px;padding:0}.story-photo{height:173px;min-height:173px}.story-copy{padding:17px 17px 20px}.story-copy>small{font-size:6px}.story-copy h2{font-size:22px;margin:4px 0}.story-copy p{font-size:8px;margin:5px 0}.story-copy button{font-size:7px}.footer{min-height:62px;flex-wrap:wrap;padding:10px 0;font-size:5px;letter-spacing:.6px}.footer img{width:110px}.footer button{font-size:6px}.footer small{font-size:5px;bottom:3px}
.book-wrap{padding:9px 9px 0}.book-top{margin-bottom:8px}.back{font-size:7px}.steps{gap:4px}.steps b{width:17px;height:17px;font-size:6px}.steps i{width:14px}.book-title{margin-bottom:10px}.book-title>small{font-size:6px;letter-spacing:1.5px}.book-title h1{font-size:20px;margin:3px 0}.book-title p{font-size:7px}.book-layout{display:flex;flex-direction:column;gap:8px}.book-left{display:contents}.chosen-card{order:0}.book-left>.card:nth-child(2){order:1}.book-left>.card:nth-child(3){order:2}.book-left>.card:nth-child(4){order:3}.patient-card{order:4;position:static;width:100%}.card{padding:8px 9px}.card-head{margin-bottom:6px}.card-head>span:first-child{font-size:8px}.card-head i{width:16px;height:16px;font-size:6px;margin-right:3px}.card-head small,.card-head>button{font-size:6px}.thumb{width:55px;height:39px}.chosen-copy b{font-size:9px}.chosen-copy small,.chosen-price{font-size:6px}.doctor-list{gap:5px}.doctor{min-height:86px;flex-direction:column;align-items:flex-start;padding:4px}.portrait{height:52px;width:100%;background-position-y:23%}.doctor-copy b{font-size:6px}.doctor-copy small{font-size:5px}.tick{top:3px!important;right:4px!important}.month-control{gap:4px}.month-switch button{width:19px;height:19px;font-size:12px}.month-switch b{min-width:68px;font-size:7px}.weekdays{font-size:6px}.weekdays span{padding:2px 0}.calendar{row-gap:1px}.day,.spacer{height:23px;width:23px;font-size:7px}.legend{font-size:5px;padding-top:5px;margin-top:4px}.times{gap:4px}.time{font-size:7px;padding:5px 8px}.empty{font-size:6px}.patient-card{padding:10px}.patient-heading{padding-bottom:7px}.patient-heading>span{height:23px;width:23px;font-size:12px}.patient-heading b{font-size:8px}.patient-heading small{font-size:6px}.patient-card form{display:grid;grid-template-columns:1fr 1fr;gap:0 7px}.patient-card label:first-child,.patient-card label:nth-child(3),.patient-hint,.patient-card .teal{grid-column:span 2}.patient-card label{font-size:6px;margin-top:7px}.patient-card input{height:27px;font-size:7px}.patient-hint{font-size:5px;margin:6px 0}.teal{height:33px;font-size:8px}.reassure{padding:7px;margin-top:6px}.reassure p{font-size:5px}.reassure b{font-size:6px}.book-footer{padding:11px 0;font-size:5px}.book-footer button{font-size:6px}
.success-wrap{min-height:calc(100vh - 57px);padding:8px 13px 0}.success-bg{height:40%}.success-head>img{width:128px}.success-main{margin-top:9px;width:min(365px,100%)}.check{height:43px;width:43px;font-size:21px;margin-bottom:5px}.success-main>small{font-size:6px}.success-main h1{font-size:22px;margin:3px 0}.thanks{font-size:7px;margin-bottom:8px}.ticket{padding:10px 12px}.ticket-top{font-size:5px;padding-bottom:6px}.ticket-date{padding:7px 0;gap:7px}.ticket-date>i{width:26px;height:26px;font-size:12px}.ticket-date small{font-size:5px}.ticket-date b{font-size:8px}.ticket-date span{font-size:6px}.ticket hr{margin:1px -12px 6px}.ticket-row{font-size:6px;margin:4px 0}.ticket-row b{font-size:6px}.location{margin-top:6px;padding:6px 7px;gap:6px}.location>i{font-size:12px}.location b,.location small{font-size:5px}.success-actions{margin-top:7px;gap:5px}.success-actions .teal,.success-actions>button:last-child{height:30px;font-size:6px}.home-link{font-size:6px;margin-top:7px}.demo-caption{font-size:4px;margin-top:6px}.success-footer{padding:8px 0;font-size:4px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* Readable touch layout for real phone widths */
.autofill{width:100%;height:36px;margin-top:9px;padding:0 10px;border:1px solid #cfe4dc;border-radius:3px;background:#f4faf7;color:#337d73;display:flex;align-items:center;justify-content:space-between;font:12px var(--sans);cursor:pointer}
.autofill span{font-size:16px}
@media(max-width:580px){
 body{font-size:14px}.header{height:62px;padding:0 10px}.logo img{width:170px;max-height:34px}.screen{min-height:calc(100vh - 62px)}.shade{inset:62px 0 0;top:62px}.drawer{top:62px}
 .hero{min-height:510px;height:132vw;max-height:560px}.hero h1{font-size:44px}.hero-copy p{font-size:14px}.hero-copy>small,.kicker{font-size:10px}.gold{height:46px;min-height:46px;font-size:16px;min-width:220px}.promises>div{font-size:12px}.promises b{font-size:20px}
 .section-head h2{font-size:26px}.section-head p{font-size:12px}.section-head small,.section-head>span{font-size:10px}.filters button{height:40px;padding:0 14px;font-size:12px}.services-grid{width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.service{min-width:0;width:100%}.service-photo{height:122px}.service-copy{padding:9px}.service-copy small,.service-tag{font-size:10px}.service-copy h3{font-size:15px;line-height:1.4}.service-copy p{font-size:12px;white-space:normal;line-height:1.4;min-height:34px}.service-foot{font-size:11px}.service-foot b{font-size:13px}.service-foot i{width:27px;height:27px;font-size:15px}
 .story-copy>small,.story-photo span{font-size:10px}.story-copy h2{font-size:26px}.story-copy p{font-size:13px;line-height:1.7}.story-copy button{font-size:12px}.footer{font-size:10px;min-height:78px}.footer img{width:145px}.footer button{font-size:11px}.footer small{font-size:10px}
 .book-wrap{padding:12px 12px 0;width:100%;max-width:100%}.book-top{margin-bottom:11px}.back{font-size:12px;min-height:36px}.steps b{width:24px;height:24px;font-size:11px}.steps i{width:20px}.book-title>small{font-size:10px}.book-title h1{font-size:25px}.book-title p{font-size:12px;line-height:1.5}.book-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;width:100%;min-width:0}.book-left{display:grid!important;grid-template-columns:minmax(0,1fr);gap:9px;width:100%;min-width:0}.card,.book-left>.card,.patient-card{width:100%;min-width:0;padding:12px;border-radius:4px}.chosen-card{width:100%;min-width:0}.card-head{margin-bottom:9px}.card-head>span:first-child{font-size:14px}.card-head i{width:22px;height:22px;font-size:10px;margin-right:6px}.card-head small,.card-head>button{font-size:11px}.chosen{width:100%;min-width:0;gap:9px}.thumb{width:64px;height:54px}.chosen-copy b{font-size:14px}.chosen-copy small{font-size:11px;line-height:1.45;white-space:normal}.chosen-price{font-size:11px}.doctors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:100%;min-width:0}.doctor{width:100%;min-width:0;min-height:130px;padding:6px;display:flex;flex-direction:column;align-items:stretch;gap:5px}.portrait{width:100%;height:80px;background-position-y:22%}.doctor-copy b{font-size:12px;white-space:normal;line-height:1.35}.doctor-copy small{font-size:10px;line-height:1.35}.tick{font-size:11px!important;right:6px!important;top:5px!important}.month-switch{gap:7px}.month-switch button{width:34px;height:34px;font-size:20px;line-height:1}.month-switch b{min-width:105px;font-size:13px}.weekdays{font-size:12px}.weekdays span{padding:6px 0}.calendar{row-gap:3px;width:100%}.day,.spacer{width:40px;height:40px;font-size:14px}.legend{font-size:10px;padding-top:8px;margin-top:7px}.times{gap:7px;min-height:42px}.time{height:42px;min-width:67px;padding:0 10px;font-size:13px}.empty{font-size:12px;padding:10px 0}.patient-card{position:static;padding:14px}.patient-heading{padding-bottom:11px}.patient-heading>span{width:32px;height:32px;font-size:18px}.patient-heading b{font-size:14px}.patient-heading small{font-size:11px}.patient-card label{font-size:12px;margin-top:11px}.patient-card input{height:44px;font-size:16px;padding:0 10px}.autofill{height:44px;font-size:13px}.patient-hint{font-size:11px;margin:9px 0}.teal{height:48px;min-height:48px;font-size:16px;padding:0 15px}.reassure{padding:10px;margin-top:9px;font-size:16px}.reassure p{font-size:11px;line-height:1.6}.reassure b{font-size:12px}.book-footer{font-size:9px;padding:15px 0}.book-footer button{font-size:11px}
 .success{min-height:0}.success-wrap{min-height:0;height:auto;padding:10px 14px 0}.success-bg{height:320px}.success-main{flex:none;width:100%;max-width:430px;margin:12px auto 0}.success-head>img{width:155px}.success-head .back{font-size:12px}.success-main>small{font-size:10px}.check{width:53px;height:53px;font-size:27px}.success-main h1{font-size:29px;line-height:1.3;margin:5px 0}.thanks{font-size:13px;line-height:1.6;margin:0 0 14px}.ticket{padding:15px}.ticket-top{font-size:10px;padding-bottom:10px}.ticket-date{padding:12px 0;gap:10px}.ticket-date>i{height:40px;width:40px;font-size:18px}.ticket-date small{font-size:11px}.ticket-date b{font-size:16px;line-height:1.45}.ticket-date span{font-size:12px}.ticket hr{margin:2px -15px 10px}.ticket-row{font-size:12px;margin:9px 0}.ticket-row b{font-size:13px}.location{margin-top:11px;padding:10px;gap:10px}.location>i{font-size:19px}.location b{font-size:10px}.location small{font-size:11px;line-height:1.5}.location>span{font-size:16px}.success-actions{margin-top:12px;gap:8px}.success-actions .teal,.success-actions>button:last-child{height:46px;min-height:46px;font-size:13px}.home-link{font-size:12px;margin-top:12px}.demo-caption{font-size:9px;margin-top:9px}.success-footer{margin-top:15px;padding:13px 0;font-size:9px}.success-footer b{font-size:15px}
}

@media(max-width:580px){.chosen-price,.doctor-copy small,.patient-hint,.ticket-date small,.location small{font-size:12px}.service-foot{font-size:12px}.service-foot b{font-size:14px}.card-head small,.patient-heading small,.reassure p{font-size:12px}.ticket-row{font-size:12px}.ticket-row b{font-size:13px}.location b{font-size:11px}}

@media(max-width:580px){.patient-card form{grid-template-columns:minmax(0,1fr)}.patient-card form>*{grid-column:1/-1!important}.patient-card label:first-child,.patient-card label:nth-child(3),.patient-hint,.patient-card .teal{grid-column:1/-1!important}.footer{display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;align-items:center;gap:8px;text-align:center;padding:14px 0 17px;min-height:0}.footer img,.footer span,.footer button,.footer small{grid-column:1/-1;width:auto;text-align:center}.footer img{width:135px}.footer small{position:static;width:100%;font-size:10px}}