/* HERO: final mobile header and readable two-column cinema cards */
.hero{background:#09090d!important;isolation:isolate}
.hero::after{background:none!important;opacity:0!important;pointer-events:none!important}
.hero .heroBg{opacity:1!important;filter:none!important;background-image:linear-gradient(to bottom,rgba(5,5,8,.02) 0%,rgba(5,5,8,.03) 33%,rgba(5,5,8,.18) 53%,rgba(5,5,8,.83) 78%,#09090d 100%),url('assets/hero-club-kits-banner.webp')!important;background-repeat:no-repeat!important;background-position:center top!important;background-size:100% auto!important}
.hero .heroContent{position:relative;z-index:3;background:none!important;text-shadow:0 2px 12px #000!important}
.mediaSection .posterGrid,.mediaSection .posterGrid.five{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))!important;gap:14px!important}
.mediaSection .poster{aspect-ratio:2/3!important;border-radius:12px!important;min-width:0!important}
.mediaSection .poster img{width:100%!important;height:100%!important;object-fit:cover!important;aspect-ratio:2/3!important}
.mediaSection .poster span{font-size:12px!important;line-height:1.35!important;padding:28px 6px 8px!important}
@media(max-width:700px){
 .hero,.hero .heroInner{min-height:490px!important;height:auto!important}
 .hero .heroInner{padding-bottom:18px!important;align-items:flex-end!important}
 .hero .heroBg{background-image:linear-gradient(to bottom,rgba(5,5,8,0) 0%,rgba(5,5,8,.02) 28%,rgba(5,5,8,.2) 42%,rgba(5,5,8,.85) 64%,#09090d 83%),url('assets/hero-club-kits-banner.webp')!important;background-position:center 0!important;background-size:100% auto!important}
 .hero .heroContent{padding:6px 8px 10px!important;max-width:100%!important}
 .hero .heroContent h1{font-size:clamp(25px,6.6vw,36px)!important}
 .mediaSection .posterGrid,.mediaSection .posterGrid.five{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
 .mediaSection .poster span{font-size:11px!important}
}
@media(max-width:380px){.hero,.hero .heroInner{min-height:460px!important}.mediaSection .posterGrid,.mediaSection .posterGrid.five{gap:9px!important}}