:root{
  --green: #0f3a2e;
  --gold: #d4af37;
  --white: #fff;
  --max-width: 1100px;
}
*{box-sizing:border-box; margin:0; padding:0}
body{font-family:'Georgia',serif; background:var(--green); color:var(--white); overflow-x:hidden;}
a{color:var(--gold); text-decoration:none}
.logo{height:60px}
.site-header{position:fixed; top:0; left:0; width:100%; display:flex; justify-content:space-between; align-items:center; padding:12px 30px; background:rgba(15,58,46,0.75); backdrop-filter: blur(6px); z-index:1000;}
.top-nav a{margin-left:20px; font-size:14px;}

.hero{position:relative; height:100vh; display:flex; align-items:center; justify-content:center; text-align:center; color:var(--white); overflow:hidden;}
.bg-video{position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; z-index:-2;}
.overlay{position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(15,58,46,0.6); z-index:-1;}
.hero-content{max-width:800px; animation:fadeIn 2s ease;}
.brand{font-size:64px; color:var(--gold); margin-bottom:14px;}
.tagline{font-size:20px; margin-bottom:20px; font-style:italic;}
.shlok{font-size:16px; margin-bottom:20px;}
.shlok .trans{display:block; margin-top:4px; font-size:14px; color:#eadfb3;}
.badges{display:flex; justify-content:center; gap:12px; margin-bottom:20px; font-size:14px; color:#eadfb3;}
.cta{padding:12px 22px; border:2px solid var(--gold); color:var(--gold); border-radius:6px; font-weight:600;}
.cta.secondary{background:var(--gold); color:var(--green); border:none;}

.section{padding:80px 20px; max-width:var(--max-width); margin:0 auto; text-align:center;}
.section h2{color:var(--gold); margin-bottom:20px;}
.product-wrap{display:flex; gap:30px; align-items:center; justify-content:center; flex-wrap:wrap;}
.product-wrap img{width:320px; border-radius:10px; box-shadow:0 8px 24px rgba(0,0,0,0.4);}
.product-info{text-align:left; max-width:400px;}
.product-info ul{margin:0 0 20px 20px; color:#f6e8cf;}
.product-info p{margin:8px 0;}

.site-footer{padding:20px; text-align:center; font-size:14px; color:#eadfb3; background:#0b2a20;}

.fadein{opacity:0; transform:translateY(20px); transition:all 1s ease;}
.fadein.visible{opacity:1; transform:translateY(0);}

@keyframes fadeIn{
  from{opacity:0; transform:translateY(20px)}
  to{opacity:1; transform:translateY(0)}
}