/*
Theme Name: AnamuLemon Style
Theme URI:  https://example.com
Author:     Abdul Mannan (Starter)
Version:    1.0
Description: An AnamuLemon-inspired starter theme. Yellow/Black palette, responsive, WooCommerce-compatible.
Text Domain: anamu-lemon
*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap');

:root{
  --yellow: #FFD43B;
  --black: #000000;
  --muted: #666666;
  --max-width: 1200px;
}
*{box-sizing:border-box}
body{font-family:"Poppins",system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;background:#fff;color:var(--black);margin:0}
.container{max-width:var(--max-width);margin:0 auto;padding:0 18px}
.header{position:sticky;top:0;background:#fff;z-index:999;border-bottom:1px solid #eee}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:16px 0}
.site-logo{font-weight:700;font-size:20px;letter-spacing:0.4px;color:var(--black);text-decoration:none}
.nav{display:flex;gap:18px;align-items:center}
.nav a{color:var(--black);text-decoration:none;font-weight:500}
.hero{display:flex;gap:40px;align-items:center;padding:60px 0}
.hero .left{flex:1}
.hero .right{flex:1;text-align:right}
.hero h1{font-size:44px;margin:0 0 12px}
.hero p.lead{font-size:18px;color:var(--muted);margin:0 0 18px}
.btn{display:inline-block;padding:12px 20px;border-radius:10px;text-decoration:none;background:var(--black);color:#fff;font-weight:600}
.btn.outline{background:transparent;color:var(--black);border:2px solid var(--black)}
.product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin:36px 0}
.product-card{border:1px solid #eee;padding:12px;border-radius:10px;text-align:center;background:#fff}
.product-card img{max-width:100%;height:200px;object-fit:cover;border-radius:8px}
.features{display:flex;gap:16px;flex-wrap:wrap;margin:40px 0}
.feature{flex:1;min-width:180px;padding:18px;border-radius:10px;background:#fff;border:1px solid #f2f2f2}
.footer{padding:30px 0;border-top:1px solid #eee;margin-top:60px}
@media (max-width:768px){.hero{flex-direction:column}.hero .right{text-align:left}.nav{display:none}}