/* Simple, clean styles */
:root{
  --maxw: 1000px;
  --accent: #0b66ff;
  --muted: #666;
}
*{box-sizing:border-box}
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,'Helvetica Neue',Arial;margin:0;color:#111;line-height:1.4}
.site-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;max-width:var(--maxw);margin:0 auto}
.site-header a{color:inherit;text-decoration:none}
.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;padding:1rem;max-width:var(--maxw);margin:0 auto}
.card{border:1px solid #eee;padding:1rem;border-radius:8px;background:#fff;display:flex;flex-direction:column;gap:.5rem}
.card img{width:100%;height:160px;object-fit:cover;border-radius:6px}
.card h3{margin:.2rem 0}
.price{font-weight:700;color:var(--accent)}
.btn{background:var(--accent);color:white;padding:.5rem .75rem;border:none;border-radius:6px;cursor:pointer}
.btn.secondary{background:#eee;color:#111}
.product-detail{max-width:800px;margin:1rem auto;padding:1rem}
.cart{max-width:800px;margin:1rem auto;padding:1rem;border:1px solid #eee;border-radius:8px}
.cart-item{display:flex;gap:1rem;align-items:center;padding:.5rem 0;border-bottom:1px solid #f2f2f2}
.cart-item img{width:80px;height:80px;object-fit:cover;border-radius:6px}
.checkout{max-width:800px;margin:1rem auto;padding:1rem;text-align:right}
footer{padding:2rem 1rem;text-align:center;color:var(--muted)}


.logo {
  display:flex;
  align-items:center;
  gap:.5rem;
}
.logo img{
  height:32px;
  width:auto;
  display:block;
}