.itemCard {
    width: 13rem;
    height: fit-content;

    padding: 0.625rem;
    
    display: flex;
    flex-direction: column;
    gap: 0.625rem;

    border-radius: 0.75rem;
    transition: all var(--animation-duration) ease;
}

.itemCard:hover {
    background: var(--primary-color-transparent);
    transition: all var(--animation-duration) ease;
    cursor: pointer;
}

.itemCard img {
    width: 100%;
    aspect-ratio: 1/1;
    border-radius: 0.5rem;
    background-image: url(/images/logo-navbar.png);
    background-size: 100%;
    background-repeat: no-repeat;
}
.itemCard.book img {
    aspect-ratio: 3/4;
}

div.description {
    width: 100%;
    display: flex;
    align-items: baseline;
    justify-content: space-between;
}

p#ItemName {
    max-width: 70%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: var(--text-color);
}

p#ItemPrice {
    color: var(--primary-color);
}

@media screen and (max-width: 472px) {
    .itemCard {
        width: 12rem;
    }
}