body 
    { font-family: 
        sans-serif; margin: 0; 
        background-color: #f4f4f4; 
    }

header 
    { 
        background: #333; 
        color: #fff; 
        padding: 1rem; 
        text-align: center; 
    }

input[type="text"] 
    { 
        width: 60%; 
        padding: 8px; 
    }
main 
    {
        justify-content: center; 
        padding: 1rem; 
    }

.product-card 
    {
        background: #fff;
        border: 1px solid #ddd;
        border-radius: 5px;
        margin: 10px;
        padding: 15px;
        width: 200px;
        text-align: center;
        box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    }

.product-card img 
    {   
        max-width: 100%; 
        height: auto; 
    }

.product-card h3 
    { 
        font-size: 1.1em; 
    }

.product-card p 
    { 
        color: #888; 
    }

.loader 
    {
        display: none; 
        font-weight: bold;
        font-size: 1.5em;
        text-align: center;
        margin: 20px 0;
    }