/* Vanityform v0.77 — reusable PDP master compatibility layer.
   Keeps the v0.71/v0.72 approved visual language while allowing product data
   to omit optional modules such as Real Results or secondary story images. */

body.store-product-template-beauty[data-page="product"].vf71-story-pdp .vf68-mockup-bridge.vf71-story-results.vf77-story-no-results{
  grid-template-columns:minmax(0,1fr)!important;
  aspect-ratio:auto!important;
  width:min(1420px,calc(100vw - 64px))!important;
}

body.store-product-template-beauty[data-page="product"].vf71-story-pdp .vf77-story-no-results .vf71-benefits-card{
  min-height:560px;
}

body.store-product-template-beauty[data-page="product"].vf71-story-pdp .vf71-benefits-media.vf77-benefits-media--single{
  grid-template-rows:minmax(0,1fr);
}

body.store-product-template-beauty[data-page="product"].vf71-story-pdp .vf77-benefits-media--single .vf71-benefits-media__hero{
  min-height:100%;
}

@media (max-width:760px){
  body.store-product-template-beauty[data-page="product"].vf71-story-pdp .vf68-mockup-bridge.vf71-story-results.vf77-story-no-results{
    width:calc(100vw - 24px)!important;
  }
  body.store-product-template-beauty[data-page="product"].vf71-story-pdp .vf77-story-no-results .vf71-benefits-card{
    min-height:0;
  }
  body.store-product-template-beauty[data-page="product"].vf71-story-pdp .vf71-benefits-media.vf77-benefits-media--single{
    grid-template-rows:360px;
  }
}