.book{max-width:560px;margin:0 auto;padding-bottom:60px}.hero{background:var(--blue);color:var(--on-blue);padding:34px 22px 40px;border-radius:0 0 32px 32px}.hero .top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.hero .salon{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--on-blue-dim)}.hero h1{font-size:clamp(34px,9vw,44px);max-width:8ch;color:#fff}.step{padding:26px 22px 4px}.step>h2{font-size:22px;margin-bottom:14px}.step.locked{opacity:.35;pointer-events:none}.stylists{display:flex;gap:12px;overflow-x:auto;padding:4px 2px 12px;scrollbar-width:none;scroll-snap-type:x mandatory}.stylists::-webkit-scrollbar{display:none}.stylist-card{scroll-snap-align:start;min-width:128px;background:var(--paper);border-radius:var(--radius-card);padding:18px 14px;display:flex;flex-direction:column;align-items:center;gap:10px;border:3px solid transparent;box-shadow:var(--shadow-card);transition:border-color .16s,transform .16s var(--ease)}.stylist-card:hover{transform:translateY(-2px)}.stylist-card[aria-pressed=true]{border-color:var(--lime)}.stylist-card .name{font-family:var(--font-display);font-weight:600;font-size:16px}.stylist-card .n{font-size:11px;color:var(--ink-dim);text-transform:uppercase;letter-spacing:.1em;font-weight:700}.services{display:grid;gap:10px}.service-pill{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;text-align:left;background:var(--paper);border-radius:var(--radius-pill);padding:15px 22px;border:3px solid transparent;box-shadow:var(--shadow-card);transition:border-color .16s,background .16s}.service-pill .meta{font-size:13px;color:var(--ink-dim);white-space:nowrap}.service-pill strong{font-family:var(--font-display);font-weight:600;font-size:16px}.service-pill[aria-pressed=true]{background:var(--lime);border-color:var(--lime)}.service-pill[aria-pressed=true] .meta{color:color-mix(in srgb,var(--ink) 70%,var(--lime))}.days{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 12px;scrollbar-width:none}.days::-webkit-scrollbar{display:none}.day-chip{min-width:62px;padding:10px 8px;border-radius:18px;background:var(--paper);text-align:center;border:3px solid transparent;box-shadow:var(--shadow-card);transition:border-color .16s,background .16s}.day-chip .dw{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-dim)}.day-chip .dn{font-family:var(--font-display);font-weight:600;font-size:20px}.day-chip[aria-pressed=true]{background:var(--ink);border-color:var(--ink)}.day-chip[aria-pressed=true] .dw,.day-chip[aria-pressed=true] .dn{color:#fff}.slots{display:flex;flex-wrap:wrap;gap:8px;min-height:46px}.slots .empty{color:var(--ink-dim);font-size:14px;padding:8px 2px}.details .card{display:grid;gap:2px}.optional-note{font-size:12px;color:var(--ink-dim);margin:-8px 0 12px}.deposit h2{font-size:24px;margin-bottom:4px}.deposit .amount{font-family:var(--font-display);font-weight:600;font-size:64px;line-height:1.1;color:var(--blue)}.deposit .qr{width:min(240px,60vw);margin:18px auto;border-radius:20px;border:3px solid var(--paper-dim)}.deposit .countdown{font-weight:700;color:var(--blue);font-variant-numeric:tabular-nums}.upload-zone{border:2px dashed var(--blue-soft);border-radius:var(--radius-card);padding:22px;text-align:center;color:var(--ink-dim);font-size:14px;cursor:pointer;transition:border-color .16s,background .16s;margin:14px 0}.upload-zone:hover{border-color:var(--blue);background:color-mix(in srgb,var(--blue) 4%,#fff)}.upload-zone img{max-height:160px;margin:0 auto 8px;border-radius:12px}.verdict{border-radius:var(--radius-card);padding:16px 18px;font-weight:600;margin-bottom:12px}.verdict.partial .big{font-family:var(--font-display);font-size:40px;color:var(--blue);font-variant-numeric:tabular-nums}.confirm-screen{min-height:100dvh;background:var(--blue);color:var(--on-blue);display:flex;flex-direction:column;align-items:center;padding:48px 22px;text-align:center}.confirm-screen .check{width:96px;height:96px;border-radius:50%;background:var(--lime);display:flex;align-items:center;justify-content:center;margin-bottom:20px}.confirm-screen .check svg{width:48px;stroke:var(--ink);stroke-width:3.5;fill:none;stroke-linecap:round;stroke-linejoin:round}.confirm-screen h1{font-size:34px;color:#fff;margin-bottom:24px}.summary-card{background:var(--paper);color:var(--ink);border-radius:var(--radius-card);padding:24px;width:100%;max-width:380px;text-align:left;display:grid;gap:6px}.summary-card .when{font-family:var(--font-display);font-weight:600;font-size:26px}.summary-card .slot-landing{justify-self:start}.confirm-screen .actions{display:grid;gap:10px;width:100%;max-width:380px;margin-top:22px}.confirm-screen a.btn{text-decoration:none}.wa-link{color:var(--on-blue-dim);font-size:14px;margin-top:18px}.wa-link a{color:var(--lime);font-weight:700}
