/**
 * Figma 익스포트 DOM 오버라이드 모음.
 *
 * 이 파일의 셀렉터는 Figma가 생성한 css-* 해시 클래스를 참조한다.
 * 재발행으로 해시가 바뀌면 static/js/config.js 의 맵과 함께 이 파일을
 * 갱신해야 한다. (맵 표: docs/ARCHITECTURE.md)
 *
 * 마지막 동기화: 2026-08 재발행 (bundle 39ccfa4c)
 */

/* Figma 콘텐츠만 90% 배율로 표시.
   :root(문서 전체)에 걸면 모달·플로팅 UI·좌표 계산(getBoundingClientRect)이
   이중 배율 문제를 겪으므로, 배율은 #container(Figma 렌더 루트)에만 적용.
   문서·커스텀 UI는 순수 100% 좌표계에서 동작한다.
   (런타임은 컨테이너 폭 기준으로 스케일하므로 렌더 결과는 기존과 동일) */
#container {
  zoom: 0.9;
}

/* 히어로 진입 애니메이션: 1) 이미지 좌→우 슬라이드 인, 2) 텍스트+버튼 아래→위 페이드 업
   런타임 하이드레이션이 애니메이션을 리셋해 이중 재생되는 것을 막기 위해
   JS가 하이드레이션 안정 후 html에 .zing-intro 를 붙여야 시작된다. */
@keyframes zingHeroImgIn {
  0% {
    opacity: 0;
    transform: translateX(-72px);
    clip-path: inset(0 28% 0 0);
  }
  60% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    transform: translateX(0);
    clip-path: inset(0 0 0 0);
  }
}
@keyframes zingHeroTextIn {
  from {
    opacity: 0;
    transform: translateY(46px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
#container div.css-ib5h2j,
#container div.css-bz2tic.css-dwozfc > * {
  opacity: 0;
}
html.zing-intro #container div.css-ib5h2j {
  animation: zingHeroImgIn 1.1s var(--ease-out-expo) 0.05s both;
}
/* 래퍼(css-bz2tic)가 display:contents라 직계 자식들을 함께 애니메이션 */
html.zing-intro #container div.css-bz2tic.css-dwozfc > * {
  animation: zingHeroTextIn 0.9s var(--ease-out-expo) 1.15s both;
}
@media (prefers-reduced-motion: reduce) {
  #container div.css-ib5h2j,
  #container div.css-bz2tic.css-dwozfc > * {
    opacity: 1;
    animation: none !important;
  }
}

/* 헤더 "문의하기" 버튼: 원본("ZING 울리기") 기준 고정폭 absolute 배치라
   짧아진 텍스트 우측에 여백이 남음 → 아이콘+텍스트를 필 중앙에 정렬 */
#container .css-oua85r .css-dtbygg {
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 6px;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
}
/* 아이콘 래퍼: absolute 기반 크기를 잃으므로 원본 크기(28x16)를 명시 */
#container .css-oua85r .css-dtbygg > div[data-isimage] {
  position: relative !important;
  width: 28px !important;
  height: 16px !important;
  flex: none;
}
/* 텍스트: absolute 해제하고 흐름 배치 */
#container .css-oua85r .css-dtbygg > p {
  position: static !important;
  width: auto !important;
  white-space: nowrap;
}

/* 푸터의 텍스트형 BACK TO TOP 제거 (플로팅 TOP 버튼으로 대체) */
#container .css-vbc5hz p.css-l1mcow {
  display: none !important;
}

/* 히어로 우하단 원형 문의하기(디자이너 신규 요소) 숨김.
   GNB 문의하기 + 스크롤 플로팅 버튼과 중복이므로 제거 — 복구하려면 이 규칙만 삭제 */
#container .css-a6jagm {
  display: none !important;
}