/* Floating Categories Menu Styles */
.floating-categories .category-btn:hover {
    background: rgba(193, 154, 74, 0.95) !important;
    color: white !important;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0,0,0,0.2) !important;
}

.floating-categories .category-btn:hover i {
    color: white !important;
}

/* Mobile adjustments */
@media (max-width: 768px) {
    .floating-categories {
        top: 10px !important;
        left: 10px !important;
        right: 10px !important;
    }
    
    .floating-categories .category-btn {
        padding: 6px 12px !important;
        font-size: 12px !important;
    }
}