.booking-page{background-color:#fafbfc;background-image:radial-gradient(#e5e7eb 1px,#0000 1px);background-size:24px 24px}.booking-header{padding:var(--spacing-24) 0 var(--spacing-16)}.booking-container{z-index:20;max-width:1100px;margin-top:-60px;position:relative}.service-option,.time-option{padding:var(--spacing-4);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background-color:#fff}.service-option{justify-content:space-between;align-items:center;display:flex}.time-option{text-align:center;font-weight:500}.service-option:hover,.time-option:hover{background-color:#0b3d2e05;border-color:#0b3d2e4d}.service-option.selected,.time-option.selected{border-color:var(--color-primary);background-color:#0b3d2e0d}.success-card{background:linear-gradient(#0b3d2e05 0%,#fff 100%);border:2px solid #0b3d2e1a}.booking-layout{gap:var(--spacing-8);flex-direction:column;align-items:flex-start;width:100%;max-width:1000px;margin:0 auto;display:flex}@media (min-width:769px){.booking-layout{flex-direction:row}}.booking-sidebar{background-color:var(--color-surface);width:100%;padding:var(--spacing-8);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-border)}@media (min-width:769px){.booking-sidebar{width:33.333%;top:var(--spacing-24);position:sticky}}.booking-main{background-color:var(--color-surface);width:100%;padding:var(--spacing-8);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft)}@media (min-width:769px){.booking-main{width:66.666%}}.step-indicator{flex-direction:column;display:flex}.step-item{align-items:flex-start;gap:var(--spacing-4);display:flex}.step-circle{border-radius:var(--radius-full);width:40px;height:40px;transition:all var(--transition-fast);background-color:var(--color-border);color:var(--color-text-light);flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.step-circle.active{background-color:var(--color-primary);color:#fff;box-shadow:var(--shadow-md)}.step-text{flex-direction:column;padding-top:8px;display:flex}.step-title{color:var(--color-text-light);transition:color var(--transition-fast);font-weight:700}.step-title.active{color:var(--color-primary)}.step-subtitle{color:var(--color-text-light);margin-top:4px;font-size:.875rem}.step-line{background-color:var(--color-border);width:2px;height:40px;transition:background-color var(--transition-fast);margin-top:8px;margin-bottom:8px;margin-left:20px}.step-line.active{background-color:#0b3d2e80}.date-picker-wrapper{margin-bottom:var(--spacing-8);padding:var(--spacing-6);border-radius:var(--radius-md);border:1px solid var(--color-border);background-color:#f9fafb}.date-input{width:100%;padding:var(--spacing-4);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);outline:none;font-family:inherit;font-weight:500}.date-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #0b3d2e33}.time-slots-grid{gap:var(--spacing-4);grid-template-columns:repeat(2,1fr);display:grid}@media (min-width:640px){.time-slots-grid{grid-template-columns:repeat(3,1fr)}}