/*------------------product page---------------*/
.product-border.card {
    border: 1px solid var(--bs-secondary);
    border-radius: var(--border-radius);
}

.view-product-detail .card {
    text-align: left;
}

.product-img img {
    display: block;
    width: 100%;
}

.quantity {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: baseline;
    gap: 12px;
}

.number-field {
    width: 30px;
}

.wishlist-text {
    padding-left: 12px;
}

.counter-action {
    cursor: pointer;
}

@media screen and (max-width: 767px) {

    .quantity {
        justify-content: center;
    }
}