/* frontend/assets/css/style.css */
body {
    background-color: #f8f9fa;
}

.hover-shadow {
    transition: all 0.3s ease;
}

.hover-shadow:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1) !important;
}

.card-img-container {
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px;
    background: #fff;
    border-radius: 8px 8px 0 0;
}

.card-img-container img {
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
}