/* Dalil Albargh — Fresh build */
:root{
  --bg:#f5fbf8;
  --card:#ffffff;
  --ink:#0d1b2a;
  --muted:#5c6b73;
  --brand:#0a7c66;
  --accent:#198754;
  --chip:#eaf5f1;
  --border:#dfe9e4;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Noto Naskh Arabic UI','Tajawal',Arial,sans-serif;background:var(--bg);color:var(--ink)}
.topbar{position:sticky;top:0;z-index:20;background:#0a7c66;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:10px 14px}
.brand{font-weight:800;letter-spacing:.3px}
.actions{display:flex;gap:8px}
.chip{border:0;background:#0f9e82;color:#fff;border-radius:999px;padding:8px 12px;font-weight:700;cursor:pointer}

.container{max-width:1040px;margin:18px auto;padding:0 12px;display:flex;flex-direction:column;gap:16px}
.card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:14px 14px 12px 14px;box-shadow:0 2px 10px rgba(6,36,27,.04)}
.section-title{font-weight:900;font-size:22px;margin:2px 0 8px 0}
.section-sub{margin:0 0 10px 0;color:var(--muted);font-size:13px}

.grid{display:grid;gap:12px}
.grid-2-mobile{grid-template-columns:repeat(2,1fr)}
.grid-4-desktop{}
.grid-2-desktop{}
@media(min-width:900px){
  .grid-4-desktop{grid-template-columns:repeat(4,1fr)}
  .grid-2-desktop{grid-template-columns:repeat(2,1fr)}
}

.emr-item{display:flex;justify-content:space-between;align-items:center;padding:12px;border:1px dashed var(--border);border-radius:12px;background:#fff}
.emr-name{font-weight:800}
.emr-number a{display:inline-block;text-decoration:none;background:#0a7c66;color:#fff;padding:6px 10px;border-radius:10px;font-weight:800}

.service-block{border:1px dashed var(--border);border-radius:12px;padding:10px;margin-top:10px;background:#fbfefd}
.block-title{margin:0 0 10px 0;font-size:16px}

.prayer-widget{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
@media(min-width:700px){.prayer-widget{grid-template-columns:repeat(5,1fr)}}
.prayer-cell{background:#f0faf7;border:1px solid var(--border);border-radius:12px;padding:10px;text-align:center}
.prayer-name{color:var(--muted);margin:0 0 4px 0}
.prayer-time{font-weight:900;font-size:18px;margin:0}

.rates-table{width:100%;border-collapse:collapse;border:1px solid var(--border);overflow:hidden;border-radius:12px;background:#fff}
.rates-table th,.rates-table td{padding:10px;border-bottom:1px solid var(--border);text-align:center}
.rates-table th{background:#e9f7f1}
.rates-table tr:nth-child(even){background:#fbfefd}
.badge-src{color:var(--muted);font-size:12px;margin-top:6px}

.quick-card,.feat-card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:10px}
.quick-card a{display:block;text-decoration:none;color:var(--ink);font-weight:800}
.visit-btn{background:var(--accent);border:0;color:#fff;border-radius:10px;padding:8px 12px;font-weight:900;cursor:pointer}
.verified-badge{background:#dbf5e9;color:#126b4b;border-radius:999px;padding:6px 10px;font-weight:800}

.cat-list{display:grid;gap:12px}
.cat-item{display:flex;justify-content:space-between;align-items:center;padding:12px;border:1px solid var(--border);border-radius:12px;background:#fff}
.cat-item .label{font-weight:800}
.cat-item .tag{color:var(--muted)}

.to-top{position:fixed;right:14px;bottom:14px;padding:10px 12px;border-radius:999px;border:0;background:#0a7c66;color:#fff;box-shadow:0 6px 20px rgba(0,0,0,.15);cursor:pointer}

.footer{max-width:1040px;margin:0 auto 20px auto;padding:12px;color:#0a7c66;text-align:center}
\n/* === Dalil-Albargh v1.2 minimal additions === */
.cat-item{cursor:pointer}
.cat-item.active{outline:2px solid #0a7c66; outline-offset:2px; border-radius:12px}
@media (min-width: 992px){
  #featured-grid{display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px}
  #featured-grid > *:nth-child(n+9){display:none}
}\n