*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:#1f2937;background:#fff;line-height:1.6}
header{border-bottom:1px solid #e5e7eb}header .w,footer .w{display:flex;flex-wrap:wrap;gap:6px 18px;align-items:center;justify-content:space-between}
.w{max-width:860px;margin:0 auto;padding:16px}.logo{font-weight:800;color:#111827;text-decoration:none;font-size:18px}
nav a,footer a{color:#374151;text-decoration:none;font-size:14px;margin-right:14px}nav a:hover,footer a:hover{text-decoration:underline}
h1{font-size:30px;line-height:1.2;margin:28px 0 8px}h2{font-size:20px;margin:28px 0 8px}p,li{font-size:15.5px}.muted{color:#6b7280;font-size:14px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;margin:18px 0}
.card{border:1px solid #e5e7eb;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:6px}.card h3{font-size:16px;margin:0}
.price{font-size:22px;font-weight:800}.price s{font-size:14px;color:#9ca3af;font-weight:500;margin-left:6px}
.btn{display:inline-block;background:#111827;color:#fff;border-radius:8px;padding:9px 14px;text-decoration:none;font-weight:600;font-size:14px;margin-top:auto;text-align:center}
.hero{background:#f9fafb;border-bottom:1px solid #e5e7eb}.hero .w{padding:36px 16px}
footer{border-top:1px solid #e5e7eb;margin-top:40px}footer .w{font-size:13px;color:#6b7280}