/* ==========================================================================
   Estilos personalizados de la tienda
   (El diseño principal usa Bootstrap 5 desde CDN; aquí van sólo detalles.)
   ========================================================================== */

/* Transición suave en las tarjetas de producto */
.product-card {
    transition: transform .15s ease-in-out, box-shadow .15s ease-in-out;
}
.product-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .12) !important;
}

/* Las imágenes de producto nunca se deforman */
.card-img-top {
    object-fit: contain;
    background-color: #fff;
}

/* Aire inferior para que el footer no tape contenido */
.main-content {
    padding-bottom: 2rem;
}

/* Ajuste del menú de cuenta en pantallas pequeñas */
@media (max-width: 991.98px) {
    .navbar .dropdown-menu {
        position: static;
        float: none;
    }
}