/* --- Click-only flip override (keeps existing sizes) --- */
/* 1) Neutralize any hover-based transforms, regardless of page-specific CSS */
.flip-card:hover, .flip-card-container:hover .flip-card, .tarot:hover .flip, [class*="tarot"]:hover .flip { transform: none !important; }
/* 2) Ensure the flipped state is the only thing that rotates */
.flip-card.flipped, .flip.flipped { transform: rotateY(180deg) !important; }
/* 3) Maintain 3D context (do not change width/height) */
.flip-card, .flip { transform-style: preserve-3d; transition: transform 0.6s cubic-bezier(0.4,0,0.2,1); }
/* 4) Faces stay stacked and hidden from back side (size left as-is) */
.flip-card-front, .flip-card-back, .face { backface-visibility: hidden; }
.flip-card-back, .back { transform: rotateY(180deg); }