.card-image {
    perspective: 1000px;
}

.card-image img {
    transition: transform 0.1s ease-out;
    transform-style: preserve-3d;
    display: block;
    width: 100%;
    height: 100%;
}

/* Lightbox 3D Card Flip */
.lightbox-image-wrapper {
    position: relative;
    width: 90vw;
    max-width: 600px;
    height: 80vh;
    max-height: 840px;
    transform-style: preserve-3d;
    transition: transform 0.1s ease-out;
    cursor: grab;
}

.lightbox-image-wrapper:active {
    cursor: grabbing;
}

.lightbox-image {
    width: 100%;
    height: 100%;
    object-fit: contain;
    backface-visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
}

.lightbox-card-back {
    width: 100%;
    height: 100%;
    object-fit: contain;
    backface-visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    transform: rotateY(180deg);
}

/* Disable text selection while dragging */
.lightbox-image-wrapper.dragging {
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}