/* ══════════════════════════════════════════
   Damaris & Nicholas — Custom Styles
══════════════════════════════════════════ */

/* Viewport lock */
html, body {
  overflow: hidden;
  height: 100svh;
}

/* ── Animazioni entrata ── */

.slide-el,
.tramonto-text,
.dresscode-el,
.viaggio-el {
  transform: translateY(15px);
}

.dresscode-color {
  transform: scale(0.5);
}

.gallery-item {
  transform: scale(0.8);
}

.gallery-item img {
  image-orientation: from-image;
}

/* ── Desktop: iPhone frame ── */

@media (min-width: 769px) {
  html, body {
    height: 100vh;
    overflow: hidden;
    background: #1a1a1a;
  }

  #desktop-frame {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 100vw;
    height: 100vh;
    background: #1a1a1a;
  }

  #phone-container {
    position: relative;
    width: auto;
    height: 94vh;
    aspect-ratio: 973 / 2000;
  }

  #phone-frame-img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 10000;
    pointer-events: none;
  }

  #phone-content {
    position: absolute;
    top: 1.8%;
    left: 4.2%;
    width: 91.6%;
    height: 96.4%;
    border-radius: 42px;
    overflow: hidden;
    background: #fbf8ec;
  }

  #phone-content section {
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  #phone-content section::-webkit-scrollbar {
    display: none;
  }

  #phone-content #page-dots {
    position: absolute !important;
  }

  #galleria > div {
    padding-top: 48px !important;
    padding-bottom: 80px !important;
  }
}