/* style.css - Nimvika single page */
:root{
--green:#2e7d32;
--dark:#13321a;
--muted:#f4f6f5;
}
*{box-sizing:border-box}
body{font-family:'Poppins',sans-serif;margin:0;color:#222;background:#fff}
.container{max-width:1200px;margin:0 auto;padding:0 20px}

/* NAV */
.nav{position:fixed;left:0;right:0;top:0;z-index:60;background:transparent;padding:18px 0;transition:background .3s ease}
.nav.scrolled{background:rgba(255,255,255,0.95);box-shadow:0 6px 18px rgba(0,0,0,0.06)}
.nav-inner{display:flex;align-items:center;justify-content:space-between}
.logo{font-weight:700;color:var(--green);letter-spacing:1px}
nav a{margin-left:18px;color:#fff;font-weight:600}
.nav.scrolled nav a{color:#222}
nav a {
  transition: color 0.3s ease;
}

a {
  text-decoration: none;  
}

nav a:hover {
  color: var(--green);
}

/* HERO */
.hero {
min-height: 100vh;
display: flex;
align-items: center;
justify-content: center;
position: relative;
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center center;
background-image: url('images/www.nimvika.com.png');
}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0.0),rgba(0,0,0,0.80))}
.hero-inner{position:relative;color:#fff;text-align:center;padding:24px;border-radius:12px}
.hero h1{font-size:3.2rem;line-height:1.05;margin-bottom:18px}
.hero span{color:#fff;display:block}
.btn{background:var(--green);color:#fff;padding:12px 22px;border-radius:8px;display:inline-block;font-weight:600}

/* SECTIONS */
.section{padding:70px 0}
.about .two-col{display:grid;grid-template-columns:1fr 420px;gap:30px;align-items:center}
.shadowed{width:100%;border-radius:12px;box-shadow:0 12px 30px rgba(19,50,26,0.12)}
.lead{color:#555;margin-bottom:24px}

/* PRODUCTS GRID */
.product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px}
.product{background:#fff;padding:18px;border-radius:12px;text-align:center;box-shadow:0 8px 24px rgba(8,20,10,0.04);transition:transform .28s ease}
.product img{width:100%;height:220px;object-fit:cover;border-radius:10px;margin-bottom:12px}
.product:hover{transform:translateY(-6px)}

/* BENEFITS */
.benefits{color:#fff;padding:80px 0;position:relative;overflow:hidden}
.parallax-light{background-size:cover;background-attachment:fixed;background-position:center center}
.benefits .benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-top:28px}
.benefit{background:rgba(255,255,255,0.85);color:#123;padding:18px;border-radius:10px;text-align:center}

/* CONTACT */
.contact .contact-form{max-width:800px;margin:0 auto}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
input,textarea{width:100%;padding:12px;border-radius:8px;border:1px solid #dfe9e1}

/* FOOTER */
.site-footer{background:var(--dark);color:#fff;padding:18px 0;text-align:center}

/* Responsive */
@media(max-width:900px){
.about .two-col{grid-template-columns:1fr}
.hero h1{font-size:2.1rem}
.hero {
background-image: url('images/mint_banner.png') !important;
background-size: cover;
background-repeat: no-repeat;
background-attachment: scroll;
background-position: center center;
}
nav a{display:none}
}