/* CarkedIt Online — Card Flip Animation (reveal phase) */

.card-flip {
  perspective: 800px;
}

.card-flip__inner {
  position: relative;
  width: 100%;
  aspect-ratio: var(--card-aspect);
  transition: transform 0.6s ease-in-out;
  transform-style: preserve-3d;
}

.card-flip--revealed .card-flip__inner {
  transform: rotateY(180deg);
}

.card-flip__front,
.card-flip__back {
  position: absolute;
  inset: 0;
  backface-visibility: hidden;
  border-radius: var(--radius-md);
  overflow: hidden;
}

.card-flip__front {
  transform: rotateY(180deg);
}

.card-flip__back {
  transform: rotateY(0deg);
}