.car-spa-booking{--color-primary:#009dcb;--color-primary-soft:#33b4d6;--color-primary-strong:#0089af;--color-primary-glow:#009dcb59;--color-bg:#1d1d1b;--color-surface:#262624;--color-surface-alt:#2f2f2c;--color-border-subtle:#3a3a36;--color-border-strong:#4a4a45;--color-text:#fff;--color-text-muted:#e5e5e1;--color-text-soft:#b3b3ae;--color-text-on-primary:#051014;--color-error:#ef4444;--color-error-soft:#ef444426;--color-success:#22c55e;--color-success-soft:#22c55e26}.car-spa-booking input[type=date],.car-spa-booking input[type=time],.car-spa-booking select{background:var(--color-surface);border:1px solid var(--color-border-subtle);color:var(--color-text);appearance:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;border-radius:.75rem;width:100%;min-height:48px;padding:.75rem 1rem;font-size:1rem}.car-spa-booking input[type=date]:focus,.car-spa-booking input[type=time]:focus,.car-spa-booking select:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-glow);outline:none}.car-spa-booking input[type=date]:disabled,.car-spa-booking input[type=time]:disabled,.car-spa-booking select:disabled{opacity:.5;cursor:not-allowed}.car-spa-booking input[type=tel]{background:var(--color-surface);border:1px solid var(--color-border-subtle);color:var(--color-text);border-radius:.75rem;width:100%;min-height:48px;padding:.75rem 1rem;font-size:1rem}.car-spa-booking input[type=tel]:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-glow);outline:none}.car-spa-booking input[type=tel]::placeholder{color:var(--color-text-soft)}.car-spa-booking input.error,.car-spa-booking select.error{border-color:var(--color-error)}.car-spa-booking input.error:focus,.car-spa-booking select.error:focus{box-shadow:0 0 0 2px #ef444440}.car-size-card{background:var(--color-surface);border:2px solid var(--color-border-subtle);cursor:pointer;text-align:center;border-radius:1rem;flex-direction:column;align-items:center;min-height:100px;padding:1rem;transition:all .2s;display:flex}.car-size-card:hover{background:var(--color-surface-alt);border-color:var(--color-border-strong)}.car-size-card.selected{border-color:var(--color-primary);box-shadow:0 0 16px var(--color-primary-glow);background:#009dcb26}.car-size-card.selected .car-size-title{color:var(--color-primary)}.car-size-title{color:var(--color-text);margin-bottom:.25rem;font-size:.9375rem;font-weight:600}.car-size-desc{color:var(--color-text-soft);font-size:.75rem}.service-summary-card{background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:1rem;padding:1.25rem}.form-section{margin-bottom:1.5rem}.form-label{color:var(--color-text);margin-bottom:.5rem;font-size:.9375rem;font-weight:500;display:block}.form-help{color:var(--color-text-soft);margin-top:.375rem;font-size:.8125rem}.form-error{color:var(--color-error);margin-top:.375rem;font-size:.8125rem}.phone-input-container{align-items:center;gap:0;display:flex}.phone-prefix{background:var(--color-surface-alt);border:1px solid var(--color-border-subtle);color:var(--color-text-muted);border-right:none;border-radius:.75rem 0 0 .75rem;align-items:center;min-height:48px;padding:.75rem;font-size:1rem;font-weight:500;display:flex}.phone-input-container input[type=tel]{border-left:none;border-radius:0 .75rem .75rem 0}.booking-bottom-bar{background:var(--color-surface);border-top:1px solid var(--color-border-subtle);padding:1rem;padding-bottom:calc(1rem + env(safe-area-inset-bottom));z-index:50;position:fixed;bottom:0;left:0;right:0}.booking-bottom-bar-inner{justify-content:space-between;align-items:center;gap:1rem;max-width:480px;margin:0 auto;display:flex}.booking-summary{flex:1;min-width:0}.booking-summary-text{color:var(--color-text-soft);white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;overflow:hidden}.booking-summary-text.has-value{color:var(--color-text);font-weight:500}.booking-cta{background:var(--color-primary);color:var(--color-text);min-height:48px;box-shadow:0 0 24px var(--color-primary-glow);white-space:nowrap;cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.875rem 1.5rem;font-size:1rem;font-weight:500;transition:all .2s;display:inline-flex}.booking-cta:hover:not(:disabled){background:var(--color-primary-strong);box-shadow:0 0 32px #009dcb80}.booking-cta:focus-visible{outline:2px solid var(--color-primary-soft);outline-offset:2px}.booking-cta:disabled{background:var(--color-border-strong);color:var(--color-text-soft);box-shadow:none;cursor:not-allowed}.success-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.success-icon{background:var(--color-success-soft);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:1.5rem;display:flex}.success-icon svg{width:40px;height:40px;color:var(--color-success)}.success-title{color:var(--color-text);margin-bottom:1.5rem;font-size:1.5rem;font-weight:700}.success-details{background:var(--color-surface);border:1px solid var(--color-border-subtle);text-align:start;border-radius:1rem;width:100%;max-width:320px;margin-bottom:1.5rem;padding:1.25rem}.success-detail-row{border-bottom:1px solid var(--color-border-subtle);justify-content:space-between;padding:.5rem 0;display:flex}.success-detail-row:last-child{border-bottom:none}.success-detail-label{color:var(--color-text-soft);font-size:.875rem}.success-detail-value{color:var(--color-text);font-size:.875rem;font-weight:500}.success-info{color:var(--color-text-soft);max-width:280px;margin-bottom:1.5rem;font-size:.8125rem}.error-alert{background:var(--color-error-soft);border:1px solid var(--color-error);border-radius:.75rem;margin-bottom:1rem;padding:1rem}.error-alert-title{color:var(--color-error);margin-bottom:.25rem;font-weight:600}.error-alert-message{color:var(--color-text-muted);margin-bottom:.75rem;font-size:.875rem}.error-alert-action{border:1px solid var(--color-error);color:var(--color-error);cursor:pointer;background:0 0;border-radius:.5rem;padding:.5rem 1rem;font-size:.875rem;transition:all .2s}.error-alert-action:hover{background:var(--color-error);color:#fff}.offline-banner{color:#f59e0b;text-align:center;z-index:40;background:#fbbf2426;border:1px solid #f59e0b;padding:.75rem 1rem;font-size:.875rem;position:sticky;top:0}.car-spa-booking select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23B3B3AE' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.25em 1.25em;padding-right:2.5rem}[dir=rtl] .phone-prefix{border-right:1px solid var(--color-border-subtle);border-left:none;border-radius:0 .75rem .75rem 0}[dir=rtl] .phone-input-container input[type=tel]{border-right:none;border-left:1px solid var(--color-border-subtle);border-radius:.75rem 0 0 .75rem}[dir=rtl] .car-spa-booking select{background-position:.75rem 50%;padding-left:2.5rem;padding-right:1rem}.booking-content{padding-bottom:calc(100px + env(safe-area-inset-bottom))}