/* style.css - Maa Sharda Seva Samiti */

*{margin:0;padding:0;box-sizing:border-box;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;}
body{background:#faf7f2;color:#333;line-height:1.6;}
a{text-decoration:none;color:#c2571a;}
a:hover{color:#8b3d10;}
header{background:#ffffff;box-shadow:0 2px 6px rgba(0,0,0,.08);position:sticky;top:0;z-index:99;}
.top-bar{background:#c2571a;color:#fff;font-size:13px;padding:6px 10%;display:flex;justify-content:space-between;align-items:center;}
.top-bar a{color:#ffe8d2;margin-left:12px;}
nav{display:flex;justify-content:space-between;align-items:center;padding:12px 10%;}
.logo{display:flex;align-items:center;}
.logo img{height:52px;margin-right:10px;border-radius:4px;}
.logo-text{font-size:20px;font-weight:700;text-transform:uppercase;line-height:1.2;color:#2a1b0a;}
nav ul{list-style:none;display:flex;gap:22px;font-size:15px;}
nav ul li a{padding:6px 4px;border-bottom:2px solid transparent;}
nav ul li a.active,nav ul li a:hover{border-color:#c2571a;}
.btn-primary{background:#c2571a;color:#fff;padding:9px 18px;border-radius:4px;font-size:14px;display:inline-block;}
.btn-primary:hover{background:#8b3d10;color:#fff;}
.hero{padding:80px 10% 70px;display:flex;flex-wrap:wrap;align-items:center;gap:40px;background:url('hero-pattern.png') no-repeat right bottom/280px,#fff5ea;}
.hero-text{flex:1 1 320px;}
.hero-text h1{font-size:34px;margin-bottom:12px;color:#2a1b0a;}
.hero-text h1 span{color:#c2571a;}
.hero-text p{margin-bottom:16px;font-size:15px;}
.hero-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:10px;}
.hero-img{flex:1 1 260px;text-align:center;}
.hero-img img{max-width:100%;border-radius:10px;box-shadow:0 10px 25px rgba(0,0,0,.15);}
.section{padding:60px 10%;}
.section-title{text-align:center;margin-bottom:32px;}
.section-title h2{font-size:26px;margin-bottom:6px;color:#2a1b0a;}
.section-title p{font-size:14px;color:#666;}
.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;}
.card{background:#fff;border-radius:10px;padding:18px;box-shadow:0 4px 12px rgba(0,0,0,.06);}
.card h3{font-size:18px;margin-bottom:8px;color:#2a1b0a;}
.card p{font-size:14px;color:#555;}
.badge{display:inline-block;background:#ffe8d2;color:#c2571a;font-size:11px;padding:3px 8px;border-radius:20px;margin-bottom:6px;text-transform:uppercase;letter-spacing:.04em;}
.stats{display:flex;flex-wrap:wrap;gap:22px;justify-content:center;margin-top:15px;}
.stat{min-width:130px;text-align:center;}
.stat strong{display:block;font-size:24px;color:#c2571a;}
.stat span{font-size:13px;color:#555;}
.highlight{background:#2a1b0a;color:#fff;border-radius:10px;padding:24px;margin-top:26px;display:flex;flex-wrap:wrap;gap:18px;align-items:center;}
.highlight p{flex:1 1 260px;font-size:14px;}
.highlight .btn-primary{background:#fff;color:#c2571a;}
.highlight .btn-primary:hover{background:#ffe8d2;}
footer{background:#1b1207;color:#eee;padding:35px 10% 18px;margin-top:40px;}
.footer-grid{display:grid;grid-template-columns:2fr 1.3fr 1.3fr;gap:28px;font-size:13px;}
footer h4{font-size:15px;margin-bottom:10px;}
footer ul{list-style:none;}
footer li{margin-bottom:6px;}
footer a{color:#f2d9ba;}
.footer-bottom{border-top:1px solid #43321f;margin-top:18px;padding-top:10px;font-size:12px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;}
.social a{margin-right:10px;font-size:16px;}
.page-hero{padding:70px 10% 40px;background:#fff5ea;border-bottom:1px solid #f0e0cf;}
.page-hero h1{font-size:30px;margin-bottom:6px;color:#2a1b0a;}
.page-hero p{font-size:14px;color:#555;}
.layout-2col{display:grid;grid-template-columns:2fr 1fr;gap:24px;}
ul.checklist{list-style:none;font-size:14px;}
ul.checklist li{margin-bottom:8px;padding-left:18px;position:relative;}
ul.checklist li:before{content:'✓';position:absolute;left:0;color:#c2571a;}
.table-like{width:100%;border-collapse:collapse;font-size:14px;}
.table-like th,.table-like td{border:1px solid #e3d3c0;padding:8px 10px;text-align:left;}
.gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;}
.gallery-grid img{width:100%;border-radius:6px;object-fit:cover;height:150px;}
.contact-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;font-size:14px;}
.contact-form input,.contact-form textarea{width:100%;padding:9px 10px;border-radius:4px;border:1px solid #d5c4b3;}
.contact-form textarea{min-height:110px;grid-column:1/3;}
.contact-info{font-size:14px;}
.badge-tax{background:#0a7a3b;color:#fff;}
@media(max-width:900px){
  .grid-3{grid-template-columns:1fr;}
  .gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .footer-grid{grid-template-columns:1fr;}
  nav{flex-direction:column;align-items:flex-start;}
  nav ul{margin-top:10px;flex-wrap:wrap;}
}
@media(max-width:600px){
  .hero{padding:60px 7%;}
  .section{padding:45px 7%;}
  .page-hero{padding:55px 7% 30px;}
  .gallery-grid{grid-template-columns:1fr;}
}
