/* iPad-only viewport corrections. Desktop and other devices keep the original CSS. */
html.nala-ipad #top #scroll-carousel,
html.nala-ipad #top #capsules-scroll,
html.nala-ipad #top #scroll-carousel .card,
html.nala-ipad #top #scroll-carousel .mobile-carousel-track,
html.nala-ipad #top #scroll-carousel .mobile-carousel-slide,
html.nala-ipad #top #scroll-carousel .mobile-carousel-card {
  height: var(--nala-view-height, 80svh) !important;
  min-height: 0 !important;
}
html.nala-ipad #top .nala-stack-fixed-stage {
  min-height: 0 !important;
  height: min(620px, calc(var(--nala-view-height, 80svh) - 60px)) !important;
}
html.nala-ipad #top .eo-unfold-sticky { padding-top: 64px; box-sizing: border-box; }
html.nala-ipad #top .eo-unfold-grid { gap: 32px; }
html.nala-ipad #top .eo-unfold-frame { max-height: calc(var(--nala-view-height, 80svh) - 32px); }
html.nala-ipad #top .scroll-skip-cluster {
  bottom: max(12px, env(safe-area-inset-bottom)) !important;
  right: max(16px, env(safe-area-inset-right)) !important;
}

@media (min-width: 768px) and (max-width: 1366px) {
  html.nala-ipad #top .mobile_app_section .flex_column_table {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.65fr) minmax(0, 1fr);
    gap: 24px;
    width: 100%;
  }
  html.nala-ipad #top .mobile_app_section .flex_column_table > .flex_column {
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  html.nala-ipad #top .mobile_app_section .rsr-title {
    font-size: 34px !important;
    line-height: 1.1 !important;
    margin: 0 0 16px !important;
    overflow-wrap: anywhere;
  }
  html.nala-ipad #top .mobile_app_section .rsr-text { font-size: 18px !important; line-height: 1.45 !important; }
  html.nala-ipad #top .mobile_app_section .app-eyebrow { font-size: 16px !important; }
  html.nala-ipad #top .mobile_app_section ul { margin: 0 !important; }
  html.nala-ipad #top .mobile_app_section li { margin: 0 0 12px !important; padding: 0 !important; }
  html.nala-ipad #top .mobile_app_section .hr-invisible { height: 20px !important; }
  html.nala-ipad #top .mobile_app_section .mobile img { width: 200px !important; max-width: 100%; height: auto !important; }
  html.nala-ipad #top .mobile_app_section .qr_code img { width: 160px !important; max-width: 100%; height: auto !important; }
  html.nala-ipad #top #scroll-carousel .rsr-title { font-size: 38px !important; }
  html.nala-ipad #top #scroll-carousel .rsr-text { font-size: 18px !important; line-height: 1.45 !important; }
}
@media (max-width: 989px) {
  html.nala-ipad #top .eo-unfold-section .eo-mobile-stack-inner {
    height: calc(var(--nala-view-height, 80svh) + var(--nala-view-top, 64px) + 58px);
    padding-top: var(--nala-view-top, 64px);
    padding-bottom: 58px;
    box-sizing: border-box;
  }
  html.nala-ipad #top .eo-unfold-section .eo-mobile-stack-stage {
    height: min(720px, var(--nala-view-height, 80svh)) !important;
    min-height: 0 !important;
  }
  html.nala-ipad #top .eo-unfold-section .eo-mobile-stack-copy { overflow-y: auto; overscroll-behavior: contain; }
  html.nala-ipad #top .eo-unfold-section .eo-mobile-stack-copy h2 { font-size: 32px !important; }
  html.nala-ipad #top .eo-unfold-section .eo-mobile-stack-copy p { font-size: 17px !important; }
}
@media (max-width: 767px) {
  html.nala-ipad #top #scroll-carousel .mobile-carousel-copy { padding: 18px 20px 58px !important; }
  html.nala-ipad #top #scroll-carousel .mobile-carousel-copy .rsr-title { font-size: 32px !important; }
  html.nala-ipad #top #scroll-carousel .mobile-carousel-copy .rsr-text { font-size: 16px !important; }
}

/* Menu remains scrollable on short screens; store links are never clipped by its wrapper. */
html.nala-ipad #top .av-burger-overlay-scroll {
  max-height: 100dvh !important;
  overflow-y: auto !important;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  box-sizing: border-box;
  padding-bottom: max(24px, env(safe-area-inset-bottom)) !important;
}
@media (max-height: 900px) and (min-width: 768px) {
  html.nala-ipad #top #wrap_all .av-burger-overlay #av-burger-menu-ul { padding-top: 76px !important; padding-bottom: 24px !important; }
  html.nala-ipad #top #wrap_all .av-burger-overlay #av-burger-menu-ul > li > a {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    line-height: 1.2 !important;
    font-size: 22px !important;
  }
  html.nala-ipad #top #wrap_all .av-burger-overlay .menu-image { height: 40px !important; width: auto !important; }
}