@font-face{font-family:"SFSultanBlack";src:url("../assets/fonts/SFSultan-Black.woff2") format("woff2");font-weight:900;font-style:normal;font-display:swap}
:root{--bg:#090704;--panel:#12100c;--panel2:#18140d;--gold:#d6a64a;--gold2:#f4d486;--cream:#fff7e8;--muted:#bdb4a5;--line:rgba(214,166,74,.25);--shadow:0 22px 60px rgba(0,0,0,.42)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 50% 0,#211707 0,#0d0a06 34%,#070604 75%);color:var(--cream);font-family:"Segoe UI",Tahoma,Arial,sans-serif;min-height:100vh}.shell{width:min(1180px,calc(100% - 40px));margin:auto}.ambient{position:fixed;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 25%,rgba(214,166,74,.025) 45%,transparent 65%);z-index:-1}.hero{min-height:420px;border-bottom:1px solid var(--line);background:radial-gradient(ellipse at top,rgba(214,166,74,.13),transparent 62%)}.nav{height:92px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.06)}.brand{display:flex;gap:12px;align-items:center;color:inherit;text-decoration:none}.brand-mark{width:42px;height:42px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold2);font-size:25px}.brand b,.brand small{display:block}.brand b{font-size:16px;letter-spacing:.04em}.brand small{color:var(--muted);font-size:11px;margin-top:2px}.lang-btn{border:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--gold2);border-radius:999px;padding:10px 18px;cursor:pointer;font-weight:650}.lang-btn:hover{background:rgba(214,166,74,.12);border-color:var(--gold)}.hero-content{text-align:center;padding:76px 0 70px}.eyebrow{margin:0 0 12px;color:var(--gold);font-size:12px;letter-spacing:.25em;font-weight:700}.hero h1{font-family:Georgia,"Times New Roman",serif;font-weight:500;font-size:clamp(44px,7vw,78px);line-height:1;margin:0;background:linear-gradient(180deg,#fff7df,#e6bd66);-webkit-background-clip:text;color:transparent}.arabic-title{font-family:Tahoma,"Segoe UI",sans-serif;font-size:clamp(23px,3vw,34px);margin:14px 0 0;color:#f1dfbb}.lead{max-width:680px;margin:22px auto 0;color:var(--muted);font-size:17px;line-height:1.7}.hero-rule{display:flex;align-items:center;gap:15px;width:180px;margin:30px auto 0;color:var(--gold)}.hero-rule:before,.hero-rule:after{content:"";height:1px;background:linear-gradient(90deg,transparent,var(--gold));flex:1}.hero-rule:after{background:linear-gradient(90deg,var(--gold),transparent)}.directory{padding:70px 0 90px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:34px}.section-head h2{font-family:Georgia,"Times New Roman",serif;font-size:36px;font-weight:500;margin:0}.search-wrap{width:min(330px,100%);height:46px;display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:rgba(255,255,255,.025);border-radius:12px;padding:0 14px;color:var(--gold)}.search-wrap:focus-within{border-color:var(--gold);box-shadow:0 0 0 3px rgba(214,166,74,.08)}.search-wrap input{width:100%;border:0;outline:0;background:transparent;color:var(--cream);font-size:14px}.search-wrap input::placeholder{color:#8d8578}.mosque-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:24px}.mosque-card{grid-column:span 2;position:relative;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:linear-gradient(180deg,rgba(31,25,15,.94),rgba(14,12,9,.98));box-shadow:var(--shadow);transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.mosque-card:nth-child(4){grid-column:2/span 2}.mosque-card:nth-child(5){grid-column:4/span 2}.mosque-card:hover{transform:translateY(-7px);border-color:rgba(244,212,134,.62);box-shadow:0 28px 75px rgba(0,0,0,.58),0 0 32px rgba(214,166,74,.07)}.mosque-card a{display:block;color:inherit;text-decoration:none;height:100%}.image-stage{height:350px;display:flex;align-items:end;justify-content:center;padding:18px 12px 0;background:radial-gradient(circle at 50% 42%,rgba(214,166,74,.10),transparent 60%);overflow:hidden}.image-stage img{width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 14px 16px rgba(0,0,0,.34));transition:transform .4s ease,filter .4s ease}.mosque-card:hover img{transform:scale(1.035);filter:drop-shadow(0 15px 20px rgba(214,166,74,.14))}.card-body{border-top:1px solid rgba(214,166,74,.13);padding:24px}.live-pill{display:inline-block;color:var(--gold);font-size:10px;letter-spacing:.16em;font-weight:750;margin-bottom:10px}.card-body h3{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:23px;font-weight:500}.card-body p{margin:7px 0 22px;color:var(--muted);font-size:15px;min-height:22px}.open-btn{height:43px;border:1px solid var(--line);border-radius:10px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;color:var(--gold2);font-size:13px;font-weight:700;background:rgba(214,166,74,.04)}.mosque-card:hover .open-btn{background:linear-gradient(90deg,rgba(214,166,74,.16),rgba(214,166,74,.06));border-color:rgba(214,166,74,.5)}.open-btn b{font-size:18px}.empty{text-align:center;color:var(--muted);padding:50px 0}footer{border-top:1px solid var(--line);background:#070604}.footer-inner{min-height:120px;display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-inner strong,.footer-inner span{display:block}.footer-inner strong{color:var(--gold2);margin-bottom:5px}.footer-inner span,.footer-domain{font-size:13px;color:#8e877b}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[dir=rtl] .eyebrow{letter-spacing:0}[dir=rtl] .open-btn b{transform:scaleX(-1)}
[lang="ar"],[dir="rtl"] body{font-family:"SFSultanBlack",Tahoma,"Segoe UI",Arial,sans-serif}[lang="ar"].arabic-title,.arabic-title[lang="ar"],.card-body [lang="ar"],footer [lang="ar"]{font-family:"SFSultanBlack",Tahoma,"Segoe UI",Arial,sans-serif}
@media(max-width:900px){.mosque-grid{grid-template-columns:repeat(2,1fr)}.mosque-card,.mosque-card:nth-child(4),.mosque-card:nth-child(5){grid-column:auto}.mosque-card:last-child{grid-column:1/-1;width:calc(50% - 12px);justify-self:center}.image-stage{height:330px}}
@media(max-width:640px){.shell{width:min(100% - 26px,1180px)}.hero{min-height:auto}.nav{height:76px}.hero-content{padding:58px 0}.hero h1{font-size:48px}.section-head{align-items:stretch;flex-direction:column}.search-wrap{width:100%}.directory{padding:50px 0 65px}.mosque-grid{grid-template-columns:1fr}.mosque-card,.mosque-card:last-child{grid-column:auto;width:100%}.image-stage{height:330px}.footer-inner{padding:28px 0;flex-direction:column;align-items:flex-start}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}