:root {
    --primary: #1b4332;
    --accent: #bf953f;
    --light: #f4f7f6;
}

* { box-sizing: border-box; margin: 0; padding: 0; font-family: 'Segoe UI', Arial, sans-serif; }
body { line-height: 1.7; color: #333; background-color: #fff; }

/* Navigation */
header { 
    background: #fff; 
    padding: 1rem 5%; 
    display: flex; 
    justify-content: space-between; 
    align-items: center; 
    position: sticky; 
    top: 0; 
    z-index: 1000; 
    box-shadow: 0 2px 10px rgba(0,0,0,0.1); 
}
.logo-img { height: 65px; }
nav a { margin-left: 20px; text-decoration: none; color: var(--primary); font-weight: bold; }

/* Launch Banner */
.launch-banner { background: linear-gradient(to right, #bf953f, #fcf6ba, #bf953f); color: #1b4332; text-align: center; padding: 12px; font-weight: bold; }

/* Hero Section */
.hero { 
    height: 85vh; 
    background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('ghats-bg.jpg') center/cover no-repeat;
    display: flex; align-items: center; justify-content: center; text-align: center; color: white;
}
.hero-content h1 { font-size: 3.5rem; text-shadow: 2px 2px 8px rgba(0,0,0,0.6); }
.hero-subtext { font-weight: 700; font-size: 1.4rem; text-shadow: 2px 2px 4px #000; margin-top: 10px; }

.hero-wa-btn { 
    margin-top: 30px; 
    display: inline-block; 
    padding: 16px 40px; 
    background: #25d366; 
    color: white; 
    border-radius: 50px; 
    text-decoration: none; 
    font-weight: bold; 
    box-shadow: 0 4px 15px rgba(0,0,0,0.3);
    transition: 0.3s;
}
.hero-wa-btn:hover { background: #128c7e; transform: scale(1.05); }

/* Grids & Cards */
.grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; padding: 40px 5%; }
.card { background: white; padding: 25px; border-radius: 15px; box-shadow: 0 5px 20px rgba(0,0,0,0.06); text-align: center; border-bottom: 5px solid var(--accent); transition: 0.3s; }
.card:hover { transform: translateY(-10px); }
.prod-img { width: 100%; height: 280px; object-fit: contain; background: #fff; margin-bottom: 20px; }

/* Women Enterprise Badge */
.women-badge {
    background: linear-gradient(135deg, #1b4332 0%, #2d5a47 100%);
    color: #bf953f;
    text-align: center;
    padding: 8px 0;
    font-size: 0.85rem;
    font-weight: bold;
    letter-spacing: 1px;
    border-bottom: 2px solid var(--accent);
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.women-badge i { font-style: normal; background: var(--accent); color: var(--primary); padding: 2px 8px; border-radius: 4px; font-size: 0.7rem; }

/* Video Section Styling */
.video-section { padding: 60px 5%; text-align: center; background: var(--light); }
.video-container { 
    position: relative; 
    padding-bottom: 56.25%; /* 16:9 Aspect Ratio */
    height: 0; 
    overflow: hidden; 
    max-width: 800px; 
    margin: 30px auto; 
    border-radius: 15px; 
    box-shadow: 0 10px 30px rgba(0,0,0,0.2); 
}
.video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }

/* Footer */
footer { background: var(--primary); color: white; text-align: center; padding: 40px; margin-top: 40px; }
footer h3 { color: var(--accent); margin-bottom: 10px; }