/* M.O.R.D.A. v97 — dwa zaakceptowane banery, bez zmian nawigacji ani innych paneli.
   Obrazy: 2048 × 768 (8:3); proporcje zawsze zachowane przez background-size:cover.
   @media realizuje osobne kadrowanie małych ekranów, bez deformacji. */
.hero.m88-home-hero {
  background:
    linear-gradient(90deg,rgba(3,5,9,.56) 0%,rgba(3,5,9,.27) 37%,rgba(3,5,9,.34) 70%,rgba(3,5,9,.63) 100%),
    url('assets/v97/morda-strona-glowna-banner.webp') center center / cover no-repeat,
    #09090b !important;
  min-height:clamp(450px,37.5vw,700px);
}
.m88-guild-hero {
  background:
    linear-gradient(90deg,rgba(4,6,10,.68),rgba(4,6,10,.52) 54%,rgba(4,6,10,.34)),
    url('assets/v97/morda-o-gildii-banner.webp') center 57% / cover no-repeat,
    #09090b;
}
@media (max-width:760px) {
  .hero.m88-home-hero {
    min-height:630px;
    background:
      linear-gradient(0deg,rgba(3,4,7,.90),rgba(3,4,7,.42) 66%,rgba(3,4,7,.24)),
      url('assets/v97/morda-strona-glowna-banner.webp') 29% center / cover no-repeat,
      #09090b !important;
  }
  .m88-guild-hero {
    background:
      linear-gradient(90deg,rgba(3,5,8,.80),rgba(3,5,8,.52)),
      url('assets/v97/morda-o-gildii-banner.webp') 29% center / cover no-repeat,
      #09090b;
  }
}