.booking-page{background-color:#f8f9fb;background-image:radial-gradient(circle at 20% 10%,#0b3d2e0a 0%,#0000 50%),radial-gradient(circle at 80% 90%,#f4c4300f 0%,#0000 50%),radial-gradient(#e5e7eb 1px,#0000 1px);background-size:auto,auto,24px 24px;min-height:100vh}.booking-header{padding:var(--spacing-24) 0 var(--spacing-16)}.booking-container{z-index:20;max-width:1100px;margin-top:-60px;position:relative}.booking-layout{gap:var(--spacing-6);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;align-items:flex-start}}.booking-sidebar{background:var(--color-surface);width:100%;padding:var(--spacing-8);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);border:1px solid var(--color-border)}@media (min-width:769px){.booking-sidebar{flex-shrink:0;width:30%;position:sticky;top:88px}}.sidebar-heading{margin-bottom:var(--spacing-6);letter-spacing:.03em;text-transform:uppercase;opacity:.7;font-size:.9375rem}.booking-main{background:var(--color-surface);border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-soft);border:1px solid var(--color-border);overflow:hidden}@media (min-width:769px){.booking-main{width:70%}}.step-content{padding:var(--spacing-8)}@media (min-width:769px){.step-content{scrollbar-width:thin;scrollbar-color:#0b3d2e33 transparent;max-height:72vh;overflow-y:auto}.step-content::-webkit-scrollbar{width:5px}.step-content::-webkit-scrollbar-track{background:0 0}.step-content::-webkit-scrollbar-thumb{background:#0b3d2e33;border-radius:99px}}.step-header{align-items:center;gap:var(--spacing-4);margin-bottom:var(--spacing-8);padding-bottom:var(--spacing-6);border-bottom:1px solid var(--color-border);display:flex}.step-icon-wrap{background:linear-gradient(135deg, var(--color-primary) 0%, #1a5e42 100%);color:#fff;border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex;box-shadow:0 4px 12px #0b3d2e40}.step-heading{color:var(--color-primary);margin:0 0 2px;font-size:1.25rem;font-weight:700;line-height:1.2}.step-desc{color:var(--color-text-light);margin:0;font-size:.875rem}.step-actions{margin-top:var(--spacing-8);justify-content:space-between;align-items:center;display:flex}.step-indicator,.step-group{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:38px;height:38px;color:var(--color-text-light);background-color:#f0f1f3;border:2px solid #e5e7eb;flex-shrink:0;justify-content:center;align-items:center;font-size:.875rem;font-weight:700;transition:all .3s;display:flex}.step-circle.active{background:linear-gradient(135deg, var(--color-primary) 0%, #1a5e42 100%);color:#fff;border-color:#0000;box-shadow:0 4px 12px #0b3d2e4d}.step-circle.current{animation:2s infinite pulse-ring}@keyframes pulse-ring{0%{box-shadow:0 0 #0b3d2e59}70%{box-shadow:0 0 0 8px #0b3d2e00}to{box-shadow:0 0 #0b3d2e00}}.step-text{flex-direction:column;padding-top:6px;display:flex}.step-title{color:var(--color-text-light);font-size:.875rem;font-weight:600;transition:color .25s}.step-title.active{color:var(--color-primary)}.step-subtitle{color:var(--color-text-light);opacity:.75;margin-top:2px;font-size:.75rem}.step-line{background:#e5e7eb;border-radius:99px;width:2px;height:32px;margin-top:4px;margin-bottom:4px;margin-left:18px;transition:background-color .35s}.step-line.active{background:var(--color-primary)}.booking-summary{margin-top:var(--spacing-6);padding:var(--spacing-4) var(--spacing-5);border-radius:var(--radius-md);background:linear-gradient(135deg,#0b3d2e0a 0%,#0b3d2e05 100%);border:1px solid #0b3d2e1f}.summary-label{letter-spacing:.08em;text-transform:uppercase;color:var(--color-primary);opacity:.7;margin-bottom:var(--spacing-3);font-size:.7rem;font-weight:700}.summary-row{color:var(--color-text-light);align-items:center;gap:6px;margin-bottom:6px;font-size:.8125rem;font-weight:500;display:flex}.summary-row svg{color:var(--color-primary);flex-shrink:0}.services-list{gap:var(--spacing-3);flex-direction:column;display:flex}.service-option{align-items:center;gap:var(--spacing-4);padding:var(--spacing-4) var(--spacing-5);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;background:#fff;transition:all .2s;display:flex;position:relative}.service-option:hover{background:#0b3d2e06;border-color:#0b3d2e66;transform:translateY(-1px);box-shadow:0 4px 12px #0b3d2e14}.service-option.selected{border-color:var(--color-primary);background:#0b3d2e0a;box-shadow:0 0 0 3px #0b3d2e14}.service-radio{border:2px solid #cbd5e1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;transition:border-color .2s;display:flex}.service-option.selected .service-radio{border-color:var(--color-primary)}.radio-dot{background:var(--color-primary);opacity:0;border-radius:50%;width:10px;height:10px;transition:all .2s;transform:scale(0)}.radio-dot.active{opacity:1;transform:scale(1)}.service-info{flex:1}.service-title{color:var(--color-text);font-size:.9375rem;font-weight:700}.service-meta{color:var(--color-text-light);margin-top:2px;font-size:.8125rem;font-weight:500}.service-check{color:var(--color-primary);flex-shrink:0}.date-picker-wrapper{margin-bottom:var(--spacing-6);border-radius:var(--radius-md);border:1px solid var(--color-border);background:#f9fafb}.field-label{color:var(--color-primary);margin-bottom:var(--spacing-3);letter-spacing:.02em;font-size:.8125rem;font-weight:700;display:block}.date-input{border:1.5px solid var(--color-border);border-radius:var(--radius-md);width:100%;color:var(--color-text);background:#fff;outline:none;padding:10px 14px;font-family:inherit;font-size:.9375rem;font-weight:500;transition:border-color .2s,box-shadow .2s}.date-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #0b3d2e1a}.time-slots-grid{margin-bottom:var(--spacing-4);grid-template-columns:repeat(3,1fr);gap:10px;display:grid}@media (min-width:640px){.time-slots-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width:900px){.time-slots-grid{grid-template-columns:repeat(5,1fr)}}.time-option{border:1.5px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;background:#fff;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-height:64px;padding:10px 6px;transition:all .18s;display:flex}.time-option:not(.unavailable):hover{border-color:#0b3d2e73;transform:translateY(-2px);box-shadow:0 4px 12px #0b3d2e08}.time-option.selected{border-color:var(--color-primary);background:var(--color-primary);transform:translateY(-2px);box-shadow:0 4px 14px #0b3d2e4d}.time-option.unavailable{cursor:not-allowed;opacity:.7;background:#f8f9fb;border-color:#e9ebee}.time-label{color:var(--color-text);letter-spacing:.01em;font-size:.8125rem;font-weight:700;transition:color .18s}.time-option.selected .time-label{color:#fff}.time-option.unavailable .time-label{color:#9ca3af}.slot-badge{letter-spacing:.07em;text-transform:uppercase;border-radius:99px;align-items:center;gap:3px;padding:2px 7px;font-size:.625rem;font-weight:700;line-height:1.6;transition:all .18s;display:inline-flex}.slot-badge--available{color:#065f46;background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%);border:1px solid #065f4626}.time-option.selected .slot-badge--available{color:#ffffffeb;background:#ffffff38;border-color:#ffffff4d}.slot-badge--booked{color:#92400e;background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border:1px solid #92400e26}.slot-badge--disabled{color:#9ca3af;background:#f1f3f5;border:1px solid #e5e7eb}.error-box{color:#b91c1c;border-radius:var(--radius-md);background-color:#fef2f2;border:1px solid #fca5a5;margin-bottom:8px;padding:14px 16px;font-size:.875rem;font-weight:500}.empty-slots{text-align:center;color:var(--color-text-light);border:1.5px dashed var(--color-border);border-radius:var(--radius-md);background:#f9fafb;padding:32px 16px;font-size:.9rem;font-weight:500}.success-card{padding:var(--spacing-12);border-radius:var(--radius-lg);background:linear-gradient(#0b3d2e05 0%,#fff 100%);border:2px solid #0b3d2e1a}.terms-wrapper{margin-top:var(--spacing-6);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:#f9fafb;align-items:flex-start;gap:12px;padding:14px 16px;transition:all .25s;display:flex}.terms-wrapper:hover{background-color:#f3f4f6;border-color:#0b3d2e33}.terms-checkbox{border:2px solid var(--color-border);cursor:pointer;width:18px;height:18px;accent-color:var(--color-primary);border-radius:4px;flex-shrink:0;margin-top:2px;transition:border-color .2s,box-shadow .2s}.terms-checkbox:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.terms-label{color:var(--color-text-light);-webkit-user-select:none;user-select:none;cursor:pointer;font-size:.8125rem;font-weight:500;line-height:1.45}.terms-label a{color:var(--color-primary);font-weight:600;text-decoration:underline;transition:color .2s}.terms-label a:hover{color:#1a5e42}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;padding:var(--spacing-4);background-color:#0b3d2e73;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-card{border-radius:var(--radius-lg);background-color:#fff;border:1px solid #0b3d2e1a;flex-direction:column;width:100%;max-width:640px;max-height:85vh;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #0b3d2e40}.modal-header{padding:var(--spacing-5) var(--spacing-6);border-bottom:1px solid var(--color-border);background-color:#fcfdfc;justify-content:space-between;align-items:center;display:flex}.modal-title{color:var(--color-primary);margin:0;font-size:1.25rem;font-weight:700}.modal-close{color:var(--color-text-light);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.modal-close:hover{color:var(--color-primary);background-color:#f3f4f6;transform:rotate(90deg)}.modal-body{padding:var(--spacing-6) var(--spacing-6);color:var(--color-text-light);font-size:.9rem;line-height:1.6;overflow-y:auto}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track{background:0 0}.modal-body::-webkit-scrollbar-thumb{background:#0b3d2e33;border-radius:3px}.modal-body::-webkit-scrollbar-thumb:hover{background:#0b3d2e66}.modal-intro{color:var(--color-primary);margin-bottom:8px;font-size:1.05rem}.modal-intro-text{margin-bottom:var(--spacing-6)}.terms-sections{gap:var(--spacing-6);flex-direction:column;display:flex}.terms-section h4{color:var(--color-primary);margin-bottom:6px;font-size:.975rem;font-weight:700}.terms-section p{color:var(--color-text-light);margin:0;font-size:.875rem}.terms-consent-box{margin-top:var(--spacing-8);border-left:4px solid var(--color-primary);border-radius:0 var(--radius-md) var(--radius-md) 0;background-color:#0b3d2e08;padding:16px}.terms-consent-box h5{color:var(--color-primary);margin-bottom:6px;font-size:.95rem;font-weight:700}.terms-consent-box p{margin:0;font-size:.85rem;font-style:italic}.modal-footer{padding:var(--spacing-4) var(--spacing-6) var(--spacing-5);border-top:1px solid var(--color-border);justify-content:flex-end;align-items:center;gap:var(--spacing-3);background-color:#fcfdfc;display:flex}