/*
 * Magia Flory — clean homepage hero product composition, 2026-08-16.
 * The supplied transparent oil-set artwork replaces the old masked still-life.
 */

.page-home--reference .ref-hero__visual {
  min-height: 590px;
  overflow: visible !important;
  background-color: transparent !important;
  background-image: url('../images/home-identity/hero-oil-set-clean.png') !important;
  background-repeat: no-repeat !important;
  background-position: center calc(50% - 32px) !important;
  background-size: contain !important;
}

/* Remove the old oval crop, outline and round badge completely. */
.page-home--reference .ref-hero__visual::before,
.page-home--reference .ref-hero__visual::after,
.page-home--reference .ref-hero__cms-figure {
  display: none !important;
  content: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

/* The original photo remains only as inert fallback markup. */
.page-home--reference .ref-hero__cms-image {
  display: none !important;
}

@media (max-width: 1180px) {
  .page-home--reference .ref-hero__visual {
    min-height: 540px;
    background-position: center calc(50% - 24px) !important;
  }
}

@media (max-width: 960px) {
  .page-home--reference .ref-hero__visual {
    min-height: 560px;
    max-width: 720px;
    background-position: center center !important;
  }
}

@media (max-width: 680px) {
  .page-home--reference .ref-hero__visual {
    min-height: 420px;
    background-position: center center !important;
  }
}

@media (max-width: 480px) {
  .page-home--reference .ref-hero__visual {
    min-height: 330px;
  }
}