.wishlist-product {
    --wishlist-page-product-gap: var(--gutter);
    display: grid;
    grid-template-columns: 100px 1fr;
    gap: calc(var(--wishlist-page-product-gap) * 0.5);
    margin-bottom: var(--wishlist-page-product-gap);
    padding-bottom: var(--wishlist-page-product-gap);
    border-bottom: 1px solid #ddd;
}

.wishlist-product__image {
    grid-column: 1;
}

.wishlist-product__details {
    grid-column: 2;
}

.wishlist-product__actions {
    grid-column: span 2;
}

.wishlist-product__details-title {
    font-size: 0.875rem;
}

.wishlist-product__buttons {
    display: flex;
    gap: calc(var(--wishlist-page-product-gap) * 0.5);
}

.wishlist-product__details-comment {
    display: grid;
    grid-template-rows: 0fr;
    gap: 5px;
    transition: grid-template-rows 0.3s ease-out;
}

.toggle-expanded .wishlist-product__details-comment {
    grid-template-rows: 1fr;
}

.wishlist-product__details-comment-inner {
    overflow: hidden;
    margin-top: 2px;
}

.wishlist-product__details-comment-button {
    padding-left: 0;
}

.wishlist-product__date-added {
    font-size: 0.75rem;
    color: darkgrey;
    margin-bottom: 5px;
}

.wishlist-product__option-label {
    font-size: 0.75rem;
}

.wishlist-product__options {
    margin-bottom: 5px;
}

.wishlist-product__buttons .quantity-input,
.wishlist-product__buttons .quantity-name-text {
    display: none;
}

.wishlist-page-buttons {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

@media (min-width: 768px) {
    .wishlist-product {
        grid-template-columns: 150px 3fr 1fr;
        gap: var(--wishlist-page-product-gap);
    }

    .wishlist-product__actions {
        grid-column: 3;
    }

    .wishlist-page-buttons {
        flex-direction: row;
    }

    .wishlist-product__details-title {
        font-size: 1rem;
    }
}