html, body, * {
  cursor: none !important; 
}

.custom-cursor {
    position: fixed;
    width: 40px;
    height: 50px;
    background-image: url('/paws/cat_paw_v2.png'); 
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    pointer-events: none;
    transform: translate(-50%, -50%);
    z-index: 99999;
    transition: opacity 0.15s ease;
    will-change: transform;
}

.custom-cursor.hidden {
    opacity: 0;
}

/* Fallback for when image fails to load */
@supports not (cursor: none) {
    html, body, * {
        cursor: default !important;
    }
}