.hero {
    background: linear-gradient(135deg, #212529 0%, #495057 100%);
    color: #fff;
}

.product-card {
    transition: transform .15s ease, box-shadow .15s ease;
}

.product-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .12) !important;
}

.product-card img {
    height: 240px;
    width: 100%;
    object-fit: cover;
    background: #f1f3f5;
}

/* Admin panel */
.admin-product-thumb {
    width: 48px;
    height: 48px;
    object-fit: cover;
    border-radius: 4px;
    background: #f1f3f5;
}

.admin-image-preview {
    max-height: 220px;
    width: 100%;
    object-fit: contain;
    background: #f1f3f5;
}