#emptyState {
    background-color: #f8f9fa;
    border-radius: 0.5rem;
}


/* Novos estilos para responsividade */
@media (max-width: 767.98px) {

    /* Ajuste do título */
    .display-5 {
        font-size: 2rem !important;
    }

    /* Ajuste dos cards de produtos */
    .product-card {
        margin-bottom: 15px;
    }

    .product-card .card-title {
        font-size: 1rem !important;
        line-height: 1.2;
        margin-bottom: 0.5rem !important;
    }

    .product-card .price-new {
        font-size: 1.2rem !important;
    }

    .product-card .price-old {
        font-size: 0.8rem !important;
    }

    /* Ajuste da altura da imagem */
    .product-card .overflow-hidden {
        height: 180px !important;
    }

    /* Ajuste do corpo do card */
    .card-body {
        padding: 1rem !important;
    }

    /* Ajuste dos badges de desconto */
    .badge.bck-primary {
        font-size: 0.8rem !important;
        padding: 0.25rem 0.5rem;
    }
}

/* Garante que as imagens mantenham proporção */
.object-fit-cover {
    object-fit: contain;
    width: 100%;
    height: 100%;
}

/* Ajuste para tablets */
@media (min-width: 768px) and (max-width: 991.98px) {
    .product-card .overflow-hidden {
        height: 200px !important;
    }
}