/*! Digital Ummah — interface styles (Digital X). Loaded only by templates/page.digital-ummah.json.
   Theme root is 62.5% (1rem = 10px) so everything here is in px. Selectors are prefixed with
   "body .du" so they win over the legacy <style> block that ships inside the page content. */.page-width--narrow:has(>.rte .du),.page-width.dxu-wide{max-width:1168px!important;padding-left:24px!important;padding-right:24px!important}.page-width:has(.du) .rte{margin-top:0}@media(max-width:749px){.page-width--narrow:has(>.rte .du),.page-width.dxu-wide{padding-left:16px!important;padding-right:16px!important}}.main-page-title:has(+.rte .du){display:none!important}.shopify-section:has(.du)>.gradient{background:transparent!important}#MainContent>.shopify-section:has(.du),#MainContent>.shopify-section:has(script[src*=dxl-ummah]){margin-top:0!important;margin-bottom:0!important}.rte:has(.du){overflow-wrap:normal}body:has(.du) .announcement-bar-section{overflow-x:clip;max-width:100vw}body .du{--x-ink:#1F1F21;--x-s1:#27282C;--x-s2:#2F3035;--x-s3:#36373D;--x-line:rgba(255,255,255,.09);--x-line2:rgba(255,255,255,.16);--x-text:#F2F1EC;--x-muted:#AAABB2;--x-faint:#85878F;--x-blue:#3D7BFF;--x-fill:#0045CF;--x-fill-h:#0B55EE;--x-soft:#9DBBFF;--x-tint:rgba(61,123,255,.12);--x-tint2:rgba(61,123,255,.2);--x-ok:#5FE0A0;--x-ui:"Instrument Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--x-ar:"Amiri","Amiri Quran","Noto Naskh Arabic",serif;--x-kufi:"Reem Kufi","Amiri",serif;--x-r1:12px;--x-r2:16px;--x-r3:22px;--x-ease:cubic-bezier(.2,.8,.2,1);--bg:var(--x-ink);--card:var(--x-s1);--brd:var(--x-line);--blue:var(--x-blue);--blue2:var(--x-fill);--soft:var(--x-tint);--txt:var(--x-text);--muted:var(--x-muted);--muted2:var(--x-faint);font-family:var(--x-ui);font-size:16px;line-height:1.55;color:var(--x-text);max-width:1120px;margin:0 auto;padding:0;letter-spacing:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip}body .du *,body .du *:before,body .du *:after{box-sizing:border-box}body .du :is(button,input,select,textarea){font-family:var(--x-ui)}body .du a{text-decoration:none}body .du :focus-visible{outline:2px solid var(--x-blue);outline-offset:2px}body .du .dxu-ico{width:20px;height:20px;flex:0 0 auto;display:block}body .du .dxu-vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}body .du [hidden]{display:none!important}body .du p{margin:0}body .du h2,body .du h3,body .du h4{font-family:var(--x-ui);color:var(--x-text);letter-spacing:-.01em}body .du .dxu-locked{transition:none}body .du.dxu-swap :is([data-t],[data-dxu],.du-today,.du-verse,.du-dua,.du-ev,.du-n99,.du-cal-grid,.du-name){opacity:.35}body .du :is([data-t],[data-dxu],.du-today,.du-verse,.du-dua,.du-ev,.du-n99,.du-cal-grid,.du-name){transition:opacity .22s ease}body .du .du-hero{position:relative;overflow:hidden;text-align:left;margin:0 0 20px;padding:28px 40px 44px;border-radius:28px;background:linear-gradient(180deg,#26272b,#222326);border:1px solid var(--x-line);isolation:isolate}body .du .du-hero:before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,rgba(157,187,255,.45),transparent)}body .du .dxu-glow{position:absolute;z-index:-1;width:620px;height:620px;right:-160px;top:-260px;border-radius:50%;background:radial-gradient(circle,rgba(61,123,255,.28) 0%,rgba(0,69,207,.12) 38%,transparent 68%);filter:blur(4px);pointer-events:none;animation:dxuFloat 14s ease-in-out infinite alternate}@keyframes dxuFloat{0%{transform:translate(0) scale(1)}to{transform:translate(-60px,40px) scale(1.08)}}body .du .dxu-top{display:flex;align-items:center;justify-content:center;position:relative;min-height:44px;margin:0 0 24px}body .du .du-lang.dxu-lang{display:inline-flex;gap:0;margin:0;padding:3px;border:1px solid var(--x-line2);border-radius:999px;background:#0000002e;position:relative}body .du .du-lang.dxu-lang button{font:600 14px/1 var(--x-ui);color:var(--x-muted);background:none;border:0;border-radius:999px;padding:0 18px;min-height:38px;min-width:56px;cursor:pointer;box-shadow:none;transition:background-color .25s var(--x-ease),color .25s}body .du .du-lang.dxu-lang button:hover{color:var(--x-text)}body .du .du-lang.dxu-lang button.on{background:var(--x-fill);color:#fff}body .du .dxu-iconbtn{position:absolute;right:0;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:999px;border:1px solid var(--x-line2);background:transparent;color:var(--x-text);font:600 14px/1 var(--x-ui);cursor:pointer;transition:background-color .2s,border-color .2s,transform .15s}body .du .dxu-iconbtn:hover{background:#ffffff0d;border-color:var(--x-muted)}body .du .dxu-iconbtn:active{transform:translateY(-50%) scale(.96)}body .du .dxu-iconbtn .dxu-ico{width:18px;height:18px}body .du .dxu-hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:32px}body .du .du-ey{font:600 13px/1.2 var(--x-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--x-soft);margin:0 0 14px}body .du .dxu-title{font:700 clamp(40px,5.4vw,64px)/1.02 var(--x-ui)!important;letter-spacing:-.025em;margin:0 0 16px!important;color:var(--x-text);-webkit-text-fill-color:currentColor;background:none;text-align:left!important}body .du .dxu-title .g{color:var(--x-text);-webkit-text-fill-color:currentColor;background:none}body .du .du-hero .lead{font-size:18px;line-height:1.6;color:var(--x-muted);max-width:32em;margin:0 0 22px}body .du .dxu-live{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 26px}body .du .dxu-chip{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 14px;border-radius:999px;font:500 14px/1.2 var(--x-ui);color:var(--x-text);background:#ffffff0a;border:1px solid var(--x-line2);white-space:nowrap;font-variant-numeric:tabular-nums}body .du .dxu-chip .dxu-ico{width:16px;height:16px;color:var(--x-soft)}body .du a.dxu-chip--link{transition:background-color .2s,border-color .2s,transform .15s}body .du a.dxu-chip--link:hover{background:var(--x-tint);border-color:#3d7bff73}body .du a.dxu-chip--link:active{transform:scale(.97)}body .du .dxu-chip--prayer{border-color:#3d7bff73;background:var(--x-tint)}body .du .du-herobtns{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-start}body .du .dxu-ar{font-family:var(--x-kufi);font-weight:500;font-size:clamp(56px,7vw,96px);line-height:1.25;text-align:right;direction:rtl;margin:0;-webkit-user-select:none;user-select:none;white-space:nowrap;background:linear-gradient(100deg,#8db2ff,#3d7bff 30%,#0045cf,#3d7bff 70%,#8db2ff);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--x-blue);animation:dxuSheen 9s ease-in-out infinite alternate}@keyframes dxuSheen{0%{background-position:0% 50%}to{background-position:100% 50%}}body .du .dxu-ar small{display:block;font-family:var(--x-ar);font-size:.26em;line-height:1.6;margin-top:.35em;-webkit-text-fill-color:var(--x-muted);color:var(--x-muted)}body .du .du-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 22px;border-radius:999px;font:600 16px/1 var(--x-ui);text-decoration:none!important;border:1px solid transparent;cursor:pointer;box-shadow:none;transition:background-color .2s,border-color .2s,transform .15s var(--x-ease)}body .du .du-btn .dxu-ico{width:19px;height:19px}body .du .du-btn.p{background:var(--x-fill);color:#fff}body .du .du-btn.p:hover{background:var(--x-fill-h);transform:translateY(-1px);box-shadow:0 10px 24px -10px #0045cfcc}body .du .du-btn.s{background:transparent;color:var(--x-text);border-color:var(--x-line2)}body .du .du-btn.s:hover{background:#ffffff0d;border-color:var(--x-muted);transform:translateY(-1px)}body .du .du-btn:active{transform:scale(.97)!important}body .du .du-locbtn{display:inline-flex;align-items:center;justify-content:center;gap:8px;align-self:flex-start;min-height:44px;padding:0 20px;border-radius:999px;border:1px solid transparent;font:600 15px/1 var(--x-ui);background:var(--x-fill);color:#fff;cursor:pointer;box-shadow:none;transition:background-color .2s,transform .15s var(--x-ease)}body .du .du-locbtn:hover{background:var(--x-fill-h);transform:translateY(-1px)}body .du .du-locbtn:active{transform:scale(.97)}body .du .du-locbtn.dxu-ghost{background:transparent;border-color:var(--x-line2);color:var(--x-text)}body .du .du-locbtn.dxu-ghost:hover{background:#ffffff0d;border-color:var(--x-muted)}body .du .du-locbtn .dxu-ico{width:17px;height:17px}body .du .dxu-explore{margin:0 0 28px}body .du .dxu-sechead{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:40px 2px 16px;flex-wrap:wrap}body .du .dxu-sechead h2{font:700 26px/1.2 var(--x-ui);margin:0 0 4px}body .du .dxu-sechead p{color:var(--x-muted);font-size:15px}body .du .dxu-find{position:relative;display:flex;align-items:center;gap:10px;flex:0 1 340px;min-width:0;min-height:46px;padding:0 6px 0 16px;border-radius:999px;background:var(--x-s1);border:1px solid var(--x-line2);transition:border-color .2s,box-shadow .2s}body .du .dxu-find:focus-within{border-color:var(--x-blue);box-shadow:0 0 0 3px #3d7bff38}body .du .dxu-find .dxu-ico{width:18px;height:18px;color:var(--x-muted)}body .du .dxu-find input{flex:1;min-width:0;background:none;border:0;outline:0;box-shadow:none;color:var(--x-text);font:400 16px/1.3 var(--x-ui);padding:10px 0;-webkit-appearance:none;appearance:none}body .du .dxu-find input::placeholder{color:var(--x-faint)}body .du .dxu-find input::-webkit-search-cancel-button{display:none}body .du .dxu-find-x{width:36px;height:36px;border-radius:50%;border:0;background:#ffffff0f;color:var(--x-text);font-size:20px;line-height:1;cursor:pointer}body .du .dxu-find-x:hover{background:#ffffff1f}body .du .dxu-empty{color:var(--x-muted);text-align:center;padding:24px 8px;border:1px dashed var(--x-line2);border-radius:var(--x-r2)}body .du .dxu-cont{display:flex;align-items:center;gap:14px;margin:0 0 12px;padding:14px 16px;border-radius:var(--x-r2);color:var(--x-text);background:radial-gradient(400px 120px at var(--mx,20%) var(--my,50%),rgba(61,123,255,.16),transparent 70%),var(--x-s1);border:1px solid rgba(61,123,255,.35);transition:transform .2s var(--x-ease),border-color .2s}body .du .dxu-cont:hover{transform:translateY(-2px);border-color:#3d7bff99}body .du .dxu-cont:active{transform:scale(.985)}body .du .dxu-cont-ic{width:44px;height:44px;flex:0 0 auto;display:grid;place-items:center;border-radius:50%;background:var(--x-fill);color:#fff}body .du .dxu-cont-ic .dxu-ico{width:18px;height:18px;fill:currentColor}body .du .dxu-cont-b{display:flex;flex-direction:column;min-width:0;flex:1}body .du .dxu-cont-l{font-size:13px;color:var(--x-muted)}body .du .dxu-cont-t{font-weight:600;font-size:17px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body .du .dxu-cont-m{color:var(--x-muted);font-weight:500;font-variant-numeric:tabular-nums}body .du .dxu-cont .dxu-tgo{position:static;flex:0 0 auto}body .du .dxu-cont:hover .dxu-tgo{color:#fff;background:var(--x-fill)}body .du .dxu-streak{margin-top:3px;display:inline-flex;align-self:flex-start;align-items:center;gap:6px;font-size:13px;color:#ffb86b;white-space:nowrap}body .du .dxu-streak .dxu-ico{width:16px;height:16px}body .du .dxu-bento{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:12px}body .du .dxu-bento>.dxu-tile{grid-column:span 2}body .du .dxu-bento>.dxu-tile.dxu-tile--big{grid-column:span 5}body .du .dxu-bento.dxu-filtered>.dxu-tile.dxu-tile--big{grid-column:span 5}body .du .dxu-tile{position:relative;border-radius:var(--x-r2);background:var(--x-s1);border:1px solid var(--x-line);transform:perspective(900px) rotateX(var(--rx,0)) rotateY(var(--ry,0));transition:transform .35s var(--x-ease),border-color .2s,background-color .2s,box-shadow .3s,opacity .5s var(--x-ease);transform-style:preserve-3d}body .du .dxu-tile:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .3s;background:radial-gradient(260px 180px at var(--mx,50%) var(--my,0%),rgba(61,123,255,.22),transparent 70%)}body .du .dxu-tile:hover{border-color:#9dbbff52;background:var(--x-s2);box-shadow:0 18px 40px -22px #000c}body .du .dxu-tile:hover:before{opacity:1}body .du .dxu-tile:active{transform:scale(.98)}body .du .dxu-tlink{display:grid;grid-template-columns:40px minmax(0,1fr) auto;column-gap:14px;align-items:start;height:100%;padding:18px 48px 18px 18px;color:var(--x-text);border-radius:inherit;position:relative}body .du .dxu-tico{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--x-tint);color:#8fb0ff;transition:transform .3s var(--x-ease),background-color .2s}body .du .dxu-tile:hover .dxu-tico{transform:scale(1.08) rotate(-4deg);background:var(--x-tint2)}body .du .dxu-tbody{display:flex;flex-direction:column;gap:3px;min-width:0}body .du .dxu-ttitle{font:650 16px/1.3 var(--x-ui);font-weight:600}body .du .dxu-tdesc{font-size:14px;line-height:1.45;color:var(--x-muted)}body .du .dxu-tlive{display:inline-flex;white-space:nowrap;max-width:100%;align-self:flex-start;margin-top:8px;padding:4px 10px;border-radius:999px;font:600 13px/1.3 var(--x-ui);color:var(--x-soft);background:var(--x-tint);font-variant-numeric:tabular-nums}body .du .dxu-tgo{position:absolute;right:14px;bottom:14px;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;color:var(--x-muted);transition:transform .25s var(--x-ease),color .2s,background-color .2s}body .du .dxu-tgo .dxu-ico{width:16px;height:16px}body .du .dxu-tile:hover .dxu-tgo{color:#fff;background:var(--x-fill);transform:translate(2px,-2px)}body .du .dxu-pin{position:absolute;top:6px;right:6px;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;border:0;background:transparent;color:var(--x-faint);cursor:pointer;opacity:0;transition:opacity .2s,color .2s,background-color .2s,transform .2s var(--x-ease);z-index:2}body .du .dxu-pin .dxu-ico{width:17px;height:17px}body .du .dxu-tile:hover .dxu-pin,body .du .dxu-pin:focus-visible,body .du .dxu-pinned .dxu-pin{opacity:1}body .du .dxu-pin:hover{background:#ffffff14;color:var(--x-text)}body .du .dxu-pin:active{transform:scale(.88)}body .du .dxu-pinned .dxu-pin{color:#ffc861}body .du .dxu-pinned .dxu-pin .dxu-ico{fill:currentColor}body .du .dxu-pinned{border-color:#ffc86140}@media(hover:none){body .du .dxu-pin{opacity:.85}}body .du .dxu-tile--big{background:linear-gradient(135deg,#3d7bff29,#0045cf0a 60%),var(--x-s1);border-color:#3d7bff47}body .du .dxu-tile--big .dxu-tlink{grid-template-columns:48px minmax(0,1fr);padding:22px 56px 22px 22px;min-height:132px}body .du .dxu-tile--big .dxu-tico{width:48px;height:48px;border-radius:14px;background:var(--x-fill);color:#fff}body .du .dxu-tile--big .dxu-tico .dxu-ico{width:24px;height:24px}body .du .dxu-tile--big .dxu-ttitle{font-size:20px;font-weight:700}body .du .dxu-tile--big .dxu-tdesc{font-size:15px}body .du .dxu-tar{position:absolute;right:20px;top:12px;font-family:var(--x-ar);font-size:34px;line-height:1.2;color:#9dbbff38;pointer-events:none;transition:color .3s}body .du .dxu-tile--big:hover .dxu-tar{color:#9dbbff6b}body .du .dxu-tile--big .dxu-pin{top:auto;bottom:12px;right:52px}body .du .dxu-tile:not(.dxu-tile--big) .dxu-tlink{grid-template-columns:minmax(0,1fr);row-gap:12px;padding:16px 16px 46px;align-content:start}body .du .dxu-tile:not(.dxu-tile--big) .dxu-tbody{padding-right:22px}body .du .dxu-tile:not(.dxu-tile--big) .dxu-tlive{white-space:normal}@media(min-width:641px){body .du .dxu-tile:not(.dxu-tile--big) .dxu-tlive{white-space:nowrap;font-size:12px}}@media(min-width:641px)and (max-width:989px){body .du .dxu-tile:not(.dxu-tile--big) .dxu-tlink{grid-template-columns:40px minmax(0,1fr);column-gap:14px;padding:18px 48px 18px 18px}body .du .dxu-tile:not(.dxu-tile--big) .dxu-tbody{padding-right:0}}body .du .du-nav.dxu-nav{position:sticky;top:calc(var(--dxu-head,0px) + 8px);z-index:20;display:flex;gap:6px;overflow-x:auto;padding:6px;margin:0 0 8px;background:#1f1f21db;-webkit-backdrop-filter:saturate(1.4) blur(14px);backdrop-filter:saturate(1.4) blur(14px);border:1px solid var(--x-line);border-radius:999px;scrollbar-width:none;scroll-behavior:smooth;transition:top .2s,box-shadow .25s;-webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 28px),transparent)}body .du .du-nav.dxu-nav.dxu-stuck{box-shadow:0 12px 30px -16px #000000e6}body .du .du-navchip{flex:0 0 auto;min-height:40px;padding:0 16px;border-radius:999px;border:0;background:transparent;color:var(--x-muted);font:600 14px/1 var(--x-ui);cursor:pointer;white-space:nowrap;transition:background-color .2s,color .2s}body .du .du-navchip:hover{color:var(--x-text);background:#ffffff0f;border:0}body .du .du-navchip.dxu-cur{color:#fff;background:var(--x-fill)}body .du .du-navchip:last-child{margin-right:24px}body .du .du-group{display:flex;align-items:center;gap:12px;margin:48px 2px 4px;font:600 13px/1.2 var(--x-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--x-soft)}body .du .du-group span.ln{flex:1;height:1px;background:linear-gradient(90deg,rgba(157,187,255,.35),transparent)}body .du .du-h{display:flex;align-items:center;gap:10px;margin:22px 2px 6px;font:700 24px/1.25 var(--x-ui);letter-spacing:-.015em;color:var(--x-text);scroll-margin-top:calc(var(--dxu-head,0px) + 80px)}body .du .du-h .dot{width:8px;height:8px;border-radius:50%;background:var(--x-blue);box-shadow:0 0 0 4px #3d7bff2e;flex:none}body .du .du-hsub{color:var(--x-muted);font-size:15px;margin:0 2px 14px 20px}body .du .du-h+.du-sec,body .du .du-h+.du-card{margin-top:12px}body .du .du-sec{margin-bottom:16px}body .du :is(.du-feature,.du-group,[id^=sec-]){scroll-margin-top:calc(var(--dxu-head,0px) + 80px)}body .du .du-card,body .du .du-w{background:var(--x-s1);border:1px solid var(--x-line);border-radius:var(--x-r3);padding:24px;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}body .du .du-card:before,body .du .du-w:before{display:none}body .du .du-today{display:grid;grid-template-columns:1.3fr 1fr;gap:20px;align-items:center}body .du .du-today .hd{display:flex;align-items:center;gap:14px}body .du .du-today .day{font:700 56px/1 var(--x-ui);color:var(--x-text);-webkit-text-fill-color:currentColor;background:none;font-variant-numeric:tabular-nums}body .du .du-today .mon{font:600 20px/1.3 var(--x-ui);color:var(--x-text)}body .du .du-today .marab{font-family:var(--x-ar);font-size:22px;color:var(--x-soft);margin-top:2px}body .du .du-today .greg{color:var(--x-muted);font-size:15px;margin-top:12px}body .du .du-moon{border-left:1px solid var(--x-line);padding-left:20px}body .du .du-moon .mlab{font:600 12px/1.2 var(--x-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--x-faint);margin-bottom:8px}body .du .du-moon .mp{font:600 18px/1.3 var(--x-ui);color:var(--x-text)}body .du .du-moon .mi{color:var(--x-muted);font-size:14px;margin-top:4px}body .du .du-tools{display:grid;grid-template-columns:1fr 1fr;gap:12px}body .du .du-w{display:flex;flex-direction:column;transition:border-color .2s}body .du .du-w:hover{border-color:var(--x-line2)}body .du .du-w .top{display:flex;align-items:center;gap:12px;margin-bottom:6px}body .du .du-ic{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--x-tint);border:0;color:#8fb0ff;font-size:0}body .du .du-w h4{font:600 19px/1.3 var(--x-ui);margin:0;color:var(--x-text)}body .du .du-w .wsub{margin:0 0 16px;color:var(--x-muted);font-size:15px}body .du .dxu-prow{display:flex;flex-wrap:wrap;align-items:center;gap:10px}body .du .dxu-or{color:var(--x-faint);font-size:14px}body .du .dxu-select{position:relative;display:inline-flex;align-items:center;flex:1 1 200px;min-width:0;max-width:100%}body .du .dxu-select .dxu-ico{position:absolute;left:14px;width:17px;height:17px;color:var(--x-muted);pointer-events:none}body .du .dxu-select select{width:100%;min-height:44px;padding:0 36px 0 40px;border-radius:999px;border:1px solid var(--x-line2);color:var(--x-text);font:500 15px/1.2 var(--x-ui);cursor:pointer;-webkit-appearance:none;appearance:none;background:var(--x-s2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23AAABB2' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 14px center/14px;text-overflow:ellipsis}body .du .dxu-select select:hover{border-color:var(--x-muted)}body .du .dxu-select select option{background:var(--x-s1);color:var(--x-text)}body .du .du-out{margin-top:16px}body .du .du-out:empty{display:none}body .du .du-place{font-size:14px;color:var(--x-muted);margin-bottom:10px;line-height:1.5}body .du .du-place b{color:var(--x-text);font-weight:600}body .du .du-next{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:var(--x-r2);background:linear-gradient(135deg,#3d7bff3d,#0045cf14);border:1px solid rgba(61,123,255,.4);margin-bottom:14px;flex-wrap:wrap}body .du .du-next .nl{font:600 12px/1.2 var(--x-ui);letter-spacing:.1em;text-transform:uppercase;color:var(--x-soft)}body .du .du-next .np{font:700 22px/1.2 var(--x-ui);color:var(--x-text)}body .du .du-next .nc{margin-left:auto;font:700 26px/1 var(--x-ui);color:#fff;font-variant-numeric:tabular-nums;letter-spacing:.01em}body .du .du-row{display:flex;justify-content:space-between;align-items:center;min-height:44px;padding:8px 4px;border-bottom:1px solid var(--x-line);font-size:16px}body .du .du-row:last-child{border-bottom:0}body .du .du-row .p2{color:var(--x-text);display:inline-flex;align-items:center;gap:8px}body .du .du-row .t{font-family:var(--x-ui);font-variant-numeric:tabular-nums;color:var(--x-text);font-weight:500}body .du .du-row.next{background:var(--x-tint);border:1px solid rgba(61,123,255,.35);border-radius:var(--x-r1);padding:8px 12px;margin:4px 0}body .du .du-row.next .p2,body .du .du-row.next .t{color:#fff;font-weight:600}body .du .dxu-nextpill{font:600 12px/1 var(--x-ui);padding:5px 9px;border-radius:999px;background:var(--x-fill);color:#fff}body .du .du-note{font-size:13px;color:var(--x-faint);margin-top:12px;line-height:1.5}body .du .du-err{margin-top:12px;color:#ff9fb0;font-size:15px}body .du .du-loading{display:block;position:relative;min-height:var(--sk,64px);padding:0;border-radius:14px;color:transparent!important;-webkit-user-select:none;user-select:none;overflow:hidden;background:linear-gradient(100deg,var(--x-s2) 20%,var(--x-s3) 45%,var(--x-s2) 70%) 0 0/250% 100%;animation:dxuShim 1.6s linear infinite}@keyframes dxuShim{0%{background-position:100% 0}to{background-position:-150% 0}}body .du #duToday>.du-loading{--sk:132px;grid-column:1/-1}body .du #duVerse>.du-loading{--sk:280px}body .du #duDuaList>.du-loading{--sk:460px}body .du #duNames99>.du-loading{--sk:420px;grid-column:1/-1}body .du #duNameOut>.du-loading{--sk:190px}body .du #duEvents>.du-loading{--sk:620px}body .du #duRam>.du-loading{--sk:150px}body .du #duZakatOut>.du-loading{--sk:130px;margin-top:18px}body .du :is(#duPrayerOut,#duQiblaOut) .du-loading{--sk:220px}body .du .dxu-nores{grid-column:1/-1;color:var(--x-muted);text-align:center;padding:28px 8px}body .du .du-dial{width:180px;height:180px;border:1px solid var(--x-line2);background:radial-gradient(circle,rgba(61,123,255,.14),transparent 70%);margin:8px auto 6px}body .du .du-rose span{font:600 13px/1 var(--x-ui);color:var(--x-faint)}body .du .du-rose .cn{color:var(--x-soft)}body .du .du-needle{background:linear-gradient(var(--x-ok),var(--x-blue));bottom:90px;height:64px}body .du .du-needle:before{background:var(--x-blue)}body .du .du-bearing{font:700 30px/1.2 var(--x-ui);color:var(--x-text);text-align:center}body .du .du-bearing small{display:block;font:600 14px/1.4 var(--x-ui);color:var(--x-soft);letter-spacing:0}body .du .du-status{font-size:14px;color:var(--x-soft)}body .du .du-verse{background:radial-gradient(600px 220px at 100% 0%,rgba(61,123,255,.12),transparent 70%),var(--x-s1)}body .du .du-verse .vk{display:inline-flex;font:600 13px/1 var(--x-ui);color:var(--x-soft);background:var(--x-tint);padding:7px 12px;border-radius:999px;margin-bottom:14px}body .du .ar{font-family:var(--x-ar);direction:rtl;color:var(--x-text);text-align:right}body .du .du-verse .ar{font-size:30px;line-height:2.05;margin-bottom:14px}body .du .du-verse .tl{color:#aeb9d6;font-style:italic;font-size:15px;margin-bottom:10px}body .du .du-verse .en{color:#d9d8d3;font-size:17px;line-height:1.7;margin-bottom:14px}body .du .du-verse .vsrc{color:var(--x-faint);font-size:14px;margin-bottom:18px;font-family:var(--x-ar)}body .du .du-verse .vbtns{display:flex;flex-wrap:wrap;gap:10px}body .du .du-verse .vbtns .du-btn{min-height:44px;font-size:15px}body .du .dxu-feat-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0 16px}body .du .du-feature{display:flex;flex-direction:column;margin:0;padding:28px;border-radius:var(--x-r3);overflow:hidden;position:relative;background:radial-gradient(420px 220px at var(--mx,100%) var(--my,0%),rgba(61,123,255,.2),transparent 70%),var(--x-s1);border:1px solid rgba(61,123,255,.25);transition:border-color .25s,transform .25s var(--x-ease)}body .du .du-feature:before{display:none}body .du .du-feature:hover{border-color:#3d7bff80;transform:translateY(-2px)}body .du .du-feature .fic{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:var(--x-fill);color:#fff;box-shadow:none;margin-bottom:16px;font-size:0}body .du .du-feature .fic .dxu-ico{width:24px;height:24px}body .du .du-feature h3{font:700 24px/1.2 var(--x-ui);margin:0 0 8px}body .du .du-feature h3 .g{color:var(--x-soft);-webkit-text-fill-color:currentColor}body .du .du-feature p{color:var(--x-muted);font-size:15px;line-height:1.6;margin:0 0 16px;max-width:none}body .du .du-fpills{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 20px}body .du .du-fpill{font:500 13px/1.2 var(--x-ui);color:var(--x-text);background:#ffffff0a;border:1px solid var(--x-line2);padding:6px 11px;border-radius:999px}body .du .du-feature .du-btn{margin-top:auto;align-self:flex-start}body .du .du-chips{display:flex;gap:8px;margin:0 0 16px;overflow-x:auto;flex-wrap:nowrap;padding:2px 2px 8px;scrollbar-width:thin;scroll-snap-type:x proximity;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 32px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 32px),transparent)}body .du .du-chip{flex:0 0 auto;scroll-snap-align:start;min-height:40px;padding:0 15px;border-radius:999px;border:1px solid var(--x-line2);background:transparent;color:var(--x-muted);font:600 14px/1 var(--x-ui);cursor:pointer;transition:background-color .2s,color .2s,border-color .2s,transform .15s}body .du .du-chip:hover{color:var(--x-text);border-color:var(--x-muted)}body .du .du-chip:active{transform:scale(.96)}body .du .du-chip.on{background:var(--x-fill);border-color:var(--x-fill);color:#fff}body .du #duDuaList{-webkit-mask-image:linear-gradient(#000 calc(100% - 40px),transparent);mask-image:linear-gradient(#000 calc(100% - 40px),transparent);padding-bottom:32px;max-height:640px;overflow-y:auto;overscroll-behavior:contain;padding-right:6px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.18) transparent}body .du .du-dua{padding:20px 0;border-bottom:1px solid var(--x-line)}body .du .du-dua:first-child{padding-top:4px}body .du .du-dua .dt{font:600 17px/1.35 var(--x-ui);color:var(--x-text);margin-bottom:12px}body .du .du-dua .da{font-size:26px;line-height:2;margin-bottom:10px}body .du .du-dua .dtl{color:#aeb9d6;font-style:italic;font-size:15px;margin-bottom:8px}body .du .du-dua .dtr{color:#d9d8d3;font-size:16px;line-height:1.65;margin-bottom:8px}body .du .du-dua .dtr.dxu-muted{color:var(--x-faint);font-style:italic;font-size:14px}body .du .du-dua .dsrc{font-size:13px;color:var(--x-faint)}body .du .du-pill{font:600 12px/1 var(--x-ui);color:var(--x-soft);background:var(--x-tint);border:0;padding:6px 10px;border-radius:999px}body .du .du-in{width:100%;min-height:46px;font:400 16px/1.3 var(--x-ui);padding:10px 16px;border-radius:var(--x-r1);border:1px solid var(--x-line2);background:var(--x-ink);color:var(--x-text);outline:none;box-shadow:none;transition:border-color .2s,box-shadow .2s}body .du .du-in::placeholder{color:var(--x-faint)}body .du .du-in:focus{border-color:var(--x-blue);box-shadow:0 0 0 3px #3d7bff38}body .du .du-99search{border-radius:999px;padding-left:44px;margin-bottom:14px;background:var(--x-ink) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23AAABB2' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") no-repeat 16px center/18px}body .du .du-n99{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;max-height:520px;overflow-y:auto;overscroll-behavior:contain;padding:2px 6px 2px 2px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.18) transparent}body .du .du-n99 .c{padding:14px 12px;border-radius:var(--x-r1);border:1px solid var(--x-line);background:var(--x-s2);text-align:center;cursor:pointer;transition:border-color .2s,background-color .2s,transform .15s}body .du .du-n99 .c:hover{border-color:#9dbbff66;background:var(--x-s3)}body .du .du-n99 .c:active{transform:scale(.97)}body .du .du-n99 .c .num{font:600 12px/1 var(--x-ui);color:var(--x-faint);margin-bottom:6px}body .du .du-n99 .c .a{font-family:var(--x-ar);font-size:26px;line-height:1.6;color:var(--x-text);margin:2px 0}body .du .du-n99 .c .tr{font:600 14px/1.3 var(--x-ui);color:var(--x-soft)}body .du .du-n99 .c .e{font-size:13px;color:var(--x-muted);line-height:1.4;margin-top:2px}body .du .du-n99 .c .m{font-size:14px;color:var(--x-text);line-height:1.55;margin-top:8px;text-align:left}body .du .du-n99 .c.on{border-color:var(--x-blue);background:var(--x-tint);grid-column:1/-1;text-align:left;animation:dxuPop .3s var(--x-ease)}body .du .du-n99 .c.dxu-same .m{display:none!important}@keyframes dxuPop{0%{transform:scale(.98);opacity:.6}to{transform:none;opacity:1}}body .du .du-toggle{display:inline-flex;padding:3px;border:1px solid var(--x-line2);border-radius:999px;margin-bottom:16px;gap:0;overflow:visible;flex-wrap:wrap;max-width:100%}body .du .du-toggle button{min-height:38px;padding:0 16px;border-radius:999px;border:0;background:none;color:var(--x-muted);font:600 14px/1 var(--x-ui);cursor:pointer;transition:background-color .2s,color .2s}body .du .du-toggle button:hover{color:var(--x-text)}body .du .du-toggle button.on{background:var(--x-fill);color:#fff}body .du .du-name{text-align:center}body .du .du-name .nm{font-family:var(--x-ar);font-size:44px;line-height:1.5;color:var(--x-text)}body .du .du-name .nn{font:700 26px/1.2 var(--x-ui);margin-top:2px}body .du .du-name .nmean{color:#d9d8d3;margin-top:8px;font-size:17px}body .du .du-name .nmeta{color:var(--x-faint);font-size:14px;margin-top:6px}body .du .du-name .nnote{color:var(--x-muted);font-size:15px;margin:16px auto 0;padding-top:16px;border-top:1px solid var(--x-line);max-width:560px;text-align:center}body .du .du-name #duNameOut{animation:dxuPop .35s var(--x-ease)}body .du .du-cal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}body .du .du-cal-head .t{font:700 20px/1.3 var(--x-ui);color:var(--x-text)}body .du .du-cal-head .hh{font-size:14px;color:var(--x-soft);margin-top:2px}body .du .du-cal-nav{display:flex;gap:8px}body .du .du-cal-nav button{width:44px;height:44px;border-radius:50%;border:1px solid var(--x-line2);background:transparent;color:var(--x-text);font-size:20px;cursor:pointer;transition:background-color .2s,border-color .2s,transform .15s}body .du .du-cal-nav button:hover{background:#ffffff0d;border-color:var(--x-muted)}body .du .du-cal-nav button:active{transform:scale(.92)}body .du .du-cal-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}body .du .du-cal-grid .wd{font:600 12px/1 var(--x-ui);color:var(--x-faint);padding:6px 0;text-align:center}body .du .du-cal-cell{aspect-ratio:auto;height:clamp(48px,7vw,68px);min-width:0;border-radius:var(--x-r1);border:1px solid var(--x-line);background:var(--x-s2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;transition:background-color .2s}body .du .du-cal-cell:not(.empty):hover{background:var(--x-s3)}body .du .du-cal-cell.empty{border:0;background:none}body .du .du-cal-cell .gd{font:600 16px/1.1 var(--x-ui);color:var(--x-text)}body .du .du-cal-cell .hd{font-size:12px;color:var(--x-faint)}body .du .du-cal-cell.today{background:var(--x-fill);border-color:var(--x-fill);box-shadow:0 8px 20px -10px #0045cfe6}body .du .du-cal-cell.today .gd,body .du .du-cal-cell.today .hd{color:#fff}body .du .du-cal-leg{margin-top:14px;font-size:13px;color:var(--x-faint)}body .du .du-ev{display:flex;align-items:center;gap:14px;padding:12px 4px;border-bottom:1px solid var(--x-line)}body .du .du-ev:last-child{border-bottom:0}body .du .du-ev .cal{width:58px;flex:0 0 auto;text-align:center;border-radius:var(--x-r1);border:1px solid var(--x-line2);background:var(--x-s2);padding:8px 0}body .du .du-ev .cal .d{font:700 20px/1 var(--x-ui);color:var(--x-text)}body .du .du-ev .cal .mo{font:700 11px/1.2 var(--x-ui);letter-spacing:.04em;color:var(--x-soft);margin-top:4px;text-transform:uppercase}body .du .du-ev .ei{min-width:0;flex:1}body .du .du-ev .en2{font:600 16px/1.35 var(--x-ui);color:var(--x-text)}body .du .du-ev .ed{color:var(--x-muted);font-size:14px;margin-top:2px;line-height:1.5}body .du .du-ev.soon{background:var(--x-tint);border:1px solid rgba(61,123,255,.35);border-radius:var(--x-r2);padding:12px;margin-bottom:6px}body .du .du-ev.soon .cal{background:var(--x-fill);border-color:var(--x-fill)}body .du .du-ev.soon .cal .d,body .du .du-ev.soon .cal .mo{color:#fff}body .du .du-ram{text-align:center;padding:8px 0}body .du .du-ram .big{font:700 72px/1 var(--x-ui);font-variant-numeric:tabular-nums;background:linear-gradient(180deg,#fff,#9dbbff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}body .du .du-ram .lab{font:600 13px/1.3 var(--x-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--x-soft);margin-top:10px}body .du .du-ram .sub{color:var(--x-muted);font-size:15px;margin-top:8px}body .du .du-ram-times{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}body .du .du-ram-times .rt{padding:14px;border-radius:var(--x-r2);border:1px solid var(--x-line);background:var(--x-s2)}body .du .du-ram-times .rt .l{font:600 12px/1.2 var(--x-ui);letter-spacing:.1em;text-transform:uppercase;color:var(--x-faint)}body .du .du-ram-times .rt .v{font:700 24px/1.2 var(--x-ui);font-variant-numeric:tabular-nums;color:var(--x-text);margin-top:4px}body .du .du-grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px 14px;margin-bottom:6px}body .du .du-field{margin:0}body .du .du-field label{display:block;font:500 14px/1.3 var(--x-ui);color:var(--x-muted);margin-bottom:6px}body .du .du-field .du-in{font-variant-numeric:tabular-nums}body .du .du-result{margin-top:18px;padding:22px;border-radius:var(--x-r2);background:linear-gradient(150deg,#3d7bff38,#0045cf0f);border:1px solid rgba(61,123,255,.38);text-align:center;animation:dxuPop .35s var(--x-ease)}body .du .du-result .rl{font:600 12px/1.2 var(--x-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--x-soft)}body .du .du-result .rv{font:700 40px/1.2 var(--x-ui);color:#fff;margin:6px 0;font-variant-numeric:tabular-nums}body .du .du-result .rn{font-size:14px;color:var(--x-muted)}body .du .du-foot{text-align:center;color:var(--x-faint);font-size:14px;padding:36px 10px 24px}body .du .du-top{position:fixed;left:auto;right:18px;bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:40;width:48px;height:48px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--x-line2);background:#27282ceb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--x-text);cursor:pointer;box-shadow:0 10px 26px #00000073}body .du .du-top:hover{background:var(--x-fill);border-color:var(--x-fill)}body .du .du-top .dxu-ico{width:20px;height:20px}body .du .dxu-toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));z-index:60;transform:translate(-50%,16px);opacity:0;pointer-events:none;max-width:calc(100vw - 32px);padding:12px 18px;border-radius:999px;background:#f2f1ec;color:#1f1f21;font:600 14px/1.3 var(--x-ui);box-shadow:0 14px 36px #00000080;transition:opacity .25s,transform .3s var(--x-ease);text-align:center}body .du .dxu-toast.dxu-show{opacity:1;transform:translate(-50%)}body .du.dxu-anim .dxu-rv{opacity:0;transform:translateY(18px)}body .du.dxu-anim .dxu-tile.dxu-rv{transform:translateY(18px) scale(.98)}body .du.dxu-anim .dxu-rv.dxu-in{opacity:1;transform:none;transition:opacity .6s var(--x-ease),transform .6s var(--x-ease);transition-delay:calc(var(--i,0) * 45ms)}body .du.dxu-anim .dxu-tile.dxu-rv.dxu-in{transform:perspective(900px) rotateX(var(--rx,0)) rotateY(var(--ry,0));transition:transform .35s var(--x-ease),border-color .2s,background-color .2s,box-shadow .3s,opacity .6s var(--x-ease) calc(var(--i,0) * 45ms)}body .du.dxu-anim .dxu-tile.dxu-rv.dxu-in:active{transform:scale(.98)}body .du .du-hero .dxu-hero-text>*,body .du .du-hero .dxu-ar{animation:dxuRise .7s var(--x-ease) both}body .du .du-hero .dxu-hero-text>:nth-child(2){animation-delay:.06s}body .du .du-hero .dxu-hero-text>:nth-child(3){animation-delay:.12s}body .du .du-hero .dxu-hero-text>:nth-child(4){animation-delay:.18s}body .du .du-hero .dxu-hero-text>:nth-child(5){animation-delay:.24s}body .du .du-hero .dxu-ar{animation:dxuRise .9s var(--x-ease) .1s both,dxuSheen 9s ease-in-out 1s infinite alternate}@keyframes dxuRise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){body .du *,body .du *:before,body .du *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}body .du .dxu-tile{transform:none!important}}@media(max-width:1100px){body .du .dxu-bento{grid-template-columns:repeat(8,minmax(0,1fr))}body .du .dxu-bento>.dxu-tile.dxu-tile--big{grid-column:span 4}}@media(max-width:989px){body .du .dxu-bento{grid-template-columns:repeat(2,minmax(0,1fr))}body .du .dxu-bento>.dxu-tile,body .du .dxu-bento>.dxu-tile.dxu-tile--big{grid-column:span 1}body .du .du-hero{padding:24px 28px 36px}}@media(max-width:860px){body .du .dxu-hero-grid{grid-template-columns:minmax(0,1fr);gap:4px;text-align:center}body .du .dxu-ar{order:-1;text-align:center;font-size:clamp(48px,14vw,76px)}body .du .dxu-ar small{display:none}body .du .dxu-title{text-align:center!important;font-size:clamp(36px,9.5vw,48px)!important;margin-bottom:12px!important}body .du .du-hero .lead{font-size:16px;margin:0 auto 18px}body .du .du-ey{margin:10px 0}body .du .dxu-live,body .du .du-herobtns{justify-content:center}body .du .du-tools,body .du .dxu-feat-grid{grid-template-columns:minmax(0,1fr)}}@media(max-width:640px){body .du .du-hero{padding:16px 16px 24px;border-radius:22px;margin-bottom:12px}body .du .dxu-top{justify-content:space-between;margin-bottom:12px}body .du .dxu-iconbtn{position:static;transform:none;padding:0 14px}body .du .dxu-iconbtn:active{transform:scale(.96)}body .du .du-herobtns .du-btn{flex:1 1 100%}body .du .dxu-live{margin-bottom:20px}body .du .dxu-sechead{margin:28px 0 12px}body .du .dxu-sechead h2{font-size:22px}body .du .dxu-find{flex:1 1 100%}body .du .dxu-bento{gap:10px}body .du .dxu-bento>.dxu-tile.dxu-tile--big{grid-column:1/-1}body .du .dxu-tile--big .dxu-tlink{min-height:0;padding:18px 52px 18px 18px}body .du .dxu-tile--big .dxu-tar{font-size:28px;top:10px;right:16px}body .du .dxu-tile--big .dxu-pin{bottom:10px;right:48px}body .du .dxu-tlink{grid-template-columns:minmax(0,1fr);row-gap:10px;padding:14px 14px 44px}body .du .dxu-tile:not(.dxu-tile--big) .dxu-tico{width:36px;height:36px;border-radius:10px}body .du .dxu-tile:not(.dxu-tile--big) .dxu-ttitle{font-size:15px}body .du .dxu-tile:not(.dxu-tile--big) .dxu-tdesc{font-size:13px}body .du .dxu-tile--big .dxu-tlink{grid-template-columns:44px minmax(0,1fr);column-gap:12px}body .du .dxu-tgo{right:10px;bottom:10px}body .du .dxu-tlive{white-space:normal;font-size:12px}body .du .dxu-tile:not(.dxu-tile--big) .dxu-pin{top:4px;right:4px}body .du .dxu-tile:not(.dxu-tile--big) .dxu-tbody{padding-right:24px}body .du .du-group{margin:36px 0 2px}body .du .du-h{font-size:21px;margin:18px 0 4px}body .du .du-hsub{margin:0 0 12px 18px;font-size:14px}body .du .du-card,body .du .du-w,body .du .du-feature{padding:18px;border-radius:18px}body .du .du-today{grid-template-columns:minmax(0,1fr);gap:14px}body .du .du-today .day{font-size:48px}body .du .du-moon{border-left:0;border-top:1px solid var(--x-line);padding:14px 0 0}body .du .du-next .nc{font-size:22px;margin-left:0;width:100%}body .du .du-verse .ar{font-size:26px}body .du .du-verse .vbtns>*{flex:1 1 100%}body .du .du-dua .da{font-size:23px}body .du .du-n99{grid-template-columns:repeat(2,minmax(0,1fr));max-height:460px}body .du .du-grid2{grid-template-columns:minmax(0,1fr)}body .du .du-cal-grid{gap:4px}body .du .du-cal-cell{border-radius:10px}body .du .du-cal-cell .gd{font-size:14px}body .du .du-cal-cell .hd{font-size:11px}body .du .du-ram .big{font-size:60px}body .du .du-zk .du-btn,body .du #duZakatOut+*{width:100%}body .du .du-locbtn{align-self:stretch}body .du .dxu-prow>*{flex:1 1 100%}body .du .dxu-or{text-align:center}body .du .du-top{right:14px;bottom:calc(14px + env(safe-area-inset-bottom,0px));width:46px;height:46px}}@media(max-width:374px){body .du .dxu-bento{grid-template-columns:minmax(0,1fr)}body .du .dxu-bento>.dxu-tile{grid-column:1/-1!important}body .du .dxu-tlink{grid-template-columns:36px minmax(0,1fr);column-gap:12px;padding:14px 48px 14px 14px}body .du .dxu-tile:not(.dxu-tile--big) .dxu-tbody{padding-right:0}body .du .du-n99{grid-template-columns:minmax(0,1fr)}}@keyframes dxuShowLegacy{to{visibility:visible}}html.dxu-js .du:not([data-dxu]) .du-hero,html.dxu-js .du:not([data-dxu]) .du-lang,html.dxu-js .du:not([data-dxu]) #duNav{visibility:hidden;animation:dxuShowLegacy 0s 3s forwards}html.dxu-js .du:not([data-dxu]) .du-hero{min-height:470px}@media(min-width:750px){html.dxu-js .du:not([data-dxu]) .du-hero{min-height:374px}}
/*# sourceMappingURL=/cdn/shop/t/38/assets/dxl-ummah-ui.css.map */