﻿/* Keep the approved product composition intact while presenting a quieter copy hierarchy. */
body.product-shield-stand .detail-hero.iphone-hero.iphone-hero--custom-sample {
  overflow: hidden;
  background: linear-gradient(118deg, #f8fafc 0%, #edf2f7 50%, #d4dfec 100%) !important;
}

/* The background reference is cropped to its product-only side; live copy remains fully editable. */
body.product-shield-stand .shield-reference-copy-cover {
  display: none;
}

body.product-shield-stand .iphone-hero--custom-sample .detail-image {
  display: block !important;
  position: absolute;
  z-index: 1;
  inset: 0 0 0 auto !important;
  width: 56%;
  height: 100%;
  background-image: url('assets/iphone-hero-scenes/shield-stand-reference-exact.webp') !important;
  background-position: right center !important;
  background-size: auto 100% !important;
  background-repeat: no-repeat !important;
  overflow: hidden;
}

body.product-shield-stand .iphone-hero--custom-sample .detail-image img {
  display: none !important;
}

body.product-shield-stand .shield-reference-corner-cover {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  width: 15%;
  height: 16%;
  clip-path: polygon(20% 0, 100% 0, 100% 100%, 0 100%);
  background: linear-gradient(118deg, #697789 0%, #566476 100%);
  pointer-events: none;
}

body.product-shield-stand .iphone-hero--custom-sample .detail-copy {
  opacity: 1;
  pointer-events: auto;
  z-index: 3;
  transform: scale(0.78);
  transform-origin: left center;
}

/* Remove the lower-left English ornament baked into the reference artwork. */
body.product-shield-stand .shield-reference-footer-cover {
  position: absolute;
  z-index: 2;
  left: 0;
  bottom: 0;
  display: none;
  pointer-events: none;
}

@media (max-width: 900px) {
  body.product-shield-stand .iphone-hero--custom-sample .detail-image { width: 70%; }
  body.product-shield-stand .shield-reference-corner-cover { width: 24%; height: 18%; }
  body.product-shield-stand .shield-reference-footer-cover { width: 27%; height: 16%; }
  body.product-shield-stand .iphone-hero--custom-sample .detail-copy { transform: scale(0.9); }
}
