/* v132 — visible, clickable desktop navigation + cinematic homepage composition. */
@media (min-width:901px) {
  body.theme-home .hero-nav-wrap{padding-top:105px!important;position:relative!important;z-index:18!important}
  body.theme-home .hero-primary-nav{position:relative!important;z-index:20!important;overflow:visible!important}
  body.theme-home .hero-primary-nav .nav-group{position:relative!important}
  body.theme-home .hero-primary-nav .mega{z-index:80!important;box-shadow:0 25px 70px rgba(0,0,0,.32)!important;border:1px solid rgba(237,203,116,.32)!important;border-radius:18px!important;background:#fbf5ee!important}
  body.theme-home .home-hero-cinematic .hero-inner-simple{display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(310px,.83fr)!important;align-items:center!important;gap:clamp(30px,5vw,84px)!important;padding:34px 0 45px!important}
  body.theme-home .home-hero-cinematic .hero-copy-block{grid-column:1!important}
  body.theme-home .home-hero-cinematic h1{max-width:13ch!important;font-size:clamp(3.05rem,4.35vw,4.65rem)!important;line-height:1.045!important;letter-spacing:-.045em!important}
  body.theme-home .home-hero-cinematic .hero-copy-block>p{max-width:40ch!important;color:#f4f3f9!important}
  body.theme-home .home-hero-cinematic .hero-actions{display:flex!important;flex-wrap:wrap!important;max-width:550px!important}
  body.theme-home .home-hero-cinematic .hero-actions .btn{flex:0 1 auto!important}
}
/* Architectural background generated separately from interface; locally bundled mosque remains offline fallback. */
body.theme-home .home-hero-cinematic{background:#060e2b!important}
body.theme-home .home-hero-cinematic .hero-bg{background-image:linear-gradient(90deg,rgba(3,10,33,.90) 0%,rgba(4,12,42,.78) 35%,rgba(4,13,40,.18) 78%),linear-gradient(0deg,rgba(4,10,26,.50),transparent 65%),url('https://res.cloudinary.com/pq2xxnoj/image/upload/v1791970313/StepByStepSalah/v132-assets/w6decdmtryoclqhaarzy.png'),url('/assets/hero/home-mosque-v55.webp')!important;background-size:cover!important;background-position:center 46%!important;animation:none!important;transform:none!important;filter:saturate(.99) contrast(1.04)!important}
body.theme-home .home-hero-cinematic .hero-bg:after{border:0!important;box-shadow:none!important}
body.theme-home .home-hero-cinematic .hero-actions .btn{box-shadow:0 8px 26px rgba(0,0,0,.15)}
body.theme-home .hero-inner-simple{max-width:1180px!important}
.sbs132-hero-aside{color:#fff;border:1px solid rgba(241,207,126,.34);background:linear-gradient(140deg,rgba(13,18,52,.82),rgba(15,24,53,.63));border-radius:26px;padding:25px 26px;box-shadow:0 24px 68px rgba(0,0,0,.18);backdrop-filter:blur(13px);width:100%;min-width:0}
.sbs132-aside-kicker,.sbs132-small-label{color:#efd082;font:800 .7rem/1.2 system-ui,sans-serif;letter-spacing:.16em}
.sbs132-hero-aside h2{font:500 clamp(1.4rem,2.2vw,2rem)/1.15 Georgia,serif!important;color:#fff!important;margin:10px 0 10px!important}
.sbs132-hero-aside h2 em{color:#f3d68f;font-style:normal}
.sbs132-hero-aside>p{font-size:.93rem!important;line-height:1.5!important;color:#e4e5f7!important;margin:0 0 15px!important}
.sbs132-aside-links{display:grid;gap:8px}
.sbs132-aside-links a{display:grid;grid-template-columns:34px 1fr 20px;align-items:center;gap:8px;color:#fff!important;text-decoration:none!important;border:1px solid rgba(255,255,255,.17);border-radius:12px;background:rgba(255,255,255,.075);padding:11px 12px;transition:background .2s,transform .2s;font:650 .9rem/1.35 system-ui,sans-serif}
.sbs132-aside-links a span:first-child{color:#efd386;font-size:.75rem}
.sbs132-aside-links a:hover,.sbs132-aside-links a:focus-visible{background:rgba(255,255,255,.18);transform:translateY(-1px)}
.sbs132-routes{padding:25px 0 27px;background:#faf8f5;border-bottom:1px solid #e7ded0}
.sbs132-routes .container{max-width:1180px}
.sbs132-routes-header{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:0 0 17px}
.sbs132-small-label{color:#816224}
.sbs132-routes-header h2{font:500 clamp(1.45rem,2.8vw,2.2rem)/1.15 Georgia,serif;color:#201738;margin:7px 0 0}
.sbs132-routes-header p{font:500 .88rem/1.45 system-ui,sans-serif;margin:0;color:#62546c}
.sbs132-route-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.sbs132-route{position:relative;display:flex;flex-direction:column;align-items:start;gap:5px;padding:17px 16px 14px;text-decoration:none!important;background:#fff;color:#201738!important;border:1px solid #e8dfed;border-radius:18px;min-height:145px;box-shadow:0 7px 22px rgba(42,17,55,.05);transition:transform .2s,box-shadow .2s}
.sbs132-route:hover,.sbs132-route:focus-visible{transform:translateY(-3px);box-shadow:0 14px 34px rgba(42,17,55,.12)}
.sbs132-route-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#f4e8fb;color:#6f3d9b;font-size:23px}
.sbs132-route:nth-child(2) .sbs132-route-icon{background:#e8f6f5;color:#145b61}
.sbs132-route:nth-child(3) .sbs132-route-icon{background:#fff3d6;color:#79531d}
.sbs132-route:nth-child(4) .sbs132-route-icon{background:#f7e7ee}
.sbs132-route:nth-child(5) .sbs132-route-icon{background:#eaf1ff;color:#294f94}
.sbs132-route strong{font:800 .99rem/1.2 system-ui,sans-serif;color:#241538}
.sbs132-route small{font:500 .78rem/1.35 system-ui,sans-serif;color:#6d6476;max-width:17ch}
.sbs132-chevron{position:absolute;right:15px;top:23px;color:#795197}
body.theme-home .sbs110-main-gateway{display:none!important} /* Duplicate of hero and the newly improved route rail. */
@media(max-width:1100px){.sbs132-route-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){body.theme-home .hero-nav-wrap{display:none!important}.sbs132-hero-aside{display:none!important}.sbs132-routes{padding:19px 0 24px}.sbs132-route-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sbs132-route{min-height:125px}.sbs132-routes-header{display:block}.sbs132-routes-header p{margin:5px 0 0}}
@media(max-width:699px){body.theme-home .home-hero-cinematic .hero-bg{background-position:61% center!important;background-image:linear-gradient(90deg,rgba(2,9,31,.87),rgba(4,9,30,.47)),linear-gradient(0deg,rgba(2,8,26,.7),transparent 65%),url('https://res.cloudinary.com/pq2xxnoj/image/upload/v1791970313/StepByStepSalah/v132-assets/w6decdmtryoclqhaarzy.png'),url('/assets/hero/home-mosque-v55-mobile.webp')!important}.sbs132-routes .container{width:min(100% - 30px,1180px)}.sbs132-routes-header h2{font-size:1.55rem}.sbs132-route{padding:13px 12px;min-height:120px}.sbs132-route strong{font-size:.88rem}.sbs132-route small{font-size:.75rem}.sbs132-route-icon{width:34px;height:34px;font-size:20px}.sbs132-chevron{top:18px;right:12px}}
@media(prefers-reduced-motion:reduce){.sbs132-route,.sbs132-aside-links a{transition:none!important;transform:none!important}}
/* Legible desktop menu text regardless of inherited dark-hero navigation colours. */
@media(min-width:901px){
 body.theme-home .hero-primary-nav .mega a{color:#2b1b42!important;text-shadow:none!important;font-size:.9rem!important;line-height:1.35!important;border-radius:10px!important}
 body.theme-home .hero-primary-nav .mega a:hover,
 body.theme-home .hero-primary-nav .mega a:focus-visible{color:#552177!important;background:#f1e5f7!important;outline-offset:1px}
 body.theme-home .hero-primary-nav details[open]>summary{background:rgba(255,255,255,.20)!important;color:#fff!important}
}