:root{--bg:#100e0c;--bg2:#18130e;--panel:#201910;--gold:#f2a925;--gold2:#db8909;--cream:#fff7eb;--text:#fff8ef;--muted:#d9cbbb;--line:rgba(247,174,49,.32);--green:#1f7049}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',Tahoma,sans-serif;line-height:1.45}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #ffdc78;outline-offset:3px}.ambient{position:fixed;z-index:-1;pointer-events:none}.ambient-one{height:800px;width:700px;left:calc(50% - 350px);top:-390px;background:radial-gradient(circle,#603013aa 0%,#281a0e88 37%,transparent 70%)}.ambient-two{height:650px;width:800px;left:calc(50% - 400px);top:850px;background:radial-gradient(circle,#331e0c66 0%,transparent 72%)}
.app{max-width:476px;padding:28px 22px 50px;margin:0 auto}.status{display:flex;gap:9px;align-items:center;justify-content:center;letter-spacing:.17em;font-size:11px;font-weight:800;color:#dec39d;margin-bottom:26px}.status-dot{height:6px;width:6px;border-radius:99px;background:#e2a146}.status-sep{color:#a89374}.hero{text-align:center}.brand-top{display:flex;align-items:center;justify-content:center;gap:10px;color:#e9b65c;font-size:12px;font-weight:750;letter-spacing:.12em;margin-bottom:20px}.brand-top .line{height:1px;background:var(--line);width:45px}.small-dot{padding:0 5px;color:#c29a61}.brand-ring{width:192px;height:192px;border-radius:50%;display:grid;place-items:center;margin:0 auto 16px;background:#fffefa;border:3px solid #f4b43e;box-shadow:0 0 0 7px #f5af2522,0 12px 40px #0007;overflow:hidden}.logo{display:block;width:100%;height:100%;object-fit:contain}.brand-divider{display:flex;justify-content:center;align-items:center;gap:11px;color:#f6ca7f;font-size:11px;font-weight:900;letter-spacing:.3em}.brand-divider span{background:var(--line);height:1px;width:27px}.hero h1{font-size:26px;line-height:1.4;margin:8px 0 0;font-weight:800;letter-spacing:0}.hero-sub{font-size:14px;color:#ddd0bf;margin:2px 0 12px}.location{font-size:13px;color:#e6c381;display:flex;align-items:center;justify-content:center;gap:5px}.icon{flex:none}.location svg{width:15px;height:15px}.food-photo{height:170px;border-radius:19px;border:1px solid #f6a21e55;overflow:hidden;margin:25px 0 27px;position:relative;background:#17110d}.food-photo img{width:100%;height:100%;object-fit:cover}.photo-shadow{position:absolute;inset:0;background:linear-gradient(to top,#000c 0%,transparent 65%)}.photo-label{position:absolute;bottom:13px;left:17px;right:17px;display:flex;gap:12px;color:#fff9ee;letter-spacing:.1em;font-size:13px;font-weight:900;text-shadow:0 2px 8px #000}.photo-label span+span{border-left:1px solid #fff7;padding-left:12px}.section-label{display:flex;align-items:center;justify-content:center;gap:12px;font-size:12px;color:#e7c17c;font-weight:750;letter-spacing:.1em;margin-bottom:14px}.divider-line{height:1px;flex:1;background:var(--line)}.links{display:grid;gap:9px}.link-item{display:flex;align-items:center;gap:13px;min-height:66px;padding:10px 14px;border-radius:14px;border:1px solid #dbac4b4f;background:linear-gradient(120deg,#2b2117,#1d1813);box-shadow:0 6px 18px #0003;transition:transform .18s,border-color .18s,background .18s}.link-item:hover{transform:translateY(-2px);border-color:#edb041}.link-icon{display:grid;place-items:center;width:43px;height:43px;border:1px solid #dba34635;border-radius:12px;color:#f0b94a;background:#36281a;flex:none}.link-copy{flex:1;text-align:left;min-width:0}.link-ar{display:block;font-family:Tahoma,'Segoe UI',sans-serif;font-size:15px;font-weight:750;color:#fff8ec;text-align:left;line-height:1.3}.link-en{display:block;font-size:12px;color:#d1c4b3;margin-top:3px;letter-spacing:.015em}.link-arrow{color:#e3aa4a;display:grid;place-items:center}.link-arrow svg{height:17px;width:17px}.link-featured{background:linear-gradient(120deg,#227452,#18583f);border-color:#55a57d}.link-featured .link-icon{background:#2b845e;border-color:#62b78c;color:#ecfff1}.link-featured .link-arrow{color:#d1ffe1}.link-featured .link-en{color:#e0f5e5}
.sabeel-section{margin:23px 0 0;padding:22px 19px 18px;border-radius:18px;border:1px solid #bc9e4f80;background:linear-gradient(140deg,#263b29,#1b2f22 55%,#1c241a);box-shadow:0 12px 22px #0005}.sabeel-header{display:flex;align-items:center;gap:9px}.sabeel-icon{background:#3a6944;border-radius:11px;display:grid;place-items:center;color:#f9cb6d;width:35px;height:35px}.sabeel-kicker{letter-spacing:.16em;color:#daf1d7;font-size:11px;font-weight:850}.sabeel-price{margin-left:auto;color:#ffd074;font-size:14px;font-weight:900}.sabeel-price small{font-size:12px;color:#f0d9b2;font-weight:700}.sabeel-section h2{font-size:21px;line-height:1.5;margin:14px 0 0}.sabeel-section h3{font-size:17px;margin:0 0 8px;color:#ffdf9a}.sabeel-section p{color:#e4eee4;font-size:14px;margin:0 0 14px}.sabeel-choices{color:#e4eee1;font-size:12px;display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:14px 0}.choice-dot{width:4px;height:4px;background:#ffc34f;border-radius:50%}.sabeel-btn{display:flex;align-items:center;gap:12px;background:linear-gradient(90deg,#f8b52c,#ec9820);color:#211505;border-radius:10px;font-weight:900;padding:12px 14px;min-height:53px}.sabeel-btn .sabeel-btn-copy{display:block;min-width:0;flex:1}.sabeel-btn .sabeel-btn-copy span{font-size:14px;display:block;line-height:1.4}.sabeel-btn small{font-size:12px;display:block;opacity:.86;margin-top:3px}.sabeel-btn svg{margin-left:auto;width:19px}
.visit-section{margin:22px 0;display:flex;align-items:center;gap:13px;border:1px solid var(--line);border-radius:14px;background:#221b14;padding:15px}.visit-info{flex:1;min-width:0}.visit-title{display:flex;align-items:center;gap:7px;color:#f3ce8a;font-size:14px}.visit-title svg{width:18px}.visit-info p{font-size:13px;color:#dfd2c0;text-align:left;margin:10px 0;line-height:1.65}.visit-info a{display:flex;align-items:center;color:#ffd68e;font-size:13px;font-weight:850;gap:5px}.visit-info a svg{width:13px}.qr{width:118px;height:118px;object-fit:contain;background:#fff;padding:4px;border-radius:9px;border:1px solid #e4c594}footer{text-align:center;margin-top:30px;display:grid;gap:4px;font-size:12px;color:#bfb1a1}footer .footer-mark{font-size:12px;color:#e5c487;font-weight:900;letter-spacing:.17em}footer small{font-size:12px;margin-top:8px;color:#aaa093}
/* sabeel */.back{display:inline-flex;align-items:center;gap:7px;font-size:14px;color:#ffd073;margin-bottom:25px}.back svg{width:18px}.sabeel-hero{text-align:center}.sabeel-logo{display:block;width:126px;height:126px;object-fit:cover;border:3px solid #e9a02a;border-radius:50%;background:white;margin:0 auto 16px;box-shadow:0 8px 25px #0008}.page-kicker{letter-spacing:.2em;font-size:12px;font-weight:900;color:#efbd66}.sabeel-hero h1{font-size:30px;margin:13px 0 0}.sabeel-hero h2{font-size:19px;margin:0 0 8px;color:#fbc879}.sabeel-hero p{font-size:14px;color:#ded1c0;max-width:340px;margin:0 auto 18px}.meal-head{display:flex;align-items:center;justify-content:space-between;color:#f4c37e;font-size:12px;letter-spacing:.06em;font-weight:800;border-bottom:1px solid var(--line);padding-bottom:10px;margin:20px 0 14px}.meal-card{display:block;border-radius:16px;padding:18px;margin-bottom:13px;background:linear-gradient(135deg,#2c2115,#181613);border:1px solid #f2a92555}.meal-card-link{transition:transform .18s,border-color .18s,box-shadow .18s}.meal-card-link:hover{transform:translateY(-2px);border-color:#f2a925aa;box-shadow:0 12px 28px #0005}.meal-card-top{display:flex;align-items:center;justify-content:space-between;font-size:12px;letter-spacing:.17em;color:#e2c79c;font-weight:800}.meal-price{font-size:26px;color:#ffd174;letter-spacing:0}.meal-price small{font-size:12px}.meal-card h2{font-size:19px;margin:5px 0 1px}.meal-card h3{font-size:16px;margin:0 0 10px;color:#efc982}.meal-card p{font-size:14px;color:#ddd1c0;margin:0 0 13px}.meal-includes{display:flex;gap:5px;align-items:center;color:#dce9cf;font-size:13px}.meal-includes svg{height:14px;width:14px}.meal-view{display:flex;justify-content:space-between;align-items:center;margin-top:14px;padding-top:12px;border-top:1px solid var(--line);color:#ffca6b;font-size:13px;font-weight:850}.prayer{text-align:center;margin:22px 6px;color:#ffdc98;line-height:1.6;font-size:14px}.prayer-mark{font-size:18px;color:#f3a923;margin-bottom:5px}.sabeel-whatsapp{display:flex;align-items:center;gap:12px;padding:14px;border-radius:14px;background:#20734d;border:1px solid #52a478;transition:transform .18s,background .18s}.sabeel-whatsapp:hover{transform:translateY(-2px);background:#27865b}.sabeel-whatsapp>svg:last-child{margin-left:auto;width:18px}.sabeel-whatsapp strong{display:block;font-size:14px}.sabeel-whatsapp small{display:block;font-size:12px;margin-top:5px;color:#e0f7e9}.staging-note{color:#c5baad;font-size:12px;text-align:center;margin-top:20px}
.poster-page{max-width:620px}.combo-header{text-align:center;margin:0 auto 18px}.combo-header h1{font-size:28px;line-height:1.16;margin:0 auto 8px;max-width:520px}.combo-header p{color:#e3c58d;font-size:14px;margin:0}.combo-header p strong{color:#ffd06f}.poster-frame{margin:0 0 18px;border-radius:16px;overflow:hidden;background:#1b120c;box-shadow:0 18px 50px #0008}.poster-frame img{display:block;width:100%;height:auto}.combo-order{min-height:66px}.combo-order strong{font-size:15px}.combo-switch{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding:14px 16px;border:1px solid var(--line);border-radius:13px;background:#211a13;color:#dbcebd;font-size:13px}.combo-switch strong{color:#ffca6b;white-space:nowrap}
@media (max-width:400px){.app{padding:22px 15px 45px}.brand-ring{width:172px;height:172px}.food-photo{height:150px}.sabeel-section{padding:17px}.qr{width:101px;height:101px}.visit-section{gap:9px;padding:12px}.visit-info p{font-size:12px}.combo-header h1{font-size:24px}.poster-frame{border-radius:14px}.combo-switch{align-items:flex-start;flex-direction:column;gap:3px}}
@media (prefers-reduced-motion:reduce){.link-item{transition:none}}