.range-slider { -webkit-appearance: none; height: 6px; background: #e2e8f0; border-radius: 5px; outline: none; cursor: pointer; }
    .range-slider::-webkit-slider-thumb { -webkit-appearance: none; width: 20px; height: 20px; border-radius: 50%; background: #10b981; cursor: pointer; transition: transform 0.1s; }
    .range-slider::-webkit-slider-thumb:hover { transform: scale(1.2); }
    
    .service-card { padding: 1rem; border: 2px solid #e2e8f0; border-radius: 1rem; text-align: center; transition: all 0.2s; }
    .service-card:hover { border-color: #cbd5e1; }
    
    .option-card { padding: 0.5rem; border: 2px solid #e2e8f0; border-radius: 0.5rem; text-align: center; font-size: 0.9rem; transition: all 0.2s; }
    
    .addon-card .content { padding: 0.75rem; border: 1px solid #e2e8f0; border-radius: 0.5rem; text-align: center; font-size: 0.8rem; font-weight: 700; transition: all 0.2s; cursor: pointer; background: white; }
    .p-addon:checked + .content { background: #0f172a; color: white; border-color: #0f172a; }
    
    .no-scrollbar::-webkit-scrollbar { display: none; } 
    .no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }
    
    .animate-fade-in { animation: fadeIn 0.4s ease-out forwards; }
    .animate-fade-in-up { animation: fadeInUp 0.6s ease-out forwards; }
    
    @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
    @keyframes fadeInUp { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }