.cl-tilt-wrapper {
    display: inline-block;
    perspective: 1200px;
    background: transparent !important;
    border-radius: 0;
    padding: 0;
    box-shadow: none !important;
}

/* Carte sans fond ni ombre, uniquement l'image + effet tilt/holographique */
.cl-tilt-card {
    border-radius: 18px;
    overflow: visible;
    transform-style: preserve-3d;
    background: transparent !important;
    cursor: pointer;
    box-shadow: none !important;
}

.cl-tilt-card img {
    display: block;
    width: 100%;
    height: auto;
    background: transparent !important;
}

/* Effet holographique : bandes diagonales colorées + halo blanc,
   plus visible qu'avant mais sans couvrir totalement l'artwork */
.cl-tilt-card .js-tilt-glare {
    border-radius: inherit;
    overflow: hidden;
}

/* On réduit la densité et on utilise mix-blend-mode: screen pour booster les couleurs */
.cl-tilt-card .js-tilt-glare-inner {
    background-image:
        radial-gradient(circle at 20% 0%,
            rgba(255, 255, 255, 0.75) 0,
            rgba(255, 255, 255, 0.0) 40%
        ),
        radial-gradient(circle at 80% 100%,
            rgba(255, 255, 255, 0.6) 0,
            rgba(255, 255, 255, 0.0) 45%
        ),
        repeating-linear-gradient(
            135deg,
            rgba(255, 0, 204, 0.35) 0px,
            rgba(255, 0, 204, 0.35) 10px,
            rgba(0, 255, 255, 0.35) 10px,
            rgba(0, 255, 255, 0.35) 20px,
            rgba(255, 255, 0, 0.35) 20px,
            rgba(255, 255, 0, 0.35) 30px
        );
    opacity: 0.55 !important;
    mix-blend-mode: screen;
    pointer-events: none;
}
