/* iPhone Duo section — reuses the existing .newphone / .np-* styles from app.css.
   Only the differences live here. */
.newphone.np-duo { padding-top: 12px; }
.np-duo .np-frame {
  aspect-ratio: 105 / 51;          /* media is 1260x612 */
  background: #fff;                /* product shots are on white */
}
.np-duo .np-frame img,
.np-duo .np-frame video {
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  object-fit: contain;
  opacity: 0; transition: opacity .7s;
  background: #fff;
}
.np-duo .np-frame .on { opacity: 1; }
@media (max-width: 560px) {
  .newphone.np-duo { padding-top: 8px; }
}