.home-hero > picture {
    display: block;
    width: 100%;
    height: 100%;
}

.home-hero > picture img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
    opacity: .9;
}

html { scroll-behavior: smooth; }

@media (max-width: 560px) {
    .products {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }

    .product-card .card-body { padding: 12px 10px; }
    .product-card h3 { font-size: 15px; line-height: 1.25; }
    .product-card .price { font-size: 13px; }
    .product-card .rating { font-size: 10px; }
}