/* Approved front packshots and brochure scenes, without perspective transforms. */
#univers-affichage.ecrans-restaures .product-shot {
  height: auto;
  aspect-ratio: 3 / 2;
  border: 1px solid #d9e3e3;
  border-radius: 18px;
  background: #f7f9f8;
  overflow: hidden;
}
#univers-affichage.ecrans-restaures .product-shot img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 4px;
  background: transparent;
}
#univers-affichage.ecrans-restaures .display-scene-image {
  aspect-ratio: 5504 / 3072;
  border: 1px solid #d9e3e3;
  border-radius: 16px;
  background: #f7f9f8;
  overflow: hidden;
}
#univers-affichage.ecrans-restaures .display-scene-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
#univers-affichage.ecrans-restaures [data-cinema="signage"] .cinema-canvas,
#univers-affichage.ecrans-restaures [data-cinema="signage"] .cinema-poster,
#univers-affichage.ecrans-restaures [data-cinema="signage"] .cinema-backdrop,
#univers-affichage.ecrans-restaures [data-cinema="signage"] .cinema-vignette {
  display: none !important;
}
#univers-affichage.ecrans-restaures [data-cinema="signage"] .cinema-pin {
  background: radial-gradient(ellipse at 72% 46%, #244b54, #0b2630 62%, #091c25);
}
.ecrans-hero-stage {
  position: absolute;
  top: 112px;
  right: 4%;
  bottom: 65px;
  width: 55%;
  pointer-events: none;
}
.ecrans-hero-stage img {
  position: absolute;
  object-fit: contain;
  filter: drop-shadow(0 22px 22px #0004);
}
.ecrans-hero-stage .ecrans-hero-ishow {
  width: 74%;
  height: 63%;
  top: 0;
  right: 0;
  transform: translateY(calc(var(--progress, 0) * -9px));
}
.ecrans-hero-stage .ecrans-hero-itouch {
  width: 90%;
  height: 72%;
  bottom: 0;
  left: 0;
  transform: translateY(calc(var(--progress, 0) * 8px)) scale(calc(.98 + var(--progress, 0) * .02));
}
@media (max-width: 700px) {
  #univers-affichage.ecrans-restaures [data-cinema="signage"] .cinema-pin {min-height: 650px}
  .ecrans-hero-stage {top: 105px;left: 20px;right: 20px;bottom: auto;width: auto;height: calc(100% - 400px)}
  .ecrans-hero-stage .ecrans-hero-ishow {width: 65%;height: 68%}
  .ecrans-hero-stage .ecrans-hero-itouch {width: 80%;height: 76%}
  #univers-affichage.ecrans-restaures [data-cinema="signage"] .cinema-copy {bottom: 76px}
  #univers-affichage.ecrans-restaures [data-cinema="signage"] .cinema-copy h2 {font-size: clamp(32px, 8.6vw, 40px);line-height: 1.06;margin-bottom: 12px}
  #univers-affichage.ecrans-restaures [data-cinema="signage"] .cinema-kicker {margin-bottom: 10px}
  #univers-affichage.ecrans-restaures [data-cinema="signage"] .cinema-copy p {font-size: 11px;line-height: 1.65}
  #univers-affichage.ecrans-restaures [data-cinema="signage"] .cinema-ctas {margin-top: 14px}
  #univers-affichage.ecrans-restaures [data-cinema="signage"] .cinema-quality {display: none}
}
@media (prefers-reduced-motion: reduce) {
  .ecrans-hero-stage img {transform: none !important}
}