.reservation-page{--ivory: #F8F6F1;--graphite: #1C1C1C;--gold: #C9A84C;--gold-light: #E8D5A3;--anthracite: #3A3A3A;--muted: #8A8A8A;--border: #E2DDD4;--white: #FFFFFF;--success: #2D6A4F;--error: #C0392B;--font-display: "DM Serif Display", Georgia, serif;--font-body: "DM Sans", system-ui, sans-serif;--radius: 6px;--shadow: 0 2px 16px rgba(28,28,28,.08);--shadow-lg:0 8px 40px rgba(28,28,28,.12);background:var(--ivory);color:var(--graphite);font-family:var(--font-body);font-weight:300;line-height:1.6;min-height:100vh}.reservation-page *,.reservation-page *:before,.reservation-page *:after{box-sizing:border-box}.reservation-page .booking-wrapper{max-width:680px;margin:0 auto;padding:48px 24px 80px}.reservation-page .booking-header{text-align:center;margin-bottom:48px}.reservation-page .booking-logo-img{display:block;width:180px;height:auto;margin:0 auto 8px}.reservation-page .booking-page-title{font-family:var(--font-display);font-size:1.5rem;font-weight:400;letter-spacing:.05em;color:var(--graphite);margin:4px 0 8px;text-align:center}.reservation-page .gold-rule{width:40px;height:1px;background:var(--gold);margin:20px auto}.reservation-page .step-indicator{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:40px}.reservation-page .step-dot{width:8px;height:8px;border-radius:50%;background:var(--border);transition:background .3s}.reservation-page .step-dot.active{background:var(--gold)}.reservation-page .step-dot.done{background:var(--graphite)}.reservation-page .card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:40px;box-shadow:var(--shadow)}.reservation-page .card-title{font-family:var(--font-display);font-size:1.6rem;font-weight:400;color:var(--graphite);margin-bottom:6px}.reservation-page .card-subtitle{font-size:.875rem;color:var(--muted);margin-bottom:32px}.reservation-page .field{margin-bottom:20px}.reservation-page label{display:block;font-size:.75rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--anthracite);margin-bottom:6px}.reservation-page input,.reservation-page select{width:100%;padding:12px 16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--ivory);font-family:var(--font-body);font-size:.95rem;color:var(--graphite);transition:border-color .2s,box-shadow .2s;outline:none}.reservation-page input:focus,.reservation-page select:focus{border-color:var(--gold);box-shadow:0 0 0 3px #c9a84c1f;background:var(--white)}.reservation-page input.error,.reservation-page select.error{border-color:var(--error)}.reservation-page .field-hint{font-size:.78rem;color:var(--muted);margin-top:4px}.reservation-page .field-error{font-size:.78rem;color:var(--error);margin-top:4px}.reservation-page .field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.reservation-page .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 28px;border-radius:var(--radius);font-family:var(--font-body);font-size:.875rem;font-weight:500;letter-spacing:.05em;cursor:pointer;transition:all .2s;border:none}.reservation-page .btn-primary{background:var(--graphite);color:var(--white)}.reservation-page .btn-primary:hover{background:var(--anthracite);transform:translateY(-1px);box-shadow:var(--shadow)}.reservation-page .btn-primary:disabled{background:var(--border);color:var(--muted);cursor:not-allowed;transform:none}.reservation-page .btn-secondary{background:transparent;color:var(--graphite);border:1px solid var(--border)}.reservation-page .btn-secondary:hover{border-color:var(--graphite)}.reservation-page .btn-gold{background:var(--gold);color:var(--white)}.reservation-page .btn-gold:hover{background:#b8943d;transform:translateY(-1px)}.reservation-page .calendar-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.reservation-page .calendar-month{font-family:var(--font-display);font-size:1.1rem}.reservation-page .calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:24px}.reservation-page .cal-header{text-align:center;font-size:.7rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding:6px 0}.reservation-page .cal-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:4px;font-size:.875rem;cursor:pointer;transition:all .15s;border:1px solid transparent}.reservation-page .cal-day.empty{pointer-events:none}.reservation-page .cal-day.past,.reservation-page .cal-day.unavailable{color:var(--border);pointer-events:none}.reservation-page .cal-day.available{color:var(--graphite);background:var(--ivory);border-color:var(--border)}.reservation-page .cal-day.available:hover{border-color:var(--gold);background:#fdf9f0}.reservation-page .cal-day.selected{background:var(--graphite);color:var(--white);border-color:var(--graphite)}.reservation-page .cal-day.loading{opacity:.4;pointer-events:none}.reservation-page .slots-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:8px;margin-top:16px}.reservation-page .slot{padding:10px 8px;text-align:center;border:1px solid var(--border);border-radius:var(--radius);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .15s;background:var(--ivory)}.reservation-page .slot:hover{border-color:var(--gold);background:#fdf9f0}.reservation-page .slot.selected{background:var(--graphite);color:var(--white);border-color:var(--graphite)}.reservation-page .recap-box{background:var(--ivory);border:1px solid var(--border);border-radius:var(--radius);padding:24px;margin-bottom:24px}.reservation-page .recap-line{display:flex;justify-content:space-between;align-items:baseline;padding:6px 0;border-bottom:1px solid var(--border);font-size:.9rem}.reservation-page .recap-line:last-child{border-bottom:none}.reservation-page .recap-line strong{font-weight:500}.reservation-page .recap-label{color:var(--muted);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}.reservation-page .success-icon{font-size:3rem;text-align:center;margin-bottom:16px}.reservation-page .success-title{font-family:var(--font-display);font-size:1.5rem;text-align:center;margin-bottom:8px}.reservation-page .success-text{color:var(--muted);text-align:center;font-size:.9rem;line-height:1.7}.reservation-page .loading-spinner{display:flex;align-items:center;justify-content:center;padding:40px;color:var(--muted);gap:12px;font-size:.9rem}@keyframes reservation-spin{to{transform:rotate(360deg)}}.reservation-page .spinner{width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--gold);border-radius:50%;animation:reservation-spin .8s linear infinite}.reservation-page .location-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:500;letter-spacing:.05em;margin-bottom:20px}.reservation-page .location-badge.paris{background:#eef2ff;color:#4338ca}.reservation-page .location-badge.paca{background:#ecfdf5;color:#065f46}.reservation-page .type-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:4px}.reservation-page .type-card{border:1px solid var(--border);border-radius:var(--radius);padding:16px 14px;cursor:pointer;transition:all .15s;background:var(--ivory)}.reservation-page .type-card:hover{border-color:var(--gold);background:#fdf9f0}.reservation-page .type-card.selected{border-color:var(--graphite);background:var(--graphite)}.reservation-page .type-card.selected .type-label{color:var(--white)}.reservation-page .type-card.selected .type-desc{color:#fff9}.reservation-page .type-card.selected .type-duration{color:var(--gold-light)}.reservation-page .type-label{font-size:.95rem;font-weight:500;color:var(--graphite);margin-bottom:2px}.reservation-page .type-desc{font-size:.75rem;color:var(--muted);margin-bottom:8px}.reservation-page .type-duration{font-size:.78rem;font-weight:500;color:var(--gold);letter-spacing:.05em}@media (max-width: 480px){.reservation-page .booking-wrapper{padding:24px 16px 60px}.reservation-page .card{padding:24px 20px}.reservation-page .field-row{grid-template-columns:1fr}.reservation-page .slots-grid{grid-template-columns:repeat(3,1fr)}}
