/* PMY Academy V11.0 C1.4 — demo images fully visible on mobile/tablet portrait */
@media (max-width: 1180px) and (orientation: portrait) {
  .pmy-demo-v22 .lp8-modal-dialog {
    width: min(94vw, 820px) !important;
    max-width: 94vw !important;
    max-height: min(92dvh, 980px) !important;
    overflow: hidden !important;
  }

  .pmy-demo-v22 .lp8-slide-stage {
    position: relative !important;
    width: 100% !important;
    aspect-ratio: 16 / 9 !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: calc(92dvh - 150px) !important;
    overflow: hidden !important;
    background: #05070a !important;
  }

  .pmy-demo-v22 .pmy-demo-slide {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    overflow: hidden !important;
    background: #05070a !important;
  }

  .pmy-demo-v22 .pmy-demo-slide > img {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
    transform: none !important;
    background: #05070a !important;
  }

  .pmy-demo-v22 .pmy-demo-shade {
    pointer-events: none !important;
    background: linear-gradient(180deg, rgba(0,0,0,.04) 35%, rgba(0,0,0,.84) 100%) !important;
  }

  .pmy-demo-v22 .pmy-demo-copy {
    left: clamp(14px, 4vw, 28px) !important;
    right: clamp(14px, 4vw, 28px) !important;
    bottom: clamp(12px, 3vw, 24px) !important;
    width: auto !important;
    max-width: 88% !important;
  }

  .pmy-demo-v22 .pmy-demo-copy h3 {
    font-size: clamp(1.15rem, 4.8vw, 1.7rem) !important;
    line-height: 1.05 !important;
  }

  .pmy-demo-v22 .pmy-demo-copy p {
    font-size: clamp(.78rem, 3vw, 1rem) !important;
    line-height: 1.3 !important;
    max-width: 34rem !important;
  }
}

@media (max-width: 600px) and (orientation: portrait) {
  .pmy-demo-v22 .lp8-modal-dialog {
    width: 96vw !important;
    max-width: 96vw !important;
  }

  .pmy-demo-v22 .lp8-demo-header {
    padding: 12px 14px !important;
  }

  .pmy-demo-v22 .lp8-demo-header h2 {
    font-size: clamp(1rem, 4.5vw, 1.3rem) !important;
  }

  .pmy-demo-v22 .lp8-demo-footer {
    padding: 10px 14px calc(10px + env(safe-area-inset-bottom)) !important;
  }
}

/* Landscape keeps the original cinematic treatment. */