/* Woven: authentic high-resolution black and burgundy product renders, arranged as one material-led scene. */
body.product-woven .detail-hero.iphone-hero.iphone-hero--custom-sample {
  background: linear-gradient(120deg, #f3f4f6 0%, #d7dbe0 57%, #aeb4bc 100%) !important;
}

body.product-woven .iphone-hero-sample-scene--woven {
  background-image: url('assets/original-hero-assets/woven-black.png'), url('assets/original-hero-assets/woven-burgundy.png') !important;
  background-position: 69% 30%, 86% 72% !important;
  background-repeat: no-repeat, no-repeat !important;
  background-size: min(48vw, 750px) auto, min(48vw, 760px) auto !important;
}

body.product-woven .iphone-hero--custom-sample::after {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(148deg, transparent 0 56%, rgba(46, 50, 57, .14) 56.1% 100%);
  z-index: 1;
}

body.product-woven .iphone-hero--custom-sample .detail-copy { z-index: 3; }
body.product-woven .iphone-hero--custom-sample #product-name { white-space: nowrap; }

@media (max-width: 900px) {
  body.product-woven .iphone-hero-sample-scene--woven {
    background-position: 64% 58%, 86% 85% !important;
    background-size: 72vw auto, 70vw auto !important;
  }
  body.product-woven .iphone-hero--custom-sample #product-name { font-size: clamp(30px, 9vw, 48px) !important; }
}