.demo{display:none}.variants{display:flex;gap:5px;padding:4px;border-radius:12px;background:#e3eded}.variants a{padding:8px 15px;border-radius:9px;text-decoration:none;color:#7e969d;font-size:11px}.variants a.active{background:white;color:#173b54;box-shadow:0 2px 8px #173b5409}.change-date{display:none}.payment-preview{background:#f4f7f8;border-radius:13px;padding:18px;margin:20px 0}.payment-preview h3{font-size:13px;margin:0 0 13px}.payment-method{display:flex;align-items:center;gap:10px;font-size:12px;color:#486776}.card-icons{margin-left:auto;color:#476a7e;font-size:10px;font-weight:900;letter-spacing:1px}.card-mock{padding:16px;background:white;border:1px solid #e1e9eb;border-radius:10px;margin-top:13px;display:flex;justify-content:space-between;color:#8a9da6;font-size:12px}.payment-preview small{display:block;font-size:10px;color:#869aa1;margin-top:12px;line-height:1.6}.note strong{font-weight:400}.review-card{margin-top:18px}.top{height:80px}.workspace-footer{margin-top:18px}.mobile-time-label{display:none}
@media(max-width:700px){
 html,body{height:100%;height:100svh;overflow:hidden}body{display:flex;flex-direction:column}.top{height:52px;min-height:52px;padding:10px 17px;flex:none}.top img{width:68px}.variants{padding:3px;border-radius:10px;gap:2px}.variants a{padding:6px 12px;font-size:10px;border-radius:8px}.layout{display:flex;flex-direction:column;flex:1;min-height:0;width:calc(100% - 20px);max-width:500px;margin:0 auto 8px}.profile{min-height:0;height:83px;flex:none;border-radius:19px 19px 0 0;overflow:hidden}.profile-photo{width:72px;height:72px;left:11px;right:auto;top:6px;bottom:auto}.portrait{width:61px;height:61px;top:5px;left:3px;right:auto;border:3px solid #fff9}.profile-info{padding:16px 15px 14px 86px}.profile h1{font-size:19px;letter-spacing:-.45px;line-height:1.2;margin:0 0 7px;width:auto}.profile h1 br{display:none}.profile .eyebrow,.role,.profile-footer,.fee>span{display:none}.chips{max-width:none}.chips>span{background:none;padding:0;font-size:10px;color:#779095}.chips>span:last-child{display:none}.fee{position:absolute;right:16px;left:auto;bottom:13px;background:white;padding:4px 9px;margin:0;border-radius:8px}.fee strong{font-size:10px}.fee>span:after{content:none}.workspace{border-radius:0 0 19px 19px;padding:14px 18px max(10px,env(safe-area-inset-bottom));flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.steps{flex:none;margin-bottom:13px;border-radius:10px;padding:3px}.steps>span{font-size:10px;padding:6px 3px}.steps b{font-size:9px}.section-top{flex:none}.section-top .eyebrow{display:none}.section-top h2{font-size:24px;letter-spacing:-.7px}.zone{margin:7px 0 0;flex:none;min-height:25px}.zone label{display:none}.zone select{font-size:10px;padding:4px 0;max-width:100%}#loadStatus{margin:0;min-height:15px;height:15px;font-size:8px;flex:none;overflow:hidden}#step1{display:flex;flex-direction:column;flex:1;min-height:0}.scheduler{display:block;flex:1;min-height:0;position:relative;overflow:hidden;margin-top:8px}.calendar{height:100%;display:flex;flex-direction:column;padding:0 1px;animation:slide-back .25s both}.monthbar{flex:none;margin-bottom:11px;min-height:27px}.monthbar h3{font-size:14px}.arrow{width:26px;height:26px}.week{flex:none;margin-bottom:6px;font-size:9px}.days{grid-auto-rows:minmax(26px,1fr);gap:3px;flex:1;min-height:0;max-height:260px}.days button,.days .blank{width:auto;height:auto;aspect-ratio:auto;max-height:38px;min-height:24px;justify-self:stretch}.days button{font-size:11px}.calendar-key{font-size:8px;margin:8px 0 0;flex:none}.times{display:none}.scheduler.show-times .calendar{display:none}.scheduler.show-times .times{display:flex;flex-direction:column;height:100%;padding:14px;background:#eef5f5;animation:slide-next .28s both;overflow:hidden}.change-date{display:inline-flex;align-self:flex-start;background:white;border:0;border-radius:8px;font-size:10px;color:#527983;padding:7px 9px;margin:0 0 11px}.times h3{font-size:14px;margin:0 0 7px}.times>p{display:none}.periods{flex:none;margin:5px 0 12px;max-width:100%}.periods button{font-size:10px;padding:7px 4px}.time-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;max-height:none;min-height:0;flex:1;align-content:start;overflow-y:auto;padding-bottom:4px}.time-list button{font-size:12px;padding:12px 4px;min-height:40px}.actions{position:static;flex:none;margin-top:10px;padding:11px 0 0;background:transparent;box-shadow:none;min-height:54px}.actions .primary{min-height:42px;padding:10px 17px;gap:13px}.actions p{max-width:165px;font-size:10px}.workspace-footer{display:none}#step2,#step3,#done{min-height:0;overflow-y:auto;flex:1;scrollbar-width:thin;padding-right:2px}#step2 .section-top,#step3 .section-top{margin-top:3px}.summary-small{padding:10px 12px;font-size:10px;margin:13px 0}.form-grid{gap:11px}.form-grid label{font-size:10px;gap:6px}.form-grid input,.form-grid textarea{padding:10px 11px;font-size:13px;border-radius:9px}.form-grid textarea{min-height:72px}.privacy{font-size:9px;margin:11px 0}.form-grid+.privacy+.actions{position:sticky;bottom:0;background:white;padding-bottom:4px}.review-card{margin-top:13px;padding:16px}.review-card h3{font-size:15px;margin:12px 0}.review-card dl>div{font-size:10px;padding:6px 0}.price{padding-top:12px;margin-top:10px}.price strong{font-size:21px}.note{padding:10px 12px;font-size:9px;margin-top:13px}.payment-preview{padding:14px;margin-top:13px}.payment-preview h3{font-size:12px}.card-mock{padding:12px;font-size:11px}.done{padding-top:18px}.done h2{font-size:33px}.check{width:58px;height:58px;margin-bottom:20px}#done>.eyebrow{display:none}.done>p:not(.eyebrow){font-size:12px;margin:17px auto}.done .primary{margin-top:20px}
}
@media(max-width:700px) and (max-height:700px){.profile{height:72px}.profile-info{padding-top:12px}.profile-photo{top:1px}.profile h1{font-size:18px}.fee{bottom:10px}.workspace{padding-top:10px}.steps{margin-bottom:9px}.section-top h2{font-size:22px}.scheduler{margin-top:4px}.monthbar{margin-bottom:7px}.calendar-key{margin-top:5px}.days{grid-auto-rows:minmax(21px,1fr);gap:2px}.days button{min-height:21px;font-size:10px}.actions{margin-top:7px;padding-top:8px;min-height:49px}.times{padding:11px}.time-list button{min-height:35px;padding:9px 4px}}
@keyframes slide-next{from{opacity:0;transform:translateX(15px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-back{from{opacity:0;transform:translateX(-15px)}to{opacity:1;transform:translateX(0)}}
@media(max-width:700px){.top{width:100%;margin:0}.layout{align-items:stretch}.workspace,.profile{width:100%}.calendar{justify-content:flex-start}.days{flex:0 1 260px}.calendar-key{margin-top:9px}}