html.lenis,
        html.lenis body {
            height: auto;
        }

        .lenis.lenis-smooth {
            scroll-behavior: auto !important;
        }

        .text-gradient {
            background: linear-gradient(135deg, hsl(187 92% 50%) 0%, hsl(199 89% 48%) 40%, hsl(262 83% 58%) 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        /* Unique Premium Product Card */
        .product-card {
            background: #ffffff;
            border-radius: 2.5rem;
            padding: 1.5rem;
            position: relative;
            transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
            overflow: hidden;
            border: 1px solid rgba(0, 0, 0, 0.03);
            z-index: 1;
            will-change: transform;
        }

        /* Dynamic Radial Glow */
        .product-card::after {
            content: '';
            position: absolute;
            inset: 0;
            background: radial-gradient(circle at var(--mouse-x, 50%) var(--mouse-y, 50%), rgba(14, 165, 233, 0.1) 0%, transparent 60%);
            opacity: 0;
            transition: opacity 0.5s;
            z-index: -1;
        }

        .product-card:hover {
            transform: translateY(-20px) scale(1.02);
            box-shadow: 0 40px 80px -25px rgba(0, 0, 0, 0.12);
            border-color: rgba(14, 165, 233, 0.3);
        }

        .product-card:hover::after {
            opacity: 1;
        }

        .spec-pill {
            font-size: 10px;
            font-weight: 800;
            padding: 0.4rem 0.8rem;
            border-radius: 99px;
            background: rgba(0, 0, 0, 0.03);
            color: #64748b;
            transition: all 0.3s ease;
        }

        .product-card:hover .spec-pill {
            background: #f0f9ff;
            color: #0ea5e9;
        }

        .filter-btn.active {
            background: hsl(199 89% 48%);
            color: white;
            box-shadow: 0 10px 25px -5px rgba(14, 165, 233, 0.4);
            border-color: transparent;
        }

        .section-dark {
            background: linear-gradient(180deg, hsl(222 47% 11%) 0%, hsl(220 26% 14%) 100%);
        }

        @media (max-width: 768px) {
            .product-card {
                padding: 0.75rem !important;
                /* Reduce padding by half */
                border-radius: 1.25rem !important;
                /* Slightly smaller corners */
            }

            /* Make text smaller to fit */
            .product-card h3 {
                font-size: 1.1rem;
                margin-top: 0.25rem;
            }

            /* Hide description on mobile if you want it very compact (Optional) */
            .product-card p {
                display: none;
            }
        }