/* MIYAAR v15.5.8 — Homepage Hero legacy-shell reset (stage 6.3)
 * Root cause: the compatibility hook `.origin-home-hero-shell` still receives
 * historical v15.2.x card styles (white background, border, radius and shadow).
 * Keep the hook for regression/backward compatibility, but neutralize only those
 * legacy presentation rules when it is used by the new homepage hero content.
 */
body.miyaar-home-reference .mi-home-ref-hero__content.origin-home-hero-shell{
  width:min(82rem,calc(100% - 40px))!important;
  max-width:none!important;
  margin-inline:auto!important;
  padding-inline:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
  isolation:auto!important;
}
body.miyaar-home-reference .mi-home-ref-hero__content.origin-home-hero-shell::before,
body.miyaar-home-reference .mi-home-ref-hero__content.origin-home-hero-shell::after{
  content:none!important;
  display:none!important;
}

/* The media layer is a full-bleed hero background, never the historical inset card. */
body.miyaar-home-reference .mi-home-ref-hero .mi-home-ref-hero__media.mi-home-hero__media{
  inset:0!important;
  width:100%!important;
  height:100%!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

/* Keep foreground readable without a card behind it. */
body.miyaar-home-reference .mi-home-ref-hero__copy{
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}

@media(max-width:680px){
  body.miyaar-home-reference .mi-home-ref-hero__content.origin-home-hero-shell{
    width:min(100% - 28px,82rem)!important;
    padding-inline:0!important;
    border-radius:0!important;
  }
  body.miyaar-home-reference .mi-home-ref-hero .mi-home-ref-hero__media.mi-home-hero__media{
    inset:0!important;
    border-radius:0!important;
  }
}