:root{
  --yesil: var(--tema-renk, #0f5c3f);
  --yesil-acik:#e8f3ee;
  --bg:#f7f8f7;
}
*{box-sizing:border-box;}
body{font-family:'Segoe UI',Tahoma,Arial,sans-serif;margin:0;background:var(--bg);color:#222;}
header.site-header{background:var(--yesil);color:#fff;padding:0;}
.ust-serit{background:#0c3d2a;color:#cfe6da;font-size:12px;padding:6px 24px;text-align:right;}
.marka{padding:16px 24px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;}
.marka h1{margin:0;font-size:24px;}
.marka p{margin:2px 0 0;font-size:12px;opacity:.85;}
nav.menu{background:#0c4a33;}
nav.menu ul{list-style:none;display:flex;flex-wrap:wrap;margin:0;padding:0 24px;gap:4px;}
nav.menu a{display:block;color:#fff;text-decoration:none;padding:12px 14px;font-size:14px;}
nav.menu a:hover{background:var(--yesil);}
.icerik{max-width:1080px;margin:24px auto;padding:0 20px;}
.kart{background:#fff;border-radius:10px;padding:22px;box-shadow:0 1px 6px rgba(0,0,0,.06);margin-bottom:20px;}
.vakit-kutu{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;text-align:center;}
.vakit-kutu div{background:var(--yesil-acik);border-radius:8px;padding:14px 6px;}
.vakit-kutu .ad{font-size:12px;color:#4a6a5c;}
.vakit-kutu .saat{font-size:18px;font-weight:bold;color:var(--yesil);}
.cami-liste{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;}
.cami-kart{background:#fff;border-radius:10px;padding:16px;box-shadow:0 1px 6px rgba(0,0,0,.06);}
.cami-kart h4{margin:0 0 6px;color:var(--yesil);}
.cami-kart .mahalle{font-size:12px;color:#888;margin-bottom:8px;}
footer{text-align:center;padding:20px;font-size:12px;color:#888;}
@media(max-width:700px){.vakit-kutu{grid-template-columns:repeat(3,1fr);}}