:root{--green:#082c24;--gold:#d9b66f;--cream:#fff8e9;--ink:#18221f}
*{box-sizing:border-box}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--cream);line-height:1.65}
header{background:var(--green);padding:18px 6%;display:flex;align-items:center;justify-content:space-between;gap:24px}
header img{width:150px;height:auto}
.halal-logo{width:64px;height:64px;object-fit:cover;border-radius:50%;margin-left:auto}
nav{display:flex;gap:18px;flex-wrap:wrap}
nav a{color:white;text-decoration:none;font-weight:700}
main{max-width:1050px;margin:auto;padding:70px 24px}
.hero{display:grid;grid-template-columns:1.15fr .85fr;gap:42px;align-items:center}
.hero img{width:100%;border-radius:28px;box-shadow:0 22px 60px #0002}
h1{font-family:Georgia,serif;color:var(--green);font-size:clamp(2.5rem,6vw,5rem);line-height:1.02;margin:.15em 0}
.eyebrow{color:#8a6418;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.lead{font-size:1.2rem}
.buttons{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}
.button{display:inline-block;padding:13px 20px;border-radius:999px;text-decoration:none;font-weight:800;background:var(--green);color:white}
.button.alt{background:var(--gold);color:#172a24}
.content{margin-top:70px;display:grid;grid-template-columns:1fr 1fr;gap:28px}
.card{background:white;padding:28px;border-radius:20px;box-shadow:0 10px 30px #0000000d}
.card h2{color:var(--green);font-family:Georgia,serif;margin-top:0}
.faq{margin-top:60px}
.faq details{background:white;border-radius:14px;padding:18px 20px;margin:12px 0}
.faq summary{font-weight:800;cursor:pointer}
.nearby{margin-top:55px;padding:28px;border:1px solid #d9b66f;border-radius:20px}
.nearby a{color:var(--green);font-weight:800}
footer{background:var(--green);color:white;padding:32px 6%;text-align:center}
footer a{color:var(--gold)}
@media(max-width:760px){header{align-items:flex-start;flex-direction:column}
.hero,.content{grid-template-columns:1fr}
main{padding-top:45px}
}