/* Evita que la imagen del producto se expanda fuera del card */
.product-card .card-img-top:hover,
.mobile-product-card .mobile-product-image:hover,
.product-image-no-scale:hover {
transform: none !important;
scale: 1 !important;
}
/* Asegura que la imagen nunca se expanda por ningún hover del card */
.product-card:hover .card-img-top,
.mobile-product-card:hover .mobile-product-image,
.product-card:hover .product-image-no-scale,
.mobile-product-card:hover .product-image-no-scale {
transform: none !important;
scale: 1 !important;
}

/* Regla global para envío gratis - aplicar a todos los tamaños */
.mobile-shipping-text {
color: #FF5207 !important;
font-weight: bold !important;
font-style: italic !important;
}

/* Regla global para badges sin redondeo */
.mobile-badge {
border-radius: 0 !important; /* Bordes rectos para todos los tamaños */
}

/* Espaciado general mejorado */
.mobile-product-col {
padding: 2px;
margin-bottom: 5px; /* Aumentado de 15px a 25px */
}

/* Estilos para móvil */
@media (max-width: 767.98px) {
.mobile-badge {
font-size: 12px;
padding: 2px 6px;
}

.mobile-product-col {
padding: 2px;
margin-bottom: 5px;
}

.mobile-product-card {
min-height: 240px;
border: 1px solid #e0e0e0;
margin: 0 2px;
}

.mobile-product-image {
height: 160px;
object-fit: contain;
padding: 10px;
}

.mobile-card-body {
padding: 6px 10px 10px 10px;
display: flex;
flex-direction: column;
justify-content: space-between;
flex-grow: 1;
}

.mobile-badge-container {
margin-bottom: 4px;
}

.mobile-price-container {
flex-wrap: wrap;
margin-bottom: 5px;
}

.mobile-main-price {
font-size: 20px !important;
font-weight: bold;
}

.mobile-discount {
font-size: 16px !important;
font-weight: normal;
}

.mobile-discount-amount span {
font-size: 16px !important;
}

.mobile-spacer {
height: 10px;
}

.mobile-shipping {
margin-top: 2px;
}

.mobile-shipping-text {
font-size: 14px !important;
}

/* Ocultar filtros en móvil */
.filters {
display: none;
}

/* Ajustar header en móvil */
.container {
padding-left: 10px;
padding-right: 10px;
}
}

/* Estilos para tablet */
@media (min-width: 768px) and (max-width: 991.98px) {
.mobile-badge {
font-size: 12px;
padding: 3px 8px;
}

.mobile-product-col {
padding: 2px;
margin-bottom: 5px;
}

.mobile-product-card {
min-height: 300px; /* Reducido de 350px */
}

.mobile-product-image {
height: 200px; /* Reducido de 200px */
}

.mobile-shipping-text {
font-size: 14px !important;
}
}

/* Estilos desktop */
@media (min-width: 992px) {
.mobile-badge {
font-size: 14px;
padding: 4px 10px;
}

.mobile-product-col {
padding: 2px; /* Incrementado de 2px a 3px para más espacio lateral */
margin-bottom: 5px; /* Incrementado de 25px a 35px para más espacio abajo */
}

.mobile-product-card {
min-height: 320px;
border: 1px solid #e0e0e0;
margin: 0 2px;
}

.mobile-product-image {
height: 300px;
object-fit: contain;
}

.mobile-main-price {
font-size: 25px !important;
}

.mobile-discount {
font-size: 18px !important;
}

.mobile-discount-amount span {
font-size: 18px !important;
}

.mobile-shipping-text {
font-size: 1rem !important;
}
}


/* Estilos para móvil */
@media (max-width: 767.98px) {
/* Estilos de filtros móviles */
.mobile-filters-container {
margin: 0 10px;
}

.mobile-filters-panel {
border: 1px solid #dee2e6;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
background: white;
border-radius: 8px;
padding: 16px;
}

.mobile-categories-grid {
display: flex;
flex-wrap: wrap;
gap: 6px;
}

.mobile-price-form .form-control-sm {
font-size: 13px;
border: 1px solid #dee2e6;
border-radius: 4px;
}

/* Botón de filtros */
.btn-outline-dark:hover {
background-color: #f8f9fa;
border-color: #dee2e6;
}

/* Espaciado de filtros */
.form-check-label {
color: #555;
}

.btn-outline-secondary {
border-color: #dee2e6;
color: #555;
border-radius: 4px;
}

.btn-outline-secondary:hover {
background-color: #e9ecef;
border-color: #dee2e6;
color: #333;
}
}   


@media (max-width: 767.98px) {
    #wrap {
        padding: 0 !important;
        margin: 0 !important;
        width: 100vw !important;
        max-width: 100vw !important;
        background: #f5f5f5 !important;
    }
    .container {
        padding-left: 8px !important;
        padding-right: 8px !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .card, .product-card {
        border-radius: 12px !important;
        box-shadow: 0 2px 8px rgba(0,0,0,0.08) !important;
        border: 1px solid #e0e0e0 !important;
        margin-bottom: 10px !important;
        overflow: hidden;
        background: #fff !important;
    }
    .card-img-top {
        height: 120px !important;
        object-fit: contain !important;
        background: #f8f9fa !important;
        border-radius: 8px !important;
    }
    .card-body {
        padding: 10px !important;
    }
    .card-title {
        font-size: 1rem !important;
        font-weight: 500 !important;
        color: #222 !important;
    }
    .text-orange {
        color: #FF5207 !important;
        font-weight: bold !important;
        font-size: 1rem !important;
    }
    h2 {
        font-size: 18px !important;
        margin-bottom: 10px !important;
    }
}