.filter-section{display:flex;flex-wrap:nowrap;align-items:center;margin-bottom:.5rem;gap:.5rem}.filter-section strong{color:#fff;font-weight:600;margin-right:.5rem;white-space:nowrap}.filter-btn{display:inline-block;padding:.4rem .8rem;background:#6c757d;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all 0.2s ease;white-space:nowrap}.filter-btn--primary{background:#0dcaf0;color:#fff}.filter-btn--success{background:#28a745;color:#fff}.filter-btn--info{background:#0dcaf0;color:#fff}.filter-btn--warning{background:#fd7e14;color:#fff}.filter-btn--danger{background:#dc3545;color:#fff}.filter-btn:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,0.2)}.filter-btn.is-active{filter:brightness(1.1);transform:translateY(0);box-shadow:inset 0 2px 4px rgba(0,0,0,0.3)}.filter-btn:focus{outline:2px solid #0078d4;outline-offset:2px}.filter-btn:disabled{background-color:#6c757d;opacity:0.5;cursor:not-allowed;transform:none}.filter-group{display:flex;flex-wrap:nowrap;gap:.25rem}.range-slider{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.range-slider input[type="range"]{width:200px;height:6px;padding:0;background:#eee;border-radius:3px;outline:none;-webkit-appearance:none;appearance:none}.range-slider input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;background:#0078d4;border-radius:50%;cursor:pointer;transition:background 0.2s ease, transform 0.2s ease}.range-slider input[type="range"]::-webkit-slider-thumb:hover{transform:scale(1.1)}.range-slider input[type="range"]::-moz-range-thumb{width:18px;height:18px;background:#0078d4;border-radius:50%;cursor:pointer;border:none;transition:transform 0.2s ease}.range-slider input[type="range"]::-moz-range-thumb:hover{transform:scale(1.1)}.range-slider .range-value{font-weight:500;color:#fff;min-width:80px;text-align:right}

/* Service Card Styles */
.service-header{display:flex;margin-bottom:.5rem;border-bottom:2px solid #fff;padding-bottom:.5rem}.service-col{flex:2;color:#fff;font-weight:600}.time-col{flex:.7;color:#fff;text-align:center}.price-col{flex:.8;color:#fff;text-align:center}.loyalty-col{flex:.9;color:#fff;text-align:center}.book-col{flex:.5;text-align:center}

.service-card{display:flex;align-items:center;background:rgba(255,255,255,.08);border-radius:6px;padding:.75rem 1rem;margin-bottom:.75rem;gap:1rem;border-left:4px solid #0dcaf0}.service-card:hover{background:rgba(255,255,255,.12)}.service-card[data-category="exterior"]{border-left-color:#0dcaf0}.service-card[data-category="valet"]{border-left-color:#28a745}.service-card[data-category="mixed"]{border-left-color:#fd7e14}.service-card[data-category="interior"]{border-left-color:#dc3545}

.info-col{display:flex;gap:.5rem;padding-right:1rem}.info-btn{background:#6c757d;color:#fff;border:none;border-radius:50%;width:28px;height:28px;font-size:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s ease}.info-btn:hover{background:#0dcaf0}

.book-btn{flex:1;padding:.6rem 1.2rem;background:#0dcaf0;color:#fff;border:none;border-radius:5px;font-weight:600;cursor:pointer;transition:all 0.2s ease;text-align:center}.book-btn:hover{background:#0db3f0;transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,0,0,.2)}

/* Modal Styles */
#serviceModal{display:none;position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.7);align-items:center;justify-content:center}.modal-box{background:#fff;border-radius:8px;padding:2rem;max-width:500px;width:90%;position:relative}.close-btn{position:absolute;right:1rem;top:1rem;font-size:1.75rem;cursor:pointer;color:#666}.close-btn:hover{color:#000}

@media (max-width: 600px){.filter-section{flex-direction:column;align-items:flex-start}.filter-group{width:100%;flex-direction:column}.filter-btn{width:100%}.range-slider{width:100%}.range-slider input[type="range"]{width:100%}.service-header,.service-card{display:block;padding:.75rem;margin-bottom:.75rem}.service-col,.time-col,.price-col,.loyalty-col,.book-col{margin-bottom:.5rem}}
/*# sourceMappingURL=services.css.map */