.service-selector{width:100%}.services-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;margin-bottom:24px;display:grid}.service-card{background:var(--bg-main);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;text-align:left;padding:20px;transition:all .2s}.service-card:hover{border-color:var(--text-muted);transform:translateY(-2px)}.service-card.selected{border-color:var(--accent);background:var(--accent-dim)}.service-icon{justify-content:flex-start;align-items:center;margin-bottom:12px;display:flex}.service-icon svg{width:28px;height:28px;stroke:var(--text-main);stroke-width:1.5px}.service-title{margin-bottom:4px;font-size:16px;font-weight:600}.service-price{color:var(--text-muted);margin-bottom:8px;font-size:15px}.service-desc{color:var(--text-muted);font-size:13px;line-height:1.4}.addon-section{border-top:1px solid var(--border);margin-top:24px;padding-top:24px;animation:.4s fadeIn;display:none}.addon-section.visible{display:block}.addon-section-title{margin-bottom:12px;font-size:16px;font-weight:600}.addon-grid{flex-direction:column;gap:12px;display:flex}.addon-card{background:var(--bg-main);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:16px;padding:16px;transition:all .2s;display:flex}.addon-card:hover{border-color:var(--text-muted)}.addon-card.active{border-color:var(--accent);background:var(--accent-dim)}.addon-check{border:2px solid var(--text-muted);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;transition:all .2s;display:flex}.addon-card.active .addon-check{background:var(--accent);border-color:var(--accent)}.addon-check svg{stroke:#fff;stroke-width:3px;width:14px;height:14px;display:none}.addon-card.active .addon-check svg{display:block}.addon-info{flex:1;min-width:0}.addon-title{align-items:center;gap:8px;margin-bottom:4px;font-size:15px;font-weight:600;display:flex}.addon-title svg{width:16px;height:16px;stroke:var(--text-muted);flex-shrink:0}.addon-desc{color:var(--text-muted);font-size:13px;line-height:1.4}.addon-price{white-space:nowrap;color:var(--text-main);flex-shrink:0;font-weight:600}@media (max-width:768px){.services-grid{grid-template-columns:1fr}}
.datetime-selector{width:100%}.datetime-container{flex-wrap:wrap;gap:30px;display:flex}.calendar-wrapper{flex:1;min-width:300px}.calendar-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.calendar-nav{color:var(--text-main);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:5px 10px;font-size:18px;transition:all .2s}.calendar-nav:hover{background:var(--bg-hover)}.month-display{font-size:16px;font-weight:600}.weekdays{text-align:center;color:var(--text-muted);grid-template-columns:repeat(7,1fr);gap:8px;margin-bottom:10px;font-size:13px;display:grid}.days-grid{grid-template-columns:repeat(7,1fr);gap:8px;display:grid}.day-btn{aspect-ratio:1;color:var(--text-main);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;font-family:inherit;font-size:14px;transition:all .2s;display:flex}.day-btn:hover:not(.disabled):not(.empty){background:var(--bg-hover)}.day-btn.selected{background:var(--text-main);color:var(--bg-main);font-weight:700}.day-btn.disabled{color:#444;cursor:not-allowed}.day-btn.today{border:1px solid var(--border)}.day-btn.empty{cursor:default}.time-wrapper{border-left:1px solid var(--border);width:140px;padding-left:30px;animation:.3s fadeIn;display:none}.time-wrapper.show{display:block}.time-label{color:var(--text-muted);margin-bottom:10px;font-size:13px}.time-list{flex-direction:column;gap:10px;max-height:320px;display:flex;overflow-y:auto}.time-btn{background:var(--bg-main);border:1px solid var(--border);color:var(--text-main);border-radius:var(--radius-sm);cursor:pointer;padding:10px;font-family:inherit;font-size:14px;transition:all .2s}.time-btn:hover:not(.disabled){border-color:var(--text-muted)}.time-btn.selected{border-color:var(--accent);background:var(--accent);color:#fff}.time-btn.disabled{opacity:.3;cursor:not-allowed;position:relative}.booked-indicator{color:#ff3b30;text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:600;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.checking-loader{justify-content:center;align-items:center;padding:40px 0;display:flex}.spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:768px){.datetime-container{flex-direction:column}.time-wrapper{border-left:none;border-top:1px solid var(--border);width:100%;margin-top:20px;padding-top:20px;padding-left:0}.time-list{grid-template-columns:repeat(3,1fr);max-height:none;display:grid}}
.details-form-container,.details-form{width:100%}.form-group{margin-bottom:20px}.form-group label{color:var(--text-muted);margin-bottom:8px;font-size:14px;display:block}.form-group input,.form-group textarea{background:var(--bg-main);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-main);padding:12px;font-family:inherit;font-size:15px;transition:all .2s}.form-group input:focus,.form-group textarea:focus{border-color:var(--text-muted);background:var(--bg-hover);outline:none}.form-group input::-moz-placeholder{color:#555}.form-group textarea::-moz-placeholder{color:#555}.form-group input::placeholder,.form-group textarea::placeholder{color:#555}.form-group textarea{resize:vertical;min-height:80px}