/* Cross-browser stabilization for interactive catalog cards. */
.mod-card {
  transform-style: flat;
}

.mod-card[data-reveal].revealed {
  filter: none;
  transform: none;
  will-change: auto;
}

.mod-card__front {
  transform: rotateY(0deg);
}

.mod-card__front,
.mod-card__back {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

.mod-card:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 4px;
}

.mod-card[aria-expanded="true"]::before,
.mod-card[aria-expanded="true"]::after,
.mod-card[aria-expanded="true"] .mod-card__front::after {
  opacity: 0;
  animation: none;
}