/* Item Card Styles - Modern Compact Design */

.listed-items {
  /* The main card component - uses Tailwind for most styling */
  .card {
    /* Maintain trading card aspect ratio (2.5:3.5) */
    aspect-ratio: 2.5 / 3.5;
  }

  /* Card image container - maintains aspect ratio for image section */
  .card-image-container {
    /* Image takes up approximately 70% of card height */
    aspect-ratio: 2.5 / 2.5;
  }

  /* Ensures smooth transitions for all interactive states */
  .card:hover {
    text-decoration: none;
  }
}