body {
    margin:0;
    font-family: Arial, sans-serif;
    background:#f5f5f5;
}
.header {
    background:#fff;
    border-bottom:1px solid #ddd;
}
.header-top {
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:10px 20px;
}
.logo img {
    height:50px;
}
.nav-menu a {
    margin:0 10px;
    text-decoration:none;
    color:#333;
    font-weight:bold;
}
.search-form input {
    padding:5px;
    border:1px solid #ccc;
    border-radius:4px;
}
.search-form button {
    padding:5px 10px;
    background:#ff4d4d;
    color:#fff;
    border:none;
    border-radius:4px;
    cursor:pointer;
}
.cart-link {
    margin-left:15px;
    text-decoration:none;
    color:#333;
    font-weight:bold;
}
.products {
    padding:20px;
}
.product-list {
    display:grid;
    grid-template-columns:repeat(auto-fill, minmax(200px, 1fr));
    gap:20px;
}
.product {
    background:#fff;
    border:1px solid #ddd;
    border-radius:4px;
    padding:10px;
    text-align:center;
}
.product img {
    width:100%;
    height:150px;
    object-fit:cover;
}
.price .old {
    text-decoration:line-through;
    color:#999;
}
.price .new {
    color:#e60000;
    font-weight:bold;
    margin-left:5px;
}
.btn {
    display:inline-block;
    background:#ff4d4d;
    color:#fff;
    padding:6px 10px;
    text-decoration:none;
    margin-top:8px;
    border-radius:4px;
}
.footer {
    background:#333;
    color:#fff;
    padding:20px;
}
.footer-columns {
    display:flex;
    justify-content:space-between;
}
.footer-col h4 {
    margin-bottom:10px;
}
.footer-col ul {
    list-style:none;
    padding:0;
}
.footer-col ul li a {
    color:#fff;
    text-decoration:none;
}
.footer-bottom {
    margin-top:20px;
    text-align:center;
    border-top:1px solid #555;
    padding-top:10px;
}