.products {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    justify-content: center;
    justify-items: center;
}

.product {
    width: 300px;
    height: 400px;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    cursor: pointer;

    /* Zaokrąglone rogi i cień */
    border-radius: 10px; /* Delikatnie zaokrąglone rogi */
    box-shadow: 0 4px 6px rgba(108, 107, 107, 0.27); /* Subtelny cień */
    transition: all 0.3s ease-in-out; /* Animacja dla wszystkich zmian: cienia, rozmiaru */
}

.product:hover {
    /* Zmiana cienia i powiększenie na hover */
    transform: scale(1.01); /* Subtelne powiększenie o 3% */
    box-shadow: 0 6px 15px rgba(0, 123, 255, 0.3); /* Wyrazisty niebieski cień na hover */
}

.product img {
    height: 250px;
    width: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 10px;
}