/* Reset */
* { margin:0; padding:0; box-sizing:border-box; }
body { font-family: 'Helvetica Neue', sans-serif; background:#fafafa; color:#333; }
a { color:#3498db; text-decoration:none; }
.container { max-width:960px; margin:0 auto; padding:20px; }

/* Nav */
nav { background:#fff; border-bottom:1px solid #eee; padding:10px 0; margin-bottom:30px; }
nav .logo { font-size:1.5rem; font-weight:600; }
nav ul { display:flex; gap:20px; list-style:none; }
nav ul li a:hover { text-decoration:underline; }

/* Hero */
.hero { text-align:center; padding:80px 20px; background:#fff; margin-bottom:30px; border:1px solid #eee; border-radius:8px; }
.hero h1 { font-size:2.5rem; margin-bottom:10px; }
.hero p { font-size:1.1rem; margin-bottom:20px; }
.hero .button { display:inline-block; padding:12px 24px; background:#3498db; color:#fff; border-radius:5px; transition:background .3s; }
.hero .button:hover { background:#2980b9; }

/* Categories & Cards */
.categories, .products { display:grid; grid-template-columns:repeat(auto-fit, minmax(280px, 1fr)); gap:20px; }
.card { background:#fff; border:1px solid #eee; border-radius:8px; padding:20px; text-align:center; box-shadow:0 1px 3px rgba(0,0,0,0.1); }
.card h3 { margin-bottom:10px; }
.card p { font-size:0.95rem; margin-bottom:15px; }
.card button { padding:10px 20px; background:#2ecc71; color:#fff; border:none; border-radius:5px; cursor:pointer; transition:background .3s; }
.card button:hover { background:#27ae60; }

/* Cart & Checkout */
.cart, .checkout { background:#fff; border:1px solid #eee; border-radius:8px; padding:20px; }
.cart h1, .checkout h1 { margin-bottom:20px; }
.cart .button, .checkout button { padding:12px 24px; background:#3498db; color:#fff; border:none; border-radius:5px; cursor:pointer; }
.cart .button:hover, .checkout button:hover { background:#2980b9; }
.checkout form { display:grid; gap:15px; }
.checkout input { padding:10px; border:1px solid #ddd; border-radius:5px; }

/* Footer */
footer { text-align:center; padding:15px 0; margin-top:40px; font-size:0.9rem; color:#888; }
