/*
Theme Name: GrooveMerch
Theme URI: https://example.com/
Author: Your Name
Author URI: https://example.com/
Description: Minimal music merch theme — includes PayPal buy buttons and Mailchimp signup embed.
Version: 1.0
License: GNU General Public License v2 or later
Text Domain: groovemerch
*/

:root{
  --accent:#e94e77;
  --bg:#0f0f0f;
  --muted:#bdbdbd;
}
body{font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial; background:var(--bg); color:#fff; margin:0;}
.container{max-width:1100px;margin:0 auto;padding:24px}
.header{display:flex;align-items:center;justify-content:space-between;padding:18px 0}
.site-title{font-size:22px;font-weight:700}
.nav a{color:var(--muted);text-decoration:none;margin-left:16px}
.hero{display:grid;grid-template-columns:1fr 380px;gap:24px;align-items:center;margin:28px 0}
.hero .lead{font-size:20px;line-height:1.4}
.card{background:#151515;border-radius:12px;padding:16px}
.products{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-top:18px}
.product-card{padding:14px;border-radius:10px;background:linear-gradient(180deg,#131313,#121212);box-shadow:0 6px 18px rgba(0,0,0,0.6)}
.product-card img{width:100%;height:200px;object-fit:cover;border-radius:6px}
.product-title{font-weight:700;margin:10px 0}
.product-price{color:var(--accent);font-weight:700}
.footer{padding:28px 0;border-top:1px solid #161616;margin-top:40px;color:var(--muted)}
@media (max-width:820px){.hero{grid-template-columns:1fr}}

/* Simple form styles */
input,select,button,textarea{font:inherit;padding:8px;border-radius:6px;border:1px solid #222;background:#0b0b0b;color:#fff}
button{cursor:pointer}