*{box-sizing:border-box}
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial;margin:0;color:#222;background:#f9f9f9}
.container{max-width:1100px;margin:0 auto;padding:20px}
.site-header{background:#000;color:#fff;padding:12px 0}
.header-flex{display:flex;align-items:center;justify-content:space-between}
.branding{display:flex;align-items:center}
.logo-img{height:70px;margin-right:14px}
.logo-text a{color:#fff;text-decoration:none;font-size:1.2rem;font-weight:800}
.main-nav a{color:#fff;text-decoration:none;margin-left:16px}
.main-nav a:hover{text-decoration:underline}
.contact-bar{background:#f3f4f6;padding:10px 15px;text-align:center;font-size:.95rem;border:1px solid #e5e7eb;border-radius:8px;margin:12px 0}
.contact-bar a{color:#000;text-decoration:none}
.contact-bar a:hover{text-decoration:underline}
.site-footer{background:#000;padding:20px;text-align:center;margin-top:24px}
.footer-copy{color:#fff;margin:0}
.card{background:#fff;border:1px solid #e5e7eb;padding:18px;border-radius:8px;box-shadow:0 2px 5px rgba(0,0,0,.08);margin:14px 0}
/* Hero */
.hero{position:relative;width:100%;height:420px;overflow:hidden;border-radius:12px;box-shadow:0 6px 18px rgba(0,0,0,.12);margin:12px 0 20px}
.hero img{width:100%;height:100%;object-fit:cover;display:block}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6));z-index:1}
.hero .overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;z-index:2;padding:20px}
.hero .overlay h2{font-size:2rem;margin:0 0 8px}
.hero .overlay p{font-size:1.1rem;margin:0;color:#e5e7eb}
/* Why choose us */
.why{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}
.why .whycard{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:14px}
/* Gallery */
.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.gallery .gcard{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}
.gallery .gcard img{width:100%;height:160px;object-fit:cover}
/* Forms */
.form-group{margin-bottom:12px}
input[type=text], input[type=email], input[type=password], textarea, select{width:100%;padding:10px;border:1px solid #cbd5e1;border-radius:6px}
button, .btn{padding:10px 16px;border:none;border-radius:6px;cursor:pointer}
.btn-primary{background:#000;color:#fff;text-decoration:none}
.btn-primary:hover{background:#333}
.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px 16px}
/* Responsive */
@media (max-width:768px){
  .hero{height:300px}
  .hero .overlay h2{font-size:1.5rem}
  .hero .overlay p{font-size:1rem}
}


/* FAQ styles */
.faq details, .faq-list details{border:1px solid #e5e7eb;border-radius:8px;padding:10px 12px;margin:10px 0;background:#fff}
.faq summary, .faq-list summary{cursor:pointer;font-weight:600}
.faq p, .faq-list p{margin:8px 0 4px}