/* ===== POLISHED HERO CATEGORY MARQUEE ===== */
        .hero-category-marquee {
            position: relative;
            isolation: isolate;
            margin-top: 1.75rem;
            padding: 0.9rem 0 0.8rem;
            border: none;
            border-radius: 1.25rem;
            background: transparent;
            box-shadow: none;
            backdrop-filter: blur(10px);
            -webkit-backdrop-filter: blur(10px);
        }

        .hero-category-marquee::before,
        .hero-category-marquee::after {
            content: "";
            position: absolute;
            top: 0.55rem;
            bottom: 0.55rem;
            width: 4.5rem;
            z-index: 2;
            pointer-events: none;
        }

        .hero-category-marquee::before {
            left: 0;
            background: linear-gradient(90deg, rgba(255, 251, 235, 0.98), transparent);
        }

        .hero-category-marquee::after {
            right: 0;
            background: linear-gradient(270deg, rgba(255, 247, 237, 0.98), transparent);
        }

        .hero-category-marquee > p {
            position: relative;
            z-index: 3;
            display: inline-flex;
            align-items: center;
            gap: 0.55rem;
            margin-bottom: 0.65rem;
            padding: 0.3rem 0.8rem;
            border: 1px solid rgba(245, 158, 11, 0.2);
            border-radius: 9999px;
            background: rgba(255, 255, 255, 0.72);
            color: #b45309;
            letter-spacing: 0.14em;
            box-shadow: 0 3px 12px rgba(245, 158, 11, 0.08);
        }

        .hero-category-marquee > p::before {
            content: "✦";
            color: #f59e0b;
            font-size: 0.8rem;
        }

        .hero-category-marquee > p::after {
            content: "✦";
            color: #f97316;
            font-size: 0.8rem;
        }

        .hero-category-track {
            position: relative;
            z-index: 1;
            padding: 0.2rem 0;
            animation-play-state: running !important;
        }

        .hero-category-item {
            gap: 0.55rem;
            padding: 0.55rem 1rem;
            border: 1px solid rgba(245, 158, 11, 0.14);
            border-radius: 9999px;
            background: rgba(255, 255, 255, 0.68);
            color: oklch(var(--foreground-700));
            font-size: 0.76rem;
            letter-spacing: 0.01em;
            box-shadow: 0 3px 10px rgba(15, 23, 42, 0.04);
        }

        .hero-category-item::before {
            content: "✦";
            color: #f59e0b;
            font-size: 0.7rem;
        }

        .hero-category-item::after {
            content: none;
        }

        .hero-category-marquee,
        .hero-category-marquee * {
            cursor: default !important;
            -webkit-user-select: none !important;
            user-select: none !important;
        }

        @media (max-width: 640px) {
            .hero-category-marquee {
                margin-top: 1.25rem;
                padding-top: 0.75rem;
                border-radius: 1rem;
            }

            .hero-category-marquee::before,
            .hero-category-marquee::after {
                width: 2.5rem;
            }

            .hero-category-item {
                padding: 0.45rem 0.75rem;
                font-size: 0.72rem;
            }
        }