:root{--primary:#16a34a;--primary-dark:#15803d;--primary-light:#dcfce7;--secondary:#f97316;--bg:#fff;--bg-soft:#f8fafc;--text:#171717;--text-muted:#64748b;--border:#e2e8f0;--card:#fff;--shadow:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--radius:12px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.6}a{color:var(--primary);text-decoration:none}button,.btn{cursor:pointer;border:none;border-radius:8px;font-weight:500;transition:all .2s}.btn-primary{background:var(--primary);color:#fff;padding:10px 20px}.btn-primary:hover{background:var(--primary-dark)}.btn-outline{border:1px solid var(--primary);color:var(--primary);background:0 0;padding:10px 20px}.container{max-width:1200px;margin:0 auto;padding:0 20px}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--border);overflow:hidden}.grid{gap:20px;display:grid}@media (width<=768px){.container{padding:0 16px}}.header{border-bottom:1px solid var(--border);z-index:100;background:#fff;position:sticky;top:0;box-shadow:0 1px 3px #0000000d}.header-inner{justify-content:space-between;align-items:center;height:70px;display:flex}.logo{color:var(--text);align-items:center;gap:8px;font-size:1.4rem;font-weight:700;display:flex}.nav{gap:28px;display:flex}.nav a{color:var(--text);font-size:.95rem;font-weight:500}.nav a:hover{color:var(--primary)}.header-actions{align-items:center;gap:12px;display:flex}.icon-btn{color:var(--text);background:0 0;border:none;align-items:center;padding:8px;display:flex}.auth-btns,.user-menu{align-items:center;gap:8px;display:flex}.btn-primary.small,.btn-outline.small{padding:6px 14px;font-size:.85rem}.menu-toggle{background:0 0;border:none;padding:8px;display:none}.footer{border-top:1px solid var(--border);background:#f8fafc;margin-top:60px;padding-top:40px}.footer-inner{grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;padding-bottom:40px;display:grid}.footer-brand p{color:var(--text-muted);margin-top:8px;font-size:.9rem}.footer-links h4,.footer-contact h4{margin-bottom:12px;font-size:1rem}.footer-links a{color:var(--text-muted);margin-bottom:8px;font-size:.9rem;display:block}.footer-bottom{border-top:1px solid var(--border);text-align:center;color:var(--text-muted);background:#fff;padding:16px 0;font-size:.85rem}@media (width<=768px){.nav{border-bottom:1px solid var(--border);background:#fff;flex-direction:column;gap:16px;padding:20px;display:none;position:absolute;top:70px;left:0;right:0}.nav.open{display:flex}.menu-toggle{display:block}.footer-inner{grid-template-columns:1fr 1fr}}.hero{background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%);padding:80px 0}.hero-inner{grid-template-columns:1fr 1fr;align-items:center;gap:40px;display:grid}.hero-content h1{color:#14532d;margin-bottom:16px;font-size:3rem;line-height:1.2}.hero-content p{color:var(--text-muted);margin-bottom:24px;font-size:1.15rem}.hero-actions{gap:12px;margin-bottom:24px;display:flex}.btn-primary.large,.btn-outline.large{align-items:center;gap:8px;padding:12px 24px;font-size:1rem;display:inline-flex}.hero-features{color:var(--text-muted);flex-wrap:wrap;gap:20px;font-size:.9rem;display:flex}.hero-features span{align-items:center;gap:6px;display:flex}.hero-image .hero-placeholder{height:320px;color:var(--primary);box-shadow:var(--shadow);background:#fff;border:2px dashed #bbf7d0;border-radius:16px;justify-content:center;align-items:center;font-size:1.2rem;display:flex}.section{padding:60px 0}.bg-soft{background:var(--bg-soft)}.section-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.category-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;margin-top:20px;display:grid}.category-card{border:1px solid var(--border);text-align:center;background:#fff;border-radius:12px;padding:20px;transition:all .2s}.category-card:hover{border-color:var(--primary);transform:translateY(-2px)}.category-icon{background:var(--primary-light);width:48px;height:48px;color:var(--primary);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 12px;font-size:1.2rem;font-weight:700;display:flex}.product-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;display:grid}.product-card{border:1px solid var(--border);background:#fff;border-radius:12px;transition:all .2s;overflow:hidden}.product-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a}.product-image{background:#f1f5f9;justify-content:center;align-items:center;height:180px;display:flex}.product-image img{object-fit:cover;width:100%;height:100%}.img-placeholder{color:var(--text-muted);font-size:.85rem}.product-info{padding:12px 16px}.product-info h3{margin-bottom:4px;font-size:1rem;font-weight:500}.price{color:var(--primary);font-size:1.1rem;font-weight:700}.unit{color:var(--text-muted);font-size:.85rem}.features-grid{text-align:center;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;display:grid}.feature{padding:20px}.feature h3{margin:12px 0 8px}.feature p{color:var(--text-muted)}@media (width<=768px){.hero-inner{grid-template-columns:1fr}.hero-content h1{font-size:2.2rem}.hero-image{display:none}}