/* Custom cursor — red dot with smooth follow (desktop only) */

@media (pointer: fine) and (prefers-reduced-motion: no-preference) {
    body.custom-cursor-active,
    body.custom-cursor-active a,
    body.custom-cursor-active button,
    body.custom-cursor-active .buy,
    body.custom-cursor-active .kit-card__buy,
    body.custom-cursor-active .site-bottom__nav a {
        cursor: none;
    }

    .custom-cursor {
        position: fixed;
        top: 0;
        left: 0;
        width: 20px;
        height: 20px;
        margin: 0;
        padding: 0;
        border: none;
        border-radius: 50%;
        background-color: #db0027;
        pointer-events: none;
        z-index: 100000;
        will-change: transform;
        transform: translate(-50%, -50%);
        transition: width 0.2s ease, height 0.2s ease, background-color 0.2s ease;
    }

    .custom-cursor.is-hover {
        width: 32px;
        height: 32px;
        background-color: #fffc00;
        box-shadow: 0 0 0 2px #db0027;
    }
}