/* =========================================
   VARIANTS GRID
   ========================================= */

.variants-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* 2 Cards nebeneinander */
    gap: 1rem;
    padding: 1rem 0 5rem 0; /* Unten Platz für die Nav */
}

/* Wir nutzen die .modern-card Klasse aus der home.css */
.variants-grid .modern-card {
    margin: 0; /* Reset margins für Grid */
    width: 100%;
    
}

.variants-grid  img {
    border-radius: 20px;
    object-fit: contain;
}
.variants-grid .card-image {
    /* height: 140px;  */
    border-radius: 20px;
}

/* Animation beim Erscheinen */
.modern-card {
    animation: fadeInUp 0.4s ease forwards;
    opacity: 0;
}

@keyframes fadeInUp {
    from { opacity: 0; transform: translateY(15px); }
    to { opacity: 1; transform: translateY(0); }
}