:root{--f:system-ui,-apple-system,'Segoe UI',sans-serif}*{box-sizing:border-box}
body{margin:0;font:16px/1.55 var(--f);color:#1d3040;background:#f3f8f8}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}button,input{font-family:var(--f);font-size:15px}button{cursor:pointer}
.top{display:flex;justify-content:space-between;align-items:center;padding:16px 28px;background:#fff;border-bottom:1px solid #dbe8e8}.brand{font-size:20px;color:#0e7c86}.phone{color:#5b7280;font-size:14px}
.wrap{max-width:760px;margin:0 auto;padding:32px 20px}h1{margin:0 0 4px;font-size:32px;letter-spacing:-.02em}.intro p{margin:0 0 20px;color:#4b6270}
.steps{list-style:none;display:flex;gap:8px;padding:0;margin:0 0 18px}.steps li{flex:1;display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:3px solid #d3e3e3;color:#5b6f7a;font-weight:600}.steps .cur{border-color:#0e7c86;color:#0e7c86}.steps .done{border-color:#0e7c86;color:#1d3040}.n{width:24px;height:24px;border-radius:50%;background:#d3e3e3;display:grid;place-items:center;font-size:13px}.cur .n,.done .n{background:#0e7c86;color:#fff}
.panel{background:#fff;border:1px solid #dbe8e8;border-radius:16px;padding:24px}.panel:focus{outline:0}h2{margin:0 0 14px;font-size:20px}
.svcs{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.svc{display:grid;grid-template-columns:auto 1fr;gap:2px 12px;border:2px solid #dbe8e8;border-radius:12px;padding:14px;cursor:pointer}.svc input{grid-row:1/4;align-self:center;accent-color:#0e7c86;width:18px;height:18px}.svc.sel{border-color:#0e7c86;background:#effafa}.st{font-weight:700}.sb{color:#4b6270;font-size:14px}.sm{color:#0e7c86;font-weight:600;font-size:14px}
.days{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.day,.slot{border:2px solid #dbe8e8;background:#fff;border-radius:10px;padding:8px 14px;font-weight:600;color:#1d3040}.day.sel,.slot.sel{background:#0e7c86;color:#fff;border-color:#0e7c86}.slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px}.slot:disabled{opacity:.4;text-decoration:line-through;cursor:not-allowed}.hint{color:#4b6270;margin:0}
.nav{display:flex;justify-content:space-between;margin-top:22px}.btn{background:#0e7c86;color:#fff;border:2px solid #0e7c86;border-radius:10px;padding:10px 20px;font-weight:700}.btn.ghost{background:#fff;color:#0e7c86}.btn:disabled{opacity:.4;cursor:not-allowed}
.sum{background:#effafa;border-radius:10px;padding:10px 14px;margin:0 0 16px;font-weight:600}.fld{margin-bottom:14px}label{font-weight:600;display:block;margin-bottom:4px}.opt{font-weight:400;color:#5b6f7a}.fld input{width:100%;padding:11px 12px;border:2px solid #cfdede;border-radius:10px}[aria-invalid=true]{border-color:#b42318!important}.err{color:#b42318;margin:4px 0 0;min-height:1.2em;font-size:14px}
.ok{text-align:center;padding:16px 0}.tick{display:inline-grid;place-items:center;width:56px;height:56px;border-radius:50%;background:#0e7c86;color:#fff;font-size:28px;margin-bottom:8px}.foot{text-align:center;color:#5b6f7a;padding:24px;font-size:13px}
:focus-visible{outline:3px solid #f59e0b;outline-offset:2px}@media(max-width:520px){.steps li{font-size:13px}}
