/* Shield Stand: authentic high-resolution product renders in a single calm architectural scene. */
body.product-shield-stand .detail-hero.iphone-hero.iphone-hero--custom-sample {
  background: linear-gradient(122deg, #f4f6f7 0%, #dce3ec 50%, #606a78 100%) !important;
}

body.product-shield-stand .iphone-hero-sample-scene--shield-stand {
  background-image: url('assets/original-hero-assets/shield-blue.png'), url('assets/original-hero-assets/shield-burgundy.png'), url('assets/original-hero-assets/shield-black.png') !important;
  background-position: 73% 25%, 63% 72%, 89% 72% !important;
  background-repeat: no-repeat, no-repeat, no-repeat !important;
  background-size: min(32vw, 500px) auto, min(30vw, 465px) auto, min(34vw, 520px) auto !important;
}

body.product-shield-stand .iphone-hero--custom-sample::after {
  content: '';
  position: absolute;
  inset: auto 0 0;
  height: 35%;
  pointer-events: none;
  background: linear-gradient(155deg, rgba(122, 132, 146, .3) 0 48%, rgba(42, 48, 58, .52) 48.2% 100%);
  z-index: 1;
}

body.product-shield-stand .iphone-hero--custom-sample .detail-copy { z-index: 3; }
body.product-shield-stand .iphone-hero--custom-sample #product-name {
  max-width: none !important;
  font-size: clamp(44px, 3.6vw, 68px) !important;
  white-space: nowrap;
}

@media (max-width: 900px) {
  body.product-shield-stand .iphone-hero-sample-scene--shield-stand {
    background-position: 70% 53%, 45% 82%, 89% 84% !important;
    background-size: 52vw auto, 48vw auto, 54vw auto !important;
  }
  body.product-shield-stand .iphone-hero--custom-sample #product-name { font-size: clamp(29px, 8.8vw, 48px) !important; }
}