/* ===== OJE COMMON MOBILE HEADER ===== */
/* Mobile only: max-width 600px */
/* PC header settings remain unchanged. */

@media (max-width: 600px) {

  /* 1. 모바일 기본 화면 흔들림 방지 */
  html {
    width: 100%;
    max-width: 100%;
  }

  /* 2. 모바일 헤더 공통 설정 */
  /* 기존 높이와 간격 측정 후 추가 */

  /* 3. 모바일 이미지 및 배너 최적화 */
  /* 기존 이미지 표시 상태 확인 후 추가 */

  /* 4. 모바일 헤더 스크롤 고정 */
  /* 드롭다운 및 overflow 충돌 확인 후 추가 */

}


/* ===== MOBILE NAV HORIZONTAL OVERFLOW FIX ===== */
@media (max-width: 600px) {

  body.home-page .nav-header nav.desktop-nav {
    gap: 0 !important;
  }

  body.home-page .nav-header nav.desktop-nav > * {
    min-width: 0 !important;
  }

}


/* ===== MOBILE NAV EQUAL SPACING ===== */
@media (max-width: 600px) {

  body .nav-header nav.desktop-nav {
    justify-content: space-between !important;
    gap: 0 !important;
  }

  body .nav-header nav.desktop-nav > * {
    flex: 0 0 auto !important;
    min-width: 0 !important;
  }

}


/* ===== MOBILE NAV PRIORITY FINAL ===== */
@media (max-width: 600px) {

  body.home-page .nav-header nav.desktop-nav,
  body.promotion-page .nav-header nav.desktop-nav,
  body.card-detail-page .nav-header nav.desktop-nav,
  body.ai-subscription-guide-page .nav-header nav.desktop-nav,
  body.mobile-test-page .nav-header nav.desktop-nav,
  body.detail-page .nav-header nav.desktop-nav {
    justify-content: space-between !important;
    gap: 0 !important;
  }

  body.home-page .nav-header nav.desktop-nav > *,
  body.promotion-page .nav-header nav.desktop-nav > *,
  body.card-detail-page .nav-header nav.desktop-nav > *,
  body.ai-subscription-guide-page .nav-header nav.desktop-nav > *,
  body.mobile-test-page .nav-header nav.desktop-nav > *,
  body.detail-page .nav-header nav.desktop-nav > * {
    flex: 0 0 auto !important;
    min-width: 0 !important;
  }
}


/* ===== MOBILE DETAIL HEADER HEIGHT UNIFY ===== */
@media (max-width: 600px) {

  body.detail-page .top-header {
    height: 58px !important;
    min-height: 58px !important;
    box-sizing: border-box !important;
  }

  body.detail-page .top-header .brand {
    margin-top: 0 !important;
  }

  body.detail-page .nav-header {
    height: 45px !important;
    min-height: 45px !important;
    box-sizing: border-box !important;
  }

}


/* ===== MOBILE DETAIL LOGO POSITION UNIFY ===== */
@media (max-width: 600px) {
  body.detail-page .top-header .brand {
    margin-top: -2px !important;
  }
}


/* MOBILE PROMOTION LOGO POSITION FINAL */
@media (max-width: 600px) {
  body.promotion-page .top-header .brand {
    position: relative !important;
    top: 1px !important;
  }
}


/* MOBILE HEADER STICKY MAIN TEST */
@media (max-width: 600px) {
  html {
    overflow-x: clip !important;
  }

  body.home-page {
    overflow-x: clip !important;
  }

  body.home-page .site-header {
    position: sticky !important;
    top: 0 !important;
    z-index: 5000 !important;
    overflow: visible !important;
  }
}


/* MOBILE HEADER STICKY ALL PAGES */
@media (max-width: 600px) {

  html {
    overflow-x: clip !important;
  }

  body.promotion-page,
  body.card-detail-page,
  body.ai-subscription-guide-page,
  body.mobile-test-page,
  body.detail-page {
    overflow-x: clip !important;
  }

  body.promotion-page .site-header,
  body.card-detail-page .site-header,
  body.ai-subscription-guide-page .site-header,
  body.mobile-test-page .site-header,
  body.detail-page .site-header {
    position: sticky !important;
    top: 0 !important;
    z-index: 5000 !important;
    overflow: visible !important;
  }
}


/* MOBILE ZERO SUBSCRIPTION STICKY FIX */
@media (max-width: 600px) {
  body.detail-page.card-detail-page.promotion-page .site-header {
    position: sticky !important;
    top: 0 !important;
    z-index: 5000 !important;
    overflow: visible !important;
  }
}


/* MOBILE CARD DETAIL STICKY FINAL */
@media (max-width: 600px) {
  body.detail-page.card-detail-page:not(.promotion-page) .site-header {
    position: sticky !important;
    top: 0 !important;
    z-index: 5000 !important;
    overflow: visible !important;
  }
}