/* Mood mobile-native v3 — VIP (#pageLoyalty) */

@media (max-width: 1023px) {
  body.mood-mobile-v3 #pageLoyalty {
    padding-bottom: var(--space-4);
  }

  body.mood-mobile-v3 .mvp-passport-hero,
  body.mood-mobile-v3 .loyalty-summary-hero {
    border-radius: var(--radius-xl);
    padding: var(--space-5) var(--space-4);
    margin-bottom: var(--space-4);
  }

  body.mood-mobile-v3 #loyaltyTabs {
    position: sticky;
    top: calc(var(--header-stack-offset, var(--mood-header-h)) - 1px);
    z-index: var(--z-mob-sticky, 100);
    margin: 0 calc(-1 * var(--mob-gutter)) var(--space-4);
    padding: var(--space-2) var(--mob-gutter);
    background: color-mix(in srgb, var(--bg) 94%, transparent);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-bottom: 1px solid var(--border);
  }

  body.mood-mobile-v3 #loyaltyTabs .loyalty-tab,
  body.mood-mobile-v3 #loyaltyTabs button {
    min-height: var(--mob-touch-min, 44px);
  }

  body.mood-mobile-v3 #mvpLevelsStepper,
  body.mood-mobile-v3 .mvp-levels-stepper {
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 8px;
  }

  body.mood-mobile-v3 .mvp-level-card,
  body.mood-mobile-v3 .loyalty-level-card {
    scroll-snap-align: start;
    flex: 0 0 78vw;
    max-width: 300px;
  }

  body.mood-mobile-v3 .loyalty-quest-card,
  body.mood-mobile-v3 .quest-mission-card {
    border-radius: var(--radius-lg);
  }

  body.mood-mobile-v3 .mvp-vip-apply-cta,
  body.mood-mobile-v3 #mvpVipApplyOpen {
    min-height: var(--mob-touch-min, 44px);
    width: 100%;
    justify-content: center;
  }

  body.mood-mobile-v3 #mvpVipApplyModal .modal-box {
    width: 100%;
    max-width: none;
    margin: 0;
    border-radius: 20px 20px 0 0;
    max-height: min(92dvh, 92vh);
  }
}