/* New Main Page Styles */
.new-main-root {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}

/* Background Image */
.background-image {
  position: fixed !important;
  top: -120px !important;  /* iOS 상태바 위쪽까지 확장 */
  left: 50% !important;  /* 중앙 정렬 */
  width: 100vw !important;  /* 뷰포트 전체 너비 */
  height: calc(100vh + 120px + 34px) !important;  /* 위쪽 확장 + 뷰포트 + 하단 영역 */
  min-height: calc(100vh + 120px + 34px) !important;
  z-index: -1 !important;  /* 더 뒤쪽으로 */
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-color: transparent !important;  /* 기본 배경색 제거 */
  transition: opacity 0.8s ease-in-out;
  opacity: 1;
  will-change: opacity;
  /* 뷰포트 전체 커버 및 확장 */
  transform: translateX(-50%) translateY(-120px) !important;
  margin-top: -120px !important;
  padding-top: 120px !important;
}

.background-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}