/* ═══════════════════════════════════════════════
   T-seven — Responsive adaptation
   Reference device: iPhone 14 Plus (428×926)
   Ensures proper display across all phone sizes.
   ═══════════════════════════════════════════════ */

/* ── Base: ensure proper viewport units ── */
html, body {
  overflow-x: hidden;
  -webkit-text-size-adjust: 100%;
}

/* ── Small phones (width < 360px, e.g. iPhone SE 1st gen, Galaxy S3) ── */
@media screen and (max-width: 359px) {
  .Documents_carouselItem__0tzgo {
    width: 92% !important;
    max-width: 300px !important;
  }
  .Passport_passport__8Crv1 {
    width: 290px !important;
    min-width: 270px !important;
    min-height: 500px !important;
    transform: scale(0.88) !important;
    transform-origin: center center !important;
  }
  .navigation {
    height: 80px !important;
  }
  .nav-btn span {
    font-size: 10px !important;
  }
}

/* ── Medium-small phones (360–389px, e.g. Galaxy S8, Pixel 5) ── */
@media screen and (min-width: 360px) and (max-width: 389px) {
  .Documents_carouselItem__0tzgo {
    width: 90% !important;
    max-width: 340px !important;
  }
  .Passport_passport__8Crv1 {
    width: 320px !important;
    min-width: 290px !important;
    min-height: 530px !important;
    transform: scale(0.92) !important;
    transform-origin: center center !important;
  }
}

/* ── Standard phones (390–413px, e.g. iPhone 12/13/14, Pixel 7) ── */
@media screen and (min-width: 390px) and (max-width: 413px) {
  .Documents_carouselItem__0tzgo {
    width: 88% !important;
    max-width: 360px !important;
  }
  .Passport_passport__8Crv1 {
    width: 340px !important;
    min-width: 300px !important;
    min-height: 560px !important;
    transform: scale(0.96) !important;
    transform-origin: center center !important;
  }
}

/* ── Large phones (414–430px, e.g. iPhone 14 Plus/Pro Max — reference) ── */
@media screen and (min-width: 414px) and (max-width: 430px) {
  .Documents_carouselItem__0tzgo {
    width: 85% !important;
    max-width: 380px !important;
  }
}

/* ── Short screens (height < 700px) — scale card to fit ── */
@media screen and (max-height: 699px) {
  .Passport_passport__8Crv1 {
    min-height: 460px !important;
    transform: scale(0.85) !important;
    transform-origin: center center !important;
  }
  .Documents_paginationDots__bli8z {
    bottom: 14% !important;
  }
  .navigation {
    height: 80px !important;
  }
}

/* ── Medium-short screens (700–799px) ── */
@media screen and (max-height: 799px) and (min-height: 700px) {
  .Passport_passport__8Crv1 {
    min-height: 520px !important;
    transform: scale(0.92) !important;
    transform-origin: center center !important;
  }
}

/* ── Very tall screens (height > 926px, e.g. tablets in portrait) ── */
@media screen and (min-height: 927px) {
  .Passport_passport__8Crv1 {
    min-height: 600px !important;
  }
}

/* ── Safe area insets for notched phones (iPhone X+, Pixel 6+) ── */
@supports (padding: env(safe-area-inset-bottom)) {
  .navigation {
    padding-bottom: env(safe-area-inset-bottom) !important;
  }
  .Documents_container__Cpnfn {
    padding-top: env(safe-area-inset-top) !important;
  }
}