.calendar-page{max-width:1200px;padding:50px 5% 80px;margin:auto;font-size:16px}.back-link{font-size:14px;color:var(--muted);text-underline-offset:4px}.calendar-heading{display:flex;justify-content:space-between;align-items:center;gap:25px;margin:36px 0}.calendar-heading h1{font:normal clamp(42px,5vw,64px)/1.1 Georgia,serif;margin:12px 0}.calendar-heading p{color:var(--muted)}.calendar-heading .eyebrow{font-size:12px;letter-spacing:2px}.service-summary{display:flex;flex-direction:column;align-items:end;flex-shrink:0}.service-summary strong{font:32px Georgia,serif}.service-summary span{font-size:14px;margin-top:8px}.reservation-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:30px}.date-card,.details-card,.confirmation-card{padding:30px;border:1px solid var(--line)}.date-card{background:#eee7dd}.calendar-page h2{font:normal 30px/1.2 Georgia,serif;margin:0 0 18px}.calendar-page p{margin:14px 0}.date-card>p,.details-card>p{color:var(--muted)}.calendar-page label{display:block;font-size:14px;font-weight:bold}.calendar-page input{display:block;font:inherit;color:var(--brown);background:#fffdf9;border:1px solid #ab9b8c;border-radius:3px;width:100%;min-height:48px;padding:10px 12px;margin:8px 0 20px}.calendar-page input:focus{outline:2px solid var(--burgundy);outline-offset:2px}.time-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.time-slots button,#retry-availability{font:14px Arial,sans-serif;padding:12px 8px;min-height:46px;color:var(--burgundy);border:1px solid #ab9b8c;background:#fffdf9;border-radius:3px;cursor:pointer}.time-slots button[aria-pressed=true]{background:var(--burgundy);color:var(--cream);border-color:var(--burgundy)}.calendar-page button:disabled{opacity:.5;cursor:not-allowed}.calendar-page .btn{font-size:14px;letter-spacing:.7px;width:100%}.booking-note{font-size:14px;color:var(--muted)}#booking-error{color:#9a1a2e}#availability-message{font-size:14px;min-height:24px}.confirmation-card{max-width:720px;margin:auto;padding:40px}.confirmation-card h2{font-size:44px}.confirmation-card:focus{outline:2px solid var(--burgundy);outline-offset:4px}.calendar-page [hidden]{display:none!important}@media(max-width:750px){.reservation-layout{grid-template-columns:1fr}.calendar-page{padding-top:30px}.date-card,.details-card{padding:24px}.calendar-heading{align-items:flex-start}.calendar-heading p{max-width:260px}.service-summary{padding-top:28px}.service-summary strong{font-size:26px}}@media(max-width:400px){.time-slots{grid-template-columns:repeat(2,minmax(0,1fr))}.calendar-heading{display:block}.service-summary{align-items:start;padding-top:0}.date-card,.details-card{padding:20px}}
.date-picker{position:relative;margin:8px 0 20px}#date-toggle{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:48px;padding:12px;font:inherit;text-align:left;color:var(--brown);background:#fffdf9;border:1px solid #ab9b8c;border-radius:3px;cursor:pointer}#date-popup{position:absolute;z-index:5;top:calc(100% + 6px);left:0;width:100%;max-width:370px;padding:16px;background:#fffdf9;border:1px solid #ab9b8c;box-shadow:0 8px 24px #39282026;border-radius:4px}.month-navigation{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.month-navigation button{width:38px;height:38px;font:26px Arial;border:0;background:transparent;color:var(--brown);cursor:pointer}.weekdays,#date-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));text-align:center;gap:3px}.weekdays{font-size:14px;color:var(--muted);margin-bottom:8px}#date-grid button{position:relative;min-height:42px;padding:4px 0 12px;border:1px solid transparent;border-radius:3px;font:16px Arial;background:transparent;color:var(--brown);cursor:pointer}#date-grid button.available-day:after,.availability-dot{content:'';display:block;width:5px;height:5px;border-radius:50%;background:#1672d4}#date-grid button.available-day:after{position:absolute;bottom:5px;left:calc(50% - 2.5px)}#date-grid button[aria-pressed=true]{border-color:#1672d4;background:#e9f2fc}#date-grid button:disabled{color:#aaa;background:#f3f2ef;opacity:1;cursor:default}.date-picker button:focus-visible{outline:2px solid #1672d4;outline-offset:2px}#date-grid button.available-day:hover{background:#e9f2fc}.calendar-page .calendar-key{font-size:12px;display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:12px 0 0}.unavailable-key{color:#777;margin-left:6px}.calendar-page #month-status{font-size:14px;margin:8px 0}.calendar-page #month-status:empty{display:none}#retry-month{padding:8px 12px;background:#fffdf9;border:1px solid #ab9b8c;color:var(--brown)}