/* ========================================================================== 
   Jamia Mahmoodia v78 — flagship image lock + restored premium split hero
   The v77 framed-photo experiment is intentionally superseded here.
   ========================================================================== */
:root{--jm78-deep:#063d32;--jm78-deeper:#032d27;--jm78-gold:#e8b84d;--jm78-gold-soft:#f2cf80}

/* --- Homepage hero: edge-to-edge photograph, no floating picture frame. --- */
.jm76-home.jm72-home .jm71-hero{
  height:790px!important;min-height:790px!important;background:#063d32!important;overflow:hidden!important;
}
.jm76-home.jm72-home .jm71-slide:before{display:none!important}
.jm76-home.jm72-home .jm71-hero-media{
  left:46%!important;right:0!important;top:0!important;bottom:0!important;width:54%!important;height:100%!important;
  border:0!important;border-radius:0!important;box-shadow:none!important;background:#113f35!important;overflow:hidden!important;
}
.jm76-home.jm72-home .jm71-hero-media img{
  width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;
  filter:saturate(.98) contrast(1.025)!important;transform:scale(1.018)!important;
  transition:transform 9s cubic-bezier(.2,.68,.22,1)!important;
}
.jm76-home.jm72-home .jm71-slide.is-active .jm71-hero-media img{transform:scale(1.001)!important}
.jm76-home.jm72-home .jm71-slide.is-campus .jm71-hero-media img{object-position:center 50%!important}
.jm76-home.jm72-home .jm71-slide .jm71-hero-media:after,
.jm76-home.jm72-home .jm71-slide.is-quran .jm71-hero-media:after,
.jm76-home.jm72-home .jm71-slide.is-dars .jm71-hero-media:after,
.jm76-home.jm72-home .jm71-slide.is-ifta .jm71-hero-media:after,
.jm76-home.jm72-home .jm71-slide.is-research .jm71-hero-media:after,
.jm76-home.jm72-home .jm71-slide.is-khanqah .jm71-hero-media:after{
  content:""!important;position:absolute!important;inset:0!important;
  background:linear-gradient(90deg,#063d32 0%,rgba(6,61,50,.92) 7%,rgba(6,61,50,.45) 20%,transparent 39%),linear-gradient(0deg,rgba(2,36,30,.44) 0%,transparent 35%)!important;
  pointer-events:none!important;
}
.jm76-home.jm72-home .jm71-hero-overlay{display:none!important}
.jm76-home.jm72-home .jm71-hero-inner{
  position:relative!important;z-index:3!important;grid-template-columns:1fr!important;align-items:center!important;
  padding-top:38px!important;padding-bottom:118px!important;
}
.jm76-home.jm72-home .jm71-hero-copy{width:45.5%!important;max-width:700px!important;padding-right:44px!important}
.jm76-home.jm72-home .jm71-brand-chip{
  width:max-content!important;max-width:100%!important;margin-bottom:24px!important;padding:6px 13px 6px 6px!important;
  border:1px solid rgba(255,255,255,.17)!important;border-radius:16px!important;background:rgba(2,43,36,.52)!important;
  box-shadow:0 13px 34px rgba(0,0,0,.10)!important;backdrop-filter:blur(13px)!important;
}
.jm76-home.jm72-home .jm71-brand-chip small{font-size:8px!important;letter-spacing:.12em!important;color:var(--jm78-gold-soft)!important}
.jm76-home.jm72-home .jm71-brand-chip b{font-size:12px!important;color:#fff!important}
.jm76-home.jm72-home .jm71-brand-chip em{color:#bfd0ca!important;font-style:normal!important}
.jm76-home.jm72-home .jm71-eyebrow{margin-bottom:15px!important;font-size:9px!important;letter-spacing:.17em!important;color:#eed080!important}
.jm76-home.jm72-home .jm71-eyebrow span{width:32px!important;background:var(--jm78-gold)!important}
.jm76-home.jm72-home .jm71-hero-copy h1{
  max-width:700px!important;margin:0!important;font-size:clamp(60px,4.4vw,80px)!important;line-height:.94!important;
  letter-spacing:-.047em!important;text-wrap:balance!important;text-shadow:0 10px 34px rgba(0,0,0,.13)!important;
}
.jm76-home.jm72-home .jm71-hero-copy h1 span{color:var(--jm78-gold)!important}
.jm76-home.jm72-home .jm71-hero-lead{max-width:600px!important;margin-top:22px!important;color:#d1dfda!important;font-size:13.5px!important;line-height:1.75!important}
.jm76-home.jm72-home .jm71-hero-actions{margin-top:27px!important;gap:10px!important}
.jm76-home.jm72-home .jm71-hero-actions .jm70-btn{min-height:50px!important;padding:0 18px!important;border-radius:12px!important;font-size:10px!important}
.jm76-home.jm72-home .jm71-hero-actions .is-glass{background:rgba(255,255,255,.035)!important;border-color:rgba(255,255,255,.24)!important;backdrop-filter:blur(10px)!important}
.jm76-home.jm72-home .jm71-hero-card{display:none!important}

/* Slider controls: calm, readable, and visually connected to the hero instead of a bulky floating panel. */
.jm76-home.jm72-home .jm71-slider-console{
  z-index:8!important;bottom:20px!important;grid-template-columns:74px minmax(0,1fr) 150px!important;gap:12px!important;align-items:center!important;
  padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;
}
.jm76-home.jm72-home .jm71-slide-status{height:48px!important;display:flex!important;align-items:center!important;gap:8px!important;padding:0 12px!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:12px!important;background:rgba(2,40,34,.66)!important;color:#d5e2de!important;font-size:8px!important;backdrop-filter:blur(12px)!important}
.jm76-home.jm72-home .jm71-slide-status i{background:rgba(255,255,255,.20)!important}
.jm76-home.jm72-home .jm71-slide-tabs{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:5px!important;max-width:none!important;overflow:visible!important}
.jm76-home.jm72-home .jm71-slide-tabs button{
  min-width:0!important;height:48px!important;padding:0 10px!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:12px!important;
  background:rgba(2,40,34,.58)!important;color:#adc2bb!important;backdrop-filter:blur(12px)!important;transition:transform .2s ease,background .2s ease,border-color .2s ease!important;
}
.jm76-home.jm72-home .jm71-slide-tabs button:after{display:none!important}
.jm76-home.jm72-home .jm71-slide-tabs button:hover{transform:translateY(-1px)!important;background:rgba(2,48,40,.78)!important;color:#fff!important}
.jm76-home.jm72-home .jm71-slide-tabs button.is-active{background:#0a5b49!important;border-color:rgba(232,184,77,.72)!important;color:#fff!important;box-shadow:inset 0 -2px 0 var(--jm78-gold)!important}
.jm76-home.jm72-home .jm71-slide-tabs b{font-size:7px!important;color:var(--jm78-gold-soft)!important}
.jm76-home.jm72-home .jm71-slide-tabs span{font-size:8.5px!important;font-weight:750!important}
.jm76-home.jm72-home .jm71-slider-arrows{display:flex!important;justify-content:flex-end!important;gap:5px!important}
.jm76-home.jm72-home .jm71-slider-arrows button{width:44px!important;height:44px!important;border:1px solid rgba(255,255,255,.15)!important;border-radius:12px!important;background:rgba(2,40,34,.66)!important;color:#fff!important;backdrop-filter:blur(12px)!important}
.jm76-home.jm72-home .jm71-slider-arrows button:hover{background:#fff!important;color:#063d32!important}
.jm76-home.jm72-home .jm-slide-pause{font-size:14px!important}

/* The supplied flagship Jamia photograph gets a stronger main-card treatment in home gallery. */
.jm72-home .jm77-home-gallery .is-main img{object-position:center 50%!important}
.jm72-home .jm77-home-gallery .is-main{box-shadow:0 16px 42px rgba(3,49,41,.14)!important}
.jm72-home .jm77-home-gallery .is-main:before{content:"FEATURED"!important;position:absolute!important;z-index:5!important;left:20px!important;top:18px!important;padding:7px 10px!important;border:1px solid rgba(255,255,255,.28)!important;border-radius:999px!important;background:rgba(3,49,41,.64)!important;color:#f2d083!important;font:850 6.5px/1 Manrope,sans-serif!important;letter-spacing:.16em!important;backdrop-filter:blur(10px)!important}

/* Gallery lead: let the flagship photograph breathe. */
.jm77-gallery-lead>a{border-color:rgba(232,184,77,.30)!important;box-shadow:0 32px 88px rgba(0,0,0,.25)!important}
.jm77-gallery-lead img{object-position:center 50%!important}

@media(max-width:1200px){
  .jm76-home.jm72-home .jm71-hero-media{left:47%!important;width:53%!important}
  .jm76-home.jm72-home .jm71-hero-copy{width:46%!important;padding-right:28px!important}
  .jm76-home.jm72-home .jm71-hero-copy h1{font-size:clamp(55px,5vw,70px)!important}
  .jm76-home.jm72-home .jm71-slider-console{grid-template-columns:1fr 140px!important}
  .jm76-home.jm72-home .jm71-slide-status{display:none!important}
}
@media(max-width:900px){
  .jm76-home.jm72-home .jm71-hero{height:930px!important;min-height:930px!important;background:#063d32!important}
  .jm76-home.jm72-home .jm71-hero-media{inset:0 0 auto!important;width:100%!important;height:390px!important;border-radius:0!important}
  .jm76-home.jm72-home .jm71-slide .jm71-hero-media:after,
  .jm76-home.jm72-home .jm71-slide.is-quran .jm71-hero-media:after,
  .jm76-home.jm72-home .jm71-slide.is-dars .jm71-hero-media:after,
  .jm76-home.jm72-home .jm71-slide.is-ifta .jm71-hero-media:after,
  .jm76-home.jm72-home .jm71-slide.is-research .jm71-hero-media:after,
  .jm76-home.jm72-home .jm71-slide.is-khanqah .jm71-hero-media:after{background:linear-gradient(0deg,#063d32 0%,rgba(6,61,50,.80) 17%,transparent 52%)!important}
  .jm76-home.jm72-home .jm71-hero-inner{padding-top:390px!important;padding-bottom:126px!important;align-items:start!important}
  .jm76-home.jm72-home .jm71-hero-copy{width:100%!important;max-width:760px!important;padding-right:0!important;padding-top:28px!important}
  .jm76-home.jm72-home .jm71-brand-chip{margin-bottom:18px!important}
  .jm76-home.jm72-home .jm71-hero-copy h1{font-size:clamp(48px,8.5vw,62px)!important;line-height:.94!important}
  .jm76-home.jm72-home .jm71-hero-lead{font-size:13px!important}
  .jm76-home.jm72-home .jm71-slider-console{grid-template-columns:minmax(0,1fr) auto!important;bottom:18px!important;gap:8px!important}
  .jm76-home.jm72-home .jm71-slide-tabs{display:flex!important;overflow-x:auto!important;scrollbar-width:none!important}
  .jm76-home.jm72-home .jm71-slide-tabs::-webkit-scrollbar{display:none!important}
  .jm76-home.jm72-home .jm71-slide-tabs button{flex:0 0 112px!important}
}
@media(max-width:640px){
  .jm76-home.jm72-home .jm71-hero{height:850px!important;min-height:850px!important}
  .jm76-home.jm72-home .jm71-hero-media{height:300px!important}
  .jm76-home.jm72-home .jm71-hero-inner{padding-top:300px!important;padding-bottom:118px!important}
  .jm76-home.jm72-home .jm71-hero-copy{padding-top:24px!important}
  .jm76-home.jm72-home .jm71-brand-chip{display:none!important}
  .jm76-home.jm72-home .jm71-eyebrow{font-size:7px!important;margin-bottom:11px!important}
  .jm76-home.jm72-home .jm71-hero-copy h1{font-size:clamp(42px,12.6vw,52px)!important;line-height:.93!important}
  .jm76-home.jm72-home .jm71-hero-lead{font-size:12.5px!important;line-height:1.68!important;margin-top:16px!important}
  .jm76-home.jm72-home .jm71-hero-actions{display:grid!important;grid-template-columns:1fr 1fr!important;margin-top:18px!important}
  .jm76-home.jm72-home .jm71-hero-actions .jm70-btn{min-height:46px!important;padding:0 9px!important;font-size:8px!important}
  .jm76-home.jm72-home .jm71-slider-console{grid-template-columns:1fr!important}
  .jm76-home.jm72-home .jm71-slider-arrows{display:none!important}
  .jm76-home.jm72-home .jm71-slide-tabs button{flex-basis:92px!important;height:42px!important}
  .jm76-home.jm72-home .jm71-slide-tabs span{font-size:7px!important}
  .jm72-home .jm77-home-gallery .is-main:before{left:14px!important;top:14px!important}
}
@media(prefers-reduced-motion:reduce){.jm76-home.jm72-home .jm71-hero-media img{transition:none!important;transform:none!important}}
