.hover-zoom {
            transition: transform 0.4s ease, box-shadow 0.4s ease !important;
        }

        .hover-zoom:hover {
            transform: scale(1.07) !important;
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.25) !important;
            cursor: pointer !important;
        }

        /* Smooth fade in/out */
        .filter-item {
            transition: opacity 0.5s ease, transform 0.5s ease !important;
        }

        .filter-item.hide {
            opacity: 0 !important;
            transform: scale(0.95) !important;
            pointer-events: none !important;
            height: 0 !important;
            margin: 0 !important;
            padding: 0 !important;
            overflow: hidden !important;
            display: none !important;
        }

        /* Active button styling */
        .filter-btn.active {
            background: #0eb19c !important;
            color: white !important;
            box-shadow: 0 0 12px rgba(30, 128, 73, 0.7) !important;
            border-color: #0eb19c !important;
            font-weight: 600 !important;
            transition: background 0.3s ease !important;
        }

        .filter-btn.active:hover {
            background: #0eb19c !important;
            box-shadow: 0 0 15px rgba(16, 118, 64, 0.559) !important;
        }