@font-face{font-family:'Plex Arabic';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-sans-arabic-arabic-400-normal.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-08FF,U+FB50-FDFF,U+FE70-FEFF,U+200C-200E,U+2010-2011,U+204F,U+2E41}@font-face{font-family:'Plex Arabic';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/ibm-plex-sans-arabic-arabic-700-normal.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-08FF,U+FB50-FDFF,U+FE70-FEFF,U+200C-200E,U+2010-2011,U+204F,U+2E41}@font-face{font-family:'Plex Arabic';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-sans-arabic-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Plex Arabic';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/ibm-plex-sans-arabic-latin-700-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--green:#146b5a;--deep:#174b40;--cream:#f6f8f5;--line:#dce8e2;--muted:#647a71;--white:#fff;--shadow:0 12px 36px #163c3210}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);font-family:'Plex Arabic',Tahoma,Arial,sans-serif;color:#203f36;line-height:1.85}a{color:var(--green)}.wrap{max-width:1160px;margin:auto;padding:0 20px}.site-header{background:#fff;border-bottom:1px solid var(--line)}.header-inner{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-size:1.45rem;font-weight:800;text-decoration:none;color:var(--deep)}.brand{display:inline-flex;align-items:center;gap:9px}.logo{width:38px;height:38px;flex:none}nav{display:flex;flex-wrap:wrap;gap:20px}nav a{text-decoration:none;color:#34574c;font-size:.92rem}.hero{text-align:center;padding-top:65px;padding-bottom:45px}.eyebrow{color:var(--green);font-size:.9rem;font-weight:700}.hero h1{font-size:clamp(1.8rem,4vw,2.8rem);color:var(--deep);margin:10px 0}.hero p{max-width:660px;margin:auto;color:var(--muted)}.layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:24px;align-items:start}.maincol{min-width:0}.panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px;margin-bottom:22px;box-shadow:var(--shadow);scroll-margin-top:20px}h2{margin:0 0 6px;font-size:1.4rem;color:var(--deep)}h3{color:var(--deep)}.muted{color:var(--muted);margin-top:0}.switch{display:flex;background:#eef4f1;padding:5px;border-radius:12px;gap:5px;margin:18px 0}.switch button{flex:1;border:0;background:transparent;padding:11px;border-radius:9px;font-weight:700;cursor:pointer;color:var(--deep)}.switch button.active{background:var(--green);color:#fff}.fields{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:12px}.fields.two{grid-template-columns:1fr 1fr}label{display:block;font-weight:700;font-size:.92rem;margin:10px 0}input,select,button{font-family:inherit}input,select{display:block;width:100%;margin-top:7px;border:1px solid #bfd1c8;border-radius:10px;padding:12px;font:inherit;background:#fff;color:#1b3b32;min-width:0}input:focus,select:focus,button:focus-visible{outline:3px solid #a3d9ca;outline-offset:2px}.primary{background:var(--green);color:#fff;border:0;border-radius:11px;padding:13px 22px;font:inherit;font-weight:700;cursor:pointer;margin-top:14px;width:100%}.primary:hover{background:#0e5548}.result{background:#f1f8f4;border:1px solid #d4e8de;border-radius:12px;margin-top:20px;padding:17px;min-height:64px;overflow-wrap:anywhere}.result.error{background:#fff4f2;border-color:#efc6bd;color:#9c3827}.result strong{color:var(--deep);font-size:1.15rem}.aside a{display:block;padding:7px 0;text-decoration:none;border-bottom:1px solid var(--line)}.ad-placeholder{border:2px dashed #cddbd4;border-radius:14px;text-align:center;padding:35px 14px;color:var(--muted)}.ad-placeholder small{display:block}.article p{margin:12px 0}.article details{border-bottom:1px solid var(--line);padding:12px 0}.article summary{cursor:pointer;font-weight:700}footer{background:#123d33;color:#e5f2eb;margin-top:42px;padding:28px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px}footer a{color:#e5f2eb;margin-left:16px}.footer-inner p{font-size:.86rem;margin:0}.calendar-table{width:100%;border-collapse:collapse;text-align:center;font-size:.85rem}.calendar-table th,.calendar-table td{padding:8px 3px;border:1px solid var(--line)}.calendar-table th{background:#e4f0e9}.calendar-table td small{display:block;color:var(--muted)}@media(max-width:800px){.layout{grid-template-columns:1fr}.sidebar{display:none}nav{gap:10px;font-size:.8rem}.header-inner{flex-direction:column;padding-top:12px;padding-bottom:12px}.hero{padding-top:35px;padding-bottom:28px}}@media(max-width:480px){.panel{padding:18px}.fields,.fields.two{grid-template-columns:1fr 1fr}.fields label:last-child:nth-child(odd){grid-column:1/-1}.switch button{font-size:.8rem}.calendar-table{font-size:.7rem}.calendar-table th,.calendar-table td{padding:4px 1px}}

.btn-action{background:#fff;border:1px solid var(--green);color:var(--green);padding:9px 16px;border-radius:9px;font:inherit;font-size:.9rem;font-weight:700;cursor:pointer}.btn-action:hover{background:var(--green);color:#fff}.btn-wa{background:#1f9e50;border-color:#1f9e50;color:#fff}.btn-wa:hover{background:#178042;border-color:#178042}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.small{font-size:.86rem}.aside+.aside{margin-top:0}nav a[aria-current=page]{color:var(--green);font-weight:700}.prayer-top{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:12px}.city-pick{margin:0;min-width:220px}.clock{font-weight:700;margin:0}.next-box,.count-box{background:#eef7f3;border:2px solid var(--green);border-radius:14px;padding:18px;text-align:center;margin:18px 0}#nextPrayerName,.count-title{font-weight:700;color:var(--deep)}.big-timer{font-size:2.1rem;font-weight:800;color:var(--green);direction:ltr;letter-spacing:1px}.prayer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}.pcard{border:1px solid var(--line);border-radius:12px;padding:12px;text-align:center;background:#fff}.pcard.sun{background:#fafcfb}.pcard.next{border:2px solid var(--green);background:#eef7f3}.pname{display:block;font-weight:700;color:var(--deep)}.ptime{display:block;font-size:1.2rem;font-weight:800;color:var(--green)}.pcard small{color:var(--muted)}.table-scroll{overflow-x:auto}.week-table td small{display:block}.week-table tr.today td{background:#eef7f3;font-weight:700}.fast-box p{margin:6px 0}.timer-row{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:8px}.timer-unit{background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 14px;min-width:72px}.timer-num{display:block;font-size:1.9rem;font-weight:800;color:var(--green);line-height:1.2}.timer-label{font-size:.85rem;color:var(--muted);font-weight:700}.today-msg{font-size:1.4rem;font-weight:800;color:var(--green)}.pay-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:0 20px}.pay-card h3{margin:0}.pay-card .muted{margin:0 0 6px;font-size:.9rem}.pay-date strong{color:var(--deep)}.pay-date small{color:var(--muted)}.tag{display:inline-block;background:#fff6e0;color:#7a5600;border-radius:8px;padding:0 8px;font-size:.8rem;margin-right:6px}.timer-box{background:#f1f8f4;border:1px solid #d4e8de;border-radius:10px;padding:10px;text-align:center;margin-bottom:12px}.small-count{display:block;font-size:1.35rem;font-weight:800;color:var(--green)}.timer-box small{color:var(--muted);direction:ltr;display:block}.promo{display:grid;grid-template-columns:1fr 1fr;gap:12px}.promo a{display:block;border:1px solid var(--line);border-radius:12px;padding:14px;text-decoration:none;background:#fafcfb}.promo strong{display:block;color:var(--deep)}.promo span{color:var(--muted);font-size:.88rem}@media(max-width:480px){.big-timer{font-size:1.7rem}.timer-row{gap:6px;flex-wrap:nowrap}.timer-unit{min-width:0;flex:1;padding:8px 2px}.timer-num{font-size:1.5rem}.promo{grid-template-columns:1fr}.week-table{font-size:.72rem}}
.result .big{display:block;font-size:1.35rem;color:var(--deep);line-height:1.6}.result .sub{display:block;color:var(--muted)}.result .meta{display:block;color:var(--muted);font-size:.85rem;margin-top:4px}.facts{margin:10px 0 0;display:grid;gap:8px}.facts div{background:#fff;border:1px solid #d4e8de;border-radius:10px;padding:8px 12px}.facts dt{font-size:.82rem;color:var(--muted)}.facts dd{margin:0;font-weight:700;color:var(--deep)}.share{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.label{font-weight:700;margin:6px 0 0;color:var(--deep)}.btn-row{display:flex;gap:10px;align-items:stretch}.btn-row .primary{flex:1}.ghost{background:#fff;border:1px solid var(--green);color:var(--green);border-radius:11px;padding:0 18px;font-weight:700;cursor:pointer;margin-top:14px}.ghost:hover{background:#eef7f3}.ghost.sm{margin:0;padding:0 12px;border-radius:9px;font-size:.85rem;white-space:nowrap}.with-btn{display:flex;gap:6px;margin-top:7px}.with-btn input{margin-top:0;flex:1;min-width:0}.check{display:flex;align-items:center;gap:8px;font-weight:400}.check input{width:auto;display:inline;margin:0}.trust{font-size:.85rem;color:#2f5a4d;background:#eef7f3;border:1px dashed #b6d6c8;border-radius:12px;padding:10px 14px;margin:-8px 0 22px}.tool-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:12px}.tool-grid a{display:block;border:1px solid var(--line);border-radius:12px;padding:14px;text-decoration:none;background:#fafcfb}.tool-grid a:hover{border-color:var(--green)}.tool-grid strong{display:block;color:var(--deep)}.tool-grid span{color:var(--muted);font-size:.88rem;line-height:1.6;display:block}.crumbs{display:flex;gap:8px;flex-wrap:wrap;font-size:.82rem;color:var(--muted);padding-top:14px}.crumbs a{text-decoration:none}.narrow{max-width:820px;margin-top:30px}.cg-head{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:6px;margin-bottom:10px}.cg-head h3{margin:0}.cg-head span{color:var(--muted);font-size:.88rem}.cg-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.cg-wd{text-align:center;font-size:.75rem;font-weight:700;color:var(--muted);padding:4px 0}.cg-cell{border:1px solid var(--line);border-radius:8px;padding:6px 2px;text-align:center;background:#fff;min-height:54px;line-height:1.3}.cg-cell b{display:block;font-size:1.05rem;color:var(--deep)}.cg-cell small{display:block;font-size:.7rem;color:var(--muted)}.cg-cell.empty{border:0;background:transparent}.cg-cell.fri{background:#f5f9f7}.cg-cell.today{background:var(--green);border-color:var(--green)}.cg-cell.today b,.cg-cell.today small{color:#fff}.month-jump,.year-nav{display:flex;flex-wrap:wrap;gap:6px 12px;justify-content:center}.month-jump{justify-content:flex-start}.year-nav span{font-weight:700}.cal-month{padding:20px}#calendarResult{background:#fff;border:0;padding:0}@media(max-width:480px){.cg-wd{font-size:.62rem}.cg-cell{min-height:46px;padding:4px 1px}.cg-cell b{font-size:.92rem}.cg-cell small{font-size:.58rem}.cal-month{padding:12px}.fields.stack{grid-template-columns:1fr}}
