/* RIC v344.1 homepage CSS bundle */

/* SOURCE: /assets/css/homepage-v12.css?v=1.1 */

:root{
  --ric-green:#063f31;
  --ric-green-2:#0a5a43;
  --ric-deep:#031e1c;
  --ric-gold:#d7a63f;
  --ric-gold-2:#f0c96c;
  --ric-cream:#f7f4ea;
  --ric-ink:#12221d;
  --ric-radius:22px;
  --ric-shadow:0 18px 50px rgba(0,0,0,.18);
  --ric-container:100%;
  --ric-weather-overlay:linear-gradient(135deg,rgba(3,43,35,.88),rgba(4,63,50,.72));
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.ric-home{
  margin:0;
  color:var(--ric-ink);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  background:
    radial-gradient(circle at 10% 10%,rgba(215,166,63,.08),transparent 22rem),
    linear-gradient(180deg,#e9f1ed,#f8f7f1 22%,#f4f6f2);
}
body.ric-home[data-weather="night"]{--ric-weather-overlay:linear-gradient(135deg,rgba(2,19,29,.95),rgba(3,50,48,.83))}
body.ric-home[data-weather="rain"]{--ric-weather-overlay:linear-gradient(135deg,rgba(3,24,35,.95),rgba(13,63,67,.84))}
body.ric-home[data-weather="clouds"]{--ric-weather-overlay:linear-gradient(135deg,rgba(8,40,41,.93),rgba(53,73,73,.78))}
body.ric-home[data-weather="sunset"]{--ric-weather-overlay:linear-gradient(135deg,rgba(29,36,29,.86),rgba(108,62,29,.72))}
body.ric-home[data-weather="snow"]{--ric-weather-overlay:linear-gradient(135deg,rgba(16,50,63,.90),rgba(84,103,110,.75))}
body.ric-home[data-weather="storm"]{--ric-weather-overlay:linear-gradient(135deg,rgba(8,20,31,.97),rgba(31,41,55,.88))}
body.ric-home::before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.16;
  background-image:
    linear-gradient(30deg,transparent 44%,rgba(7,75,56,.45) 45%,rgba(7,75,56,.45) 47%,transparent 48%),
    linear-gradient(-30deg,transparent 44%,rgba(215,166,63,.28) 45%,rgba(215,166,63,.28) 47%,transparent 48%);
  background-size:64px 64px;
}
.ric-edge{width:100%;max-width:none;margin:0}
.ric-pad{padding-left:clamp(14px,3.5vw,64px);padding-right:clamp(14px,3.5vw,64px)}
.ric-utility{
  min-height:34px;background:#052f29;color:#f7f1df;display:flex;align-items:center;gap:24px;
  font-size:.82rem;overflow-x:auto;white-space:nowrap;border-bottom:1px solid rgba(215,166,63,.28)
}
.ric-utility span{display:inline-flex;align-items:center;gap:7px}
.ric-mainnav{
  position:sticky;top:0;z-index:50;background:rgba(255,255,255,.95);backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(6,63,49,.10);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;min-height:76px;
}
.ric-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#0a4636;min-width:0}
.ric-brand img{width:64px;height:64px;object-fit:contain;filter:drop-shadow(0 5px 10px rgba(0,0,0,.12))}
.ric-brand-copy{display:flex;flex-direction:column;line-height:1.05}
.ric-brand-copy strong{font-size:1rem;letter-spacing:.02em}
.ric-brand-copy span{font-family:"Noto Naskh Arabic","Noto Sans Arabic",Tahoma,sans-serif;font-size:.85rem}
.ric-logo-ripple{position:relative}
.ric-logo-ripple::after{
  content:"";position:absolute;inset:50% auto auto 32px;width:62px;height:62px;border-radius:50%;
  transform:translate(-50%,-50%);border:1px solid rgba(10,90,67,.4);animation:ricLogoRipple 3.2s ease-out infinite;pointer-events:none
}
@keyframes ricLogoRipple{0%{opacity:.55;transform:translate(-50%,-50%) scale(.7)}100%{opacity:0;transform:translate(-50%,-50%) scale(1.7)}}
.ric-nav-list{display:flex;justify-content:center;align-items:center;gap:8px;list-style:none;margin:0;padding:0}
.ric-nav-item{position:relative}
.ric-nav-link{display:inline-flex;align-items:center;gap:5px;padding:12px 10px;color:#12221d;text-decoration:none;font-weight:750;font-size:.9rem;border-radius:10px}
.ric-nav-link:hover,.ric-nav-link:focus-visible{background:#edf5f1;color:#064c39}
.ric-submenu{display:none;position:absolute;top:100%;left:0;min-width:220px;background:#fff;border:1px solid #e3ebe7;border-radius:14px;padding:8px;box-shadow:var(--ric-shadow)}
.ric-nav-item:hover>.ric-submenu,.ric-nav-item:focus-within>.ric-submenu{display:block}
.ric-submenu a{display:block;padding:10px 12px;border-radius:9px;text-decoration:none;color:#16352b;font-weight:650}
.ric-submenu a:hover{background:#f1f6f3}
.ric-nav-actions{display:flex;align-items:center;gap:9px}
.ric-pill,.ric-button{
  border:0;border-radius:999px;padding:11px 16px;text-decoration:none;font-weight:800;display:inline-flex;align-items:center;gap:8px;cursor:pointer
}
.ric-pill{background:#064a38;color:white;box-shadow:0 6px 18px rgba(6,74,56,.2)}
.ric-button.gold{background:linear-gradient(180deg,#f0c96c,#d7a63f);color:#1c2b23}
.ric-mobile-toggle{display:none;border:0;background:transparent;font-size:1.4rem}
.ric-hero{
  position:relative;min-height:560px;color:white;overflow:hidden;
  background:
    var(--ric-weather-overlay),
    var(--ric-hero-image, linear-gradient(145deg,#0a5140,#092b2a));
}
.ric-hero::before{
  content:"";position:absolute;inset:0;opacity:.28;pointer-events:none;
  background-image:
    radial-gradient(circle at 16% 25%,rgba(215,166,63,.34),transparent 18rem),
    repeating-conic-gradient(from 0deg at 100% 0%,rgba(215,166,63,.16) 0 2deg,transparent 2deg 20deg);
}
.ric-hero::after{
  content:"";position:absolute;right:-8vw;top:-15vw;width:43vw;height:43vw;border:1px solid rgba(215,166,63,.23);transform:rotate(45deg);
  box-shadow:0 0 0 26px rgba(215,166,63,.03),0 0 0 52px rgba(215,166,63,.025)
}
.ric-hero-grid{
  position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(330px,.9fr);gap:clamp(26px,5vw,80px);
  align-items:center;min-height:560px;padding-top:clamp(42px,7vw,90px);padding-bottom:clamp(42px,7vw,90px)
}
.ric-hero-copy{max-width:760px}
.ric-hero-copy h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.5rem,5vw,5.2rem);line-height:.97;margin:.1em 0 .25em;letter-spacing:-.035em}
.ric-hero-copy p{font-size:clamp(1rem,1.5vw,1.25rem);line-height:1.7;max-width:700px;color:rgba(255,255,255,.9)}
.ric-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.ric-outline{border:1px solid rgba(255,255,255,.45);color:white;background:rgba(4,38,31,.35)}
.ric-quran-card{
  position:relative;padding:26px;border:1px solid rgba(215,166,63,.5);border-radius:22px;background:linear-gradient(145deg,rgba(1,35,30,.78),rgba(3,58,45,.58));
  box-shadow:0 25px 60px rgba(0,0,0,.22);backdrop-filter:blur(8px)
}
.ric-quran-card .arabic{font-family:"Noto Naskh Arabic","Amiri",serif;font-size:clamp(2rem,4vw,3.6rem);line-height:1.55;text-align:right;direction:rtl;color:#f7d88d}
.ric-quran-card .translation{font-size:1.05rem;line-height:1.65;color:#fff}
.ric-quran-card .citation{color:#e9c66d;font-weight:800}
.ric-promo-rail{
  position:relative;z-index:5;margin-top:-38px;padding:0 clamp(14px,3.5vw,64px)
}
.ric-promo-shell{
  background:linear-gradient(90deg,#064936,#07513b);border:1px solid #d7a63f;border-radius:20px;box-shadow:0 20px 44px rgba(0,0,0,.2);
  display:grid;grid-template-columns:1fr auto;align-items:stretch;overflow:hidden
}
.ric-banner-track{position:relative;min-height:108px}
.ric-banner{position:absolute;inset:0;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:18px 22px;opacity:0;transform:translateY(7px);pointer-events:none;transition:.65s ease}
.ric-banner.is-active{opacity:1;transform:none;pointer-events:auto}
.ric-banner-icon{font-size:2.4rem;filter:drop-shadow(0 8px 10px rgba(0,0,0,.3))}
.ric-banner small{display:block;color:#e1bd5e;font-weight:850;letter-spacing:.09em}
.ric-banner h3{margin:3px 0 2px;color:white;font-family:Georgia,serif;font-size:1.28rem}
.ric-banner p{margin:0;color:#dcece5}
.ric-banner .ric-button{white-space:nowrap}
.ric-banner-controls{display:flex;align-items:center;padding:0 18px;gap:7px;border-left:1px solid rgba(215,166,63,.25)}
.ric-banner-controls button{width:35px;height:35px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08);color:white;cursor:pointer}
.ric-prayer-shell{padding:28px clamp(14px,3.5vw,64px) 10px}
.ric-prayer-card{
  background:rgba(255,255,255,.96);border:1px solid rgba(6,63,49,.14);border-radius:22px;box-shadow:0 18px 40px rgba(4,55,43,.12);
  display:grid;grid-template-columns:220px 1fr 240px;gap:12px;align-items:stretch;padding:16px
}
.ric-prayer-intro h2{font-family:Georgia,serif;margin:0 0 6px}
.ric-prayer-intro p{margin:0;color:#607069;font-size:.9rem}
.ric-prayer-grid{display:grid;grid-template-columns:repeat(6,minmax(80px,1fr));gap:8px}
.ric-prayer{padding:13px 8px;border-radius:14px;text-align:center;background:#f6f8f6;border:1px solid #e5ebe7}
.ric-prayer strong{display:block;font-size:.86rem;color:#3d5148}
.ric-prayer .adhan{font-size:1.08rem;font-weight:900;margin-top:7px}
.ric-prayer .iqamah{font-size:.72rem;color:#6c7a74;margin-top:3px}
.ric-prayer.is-next{background:linear-gradient(145deg,#064a38,#0a6a4c);color:white;box-shadow:inset 0 0 0 1px rgba(215,166,63,.5)}
.ric-prayer.is-next strong,.ric-prayer.is-next .iqamah{color:#e6f1ec}
.ric-adhan-box{background:#063d30;color:white;border-radius:15px;padding:14px;display:flex;flex-direction:column;justify-content:center;gap:7px}
.ric-adhan-box small{color:#d5e4dd}
.ric-wave{height:34px;opacity:.55;background:repeating-linear-gradient(90deg,transparent 0 4px,#9ad1b9 4px 6px,transparent 6px 10px);mask:linear-gradient(180deg,transparent,black 25% 75%,transparent)}
.ric-services-wrap{padding:18px clamp(14px,3.5vw,64px)}
.ric-section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:8px 0 16px}
.ric-section-heading h2{font-family:Georgia,serif;font-size:clamp(1.7rem,3vw,2.6rem);margin:0;color:#063f31}
.ric-section-heading p{margin:0;color:#607069;max-width:650px}
.ric-service-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:12px}
.ric-service-card{
  perspective:700px;background:#fff;border:1px solid rgba(6,63,49,.12);border-radius:18px;padding:18px 12px;text-align:center;text-decoration:none;color:#183b2f;
  min-height:155px;box-shadow:0 12px 25px rgba(4,55,43,.07);transition:.25s ease
}
.ric-service-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px rgba(4,55,43,.13);border-color:rgba(215,166,63,.65)}
.ric-icon-3d{
  width:68px;height:68px;margin:0 auto 10px;border-radius:18px;display:grid;place-items:center;font-size:2.35rem;
  background:linear-gradient(145deg,#f8f4df,#d9e6dd);box-shadow:inset 7px 7px 12px rgba(255,255,255,.85),inset -6px -6px 14px rgba(6,63,49,.13),0 12px 18px rgba(6,63,49,.17);
  transform:rotateX(7deg) rotateY(-7deg);transition:.3s ease;position:relative
}
.ric-icon-3d::after{content:"";position:absolute;inset:7px;border:1px solid rgba(215,166,63,.34);border-radius:13px}
.ric-service-card:hover .ric-icon-3d{transform:rotateX(0) rotateY(0) translateY(-3px) scale(1.04)}
.ric-service-card strong{display:block;font-size:.95rem}
.ric-service-card span{display:block;font-size:.76rem;color:#67756f;margin-top:4px;line-height:1.35}
.ric-feature-strip{
  margin:14px clamp(14px,3.5vw,64px) 0;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;
}
.ric-feature{
  background:linear-gradient(145deg,#063e31,#075541);color:white;border:1px solid #d7a63f;border-radius:18px;padding:18px;display:grid;grid-template-columns:auto 1fr;gap:13px;align-items:center
}
.ric-feature .ric-icon-3d{width:62px;height:62px;margin:0;font-size:2rem}
.ric-feature h3{margin:0 0 4px;font-family:Georgia,serif}
.ric-feature p{margin:0;color:#d6e7df;font-size:.82rem;line-height:1.4}
.ric-content-grid{padding:22px clamp(14px,3.5vw,64px);display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:16px}
.ric-panel{background:white;border:1px solid rgba(6,63,49,.12);border-radius:20px;padding:20px;box-shadow:0 12px 28px rgba(4,55,43,.07)}
.ric-panel h3{margin:0 0 14px;font-family:Georgia,serif;color:#063f31}
.ric-event{display:grid;grid-template-columns:52px 1fr auto;gap:10px;padding:11px 0;border-bottom:1px solid #e8ece9;align-items:center}
.ric-event:last-child{border-bottom:0}
.ric-event-date{background:#07503c;color:white;border-radius:10px;padding:7px;text-align:center;font-weight:850;font-size:.72rem}
.ric-event-title{font-weight:800}
.ric-event-time{font-size:.77rem;color:#66736d}
.ric-feature-panel{
  min-height:230px;color:white;background:linear-gradient(145deg,#064837,#092b29);position:relative;overflow:hidden
}
.ric-feature-panel::after{content:"";position:absolute;right:-55px;bottom:-70px;width:190px;height:190px;border-radius:50%;border:1px solid rgba(215,166,63,.28);box-shadow:0 0 0 22px rgba(215,166,63,.03)}
.ric-feature-panel h3{color:#f0d07e;font-size:1.7rem}
.ric-feature-panel p{color:#d5e5df;line-height:1.55}
.ric-weather-preview{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:14px}
.ric-weather-swatch{height:74px;border-radius:12px;border:1px solid rgba(255,255,255,.16);display:flex;align-items:end;padding:8px;font-size:.72rem;background:linear-gradient(145deg,#0b5a45,#0a2b31)}
.ric-local{
  margin:0 clamp(14px,3.5vw,64px) 24px;background:linear-gradient(145deg,#f9fbf8,#edf3ef);border:1px solid #dce6e0;border-radius:20px;padding:22px;display:grid;grid-template-columns:1.2fr .8fr;gap:24px
}
.ric-local h2{font-family:Georgia,serif;color:#063f31;margin:0 0 8px}
.ric-local p{line-height:1.7;color:#50645b}
.ric-local-art{border-radius:16px;min-height:170px;background:
  linear-gradient(rgba(4,60,48,.58),rgba(4,60,48,.58)),
  repeating-linear-gradient(45deg,#0b624b 0 16px,#0a533f 16px 32px);position:relative;overflow:hidden
}
.ric-local-art::before{content:"";position:absolute;inset:16px;border:1px solid rgba(215,166,63,.55);border-radius:120px 120px 12px 12px}
.ric-footer{background:#043428;color:#e4eee9;padding:36px clamp(14px,3.5vw,64px) 20px;border-top:2px solid rgba(215,166,63,.55)}
.ric-footer-grid{display:grid;grid-template-columns:1.4fr repeat(5,1fr);gap:24px}
.ric-footer h4{color:white;margin:0 0 12px}
.ric-footer a{display:block;color:#c8d9d2;text-decoration:none;margin:7px 0;font-size:.86rem}
.ric-footer .ric-brand-copy strong{color:white}
.ric-footer-bottom{margin-top:26px;padding-top:18px;border-top:1px solid rgba(255,255,255,.12);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:.8rem;color:#b9ccc4}
.ric-admin-edit{position:fixed;right:16px;bottom:16px;z-index:1000;background:#d7a63f;color:#173029;text-decoration:none;padding:11px 15px;border-radius:999px;font-weight:850;box-shadow:0 10px 30px rgba(0,0,0,.25)}
@media(max-width:1180px){
 .ric-service-grid{grid-template-columns:repeat(4,1fr)}
 .ric-prayer-card{grid-template-columns:180px 1fr}.ric-adhan-box{grid-column:1/-1}
 .ric-content-grid{grid-template-columns:1fr 1fr}.ric-content-grid>.ric-panel:first-child{grid-column:1/-1}
 .ric-footer-grid{grid-template-columns:1.4fr repeat(3,1fr)}
}
@media(max-width:900px){
 .ric-mainnav{grid-template-columns:1fr auto}.ric-brand-copy{display:none}.ric-nav-list{display:none;grid-column:1/-1;flex-direction:column;align-items:stretch;padding:12px 0}.ric-nav-list.is-open{display:flex}.ric-mobile-toggle{display:block}.ric-nav-actions .ric-button.gold{display:none}
 .ric-nav-item{width:100%}.ric-nav-link{width:100%}.ric-submenu{position:static;display:block!important;box-shadow:none;border:0;padding-left:18px}
 .ric-hero-grid{grid-template-columns:1fr;min-height:auto}.ric-quran-card{max-width:700px}
 .ric-feature-strip{grid-template-columns:1fr 1fr}
 .ric-local{grid-template-columns:1fr}
}
@media(max-width:720px){
 .ric-utility{padding-left:12px;padding-right:12px}
 .ric-mainnav{padding-left:12px;padding-right:12px;min-height:66px}.ric-brand img{width:54px;height:54px}
 .ric-hero{min-height:0}.ric-hero-grid{padding:42px 16px 72px}.ric-hero-copy h1{font-size:clamp(2.5rem,13vw,4.2rem)}
 .ric-promo-rail{margin-top:-26px;padding:0 12px}.ric-promo-shell{grid-template-columns:1fr}.ric-banner-controls{justify-content:center;padding:8px;border-left:0;border-top:1px solid rgba(215,166,63,.22)}
 .ric-banner{grid-template-columns:auto 1fr;padding:14px}.ric-banner .ric-button{grid-column:1/-1;justify-self:start}
 .ric-prayer-shell{padding:18px 12px 8px}.ric-prayer-card{grid-template-columns:1fr;padding:12px}.ric-prayer-grid{grid-template-columns:repeat(3,1fr)}
 .ric-services-wrap{padding:14px 12px}.ric-service-grid{grid-template-columns:repeat(2,1fr)}
 .ric-feature-strip{margin:12px;grid-template-columns:1fr}
 .ric-content-grid{padding:12px;grid-template-columns:1fr}.ric-content-grid>.ric-panel:first-child{grid-column:auto}
 .ric-local{margin:12px}
 .ric-footer{padding:30px 18px 18px}.ric-footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:430px){
 .ric-nav-actions .ric-pill{padding:9px 11px;font-size:.78rem}
 .ric-prayer-grid{grid-template-columns:repeat(2,1fr)}
 .ric-service-grid{grid-template-columns:1fr 1fr}
 .ric-feature{grid-template-columns:auto 1fr;padding:14px}
 .ric-footer-grid{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
 *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
}

/* SOURCE: /assets/css/homepage-v12-refined.css?v=1.1 */

/* RIC v1.2 refinement layer: loads after homepage-v12.css */
.ric-mainnav{min-height:88px}
.ric-brand img{width:82px;height:72px}
.ric-brand-copy strong{font-size:1.08rem}
.ric-brand-copy span{font-size:.95rem}
.ric-hero{min-height:610px;background-position:center;background-size:cover}
.ric-hero-grid{min-height:610px}
.ric-hero-copy{max-width:820px}
.ric-hero-copy h1{max-width:720px}
.ric-quran-card{background:linear-gradient(145deg,rgba(2,33,28,.88),rgba(4,64,48,.70))}
.ric-promo-shell{min-height:118px}
.ric-banner.has-media::before{
 content:"";position:absolute;inset:0;background:var(--ric-banner-media) center/cover no-repeat;opacity:.18;pointer-events:none
}
.ric-banner.has-media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,64,48,.96),rgba(3,64,48,.58));pointer-events:none}
.ric-banner>*{position:relative;z-index:2}
.ric-prayer .adhan{font-variant-numeric:tabular-nums}
.ric-prayer .iqamah{white-space:nowrap}
.ric-quick-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:12px}
.ric-quick-card{
 background:white;border:1px solid rgba(6,63,49,.12);border-radius:19px;padding:19px 11px;text-align:center;
 text-decoration:none;color:#173d30;min-height:170px;box-shadow:0 12px 28px rgba(4,55,43,.08);
 transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease
}
.ric-quick-card:hover{transform:translateY(-7px);box-shadow:0 22px 45px rgba(4,55,43,.15);border-color:rgba(215,166,63,.75)}
.ric-svg-3d{
 width:72px;height:72px;margin:0 auto 12px;border-radius:21px;display:grid;place-items:center;
 color:#0a6046;background:linear-gradient(145deg,#fffef8,#e8f0ea);
 border:1px solid rgba(215,166,63,.34);
 box-shadow:inset 8px 8px 14px rgba(255,255,255,.92),inset -7px -7px 15px rgba(7,74,56,.12),0 13px 24px rgba(5,63,48,.16);
 transform:rotateX(7deg) rotateY(-7deg);transition:.28s ease
}
.ric-svg-3d svg{width:45px;height:45px;overflow:visible}
.ric-quick-card:hover .ric-svg-3d,.ric-feature:hover .ric-svg-3d{transform:rotateX(0) rotateY(0) translateY(-3px) scale(1.04)}
.ric-quick-card strong{display:block;font-size:.96rem}
.ric-quick-card span{display:block;color:#68766f;font-size:.77rem;line-height:1.35;margin-top:5px}
.ric-more-services{margin-top:18px;border:1px solid #dfe8e3;border-radius:18px;background:rgba(255,255,255,.78);overflow:hidden}
.ric-more-services>summary{cursor:pointer;list-style:none;padding:16px 19px;font-weight:850;color:#064532;display:flex;align-items:center;justify-content:space-between}
.ric-more-services>summary::-webkit-details-marker{display:none}
.ric-category-wrap{padding:0 17px 18px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.ric-category{background:#fff;border:1px solid #e5ebe7;border-radius:15px;padding:15px}
.ric-category h3{font-family:Georgia,serif;color:#064532;text-transform:capitalize;margin:0 0 10px}
.ric-category a{display:flex;align-items:center;gap:8px;padding:8px 0;color:#27473c;text-decoration:none;border-bottom:1px dashed #e2e7e4}
.ric-category a:last-child{border-bottom:0}
.ric-mini-icon{width:30px;height:30px;border-radius:9px;background:#eef5f0;color:#0a6046;display:grid;place-items:center;border:1px solid #dbe6df}
.ric-mini-icon svg{width:19px;height:19px}
.ric-feature{min-height:120px}
.ric-feature .ric-svg-3d{width:68px;height:68px;margin:0}
.ric-feature .ric-svg-3d svg{width:42px;height:42px}
.ric-community-panel{background:linear-gradient(145deg,#063e31,#0b5c45);color:white}
.ric-community-panel h3{color:#f3d27f}
.ric-community-panel p{color:#d6e9e1;line-height:1.55}
.ric-community-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.ric-community-actions a{background:#f0c96c;color:#193228;text-decoration:none;font-weight:850;padding:10px 14px;border-radius:999px}
body.ric-home[data-weather="clear"]::before{opacity:.13}
body.ric-home[data-weather="clouds"]::before{opacity:.22;background-size:72px 72px}
body.ric-home[data-weather="rain"]::before{
 opacity:.18;background-image:repeating-linear-gradient(115deg,transparent 0 18px,rgba(202,226,219,.18) 19px 21px,transparent 22px 42px)
}
body.ric-home[data-weather="snow"]::before{
 opacity:.2;background-image:radial-gradient(circle,rgba(255,255,255,.58) 0 2px,transparent 3px);background-size:32px 32px
}
body.ric-home[data-weather="night"]::before{
 opacity:.18;background-image:radial-gradient(circle,rgba(240,201,108,.5) 0 1px,transparent 2px);background-size:45px 45px
}
.ric-weather-badge{font-weight:750}
@media(max-width:1250px){.ric-quick-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:900px){.ric-category-wrap{grid-template-columns:1fr 1fr}}
@media(max-width:720px){
 .ric-mainnav{min-height:70px}.ric-brand img{width:62px;height:56px}
 .ric-quick-grid{grid-template-columns:repeat(2,1fr)}
 .ric-category-wrap{grid-template-columns:1fr}
}

/* SOURCE: /assets/css/prayer-times-live.css?v=20260822.12 */
/* RIC Prayer Times Live Scenes v20260822.10
   Layout correction:
   - true full-width desktop row
   - all six prayer scenes visible at once on normal desktop
   - compact height so Prayer Times does not dominate the page
   - fixes malformed v5 responsive CSS that accidentally forced 3 columns
   - keeps time-of-day ambient, +/-10 minute prayer window and hover behavior
*/

.ric-home .ric-prayer-shell{
  display:block!important;
  position:relative!important;
  left:auto!important;
  right:auto!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:12px clamp(14px,1.5vw,26px) 20px!important;
  box-sizing:border-box!important;
  background:transparent!important;
  overflow:hidden!important;
}

.ric-home .ric-prayer-shell > .ric-prayer-card.ric-prayer-live{
  --ric-ambient-a:.08;
  --ric-ambient-rgb:31,92,72;
  --ric-ambient-rgb-2:216,188,91;

  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  padding:8px 0 10px!important;
  box-sizing:border-box!important;

  display:grid!important;
  grid-template-columns:
    minmax(190px,235px)
    minmax(0,1fr)
    minmax(185px,215px)!important;
  grid-template-areas:
    "intro scenes adhan"
    "jumuah jumuah jumuah"!important;
  gap:10px!important;
  align-items:stretch!important;

  position:relative!important;
  isolation:isolate!important;
  overflow:visible!important;
  transform:none!important;

  background:
    radial-gradient(circle at 48% 44%,rgba(var(--ric-ambient-rgb),var(--ric-ambient-a)),transparent 49%),
    radial-gradient(circle at 78% 35%,rgba(var(--ric-ambient-rgb-2),calc(var(--ric-ambient-a) * .55)),transparent 38%)!important;
  border:0!important;
  border-radius:22px!important;
  box-shadow:none!important;
  transition:background .7s ease,filter .7s ease!important;
}

/* Ambient palette follows the time of day / hovered prayer. */
.ric-home .ric-prayer-live[data-ambient-scene="fajr"]{
  --ric-ambient-rgb:52,78,128;
  --ric-ambient-rgb-2:195,210,229;
}
.ric-home .ric-prayer-live[data-ambient-scene="shuruq"]{
  --ric-ambient-rgb:231,156,124;
  --ric-ambient-rgb-2:246,204,100;
}
.ric-home .ric-prayer-live[data-ambient-scene="dhuhr"]{
  --ric-ambient-rgb:72,170,221;
  --ric-ambient-rgb-2:243,224,120;
}
.ric-home .ric-prayer-live[data-ambient-scene="asr"]{
  --ric-ambient-rgb:204,149,75;
  --ric-ambient-rgb-2:238,195,106;
}
.ric-home .ric-prayer-live[data-ambient-scene="maghrib"]{
  --ric-ambient-rgb:214,74,49;
  --ric-ambient-rgb-2:128,42,73;
}
.ric-home .ric-prayer-live[data-ambient-scene="isha"]{
  --ric-ambient-rgb:29,50,96;
  --ric-ambient-rgb-2:108,127,169;
}
.ric-home .ric-prayer-live[data-ambient-scene="jumuah"]{
  --ric-ambient-rgb:31,111,77;
  --ric-ambient-rgb-2:220,184,72;
}

.ric-home .ric-prayer-live.is-prayer-window{
  --ric-ambient-a:.24;
  filter:saturate(1.05)!important;
}
.ric-home .ric-prayer-live.is-card-hover{
  --ric-ambient-a:.18;
}

.ric-home .ric-prayer-live::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-8px -12px;
  border-radius:26px;
  opacity:0;
  pointer-events:none;
  background:
    linear-gradient(
      115deg,
      transparent 0%,
      rgba(var(--ric-ambient-rgb),.10) 29%,
      rgba(var(--ric-ambient-rgb-2),.14) 50%,
      rgba(var(--ric-ambient-rgb),.09) 70%,
      transparent 100%
    );
  transform:translateX(-3%);
  transition:opacity .55s ease;
}
.ric-home .ric-prayer-live.is-prayer-window::before,
.ric-home .ric-prayer-live.is-card-hover::before{
  opacity:1;
  animation:ric-ambient-drift 7s ease-in-out infinite alternate;
}
@keyframes ric-ambient-drift{
  from{transform:translate3d(-2%,0,0) scale(1)}
  to{transform:translate3d(2%,-1%,0) scale(1.02)}
}

/* Left information area */
.ric-home .ric-prayer-intro{
  grid-area:intro!important;
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  padding:8px 8px 8px 4px!important;
  color:#173d31!important;
  text-align:left!important;
  background:transparent!important;
}
.ric-home .ric-prayer-intro h2{
  margin:0 0 10px!important;
  color:#173d31!important;
  font-size:clamp(1.55rem,1.8vw,2.05rem)!important;
  line-height:.98!important;
  letter-spacing:-.035em!important;
}
.ric-home .ric-prayer-intro p{
  margin:2px 0!important;
  color:#68766f!important;
  font-size:.82rem!important;
  line-height:1.28!important;
}
.ric-home .ric-prayer-location-note{
  display:flex!important;
  align-items:flex-start!important;
  gap:7px!important;
  margin-top:10px!important;
  padding-top:10px!important;
  border-top:1px solid rgba(23,61,49,.14)!important;
}
.ric-home .ric-prayer-location-note b{color:#07855e!important}

/* Six scenes stay in one row on normal desktops. */
.ric-home .ric-prayer-grid.ric-prayer-scenes{
  grid-area:scenes!important;
  min-width:0!important;
  width:100%!important;
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:7px!important;
  align-items:stretch!important;
  overflow:visible!important;
}

.ric-home .ric-prayer.ric-scene-card{
  --ric-hover-rgb:55,106,139;
  position:relative!important;
  isolation:isolate!important;
  min-width:0!important;
  width:auto!important;
  max-width:none!important;
  height:auto!important;
  min-height:286px!important;
  padding:0!important;
  overflow:hidden!important;

  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-end!important;

  color:#fff!important;
  background:#123b30!important;
  border:1px solid rgba(8,37,29,.20)!important;
  border-radius:15px!important;
  box-shadow:0 7px 18px rgba(15,49,38,.11)!important;
  transition:
    transform .35s cubic-bezier(.2,.8,.2,1),
    box-shadow .35s,
    border-color .35s,
    filter .35s!important;
}

.ric-home .ric-scene-card[data-scene="fajr"]{--ric-hover-rgb:45,77,135}
.ric-home .ric-scene-card[data-scene="shuruq"]{--ric-hover-rgb:230,149,108}
.ric-home .ric-scene-card[data-scene="dhuhr"]{--ric-hover-rgb:50,163,217}
.ric-home .ric-scene-card[data-scene="asr"]{--ric-hover-rgb:199,139,61}
.ric-home .ric-scene-card[data-scene="maghrib"]{--ric-hover-rgb:206,66,45}
.ric-home .ric-scene-card[data-scene="isha"]{--ric-hover-rgb:25,45,90}

.ric-home .ric-prayer.ric-scene-card::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:rgba(var(--ric-hover-rgb),0);
  transition:background .35s ease;
}
.ric-home .ric-prayer.ric-scene-card:hover{
  transform:translateY(-5px) scale(1.012)!important;
  border-color:rgba(var(--ric-hover-rgb),.82)!important;
  box-shadow:
    0 0 0 3px rgba(var(--ric-hover-rgb),.13),
    0 15px 28px rgba(15,49,38,.20)!important;
  filter:saturate(1.12) brightness(1.04)!important;
}
.ric-home .ric-prayer.ric-scene-card:hover::before{
  background:rgba(var(--ric-hover-rgb),.22);
}
.ric-home .ric-prayer.ric-scene-card:hover .ric-scene-visual img{
  animation-duration:6s!important;
  transform:scale(1.08);
}

.ric-home .ric-scene-card.is-prayer-window-card{
  border-color:rgba(var(--ric-hover-rgb),.92)!important;
  box-shadow:
    0 0 0 3px rgba(var(--ric-hover-rgb),.15),
    0 13px 28px rgba(var(--ric-hover-rgb),.19)!important;
}
.ric-home .ric-scene-card.is-prayer-window-card::before{
  background:rgba(var(--ric-hover-rgb),.13);
  animation:ric-card-breathe 3.8s ease-in-out infinite alternate;
}
.ric-home .ric-scene-card.is-prayer-window-card .ric-scene-visual img{
  animation-duration:6.5s!important;
}
@keyframes ric-card-breathe{
  from{opacity:.62}
  to{opacity:1}
}

.ric-home .ric-scene-visual{
  position:absolute!important;
  inset:0!important;
  z-index:-4!important;
  overflow:hidden!important;
  background:#153d31!important;
}
.ric-home .ric-scene-visual img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
  object-position:center!important;
  transform:scale(1.02);
  animation:ric-scene-parallax 13s ease-in-out infinite alternate;
  transition:filter .35s ease,transform .35s ease;
}
@keyframes ric-scene-parallax{
  from{transform:scale(1.02) translate3d(-.2%,0,0)}
  to{transform:scale(1.065) translate3d(.45%,-.25%,0)}
}

.ric-home .ric-scene-shade{
  position:absolute!important;
  inset:0!important;
  z-index:-2!important;
  pointer-events:none!important;
  background:linear-gradient(
    to bottom,
    rgba(0,0,0,.01) 22%,
    rgba(0,0,0,.05) 46%,
    rgba(0,0,0,.82) 100%
  )!important;
}

.ric-home .ric-scene-copy{
  position:relative!important;
  z-index:3!important;
  padding:10px 6px 10px!important;
  text-align:center!important;
  color:#fff!important;
  text-shadow:0 2px 7px rgba(0,0,0,.72)!important;
}
.ric-home .ric-scene-copy strong{
  display:block!important;
  color:#fff!important;
  font-size:.87rem!important;
  line-height:1.05!important;
}
.ric-home .ric-scene-sub{
  display:block!important;
  min-height:23px!important;
  margin-top:2px!important;
  color:rgba(255,255,255,.96)!important;
  font-size:.62rem!important;
  line-height:1.08!important;
  font-weight:850!important;
}
.ric-home .ric-scene-copy .adhan{
  margin:7px 0 3px!important;
  color:#fff!important;
  font-size:1.12rem!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:-.025em!important;
}
.ric-home .ric-scene-copy .iqamah{
  color:rgba(255,255,255,.91)!important;
  font-size:.60rem!important;
  line-height:1.15!important;
}
.ric-home .ric-sign-chip{
  display:inline-flex!important;
  justify-content:center!important;
  max-width:96%!important;
  margin:6px auto 0!important;
  padding:3px 5px!important;
  border:1px solid rgba(255,255,255,.28)!important;
  border-radius:999px!important;
  background:rgba(5,24,20,.46)!important;
  color:#fff!important;
  font-size:.49rem!important;
  line-height:1.10!important;
  font-weight:850!important;
  text-shadow:0 1px 4px rgba(0,0,0,.65)!important;
  backdrop-filter:blur(5px)!important;
  -webkit-backdrop-filter:blur(5px)!important;
}
.ric-home .ric-special-pill{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:5px auto 0!important;
  padding:3px 6px!important;
  border-radius:999px!important;
  background:#e8c75a!important;
  color:#173d31!important;
  font-size:.48rem!important;
  font-weight:950!important;
  text-shadow:none!important;
}

/* Status badges */
.ric-home .ric-scene-status{
  position:absolute!important;
  top:6px!important;
  right:6px!important;
  z-index:7!important;
  display:none;
  align-items:center!important;
  padding:4px 6px!important;
  border-radius:999px!important;
  font-size:.51rem!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:.03em!important;
  text-shadow:none!important;
  box-shadow:0 4px 10px rgba(0,0,0,.15)!important;
}
.ric-home .ric-scene-card.is-live .ric-scene-status{
  display:inline-flex!important;
  background:#18a968!important;
  color:#fff!important;
}
.ric-home .ric-scene-card.is-next .ric-scene-status{
  display:inline-flex!important;
  background:#e2bd49!important;
  color:#173d31!important;
}
.ric-home .ric-scene-card.is-prayer-window-card:not(.is-live):not(.is-next) .ric-scene-status{
  display:inline-flex!important;
  background:#e2bd49!important;
  color:#173d31!important;
}

.ric-home .ric-scene-card.is-live{
  transform:translateY(-4px) scale(1.012)!important;
  border-color:#27b978!important;
  box-shadow:
    0 0 0 3px rgba(39,185,120,.14),
    0 14px 30px rgba(27,127,89,.23)!important;
}
.ric-home .ric-scene-card.is-next:not(.is-live){
  border-color:#d4af36!important;
  box-shadow:
    0 0 0 2px rgba(212,175,54,.12),
    0 10px 22px rgba(72,57,11,.12)!important;
}
.ric-home .ric-scene-card.is-special-now{
  border-color:#e8c75a!important;
  box-shadow:
    0 0 0 3px rgba(232,199,90,.11),
    0 11px 24px rgba(133,94,15,.15)!important;
}

.ric-home .ric-scene-loop{
  position:absolute!important;
  right:5px!important;
  bottom:5px!important;
  z-index:7!important;
  width:17px!important;
  height:17px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(255,255,255,.68)!important;
  border-radius:50%!important;
  background:rgba(0,0,0,.22)!important;
  color:#fff!important;
  font-size:.58rem!important;
  line-height:1!important;
  text-shadow:0 1px 4px rgba(0,0,0,.6)!important;
  animation:ric-loop-spin 7s linear infinite!important;
}
@keyframes ric-loop-spin{to{transform:rotate(360deg)}}

/* Adhan control */
.ric-home .ric-prayer-card .ric-adhan-box{
  grid-area:adhan!important;
  min-width:0!important;
  min-height:100%!important;
  padding:15px 13px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  border-radius:15px!important;
  background:linear-gradient(155deg,#174f3d,#0d3e31)!important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.07),
    0 7px 18px rgba(15,49,38,.09)!important;
}
.ric-home .ric-prayer-card .ric-adhan-box strong{font-size:.95rem!important}
.ric-home .ric-prayer-card .ric-adhan-box small{font-size:.70rem!important;line-height:1.3!important}
.ric-home .ric-prayer-card .ric-wave{
  position:relative!important;
  overflow:hidden!important;
}
.ric-home .ric-prayer-card .ric-wave::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);
  transform:translateX(-115%);
  animation:ric-wave-scan 2.8s linear infinite;
}
@keyframes ric-wave-scan{to{transform:translateX(115%)}}

/* Jumu'ah stays compact across the full row. */
.ric-home .ric-jumuah-strip{
  grid-area:jumuah!important;
  min-height:36px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  padding:6px 12px!important;
  border:1px solid rgba(19,64,51,.15)!important;
  border-radius:11px!important;
  background:rgba(255,255,255,.35)!important;
  color:#173f32!important;
  font-size:.82rem!important;
  font-weight:900!important;
  box-shadow:none!important;
  backdrop-filter:blur(5px)!important;
  -webkit-backdrop-filter:blur(5px)!important;
}
.ric-home .ric-jumuah-strip .gold{color:#c7a232!important}
.ric-home .ric-jumuah-status{
  display:none;
  padding:3px 6px;
  border-radius:999px;
  background:#e2bd49;
  color:#173d31;
  font-size:.56rem;
  font-weight:950;
}
.ric-home .ric-jumuah-strip.is-friday{
  border-color:#d9b33e!important;
  background:rgba(255,251,229,.50)!important;
}
.ric-home .ric-jumuah-strip.is-friday .ric-jumuah-status{display:inline-flex!important}
.ric-home .ric-jumuah-strip.is-jumuah-live{
  border-color:#20ad70!important;
  background:rgba(239,255,247,.55)!important;
}
.ric-home .ric-jumuah-strip.is-jumuah-live .ric-jumuah-status{
  background:#1eaa6d!important;
  color:#fff!important;
}

/* Large desktop: title + six scenes + audio in one row. */
@media(min-width:1500px){
  .ric-home .ric-prayer-grid.ric-prayer-scenes{
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
  }
}

/* Normal laptop / desktop:
   keep ALL six prayer scenes visible in one full-width row.
   Move the intro and Prayer Audio above the scene row instead of squeezing cards. */
@media(max-width:1499px) and (min-width:901px){
  .ric-home .ric-prayer-shell > .ric-prayer-card.ric-prayer-live{
    grid-template-columns:minmax(0,1fr) minmax(190px,225px)!important;
    grid-template-areas:
      "intro adhan"
      "scenes scenes"
      "jumuah jumuah"!important;
    gap:9px!important;
  }

  .ric-home .ric-prayer-intro{
    min-height:118px!important;
    display:grid!important;
    grid-template-columns:minmax(180px,260px) repeat(2,minmax(120px,auto)) minmax(210px,1fr)!important;
    grid-template-rows:auto auto!important;
    align-items:center!important;
    column-gap:14px!important;
    row-gap:4px!important;
  }
  .ric-home .ric-prayer-intro h2{
    grid-row:1/-1!important;
    margin:0!important;
  }
  .ric-home .ric-prayer-location-note{
    margin:0!important;
    padding:0!important;
    border-top:0!important;
  }
  .ric-home .ric-scene-quality-control{
    margin:0!important;
    padding:0!important;
    border-top:0!important;
    align-self:center!important;
  }

  .ric-home .ric-prayer-grid.ric-prayer-scenes{
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    gap:7px!important;
  }
  .ric-home .ric-prayer.ric-scene-card{
    min-height:276px!important;
  }
  .ric-home .ric-prayer-card .ric-adhan-box{
    min-height:118px!important;
  }
}

/* Tablet: two rows of three. */
@media(max-width:900px) and (min-width:621px){
  .ric-home .ric-prayer-shell > .ric-prayer-card.ric-prayer-live{
    grid-template-columns:1fr!important;
    grid-template-areas:
      "intro"
      "scenes"
      "adhan"
      "jumuah"!important;
    gap:9px!important;
  }
  .ric-home .ric-prayer-intro{
    display:block!important;
    min-height:0!important;
  }
  .ric-home .ric-prayer-grid.ric-prayer-scenes{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  .ric-home .ric-prayer.ric-scene-card{
    min-height:270px!important;
  }
  .ric-home .ric-prayer-card .ric-adhan-box{
    min-height:118px!important;
  }
}

/* Mobile: swipe six compact cards horizontally. */
@media(max-width:620px){
  .ric-home .ric-prayer-shell{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:10px 9px 17px!important;
    overflow:hidden!important;
  }
  .ric-home .ric-prayer-shell > .ric-prayer-card.ric-prayer-live{
    width:100%!important;
    grid-template-columns:1fr!important;
    grid-template-areas:
      "intro"
      "scenes"
      "adhan"
      "jumuah"!important;
    gap:9px!important;
    padding:4px!important;
  }
  .ric-home .ric-prayer-intro{
    display:block!important;
  }
  .ric-home .ric-prayer-grid.ric-prayer-scenes{
    grid-template-columns:repeat(6,minmax(146px,1fr))!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x mandatory!important;
    padding:3px 2px 9px!important;
  }
  .ric-home .ric-prayer.ric-scene-card{
    min-height:286px!important;
    scroll-snap-align:center!important;
  }
  .ric-home .ric-jumuah-strip{
    font-size:.78rem!important;
    text-align:center!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .ric-home .ric-scene-visual img,
  .ric-home .ric-scene-loop,
  .ric-home .ric-prayer-card .ric-wave::after,
  .ric-home .ric-prayer-live::before,
  .ric-home .ric-scene-card::before{
    animation:none!important;
  }
}
.ric-home .ric-scenes-paused .ric-scene-visual img,
.ric-home .ric-scenes-paused .ric-scene-loop,
.ric-home .ric-scenes-paused .ric-prayer-card .ric-wave::after,
.ric-home .ric-scenes-paused::before{
  animation-play-state:paused!important;
}

/* SOURCE: /assets/css/prayer-scene-adaptive.css?v=20260822.12 */
/* RIC Adaptive Prayer Scene Media v20260822.10
   Performance hotfix:
   - only the focused prayer gets Enhanced/Cinematic media
   - inactive cards stay Lite
   - effects live above video so Cinematic mode still has haze/light/wind
   - removes permanent will-change on every layer
*/
.ric-home .ric-scene-quality-control{
  display:grid!important;
  grid-template-columns:auto 1fr!important;
  gap:4px 7px!important;
  align-items:center!important;
  margin-top:9px!important;
  padding-top:9px!important;
  border-top:1px solid rgba(23,61,49,.10)!important;
  font-size:.66rem!important;
}
.ric-home .ric-scene-quality-control label{font-weight:900;color:#173d31!important}
.ric-home .ric-scene-quality-control select{
  min-width:0!important;
  width:100%!important;
  padding:5px 7px!important;
  border:1px solid rgba(23,61,49,.18)!important;
  border-radius:8px!important;
  background:rgba(255,255,255,.68)!important;
  color:#173d31!important;
  font-size:.67rem!important;
}
.ric-home .ric-scene-quality-control small{
  grid-column:1/-1!important;
  color:#738079!important;
  font-size:.58rem!important;
}

.ric-home .ric-scene-visual{
  contain:layout paint!important;
  transform-style:preserve-3d!important;
}
.ric-home .ric-scene-lite,
.ric-home .ric-scene-enhanced,
.ric-home .ric-scene-cinematic,
.ric-home .ric-scene-effects{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
}
.ric-home .ric-scene-lite{
  display:block!important;
  z-index:1!important;
  overflow:hidden!important;
}
.ric-home .ric-scene-lite img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  display:block!important;
  animation:none!important;
  transform:scale(1.012)!important;
  transition:transform 1.1s ease,filter .7s ease!important;
}

.ric-home .ric-scene-enhanced{
  z-index:2!important;
  opacity:0!important;
  pointer-events:none!important;
  overflow:hidden!important;
  transition:opacity .55s ease!important;
}
.ric-home .ric-scene-cinematic{
  z-index:3!important;
  opacity:0!important;
  object-fit:cover!important;
  object-position:center!important;
  pointer-events:none!important;
  background:#0b201b!important;
  transition:opacity .6s ease,filter .7s ease!important;
}
.ric-home .ric-scene-effects{
  z-index:4!important;
  pointer-events:none!important;
  overflow:hidden!important;
}

.ric-home .ric-depth-layer{
  position:absolute!important;
  inset:-2%!important;
  width:104%!important;
  height:104%!important;
  object-fit:cover!important;
  object-position:center!important;
  animation:none!important;
  transform:translate3d(0,0,0) scale(1.02)!important;
}
.ric-home .ric-scene-card.is-scene-focus .ric-depth-layer{
  will-change:transform!important;
}
.ric-home .ric-depth-base{z-index:1!important}
.ric-home .ric-depth-sky{
  z-index:2!important;
  -webkit-mask-image:linear-gradient(to bottom,#000 0 42%,rgba(0,0,0,.92) 52%,transparent 68%)!important;
  mask-image:linear-gradient(to bottom,#000 0 42%,rgba(0,0,0,.92) 52%,transparent 68%)!important;
}
.ric-home .ric-depth-foreground{
  z-index:3!important;
  -webkit-mask-image:linear-gradient(to bottom,transparent 42%,rgba(0,0,0,.35) 57%,#000 74% 100%)!important;
  mask-image:linear-gradient(to bottom,transparent 42%,rgba(0,0,0,.35) 57%,#000 74% 100%)!important;
  transform-origin:50% 100%!important;
}

.ric-home .ric-fx{
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  opacity:0;
}
.ric-home .ric-fx-clouds{
  background:
    radial-gradient(ellipse at 18% 28%,rgba(255,255,255,.11),transparent 20%),
    radial-gradient(ellipse at 76% 20%,rgba(255,255,255,.08),transparent 24%);
  filter:blur(6px);
  mix-blend-mode:screen;
}
.ric-home .ric-fx-haze{
  inset:38% -15% -8%!important;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.10),transparent 70%);
  filter:blur(10px);
  mix-blend-mode:screen;
}
.ric-home .ric-fx-light{
  background:radial-gradient(circle at 72% 36%,rgba(255,226,130,.20),transparent 33%);
  mix-blend-mode:screen;
}
.ric-home .ric-fx-wind{
  inset:auto -10% -2% -10%!important;
  height:46%!important;
  background:linear-gradient(105deg,transparent 25%,rgba(255,255,255,.03) 49%,transparent 73%);
  filter:blur(3px);
  mix-blend-mode:screen;
}
.ric-home .ric-fx-shadow{
  inset:55% 0 0!important;
  background:linear-gradient(112deg,transparent 15%,rgba(4,12,8,.23) 43%,transparent 66%);
  transform-origin:18% 80%;
  mix-blend-mode:multiply;
}
.ric-home .ric-fx-stars{
  inset:0 0 43%!important;
  background-image:
    radial-gradient(circle at 12% 18%,rgba(255,255,255,.9) 0 1px,transparent 1.5px),
    radial-gradient(circle at 34% 10%,rgba(255,255,255,.75) 0 1px,transparent 1.5px),
    radial-gradient(circle at 58% 24%,rgba(255,255,255,.82) 0 1px,transparent 1.5px),
    radial-gradient(circle at 82% 14%,rgba(255,255,255,.72) 0 1px,transparent 1.5px),
    radial-gradient(circle at 71% 36%,rgba(255,255,255,.66) 0 1px,transparent 1.5px);
}

/* All inactive cards stay Lite to keep browser/GPU memory low. */
.ric-home .ric-scene-card:not(.is-scene-focus) .ric-scene-enhanced,
.ric-home .ric-scene-card:not(.is-scene-focus) .ric-scene-cinematic,
.ric-home .ric-scene-card:not(.is-scene-focus) .ric-scene-effects{
  opacity:0!important;
}

/* Enhanced focused card. */
.ric-home .ric-prayer-live[data-scene-quality="enhanced"] .ric-scene-card.is-scene-focus.is-enhanced-ready .ric-scene-enhanced{
  opacity:1!important;
}
.ric-home .ric-prayer-live[data-scene-quality="enhanced"] .ric-scene-card.is-scene-focus.is-enhanced-ready .ric-scene-lite{
  opacity:.01!important;
}

/* Cinematic focused card: video wins; Enhanced is fallback only. */
.ric-home .ric-prayer-live[data-scene-quality="cinematic"] .ric-scene-card.is-scene-focus.is-video-ready .ric-scene-cinematic{
  opacity:1!important;
}
.ric-home .ric-prayer-live[data-scene-quality="cinematic"] .ric-scene-card.is-scene-focus.is-video-ready .ric-scene-lite{
  opacity:.01!important;
}
.ric-home .ric-prayer-live[data-scene-quality="cinematic"] .ric-scene-card.is-scene-focus:not(.is-video-ready).is-enhanced-ready .ric-scene-enhanced{
  opacity:1!important;
}
.ric-home .ric-prayer-live[data-scene-quality="cinematic"] .ric-scene-card.is-scene-focus:not(.is-video-ready).is-enhanced-ready .ric-scene-lite{
  opacity:.01!important;
}

/* Effects only run on the single focused card. */
.ric-home .ric-scene-card.is-scene-focus .ric-fx-clouds{opacity:.48;animation:ric-cloud-drift 16s ease-in-out infinite alternate}
.ric-home .ric-scene-card.is-scene-focus .ric-fx-haze{opacity:.50;animation:ric-haze-drift 10s ease-in-out infinite alternate}
.ric-home .ric-scene-card.is-scene-focus .ric-fx-light{opacity:.52;animation:ric-light-breathe 9s ease-in-out infinite alternate}
.ric-home .ric-scene-card.is-scene-focus .ric-fx-wind{opacity:.40;animation:ric-wind-sweep 6.4s ease-in-out infinite alternate}

.ric-home .ric-prayer-live[data-scene-quality="lite"] .ric-scene-card.is-scene-focus .ric-scene-lite img{
  animation:ric-lite-focus 20s ease-in-out infinite alternate!important;
}
@keyframes ric-lite-focus{
  from{transform:scale(1.015) translate3d(-.35%,0,0)}
  to{transform:scale(1.065) translate3d(.5%,-.35%,0)}
}

/* Enhanced 4D movement — one card only. */
.ric-home .ric-prayer-live[data-scene-quality="enhanced"] .ric-scene-card.is-scene-focus .ric-depth-base,
.ric-home .ric-prayer-live[data-scene-quality="cinematic"] .ric-scene-card.is-scene-focus:not(.is-video-ready) .ric-depth-base{
  animation:ric-depth-base 20s ease-in-out infinite alternate!important;
}
.ric-home .ric-prayer-live[data-scene-quality="enhanced"] .ric-scene-card.is-scene-focus .ric-depth-sky,
.ric-home .ric-prayer-live[data-scene-quality="cinematic"] .ric-scene-card.is-scene-focus:not(.is-video-ready) .ric-depth-sky{
  animation:ric-depth-sky 24s ease-in-out infinite alternate!important;
}
.ric-home .ric-prayer-live[data-scene-quality="enhanced"] .ric-scene-card.is-scene-focus .ric-depth-foreground,
.ric-home .ric-prayer-live[data-scene-quality="cinematic"] .ric-scene-card.is-scene-focus:not(.is-video-ready) .ric-depth-foreground{
  animation:ric-depth-wind 7.2s ease-in-out infinite alternate!important;
}
@keyframes ric-depth-base{from{transform:scale(1.02) translate3d(0,0,0)}to{transform:scale(1.05) translate3d(-.3%,-.18%,0)}}
@keyframes ric-depth-sky{from{transform:scale(1.035) translate3d(-.8%,0,0)}to{transform:scale(1.06) translate3d(1%,-.4%,0)}}
@keyframes ric-depth-wind{from{transform:scale(1.045) translate3d(-.25%,0,0) rotate(-.10deg)}to{transform:scale(1.06) translate3d(.32%,-.12%,0) rotate(.13deg)}}
@keyframes ric-cloud-drift{from{transform:translate3d(-4%,0,0)}to{transform:translate3d(5%,-1.5%,0)}}
@keyframes ric-haze-drift{from{transform:translate3d(-10%,3%,0);opacity:.30}to{transform:translate3d(12%,-3%,0);opacity:.60}}
@keyframes ric-light-breathe{from{filter:brightness(.96);transform:scale(.97)}to{filter:brightness(1.12);transform:scale(1.04)}}
@keyframes ric-wind-sweep{from{transform:translateX(-5%) skewX(-.6deg)}to{transform:translateX(6%) skewX(.7deg)}}

/* Prayer-specific cues. */
.ric-home .ric-scene-card[data-scene="fajr"].is-scene-focus .ric-fx-light{
  background:linear-gradient(to bottom,transparent 48%,rgba(229,239,255,.27) 64%,transparent 72%)!important;
  transform-origin:center 70%!important;
  animation:ric-fajr-band 9s ease-in-out infinite alternate!important;
}
.ric-home .ric-scene-card[data-scene="fajr"].is-scene-focus .ric-fx-stars,
.ric-home .ric-scene-card[data-scene="isha"].is-scene-focus .ric-fx-stars{
  opacity:.64;
  animation:ric-stars-twinkle 6s ease-in-out infinite alternate!important;
}
@keyframes ric-fajr-band{from{opacity:.25;transform:scaleX(.75)}to{opacity:.72;transform:scaleX(1.06)}}
@keyframes ric-stars-twinkle{from{opacity:.34;filter:brightness(.85)}to{opacity:.76;filter:brightness(1.15)}}

.ric-home .ric-scene-card[data-scene="shuruq"].is-scene-focus .ric-fx-light{
  background:radial-gradient(circle at 72% 68%,rgba(255,221,128,.40),transparent 27%)!important;
  animation:ric-sunrise-glow 10s ease-in-out infinite alternate!important;
}
@keyframes ric-sunrise-glow{from{transform:translateY(6%) scale(.90);opacity:.35}to{transform:translateY(-7%) scale(1.06);opacity:.74}}

.ric-home .ric-scene-card[data-scene="dhuhr"].is-scene-focus .ric-fx-light{
  background:radial-gradient(circle at 55% 8%,rgba(255,255,230,.34),transparent 27%)!important;
  opacity:.65;
  animation:ric-dhuhr-shimmer 7s ease-in-out infinite alternate!important;
}
@keyframes ric-dhuhr-shimmer{from{filter:brightness(.98)}to{filter:brightness(1.11)}}

.ric-home .ric-scene-card[data-scene="asr"].is-scene-focus .ric-fx-shadow{
  opacity:.56;
  animation:ric-asr-shadow 11s ease-in-out infinite alternate!important;
}
@keyframes ric-asr-shadow{from{transform:scaleX(.74) skewX(-4deg);opacity:.28}to{transform:scaleX(1.14) skewX(3deg);opacity:.66}}

.ric-home .ric-scene-card[data-scene="maghrib"].is-scene-focus .ric-fx-light{
  background:radial-gradient(circle at 79% 57%,rgba(255,113,34,.41),transparent 29%)!important;
  animation:ric-sunset-glow 10s ease-in-out infinite alternate!important;
}
@keyframes ric-sunset-glow{from{transform:translateY(-6%) scale(1.04);opacity:.72}to{transform:translateY(8%) scale(.90);opacity:.28}}

.ric-home .ric-scene-card[data-scene="isha"].is-scene-focus .ric-fx-light{
  background:radial-gradient(circle at 19% 16%,rgba(193,214,255,.18),transparent 26%)!important;
  opacity:.50;
  animation:ric-moon-glow 8s ease-in-out infinite alternate!important;
}
@keyframes ric-moon-glow{from{filter:brightness(.92);transform:scale(.97)}to{filter:brightness(1.10);transform:scale(1.03)}}

.ric-home .ric-prayer-live[data-scene-quality="cinematic"] .ric-scene-card.is-scene-focus.is-video-ready .ric-scene-cinematic{
  animation:ric-video-breathe 14s ease-in-out infinite alternate!important;
}
@keyframes ric-video-breathe{from{filter:saturate(1) brightness(.99)}to{filter:saturate(1.06) brightness(1.03)}}

/* Hover hint only; no media download triggered by hover. */
.ric-home .ric-scene-card:hover .ric-fx-haze{opacity:.34!important}

@media(prefers-reduced-motion:reduce){
  .ric-home .ric-scene-lite img,
  .ric-home .ric-depth-layer,
  .ric-home .ric-fx,
  .ric-home .ric-scene-cinematic{
    animation:none!important;
    transition:none!important;
  }
  .ric-home .ric-prayer-live[data-scene-quality="cinematic"] .ric-scene-cinematic{
    display:none!important;
  }
}

@media(max-width:620px){
  .ric-home .ric-scene-quality-control{
    grid-template-columns:auto minmax(100px,1fr)!important;
  }
}

/* SOURCE: /assets/css/prayer-audio-settings.css?v=20260822.12 */
/* RIC Prayer Audio Settings v20260822.8 */

.ric-home .ric-prayer-audio-compact{
  gap:10px!important;
}

.ric-home .ric-audio-compact-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:8px;
}
.ric-home .ric-audio-compact-head > div{
  min-width:0;
}
.ric-home .ric-audio-compact-head strong{
  display:block!important;
  color:#fff!important;
}
.ric-home .ric-audio-compact-head small{
  display:block!important;
  margin-top:4px!important;
  color:rgba(255,255,255,.76)!important;
  font-size:.64rem!important;
  line-height:1.25!important;
}
.ric-home .ric-audio-mini-mute{
  flex:0 0 auto;
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.18);
  border-radius:50%;
  background:rgba(255,255,255,.06);
  color:#fff;
  cursor:pointer;
  transition:background .2s ease,transform .2s ease;
}
.ric-home .ric-audio-mini-mute:hover{
  background:rgba(255,255,255,.13);
  transform:translateY(-1px);
}

.ric-home .ric-audio-compact-status,
.ric-home .ric-audio-compact-volume{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding:6px 0;
  border-bottom:1px solid rgba(255,255,255,.10);
  color:rgba(255,255,255,.78);
  font-size:.68rem;
}
.ric-home .ric-audio-compact-status b,
.ric-home .ric-audio-compact-volume b{
  color:#fff;
  font-size:.68rem;
  white-space:nowrap;
}
.ric-home .ric-audio-mini-meter{
  flex:1 1 auto;
  height:5px;
  overflow:hidden;
  border-radius:999px;
  background:rgba(255,255,255,.15);
}
.ric-home .ric-audio-mini-meter span{
  display:block;
  width:30%;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#d9b749,#f2d36b);
  transition:width .2s ease;
}
.ric-home .ric-audio-settings-open{
  width:100%!important;
  margin-top:2px!important;
  padding:.66rem .7rem!important;
  font-size:.74rem!important;
}
.ric-home .ric-audio-full-times{
  color:#fff!important;
  font-size:.72rem!important;
  text-align:left;
}

/* Dialog */
.ric-prayer-audio-dialog{
  width:min(880px,calc(100vw - 28px));
  max-height:min(92vh,900px);
  padding:0;
  border:0;
  border-radius:24px;
  overflow:hidden;
  background:transparent;
  box-shadow:0 28px 80px rgba(5,30,23,.36);
}
.ric-prayer-audio-dialog::backdrop{
  background:rgba(3,20,15,.66);
  backdrop-filter:blur(5px);
  -webkit-backdrop-filter:blur(5px);
}

.ric-audio-dialog-shell{
  position:relative;
  overflow:hidden;
  color:#fff;
  background:
    radial-gradient(circle at 75% 15%,rgba(31,117,84,.25),transparent 36%),
    linear-gradient(155deg,#123f31 0%,#0e382d 52%,#0a2f27 100%);
  border:1px solid rgba(220,183,65,.58);
  border-radius:24px;
}
.ric-audio-dialog-shell::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.08;
  background:
    linear-gradient(30deg,transparent 40%,#fff 40% 41%,transparent 41% 59%,#fff 59% 60%,transparent 60%);
  background-size:54px 54px;
}

.ric-audio-dialog-header,
.ric-audio-dialog-body,
.ric-audio-dialog-footer{
  position:relative;
  z-index:1;
}

.ric-audio-dialog-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:22px 24px;
  border-bottom:1px solid rgba(220,183,65,.38);
}
.ric-audio-dialog-title{
  display:flex;
  align-items:center;
  gap:14px;
}
.ric-audio-dialog-icon{
  width:54px;
  height:54px;
  flex:0 0 auto;
  display:grid;
  place-items:center;
  border:1px solid rgba(99,196,132,.45);
  border-radius:50%;
  background:rgba(40,130,86,.16);
  font-size:1.55rem;
}
.ric-audio-dialog-title h2{
  margin:0;
  color:#fff;
  font-size:1.75rem;
}
.ric-audio-dialog-title p{
  margin:3px 0 0;
  color:rgba(255,255,255,.72);
  font-size:.88rem;
}
.ric-audio-dialog-header-actions{
  display:flex;
  align-items:center;
  gap:8px;
}
.ric-audio-mute-button,
.ric-audio-close{
  border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.06);
  color:#fff;
  cursor:pointer;
}
.ric-audio-mute-button{
  display:flex;
  align-items:center;
  gap:7px;
  padding:9px 14px;
  border-radius:999px;
  font-weight:800;
}
.ric-audio-close{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border-radius:50%;
  font-size:1.45rem;
  line-height:1;
}

.ric-audio-dialog-body{
  padding:8px 24px 16px;
}
.ric-audio-row{
  display:grid;
  grid-template-columns:44px minmax(0,1fr) minmax(125px,210px);
  align-items:center;
  gap:13px;
  min-height:72px;
  border-bottom:1px solid rgba(255,255,255,.11);
}
.ric-audio-row-icon{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border:1px solid rgba(89,184,123,.26);
  border-radius:50%;
  background:rgba(10,55,42,.46);
  font-size:1.1rem;
}
.ric-audio-row-copy{
  min-width:0;
}
.ric-audio-row-copy strong{
  display:block;
  color:#fff;
  font-size:.96rem;
}
.ric-audio-row-copy span{
  display:block;
  margin-top:3px;
  color:rgba(255,255,255,.68);
  font-size:.76rem;
  line-height:1.3;
}

.ric-audio-select{
  width:100%;
  min-width:0;
  border:1px solid rgba(220,183,65,.70);
  border-radius:10px;
  padding:10px 38px 10px 12px;
  background:#0b3328;
  color:#fff;
  font:inherit;
  font-size:.82rem;
  cursor:pointer;
}

.ric-switch{
  justify-self:end;
  display:flex;
  align-items:center;
  gap:9px;
  cursor:pointer;
  user-select:none;
}
.ric-switch input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}
.ric-switch-track{
  position:relative;
  width:48px;
  height:25px;
  border-radius:999px;
  background:#75817d;
  transition:background .2s ease;
}
.ric-switch-track::after{
  content:"";
  position:absolute;
  top:3px;
  left:3px;
  width:19px;
  height:19px;
  border-radius:50%;
  background:#fff;
  box-shadow:0 2px 5px rgba(0,0,0,.25);
  transition:transform .2s ease;
}
.ric-switch input:checked + .ric-switch-track{
  background:#3eaf5b;
}
.ric-switch input:checked + .ric-switch-track::after{
  transform:translateX(23px);
}
.ric-switch input:focus-visible + .ric-switch-track{
  outline:3px solid rgba(236,199,82,.42);
  outline-offset:2px;
}
.ric-switch-state{
  min-width:25px;
  color:#fff;
  font-size:.78rem;
  font-weight:800;
}

.ric-audio-volume-row{
  display:grid;
  grid-template-columns:minmax(150px,190px) minmax(0,1fr) auto;
  align-items:center;
  gap:18px;
  padding:18px 0;
  border-bottom:1px solid rgba(255,255,255,.11);
}
.ric-audio-volume-label{
  display:flex;
  align-items:center;
  gap:11px;
}
.ric-audio-volume-label strong{
  display:block;
  color:#fff;
}
.ric-audio-volume-label span[data-audio-volume-value]{
  display:block;
  margin-top:2px;
  color:#e3c252;
  font-size:.78rem;
  font-weight:900;
}
.ric-audio-volume-control input[type="range"]{
  width:100%;
  accent-color:#e2be4e;
}
.ric-audio-volume-scale{
  display:flex;
  justify-content:space-between;
  margin-top:4px;
  color:rgba(255,255,255,.58);
  font-size:.65rem;
}

.ric-audio-secondary-button{
  border:1px solid rgba(255,255,255,.22);
  border-radius:999px;
  padding:9px 14px;
  background:rgba(255,255,255,.05);
  color:#fff;
  font-weight:850;
  cursor:pointer;
  white-space:nowrap;
}
.ric-audio-secondary-button:hover{
  background:rgba(255,255,255,.10);
}

.ric-audio-device-test{
  display:grid;
  grid-template-columns:48px minmax(0,1fr) auto;
  align-items:center;
  gap:14px;
  margin-top:16px;
  padding:14px;
  border:1px solid rgba(89,184,123,.28);
  border-radius:15px;
  background:rgba(4,43,32,.34);
}
.ric-audio-device-status-icon{
  width:43px;
  height:43px;
  display:grid;
  place-items:center;
  border-radius:12px;
  background:#8c7f4e;
  color:#fff;
  font-weight:950;
  font-size:1.1rem;
}
.ric-audio-device-test.is-ready .ric-audio-device-status-icon{
  background:#42aa58;
}
.ric-audio-device-status-copy strong{
  display:block;
  color:#dcc04d;
  font-size:.92rem;
}
.ric-audio-device-test.is-ready .ric-audio-device-status-copy strong{
  color:#65d26e;
}
.ric-audio-device-status-copy span{
  display:block;
  margin-top:3px;
  color:rgba(255,255,255,.72);
  font-size:.75rem;
  line-height:1.3;
}

.ric-audio-permission-note{
  margin-top:12px;
  padding:10px 12px;
  border-radius:11px;
  background:rgba(0,0,0,.13);
  color:rgba(255,255,255,.66);
  font-size:.68rem;
  line-height:1.4;
}
.ric-audio-feedback{
  min-height:18px;
  margin-top:9px;
  color:#f0d36a;
  font-size:.72rem;
  font-weight:800;
}

.ric-audio-dialog-footer{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  padding:16px 24px 22px;
  background:rgba(2,28,21,.28);
}
.ric-audio-reset-button,
.ric-audio-save-button{
  min-height:48px;
  border-radius:12px;
  font-weight:900;
  cursor:pointer;
}
.ric-audio-reset-button{
  border:1px solid rgba(220,183,65,.72);
  background:rgba(255,255,255,.03);
  color:#fff;
}
.ric-audio-save-button{
  border:0;
  background:linear-gradient(180deg,#f1d36e,#d9ad38);
  color:#102d24;
  box-shadow:0 8px 18px rgba(0,0,0,.14);
}

/* Toast */
.ric-audio-toast{
  position:fixed;
  left:50%;
  bottom:24px;
  z-index:99999;
  max-width:min(440px,calc(100vw - 30px));
  transform:translate(-50%,18px);
  opacity:0;
  pointer-events:none;
  padding:11px 16px;
  border-radius:999px;
  background:#0e3b2e;
  color:#fff;
  box-shadow:0 14px 36px rgba(0,0,0,.25);
  font-size:.78rem;
  font-weight:800;
  transition:opacity .2s ease,transform .2s ease;
}
.ric-audio-toast.is-visible{
  opacity:1;
  transform:translate(-50%,0);
}

@media(max-width:720px){
  .ric-prayer-audio-dialog{
    width:calc(100vw - 14px);
    max-height:96vh;
  }
  .ric-audio-dialog-header{
    align-items:flex-start;
    padding:18px 15px;
  }
  .ric-audio-dialog-title p{
    display:none;
  }
  .ric-audio-mute-button span:last-child{
    display:none;
  }
  .ric-audio-dialog-body{
    padding:5px 15px 13px;
  }
  .ric-audio-row{
    grid-template-columns:39px minmax(0,1fr) auto;
    gap:9px;
  }
  .ric-audio-row-copy span{
    font-size:.69rem;
  }
  .ric-audio-select{
    max-width:135px;
  }
  .ric-audio-volume-row{
    grid-template-columns:1fr;
    gap:10px;
  }
  .ric-audio-device-test{
    grid-template-columns:42px minmax(0,1fr);
  }
  .ric-audio-device-test .ric-audio-secondary-button{
    grid-column:1/-1;
  }
  .ric-audio-dialog-footer{
    grid-template-columns:1fr;
    padding:13px 15px 17px;
  }
}

@media(prefers-reduced-motion:reduce){
  .ric-audio-mini-mute,
  .ric-switch-track,
  .ric-switch-track::after,
  .ric-audio-toast{
    transition:none!important;
  }
}


/* v8 backend-follow status */
.ric-audio-backend-note{
  margin-top:12px;
  padding:10px 12px;
  border:1px solid rgba(220,183,65,.30);
  border-radius:11px;
  background:rgba(220,183,65,.06);
  color:rgba(255,255,255,.76);
  font-size:.69rem;
  line-height:1.4;
}
.ric-audio-backend-note.is-live{border-color:rgba(83,190,111,.35);color:#cdeed4}
.ric-audio-backend-note.is-warning{border-color:rgba(235,179,76,.45);color:#f3d98d}
.ric-audio-row-copy strong strong{color:#e8ca62}

/* SOURCE: /assets/css/ric-motion-icons.css?v=20260822.12 */
/* ==========================================================
   RIC PREMIUM MOTION ICONS v20260822.12
   ----------------------------------------------------------
   Safer replacement for v11's cloned-SVG "4D" experiment.
   Keeps every existing RIC SVG intact and animates only a nested
   motion stage. No duplicate icons, no diagonal clipping.
   ========================================================== */

.ric-home .ric-svg-3d,
.ric-home .ric-mini-icon{
  position:relative!important;
  overflow:visible!important;
}

/* JS inserts this stage INSIDE the existing icon container. */
.ric-home .ric-motion-stage{
  --ric-rx:0deg;
  --ric-ry:0deg;
  --ric-lx:50%;
  --ric-ly:30%;
  position:relative;
  width:100%;
  height:100%;
  display:grid;
  place-items:center;
  isolation:isolate;
  perspective:650px;
  transform-style:preserve-3d;
  border-radius:inherit;
  overflow:visible;
  transition:
    transform .38s cubic-bezier(.2,.8,.2,1),
    filter .32s ease;
}

/* Existing icon remains a SINGLE SVG. */
.ric-home .ric-motion-stage > svg{
  position:relative!important;
  z-index:5!important;
  display:block!important;
  transform-origin:center!important;
  transform-style:preserve-3d!important;
  backface-visibility:hidden!important;
  transition:
    transform .38s cubic-bezier(.2,.8,.2,1),
    filter .34s ease,
    color .3s ease!important;
}

/* Directional gold/green light. */
.ric-home .ric-motion-glow{
  position:absolute;
  z-index:1;
  inset:-18%;
  border-radius:50%;
  pointer-events:none;
  opacity:0;
  background:
    radial-gradient(
      circle at var(--ric-lx) var(--ric-ly),
      rgba(244,211,102,.52) 0 7%,
      rgba(66,145,105,.18) 30%,
      transparent 69%
    );
  filter:blur(7px);
  transform:scale(.72);
  transition:
    opacity .28s ease,
    transform .38s cubic-bezier(.2,.8,.2,1);
}

/* Elliptical "depth floor" behind the icon. */
.ric-home .ric-motion-orbit{
  position:absolute;
  z-index:2;
  left:50%;
  top:60%;
  width:76%;
  height:40%;
  border:1px solid rgba(210,169,48,.44);
  border-radius:50%;
  pointer-events:none;
  opacity:0;
  transform:translate(-50%,-50%) rotateX(70deg) scale(.62);
  box-shadow:
    0 0 8px rgba(218,181,64,.10),
    inset 0 0 8px rgba(255,255,255,.12);
  transition:
    opacity .3s ease,
    transform .4s cubic-bezier(.2,.8,.2,1);
}

/* Soft shadow makes the original line icon appear raised. */
.ric-home .ric-motion-shadow{
  position:absolute;
  z-index:0;
  left:50%;
  bottom:7%;
  width:58%;
  height:16%;
  border-radius:50%;
  pointer-events:none;
  opacity:0;
  background:rgba(18,55,43,.20);
  filter:blur(6px);
  transform:translateX(-50%) scale(.72);
  transition:
    opacity .3s ease,
    transform .4s cubic-bezier(.2,.8,.2,1);
}

/* Light sweep stays inside the existing icon tile. */
.ric-home .ric-motion-sheen{
  position:absolute;
  z-index:3;
  inset:2px;
  border-radius:inherit;
  pointer-events:none;
  opacity:0;
  overflow:hidden;
}
.ric-home .ric-motion-sheen::before{
  content:"";
  position:absolute;
  inset:-35%;
  background:
    linear-gradient(
      118deg,
      transparent 35%,
      rgba(255,255,255,.48) 48%,
      rgba(238,205,94,.18) 52%,
      transparent 64%
    );
  transform:translateX(-72%) rotate(2deg);
}

/* Active interaction. */
.ric-home .ric-motion-active .ric-motion-stage{
  transform:
    rotateX(var(--ric-rx))
    rotateY(var(--ric-ry))
    translate3d(0,-3px,0);
  filter:saturate(1.06);
}

.ric-home .ric-motion-active .ric-motion-stage > svg{
  transform:translate3d(0,-5px,24px) scale(1.10)!important;
  filter:
    drop-shadow(0 10px 7px rgba(14,52,40,.17))
    drop-shadow(0 0 5px rgba(218,181,64,.24))!important;
}

.ric-home .ric-motion-active .ric-motion-glow{
  opacity:1;
  transform:scale(1.02);
}

.ric-home .ric-motion-active .ric-motion-orbit{
  opacity:.72;
  transform:translate(-50%,-50%) rotateX(70deg) rotateZ(-5deg) scale(1);
}

.ric-home .ric-motion-active .ric-motion-shadow{
  opacity:.62;
  transform:translateX(-50%) scale(1);
}

.ric-home .ric-motion-active .ric-motion-sheen{
  opacity:.72;
}
.ric-home .ric-motion-active .ric-motion-sheen::before{
  animation:ric-motion-sheen 1.05s ease-out 1;
}
@keyframes ric-motion-sheen{
  from{transform:translateX(-72%) rotate(2deg)}
  to{transform:translateX(72%) rotate(2deg)}
}

/* Card motion is intentionally restrained. */
.ric-home .ric-quick-card{
  transition:
    transform .28s ease,
    box-shadow .32s ease,
    border-color .28s ease!important;
}
.ric-home .ric-quick-card:hover,
.ric-home .ric-quick-card:focus-visible{
  transform:translateY(-3px)!important;
  border-color:rgba(213,174,54,.48)!important;
  box-shadow:
    0 14px 30px rgba(23,61,49,.10),
    0 0 0 1px rgba(218,181,64,.07)!important;
}

/* Feature cards get an even smaller lift. */
.ric-home .ric-feature{
  transition:transform .28s ease,box-shadow .3s ease!important;
}
.ric-home .ric-feature:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 12px 24px rgba(15,48,37,.12)!important;
}

/* ==========================================================
   MOTION PERSONALITIES
   Stage handles 3D tilt. The single SVG gets the unique motion.
   ========================================================== */

/* Prayer / mosque — vertical "call to prayer" lift. */
.ric-home .ric-icon-prayer.ric-motion-active .ric-motion-stage > svg,
.ric-home .ric-icon-mosque.ric-motion-active .ric-motion-stage > svg{
  animation:ric-prayer-rise 1.65s ease-in-out infinite alternate;
}
@keyframes ric-prayer-rise{
  from{translate:0 0}
  to{translate:0 -3px}
}

/* Qur'an / book / hadith — gentle opening motion. */
.ric-home .ric-icon-quran.ric-motion-active .ric-motion-stage > svg,
.ric-home .ric-icon-book.ric-motion-active .ric-motion-stage > svg,
.ric-home .ric-icon-hadith.ric-motion-active .ric-motion-stage > svg{
  animation:ric-book-open 1.4s ease-in-out infinite alternate;
}
@keyframes ric-book-open{
  from{rotate:-.6deg;scale:1}
  to{rotate:.8deg;scale:1.025}
}

/* Library — forward shelf lift. */
.ric-home .ric-icon-library.ric-motion-active .ric-motion-stage > svg{
  animation:ric-library-lift 1.35s ease-in-out infinite alternate;
}
@keyframes ric-library-lift{
  from{translate:0 1px}
  to{translate:0 -3px}
}

/* Arabic — writing stroke / calligraphy sweep. */
.ric-home .ric-icon-arabic.ric-motion-active .ric-motion-stage > svg{
  animation:ric-arabic-write 1.35s cubic-bezier(.3,.7,.3,1) infinite alternate;
}
@keyframes ric-arabic-write{
  from{translate:-2px 1px;rotate:-1deg}
  to{translate:3px -2px;rotate:1deg}
}

/* Classes / learning / graduation — cap lift. */
.ric-home .ric-icon-learning.ric-motion-active .ric-motion-stage > svg,
.ric-home .ric-icon-classes.ric-motion-active .ric-motion-stage > svg,
.ric-home .ric-icon-graduation.ric-motion-active .ric-motion-stage > svg{
  animation:ric-learning-lift 1.35s ease-in-out infinite alternate;
}
@keyframes ric-learning-lift{
  from{translate:0 1px;rotate:-.5deg}
  to{translate:1px -4px;rotate:1.5deg}
}

/* Family / community — gentle expansion. */
.ric-home .ric-icon-family.ric-motion-active .ric-motion-stage > svg,
.ric-home .ric-icon-families.ric-motion-active .ric-motion-stage > svg,
.ric-home .ric-icon-community.ric-motion-active .ric-motion-stage > svg{
  animation:ric-family-breathe 1.45s ease-in-out infinite alternate;
}
@keyframes ric-family-breathe{
  from{scale:1}
  to{scale:1.04}
}

/* Help / care — soft pulse. */
.ric-home .ric-icon-help.ric-motion-active .ric-motion-stage > svg,
.ric-home .ric-icon-care.ric-motion-active .ric-motion-stage > svg{
  animation:ric-care-pulse 1.05s ease-in-out infinite alternate;
}
@keyframes ric-care-pulse{
  from{scale:1}
  to{scale:1.055}
}

/* Calendar / events — small page-flip lean. */
.ric-home .ric-icon-calendar.ric-motion-active .ric-motion-stage > svg,
.ric-home .ric-icon-events.ric-motion-active .ric-motion-stage > svg{
  animation:ric-calendar-flip 1.45s ease-in-out infinite alternate;
}
@keyframes ric-calendar-flip{
  from{rotate:-.8deg;translate:0 0}
  to{rotate:.8deg;translate:0 -2px}
}

/* Member / user — orbit ring rotates. */
.ric-home .ric-icon-member.ric-motion-active .ric-motion-orbit,
.ric-home .ric-icon-user.ric-motion-active .ric-motion-orbit,
.ric-home .ric-icon-account.ric-motion-active .ric-motion-orbit{
  animation:ric-user-orbit 2.7s linear infinite;
}
@keyframes ric-user-orbit{
  from{transform:translate(-50%,-50%) rotateX(70deg) rotateZ(0deg) scale(1)}
  to{transform:translate(-50%,-50%) rotateX(70deg) rotateZ(360deg) scale(1)}
}

/* Touch: short activation, no pointer tracking required. */
.ric-home .ric-motion-tap .ric-motion-stage{
  transform:translateY(-3px) scale(1.035);
}
.ric-home .ric-motion-tap .ric-motion-stage > svg{
  transform:translate3d(0,-4px,18px) scale(1.08)!important;
}
.ric-home .ric-motion-tap .ric-motion-glow{
  opacity:.85;
  transform:scale(.98);
}

/* Expanded-service mini icons: same system, lower intensity. */
.ric-home .ric-mini-icon .ric-motion-orbit{
  width:68%;
  height:34%;
}
.ric-home .ric-mini-icon.ric-motion-active .ric-motion-stage > svg{
  transform:translate3d(0,-2px,13px) scale(1.07)!important;
}

/* Reduced motion = simple glow/lift, no looping personality animation. */
@media(prefers-reduced-motion:reduce){
  .ric-home .ric-motion-stage,
  .ric-home .ric-motion-stage > svg,
  .ric-home .ric-motion-glow,
  .ric-home .ric-motion-orbit,
  .ric-home .ric-motion-shadow{
    animation:none!important;
    transition:none!important;
  }

  .ric-home .ric-motion-active .ric-motion-stage{
    transform:translateY(-2px)!important;
  }
  .ric-home .ric-motion-active .ric-motion-stage > svg{
    transform:scale(1.04)!important;
  }
  .ric-home .ric-motion-active .ric-motion-orbit,
  .ric-home .ric-motion-active .ric-motion-shadow{
    opacity:0!important;
  }
  .ric-home .ric-motion-active .ric-motion-glow{
    opacity:.45!important;
  }
}

@media(max-width:620px){
  .ric-home .ric-motion-glow{
    filter:blur(5px);
  }
}

/* SOURCE: /assets/css/ric-jumuah-everywhere-v335.css?v=335 */
/* RIC v335 — Weekly Jumu‘ah Everywhere */

.ric-jumuah-upcoming-335 {
    display:grid;
    grid-template-columns:52px 1fr;
    gap:12px;
    align-items:center;
    padding:12px 0;
    border-bottom:1px solid rgba(15,70,55,.12);
}

.ric-jumuah-upcoming-335 .ric335-date {
    width:42px;
    min-height:42px;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    padding:5px;
    border-radius:9px;
    background:#0b5a46;
    color:#fff;
    font-size:11px;
    font-weight:900;
    line-height:1.05;
}

.ric-jumuah-upcoming-335 .ric335-main strong {
    display:block;
    color:#123f34;
    font-size:15px;
    line-height:1.2;
}

.ric-jumuah-upcoming-335 .ric335-meta {
    margin-top:3px;
    color:#856c28;
    font-weight:800;
    font-size:12px;
}

.ric-jumuah-upcoming-335 .ric335-place {
    margin-top:2px;
    color:#66756f;
    font-size:11px;
}