/* flip-cards.css */
.card.fc-enabled { position: relative; }

.fc-back {
  position: absolute;
  inset: 0;
  border-radius: 12px;
  background: linear-gradient(150deg, #1a1a1a 0%, #1e1a0e 100%);
  border: 1px solid rgba(255,105,0,.4);
  padding: 14px 12px;
  display: flex;
  flex-direction: column;
  opacity: 0;
  transform: rotateY(90deg);
  transform-origin: center;
  transition: transform .4s cubic-bezier(.4,0,.2,1), opacity .3s;
  pointer-events: none;
  z-index: 3;
  backface-visibility: hidden;
  overflow: hidden;
}

.card.fc-enabled:hover .fc-back {
  opacity: 1;
  transform: rotateY(0deg);
  pointer-events: auto;
}

.fc-title {
  color: #ff6900;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .5px;
  text-transform: uppercase;
  margin-bottom: 8px;
  text-align: center;
}

.fc-specs {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 5px;
  overflow: hidden;
}

.fc-spec {
  display: flex;
  justify-content: space-between;
  gap: 6px;
  font-size: 11px;
  line-height: 1.35;
  padding-bottom: 4px;
  border-bottom: 1px solid rgba(255,255,255,.07);
}

.fc-k { color: #888; flex-shrink: 0; max-width: 50%; }
.fc-v { color: #f0f0f0; text-align: right; font-weight: 500; }

.fc-price {
  margin-top: 8px;
  color: #ff6900;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
}

.fc-buy {
  margin-top: 6px;
  padding: 7px;
  background: #ff6900;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  text-align: center;
  border-radius: 8px;
  flex-shrink: 0;
}