/* نور پویا در پس‌زمینه - فقط دسکتاپ */
@media (min-width: 769px) {
    .neon-glow {
        position: fixed;
        width: 250px;
        height: 250px;
        border-radius: 50%;
        background: #0efdc233;
        pointer-events: none;
        filter: blur(100px);
        transform: translate(-50%, -50%);
        z-index: 0;
        mix-blend-mode: screen;
        opacity: .6;
    }

    /* بوردر نئونی برای کارت‌های محصول و بلاگ - فقط دسکتاپ */
    .neon-border-card {
        position: relative;
        overflow: hidden;
        transition: border 0.2s ease-out;
    }

    .neon-border-card::before {
        content: '';
        position: absolute;
        inset: 0;
        border-radius: inherit;
        padding: 2px;
        background: radial-gradient(
            var(--radius, 120px) circle at var(--x, 50%) var(--y, 50%),
            rgba(14, 253, 194, var(--alpha, 0.9)),
            transparent 70%
        );
        -webkit-mask:
            linear-gradient(#fff 0 0) content-box,
            linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask:
            linear-gradient(#fff 0 0) content-box,
            linear-gradient(#fff 0 0);
        mask-composite: exclude;
        pointer-events: none;
        transition: none;
        opacity: 0;
        will-change: background, opacity;
    }

    .neon-border-card.active::before {
        opacity: 1;
    }

    /* برای کارت‌های محصول با پس‌زمینه جدید */
    a[href*="/singleProduct"].neon-border-card::before,
    a[class*="bg-[#f5f8fa]"].neon-border-card::before {
        background: radial-gradient(
            var(--radius, 120px) circle at var(--x, 50%) var(--y, 50%),
            rgba(14, 253, 194, var(--alpha, 0.9)),
            transparent 70%
        );
    }

    /* برای کارت‌های سفید (محصولات قدیمی) */
    .bg-white.neon-border-card::before {
        background: radial-gradient(
            var(--radius, 120px) circle at var(--x, 50%) var(--y, 50%),
            rgba(14, 253, 194, var(--alpha, 0.6)),
            transparent 70%
        );
    }

    /* برای کارت‌های تیره (بلاگ) */
    .bg-accountpro-dark.neon-border-card::before,
    .card.neon-border-card::before {
        background: radial-gradient(
            var(--radius, 120px) circle at var(--x, 50%) var(--y, 50%),
            rgba(14, 253, 194, var(--alpha, 0.9)),
            transparent 70%
        );
    }

    /* اطمینان از اینکه کارت‌ها z-index مناسب دارند */
    .neon-border-card {
        z-index: 2;
        position: relative;
    }

    /* برای سکشن‌ها - نور زیر سکشن‌ها */
    section,
    .container,
    main > div {
        position: relative;
        z-index: 2;
    }
}