/* Product and Modal Styles */
.modal-footer .btn {
    min-width: 100px;
}

@media (min-width: 576px) {
    .modal-footer .btn {
        width: auto;
    }
}

.product-carousel-img {
    height: 300px;
    object-fit: cover;
}

.single-product-card img {
    height: 180px;
    object-fit: cover;
}

.sale-price {
    font-weight: bold;
    color: #198754;
}

.sale-price span {
    text-decoration: line-through;
    color: #6c757d;
    font-size: 0.875rem;
    margin-left: 0.5rem;
}

.product-badge {
    top: 10px;
    left: 10px;
    padding: 0.4em 0.7em;
    font-size: 0.75rem;
}

.product-thumbnail {
    position: relative;
}

.product-thumbnail img {
    border-radius: 0.375rem;
}

/* Slider arrows - customize based on slider plugin */
.carousel-control-prev,
.carousel-control-next {
    width: 8%;
    color: #000;
    font-size: 2rem;
    opacity: 0.8;
}

.carousel-control-prev:hover,
.carousel-control-next:hover {
    color: #198754;
    opacity: 1;
}