/* Desktop */
@media (min-width: 1024px) {
  .cover-container {
    max-width: 380px;
    box-shadow: 0 30px 80px rgba(0,0,0,0.5), 0 0 40px rgba(212,168,67,0.1);
  }

  .invite-content {
    max-width: 900px;
    margin: 0 auto;
    padding-top: 20px;
  }

  .invite-header { padding: 30px 40px 18px; }

  .spread-image-container {
    border-radius: 6px;
    box-shadow: 0 8px 30px rgba(0,0,0,0.12);
    margin: 0 20px;
  }

  .rsvp-section { padding: 30px 24px 50px; }

  .response-image { padding: 0 40px; }
  .response-image img {
    border-radius: 6px;
    box-shadow: 0 8px 30px rgba(0,0,0,0.12);
  }

  .rotate-hint { display: none !important; }
}

/* Mobile landscape */
@media (max-width: 1023px) and (orientation: landscape) {
  #screen-invite, #screen-celebrate, #screen-sad {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }

  .spread-image-container img,
  .response-image img {
    width: 100%;
    height: auto;
    display: block;
  }

  .spread-image-container video,
  .response-image video {
    object-fit: contain;
  }

  .response-layout {
    padding-top: 10px;
  }

  .response-text {
    padding: 8px 20px 6px;
  }

  .response-text h2 {
    font-size: clamp(0.9rem, 3vw, 1.3rem);
  }

  .response-text p {
    font-size: clamp(0.7rem, 2vw, 0.85rem);
  }

  .invite-header { padding: 10px 20px 8px; }
  .invite-header h2 { font-size: 1.2rem; }
  .child-greeting { font-size: 0.8rem; margin-bottom: 6px; }
  .invite-details-grid { gap: 2px 16px; }
  .rotate-hint { display: none; }
}