/* Vanityform v0.58 — exact approved hero master.
   The approved 1672x941 composition is rendered as one unified campaign image.
   No split panels, no reconstructed typography, no additional decorative copy. */

html[data-beauty-home-curation="v0.58"] .store-home-hero.beauty-master-home-hero--v058 {
  display:block !important;
  grid-template-columns:none !important;
  width:100% !important;
  max-width:none !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  overflow:hidden !important;
  background:#e6d9cf !important;
}

html[data-beauty-home-curation="v0.58"] .beauty-master-home-hero__stage {
  position:relative;
  width:100%;
  margin:0;
  padding:0;
  overflow:hidden;
  background:#e6d9cf;
  line-height:0;
  isolation:isolate;
}

html[data-beauty-home-curation="v0.58"] .beauty-master-home-hero__image {
  display:block;
  width:100%;
  height:auto;
  margin:0;
  padding:0;
  border:0;
  object-fit:contain;
  object-position:center top;
  background:#e6d9cf;
}

html[data-beauty-home-curation="v0.58"] .beauty-master-home-hero__cta {
  position:absolute;
  z-index:3;
  left:5.35%;
  top:73.6%;
  width:16.8%;
  height:6.7%;
  min-width:170px;
  min-height:44px;
  display:block;
  border-radius:3px;
  text-indent:-9999px;
  overflow:hidden;
  cursor:pointer;
  background:transparent;
  outline-offset:4px;
}

html[data-beauty-home-curation="v0.58"] .beauty-master-home-hero__sr-title {
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  padding:0 !important;
  margin:-1px !important;
  overflow:hidden !important;
  clip:rect(0,0,0,0) !important;
  white-space:nowrap !important;
  border:0 !important;
}

@media (hover:hover) and (pointer:fine) {
  html[data-beauty-home-curation="v0.58"] .beauty-master-home-hero__cta:hover {
    box-shadow:0 0 0 2px rgba(255,255,255,.16) inset;
  }
}

/* Keep the approved composition intact on smaller screens rather than rebuilding it.
   Mobile art direction can be handled as a separate approved step later. */
@media (max-width:700px) {
  html[data-beauty-home-curation="v0.58"] .beauty-master-home-hero__image {
    width:100%;
    height:auto;
    object-fit:contain;
  }
  html[data-beauty-home-curation="v0.58"] .beauty-master-home-hero__cta {
    min-width:0;
    min-height:0;
  }
}