:root{--green:#052e28;--green2:#0a4a40;--accent:#3fbf7f;--accent2:#90e154;--gold:#e8b24a;--cream:#f5f1e6;--ink:#17201d;--muted:#5d6b66;--line:#e7ebe9;--halal:#2e9e5b;--haram:#c9483b;--doubt:#c98a1e}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--ink);background:#fafbfa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.site-header{background:var(--green);color:var(--cream);align-items:center;gap:18px;padding:12px 22px;display:flex}.site-header .logo img{width:auto;height:30px}.site-header nav{color:#cfd8d4;flex-wrap:wrap;gap:20px;margin-left:auto;font-size:14px;display:flex}.site-header nav a:hover{color:#fff}.hero{background:radial-gradient(1100px 500px at 50% -40%,var(--green2),var(--green) 70%);color:var(--cream);text-align:center;padding:56px 22px 64px}.hero img.wordmark{width:auto;height:64px;margin:0 auto 10px}.hero h1{letter-spacing:-.5px;margin-bottom:12px;font-size:clamp(28px,6vw,46px);line-height:1.1}.hero h1 .hl{background:linear-gradient(100deg,var(--accent2),var(--gold));color:#0000;-webkit-background-clip:text;background-clip:text}.hero p{color:#f5f1e6bf;max-width:560px;margin:0 auto 26px;font-size:17px}.searchbar{background:#fff;border-radius:16px;max-width:560px;margin:0 auto;padding:7px;display:flex;box-shadow:0 18px 40px #00000040}.searchbar input{color:var(--ink);background:0 0;border:0;outline:0;flex:1;padding:14px 16px;font-size:16px}.searchbar button{background:var(--accent);color:var(--green);cursor:pointer;border:0;border-radius:11px;padding:0 24px;font-size:15px;font-weight:700}.chips{color:#f5f1e699;margin-top:18px;font-size:13px}.chips a{color:var(--cream);background:#f5f1e614;border:1px solid #f5f1e626;border-radius:999px;margin:4px;padding:6px 13px;display:inline-block}.chips a:hover{background:#f5f1e629}.wrap{max-width:960px;margin:0 auto;padding:46px 22px}.narrow{max-width:760px}.sec-h{justify-content:space-between;align-items:baseline;margin-bottom:18px;display:flex}.sec-h h2{font-size:22px}.sec-h a{color:#0a7a5f;font-size:14px}.grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px;display:grid}.card{border:1px solid var(--line);background:#fff;border-radius:14px;flex-direction:column;gap:8px;padding:16px;transition:all .15s;display:flex}.card:hover{transform:translateY(-2px);box-shadow:0 10px 24px #052e2814}.card .q{font-size:15.5px;font-weight:650}.tag{text-transform:uppercase;letter-spacing:.4px;color:#fff;border-radius:999px;align-self:flex-start;padding:4px 9px;font-size:11px;font-weight:800}.tag.halal{background:var(--halal)}.tag.haram{background:var(--haram)}.tag.depends,.tag.doubtful{background:var(--doubt)}.browse{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;display:grid}.bcat{background:var(--green);color:var(--cream);border-radius:16px;padding:22px;position:relative;overflow:hidden}.bcat h3{margin-bottom:4px;font-size:18px}.bcat p{color:#f5f1e6b3;font-size:13px}.bcat .n{color:var(--accent2);font-size:12px;font-weight:700;position:absolute;top:14px;right:16px}.trust{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}.trust .wrap{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:22px;padding:34px 22px;display:grid}.trust .t h4{margin-bottom:4px;font-size:15px}.trust .t p{color:var(--muted);font-size:13.5px}.crumb{color:var(--muted);margin-bottom:14px;font-size:13px}h1.title{margin-bottom:16px;font-size:clamp(26px,5vw,36px);line-height:1.2}.verdict{border:1px solid var(--line);background:#fff;border-radius:16px;align-items:center;gap:14px;margin:4px 0 10px;padding:18px 20px;display:flex}.verdict .badge{text-transform:uppercase;letter-spacing:.5px;color:#fff;border-radius:999px;flex:none;padding:8px 14px;font-size:13px;font-weight:800}.badge.halal{background:var(--halal)}.badge.haram{background:var(--haram)}.badge.depends,.badge.doubtful{background:var(--doubt)}.verdict b{font-size:17px}.verdict p{color:var(--muted);margin-top:2px;font-size:14px}.verified{color:var(--muted);margin:8px 0 24px;font-size:12px}h2.sh{margin:28px 0 10px;font-size:20px}.narrow p{margin:10px 0}.box{border:1px solid var(--line);background:#fff;border-radius:14px;margin:14px 0;padding:16px 18px}.kv{border-bottom:1px dashed var(--line);gap:10px;padding:6px 0;font-size:15px;display:flex}.kv:last-child{border:0}.kv b{color:var(--muted);flex:0 0 120px;font-weight:600}.alts{gap:8px;list-style:none;display:grid}.alts li{border:1px solid var(--line);background:#fff;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;display:flex}.alts a{background:var(--accent);color:var(--green);white-space:nowrap;border-radius:999px;padding:7px 14px;font-size:13px;font-weight:700}.src{color:var(--muted);font-size:14px}.src li{margin-left:18px}.ad{text-align:center;color:#9aa6a1;background:#f0f2f1;border:1px dashed #c7d0cc;border-radius:12px;margin:22px 0;padding:22px;font-size:12px}.disc{color:var(--muted);border:1px solid var(--line);border-left:3px solid var(--gold);background:#fff;border-radius:8px;margin-top:30px;padding:12px 14px;font-size:12.5px}.site-footer{background:var(--green);color:#f5f1e6b3;text-align:center;padding:30px 22px;font-size:13px}.site-footer img{height:22px;margin:0 auto 10px}.site-footer .fine{opacity:.7;margin-top:6px;font-size:12px}.brand{color:var(--cream);letter-spacing:-.3px;font-family:Georgia,Times New Roman,serif;font-size:20px;font-weight:700;line-height:1}.brand .hl{color:var(--accent2)}.site-footer .brand.foot{margin-bottom:8px;font-size:18px;display:inline-block}