/* Vanityform v0.52 — visual coherence + media reliability. */
/* Keep internal workbench state in data/docs, never in the shopper surface. */
html[data-beauty-storefront="v0.52"] .store-home-qa-banner,
html[data-beauty-storefront="v0.52"] .beauty-commerce-qa-banner,
html[data-beauty-storefront="v0.52"] .beauty-secondary-qa-banner,
html[data-beauty-storefront="v0.52"] body > div[style*="z-index:9999"],
html[data-beauty-storefront="v0.52"] .catalog-card__price-note,
html[data-beauty-storefront="v0.52"] .product-preview-indicator,
html[data-beauty-storefront="v0.52"] .product-module-preview,
html[data-beauty-storefront="v0.52"] [data-workbench-only="true"] {
  display:none !important;
}

html[data-beauty-storefront="v0.52"] .beauty-reference-media::after,
html[data-beauty-storefront="v0.52"] .beauty-offer-card .beauty-reference-media::after {
  content:none !important;
  display:none !important;
}

/* Home hero: the selected real-photo frame has useful left-side breathing room and subject weight on the right. */
html[data-beauty-storefront="v0.52"] .beauty-editorial-home-hero--v052 .beauty-editorial-home-hero__media {
  inset:0;
  background:#eee8e3;
}
html[data-beauty-storefront="v0.52"] .beauty-editorial-home-hero--v052 .beauty-editorial-home-hero__media img {
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:50% 48%;
  transform:scale(1.01);
}
html[data-beauty-storefront="v0.52"] .beauty-editorial-home-hero--v052 .beauty-editorial-home-hero__stage::after {
  background:linear-gradient(90deg,rgba(239,231,225,.99) 0%,rgba(239,231,225,.96) 25%,rgba(239,231,225,.78) 38%,rgba(239,231,225,.32) 51%,rgba(239,231,225,.06) 62%,transparent 72%);
}

/* Supplier-reference images are product truth, not QA-labelled editorial cards. */
html[data-beauty-storefront="v0.52"] .beauty-offer-card__media img,
html[data-beauty-storefront="v0.52"] .catalog-card__media img,
html[data-beauty-storefront="v0.52"] .store-home-product-card__media img {
  background:#f6f1ed;
}

/* Keep the compact collections deliberate instead of visually abandoned. */
@media (min-width:900px) {
  html[data-beauty-storefront="v0.52"] body[data-catalog-context="makeup"] .shopify-catalog-browser,
  html[data-beauty-storefront="v0.52"] body[data-catalog-context="selfcare"] .shopify-catalog-browser {
    padding-bottom:clamp(72px,8vw,118px);
  }
}

@media (max-width:760px) {
  html[data-beauty-storefront="v0.52"] .beauty-editorial-home-hero--v052 .beauty-editorial-home-hero__media img {
    object-position:62% 44%;
  }
  html[data-beauty-storefront="v0.52"] .beauty-editorial-home-hero--v052 .beauty-editorial-home-hero__stage::after {
    background:linear-gradient(180deg,rgba(238,229,223,.06) 32%,rgba(238,229,223,.72) 62%,rgba(238,229,223,.98) 82%);
  }
}