@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap";:root{--primary: #2e7d32;--secondary: #66bb6a;--accent: #ff6f00;--bg-light: #f5f7fb;--text-dark: #333;--white: #ffffff;--shadow-soft: 0 10px 30px rgba(0, 0, 0, .08);--shadow-card: 0 12px 25px rgba(0, 0, 0, .12)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Poppins,sans-serif;background-color:var(--bg-light);color:var(--text-dark)}.page-wrapper{min-height:100vh}.cart-feedback{position:fixed;top:80px;left:50%;transform:translate(-50%);background:var(--primary);color:var(--white);padding:.8rem 1.5rem;border-radius:999px;font-size:.9rem;z-index:999;box-shadow:0 8px 20px #00000040}.header{position:fixed;top:0;left:0;right:0;background:var(--white);box-shadow:0 4px 12px #0000000a;z-index:100}.header-inner{max-width:1200px;margin:0 auto;padding:.85rem 1.5rem;display:flex;align-items:center;justify-content:space-between}.logo-container{display:flex;align-items:center;gap:10px}.logo-icon{width:40px;height:40px;background:linear-gradient(135deg,var(--secondary),var(--primary));border-radius:50% 50% 0;transform:rotate(-45deg);box-shadow:0 6px 18px #2e7d3273;position:relative}.logo-icon:after{content:"";position:absolute;width:2px;height:20px;background:#ffffffb3;top:10px;left:50%;transform:translate(-50%) rotate(45deg)}.logo-text{font-size:1.5rem;font-weight:800;letter-spacing:-.5px;color:var(--primary)}.logo-text span{color:var(--accent)}.nav{display:flex}.nav-list{list-style:none;display:flex;gap:1.8rem}.nav a{text-decoration:none;font-size:.95rem;color:var(--text-dark);font-weight:500;position:relative;padding-bottom:2px}.nav a:after{content:"";position:absolute;left:0;bottom:0;height:2px;width:0%;background:var(--primary);transition:width .2s}.nav a:hover:after{width:100%}.cart-btn{border:none;border-radius:999px;background:var(--accent);color:var(--white);display:inline-flex;align-items:center;gap:8px;padding:.45rem 1.1rem;font-weight:600;font-size:.9rem;cursor:pointer;box-shadow:0 8px 18px #ff6f0059}.cart-icon{font-size:1.1rem}.cart-label{display:inline-block}.mobile-menu-btn{display:none;margin-left:.75rem;width:34px;height:30px;border-radius:6px;border:none;background:transparent;flex-direction:column;justify-content:center;gap:4px;padding:0;cursor:pointer}.mobile-menu-btn span{display:block;width:100%;height:3px;background:#555;border-radius:999px}.mobile-nav-panel{display:none;flex-direction:column;background:var(--white);box-shadow:0 6px 18px #00000014;padding:.8rem 1.5rem 1rem}.mobile-nav-panel a{text-decoration:none;color:var(--text-dark);font-size:.95rem;padding:.4rem 0;border-bottom:1px solid #eee}.mobile-nav-panel a:last-child{border-bottom:none}.mobile-nav-panel--open{display:flex}.hero{margin-top:70px;height:55vh;min-height:380px;background:url(https://images.unsplash.com/photo-1610832958506-aa56368176cf?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80) center/cover no-repeat;position:relative;display:flex;align-items:center;justify-content:center}.hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(#00000040,#00000080)}.hero-content{position:relative;text-align:center;color:var(--white);max-width:750px;padding:2rem 3rem}.hero-content h1{font-size:2.9rem;font-weight:800;margin-bottom:.8rem;text-shadow:2px 2px 10px rgba(0,0,0,.4)}.hero-content p{font-size:1.05rem;margin-bottom:2rem;opacity:.95}.cta-btn{display:inline-block;background:var(--accent);color:var(--white);padding:.95rem 2.6rem;border-radius:999px;font-weight:700;font-size:1rem;text-decoration:none;box-shadow:0 12px 26px #ff6f0080;transition:transform .2s,background .2s;border:none;cursor:pointer}.cta-btn:hover{transform:translateY(-2px);background:#f57c00}.features{max-width:1100px;margin:-40px auto 0;padding:0 1.5rem;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;z-index:10;position:relative}.feature-card{flex:1;min-width:230px;max-width:330px;background:var(--white);border-radius:20px;padding:1.5rem 1.6rem;text-align:left;box-shadow:var(--shadow-soft)}.feature-icon{font-size:2rem;margin-bottom:.5rem}.feature-card h3{font-size:1.05rem;margin-bottom:.3rem}.feature-card p{font-size:.9rem;color:#555}.products{max-width:1100px;margin:2.5rem auto 3.5rem;padding:0 1.5rem}.products-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.6rem}.section-title{font-size:1.8rem;color:var(--primary);font-weight:700}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem}.product-card{background:var(--white);border-radius:20px;box-shadow:var(--shadow-soft);overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,border .18s ease;border:2px solid transparent}.product-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-card);border-color:#2e7d3240}.product-img{width:100%;height:150px;-o-object-fit:cover;object-fit:cover}.product-info{padding:1.2rem 1.3rem 1.3rem}.product-name{font-size:.98rem;font-weight:600;margin-bottom:.45rem}.product-price{color:var(--accent);font-size:1.25rem;font-weight:800}.unit{font-size:.78rem;color:#777;font-weight:400}.add-btn{margin-top:1rem;width:100%;border-radius:12px;border:none;background:var(--primary);color:var(--white);padding:.65rem 1rem;font-weight:600;font-size:.9rem;cursor:pointer;transition:background .18s}.add-btn:hover{background:var(--secondary)}.contact{background:var(--primary);color:var(--white);padding:2.7rem 0}.contact-inner{max-width:1100px;margin:0 auto;padding:0 1.5rem}.contact-info h2{font-size:1.8rem;margin-bottom:.7rem}.contact-info p{font-size:.95rem;margin-bottom:.3rem}.contact-quote{margin-top:.7rem;font-style:italic}.footer{background:#222;color:#aaa;text-align:center;padding:1.4rem;font-size:.85rem}.whatsapp-float{position:fixed;bottom:26px;right:26px;width:60px;height:60px;border-radius:50%;background:#25d366;display:flex;align-items:center;justify-content:center;box-shadow:2px 2px 10px #0003;text-decoration:none;z-index:2000}.whatsapp-w{font-weight:800;font-size:1.7rem;color:#fff}@media (max-width: 960px){.nav{display:none}.mobile-menu-btn{display:flex}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-content{padding:1.7rem 1.5rem}.hero-content h1{font-size:2.3rem}}@media (max-width: 640px){.hero{height:60vh}.products{margin-top:2rem}.product-grid{grid-template-columns:1fr}.section-title{text-align:center;width:100%}.products-header{justify-content:center}.header-inner{padding-inline:1rem}.features{margin-top:-25px}}