/* V134 — wider mobile preview + centered core technology body copy */
.hero-experience .core-tech-copy,
.hero-experience .core-tech-copy p{
  text-align:center!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.hero-experience .core-tech-copy p{
  max-width:980px!important;
}

@media (max-width:640px){
  /* Let Preview use almost the full phone viewport. */
  .hero-experience .product-section.beauty-focus > .wrap{
    width:100%!important;
    max-width:100%!important;
  }
  .hero-experience .product-grid.product-grid-with-native-flow,
  .hero-experience .product-grid-with-native-flow .product-card-native-flow{
    width:100%!important;
    max-width:100%!important;
  }
  .hero-experience .product-card-native-flow > .hero-preview-wrap{
    width:calc(100% + 12px)!important;
    max-width:none!important;
    margin-left:-6px!important;
    margin-right:-6px!important;
    padding:0!important;
  }
  .hero-experience .product-card-native-flow > .hero-preview-wrap > div,
  .hero-experience .product-card-native-flow > .hero-preview-wrap .skiin-preview{
    width:100%!important;
    max-width:100%!important;
  }

  /* Core body copy stays centered on mobile too. */
  .hero-experience .core-tech-copy,
  .hero-experience .core-tech-copy p{
    text-align:center!important;
  }
}

@media (max-width:390px){
  .hero-experience .product-card-native-flow > .hero-preview-wrap{
    width:calc(100% + 8px)!important;
    margin-left:-4px!important;
    margin-right:-4px!important;
  }
}