body {
    background-color: #f9f9f9;
    /*font-family: 'Segoe UI', 'Amiri', sans-serif;*/
}

.product-box img {
    max-height: 200px;
    object-fit: cover;
}

.product-box:hover {
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}