.arrow{width:30px;height:30px;display:inline-grid;place-items:center;vertical-align:middle;padding:0;border:1px solid #e1eaed;background:#f8fbfb;border-radius:50%;box-shadow:none;line-height:1;transform:none}.arrow svg,.back svg,.change-date svg,.primary>svg{width:16px;height:16px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}.arrow:disabled{opacity:.28}.back,.change-date{display:inline-flex;align-items:center;gap:6px}.primary>svg{width:17px;height:17px}.calendar .days button,.calendar .days .blank{width:36px!important;height:36px!important;min-height:36px;max-height:36px;aspect-ratio:1;border-radius:50%;justify-self:center;align-self:center;padding:0}.calendar .days{grid-auto-rows:38px;flex:0 0 auto;max-height:none;gap:3px}.form-grid{padding:4px 4px 6px;overflow:visible}.form-grid input,.form-grid textarea{border:1px solid #dce6e9;box-shadow:none;outline-offset:0}.form-grid input:focus,.form-grid textarea:focus{border-color:#619a9f;outline:0;box-shadow:0 0 0 3px #78aeb520;background:#fff;transform:none}.form-grid input:hover,.form-grid textarea:hover{border-color:#a3c0c6;transform:none}.pay-section .section-top{margin-bottom:20px}.pay-summary{display:flex;justify-content:space-between;align-items:center;background:#eef5f5;padding:16px;border-radius:12px;font-size:12px;margin-bottom:20px}.pay-summary strong{font-size:23px;color:#183e55}.method-option{display:flex;align-items:center;gap:10px;padding:16px;border:1.5px solid #80a7ad;border-radius:12px;background:#f9fcfc;font-size:12px}.method-option input{accent-color:#183e55;width:16px;height:16px}.method-option .card-icons{margin-left:auto}.checkout-card{margin-top:20px;background:#f8fbfb;padding:20px;border:1px solid #e5edef;border-radius:15px}.checkout-card>p{font-size:10px;line-height:1.6;color:#859ca4;margin:15px 0 0}.checkout-label{font-size:10px;color:#6e8a96;margin-bottom:8px}.checkout-field{background:white;padding:13px 14px;border:1px solid #e1e9eb;border-radius:9px;font-size:14px;color:#8da2ac;letter-spacing:1px;display:flex;align-items:center;gap:10px}.checkout-field svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.5}.checkout-split{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:16px}.secure-caption{display:flex;align-items:center;justify-content:center;gap:6px;margin:16px 0 0;color:#91a5ad;font-size:10px}.secure-caption svg{width:12px;height:12px;stroke:currentColor;fill:none}.review-payment{padding:12px 14px;background:#edf5f1;color:#608b79;border-radius:10px;font-size:11px;margin-top:15px}.pay-section{animation:arrive .3s both}
@media(hover:hover) and (pointer:fine){.arrow:hover:not(:disabled){background:#e6f0f0;border-color:#adc9ce;box-shadow:none;transform:none}.calendar .days button:hover:not(:disabled){transform:none;border-color:#6a9da5}}
@media(hover:none){button:hover,.days button:hover:not(:disabled),.primary:hover:not(:disabled),.time-list button:hover{transform:none}}
@media(max-width:700px){.form-grid input,.form-grid textarea,.zone select{font-size:16px!important;-webkit-text-size-adjust:100%;touch-action:manipulation}.zone select{transform:none;width:100%;padding:2px 0;line-height:1.2;font-size:16px!important}.zone{height:27px;min-height:27px;overflow:visible}.zone select{max-width:100%}.workspace{padding-left:15px;padding-right:15px}#step2,#step3,#step4,#done{padding-left:4px;padding-right:4px;margin-left:-4px;margin-right:-4px;overflow-x:hidden;scroll-padding:10px;min-height:0;overflow-y:auto;flex:1}#step2 .form-grid{padding-left:4px;padding-right:4px}.form-grid input,.form-grid textarea{border-radius:10px;min-height:43px;padding:10px 11px;transition:border-color .15s,box-shadow .15s,background .15s}.form-grid textarea{min-height:80px}.form-grid label{font-size:10px;gap:6px}.form-grid label:focus-within{color:#416f7c}.form-grid .actions{position:sticky;bottom:0}.calendar .days button,.calendar .days .blank{width:36px!important;height:36px!important;min-height:36px;max-height:36px}.calendar .days{grid-auto-rows:38px;max-height:none;gap:3px}.steps>span{font-size:9px;gap:2px;padding:6px 2px}.steps b{margin-right:3px;font-size:9px}.pay-summary{padding:13px 14px;font-size:11px;margin-bottom:16px}.pay-summary strong{font-size:21px}.method-option{font-size:11px;padding:13px}.checkout-card{padding:15px;margin-top:16px}.checkout-label{font-size:10px}.checkout-field{font-size:14px;padding:12px}.checkout-split{gap:10px;margin-top:13px}.pay-section .actions{position:sticky;bottom:0;background:white;padding-bottom:3px}.review-payment{font-size:10px}.pay-section .section-top{margin-bottom:16px}}
@media(max-width:700px) and (max-height:700px){.calendar .days button,.calendar .days .blank{width:30px!important;height:30px!important;min-height:30px;max-height:30px}.calendar .days{grid-auto-rows:31px;gap:2px}.monthbar{margin-bottom:7px}.calendar .week{margin-bottom:5px}.calendar-key{margin-top:5px}.zone{margin-top:4px}#loadStatus{height:13px;min-height:13px}.scheduler{margin-top:5px}}
@media(max-width:345px){.calendar .days button,.calendar .days .blank{width:29px!important;height:29px!important;min-height:29px;max-height:29px}}
@media(min-width:701px){.change-date{display:none}}

/* Keep the portrait inside its panel at desktop and tablet widths. */
@media (min-width:701px) {
  .profile .profile-photo {height:auto;display:grid;justify-items:center;gap:14px;padding:20px 18px 18px;}
  .profile-photo .availability {position:static;justify-self:start;margin:0;}
  .profile .profile-photo .portrait {position:static;display:block;width:min(100%,210px)!important;height:auto!important;max-width:100%!important;aspect-ratio:1/1;box-sizing:border-box;margin:0;object-fit:cover;object-position:50% 25%;border-radius:50%;}
}