/* frontend/web/css/app.css */

    /* General layout and typography */
    body {
        font-family: Arial, sans-serif;
        line-height: 1.6;
        color: #333;
    }

    /* Header and Navigation */
    .navbar {
        background-color: #f8f9fa;
        padding: 15px;
        border-bottom: 1px solid #e7e7e7;
    }

    .nav-link {
        color: #007bff;
        text-decoration: none;
    }

    /* Product Listings */
    .product-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
        gap: 20px;
        padding: 20px;
    }

    .product-item {
        border: 1px solid #ddd;
        padding: 15px;
        text-align: center;
    }

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

    /* Forms and Buttons */
    .btn-primary {
        background-color: #007bff;
        color: white;
        padding: 10px 15px;
        border: none;
        cursor: pointer;
    }

    /* Footer */
    .footer {
        background-color: #343a40;
        color: white;
        text-align: center;
        padding: 20px;
        margin-top: 30px;
    }