/* =====================================================================
   X half 캐시백 프로모션 (2026-10-08 ~ 2027-01-31)
   - 모든 룰은 .event-promotion--xhalf 아래로 네임스페이스 (전역 누수 금지)
   - 구조·breakout·히어로 애니메이션·notice 패턴은 lens-cashback-2026 레퍼런스 준용
   - 포인트 컬러: 기본 후지필름 그린 #029570 / 이벤트 추가색 블루 #1646D8 · 옐로 #F3EF55
   ===================================================================== */

/* @import 는 다른 룰보다 먼저 */
@import url('https://fonts.googleapis.com/css2?family=Cal+Sans&display=swap');

@font-face {
  font-family: 'NanumSquare';
  src: url('https://fujifilm-korea.co.kr/assets/font/NanumSquareR-subset.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'NanumSquare';
  src: url('https://fujifilm-korea.co.kr/assets/font/NanumSquareB-subset.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap; }

/* ---------------------------------------------------------------------
   Wrapper + wide breakout (playwith-wide-page.md §4, cross-origin 대비 !important)
   --------------------------------------------------------------------- */
.event-promotion.event-promotion--xhalf {
  --xh-green: #029570;
  --xh-blue: #1646D8;
  --xh-yellow: #F3EF55;
  --xh-cream: #F7F3EA;
  --xh-beige: #EFE8D8;
  --xh-ink: #111111;
  overflow: hidden;
  position: relative;
  color: var(--xh-ink);
  font-family: 'NanumSquare', sans-serif;
  font-size: 1.8rem;
  line-height: 1.6;
  word-break: keep-all;
  background-color: var(--xh-cream);
  width: 100% !important;
  margin: 0 !important; }

@media (min-width: 60em) {
  .event-promotion.event-promotion--xhalf {
    width: 100vw !important;
    max-width: 1360px !important;
    left: 50% !important;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%) !important; } }

.event-promotion--xhalf,
.event-promotion--xhalf * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.event-promotion--xhalf h2,
.event-promotion--xhalf h3,
.event-promotion--xhalf h4,
.event-promotion--xhalf p,
.event-promotion--xhalf ul,
.event-promotion--xhalf figure {
  margin: 0;
  padding: 0; }

.event-promotion--xhalf ul {
  list-style: none; }

.event-promotion--xhalf img {
  display: block;
  max-width: 100%; }

.event-promotion--xhalf .xh-inner {
  position: relative;
  max-width: 1120px;
  margin: 0 auto;
  padding-left: 2rem;
  padding-right: 2rem; }

.event-promotion--xhalf .xh-display {
  font-family: 'Cal Sans', 'NanumSquare', sans-serif;
  font-weight: 400;
  letter-spacing: 0; }

/* ---------------------------------------------------------------------
   1) HERO
   배경 이미지: images/hero.jpg (PC) / images/hero-mo.jpg (모바일, 없으면 hero.jpg 로 대체)
   CSS 는 assets/css/promotion/ 에서 서빙되므로 prod 절대 URL 사용 (상대경로 금지)
   --------------------------------------------------------------------- */
.event-promotion--xhalf .xh-hero {
  position: relative;
  overflow: hidden;
  color: #fff;
  text-align: center;
  background-color: #1d2440; }

.event-promotion--xhalf .xh-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("https://fujifilm-korea.co.kr/assets/playwith/xhalf-cashback-2026/hero.jpg");
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-animation: xh-heroZoom 2.8s ease-out both;
          animation: xh-heroZoom 2.8s ease-out both; }

/* 모바일 전용 이미지 — 첫 레이어 로드 실패 시 아래 hero.jpg 가 보임 */
@media (max-width: 44.99em) {
  .event-promotion--xhalf .xh-hero::before {
    background-image: url("https://fujifilm-korea.co.kr/assets/playwith/xhalf-cashback-2026/hero-mo.jpg"), url("https://fujifilm-korea.co.kr/assets/playwith/xhalf-cashback-2026/hero.jpg"); } }

/* 텍스트 가독성용 오버레이 (이미지가 밝으면 수치 조정) */
.event-promotion--xhalf .xh-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.28) 55%, rgba(0, 0, 0, 0.5) 100%); }

.event-promotion--xhalf .xh-hero__tag {
  position: absolute;
  z-index: 3;
  left: 54px;
  top: 44px;
  font-family: 'Cal Sans', 'NanumSquare', sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.6rem;
  font-size: 2.2rem;
  line-height: 1;
  color: #fff; }

/* X half 필기체 로고 — 원본이 짙은 갈색이라 어두운 히어로 위에서 흰색으로 반전.
   폭 = 우측 FUJIFILM 로고 폭 (실측 110px / ≥75em 136px / 모바일 74px),
   세로 중심 = FUJIFILM 로고 중심 (top 48px + 로고 높이/2) */
.event-promotion--xhalf .xh-hero__tag {
  top: 63px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%); }

.event-promotion--xhalf .xh-hero__tag-logo {
  width: 110px;
  height: auto;
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1); }

@media (min-width: 75em) {
  .event-promotion--xhalf .xh-hero__tag {
    top: 66.5px; }
  .event-promotion--xhalf .xh-hero__tag-logo {
    width: 136px; } }

.event-promotion--xhalf .xh-hero__logo {
  position: absolute;
  z-index: 3;
  right: 54px;
  top: 48px; }

.event-promotion--xhalf .xh-hero__logo img {
  height: 30px;
  width: auto; }

@media (min-width: 75em) {
  .event-promotion--xhalf .xh-hero__logo img {
    height: auto; } }

.event-promotion--xhalf .xh-hero__cont {
  position: relative;
  z-index: 2;
  padding: 160px 2rem 110px; }

.event-promotion--xhalf .xh-hero__title {
  font-size: clamp(4rem, 6.4vw, 8rem);
  line-height: 1.1;
  color: #fff;
  text-shadow: 0 2px 18px rgba(0, 0, 0, 0.25); }

.event-promotion--xhalf .xh-hero__line {
  display: block; }

/* 색상: 1줄(메인 제목 Join the half club) = 옐로, 2줄(부제 .is-accent) = 흰색
   (마크업 클래스는 그대로 두고 CSS 로만 교체 — post-body 재게시 불필요) */
.event-promotion--xhalf .xh-hero__line:first-child {
  color: var(--xh-yellow); }

.event-promotion--xhalf .xh-hero__line.is-accent {
  color: #fff; }

/* 부제 앞뒤 em dash — CSS 로만 추가 (본문 텍스트 변경 없음 → post-body 재게시 불필요) */
.event-promotion--xhalf .xh-hero__line.is-accent::before {
  content: "\2014\00a0"; }

.event-promotion--xhalf .xh-hero__line.is-accent::after {
  content: "\00a0\2014"; }

/* 1줄(Join the half club) = 메인 제목 → .xh-hero__title 기본 크기 사용
   2줄(Come play with X half) = 부제. 설명 단락(한글 2rem)보다 약간 크게 보이도록
   PC 4rem / 모바일 2.4rem (Cal Sans 소문자는 한글보다 글자 높이가 낮아 숫자보다 작아 보임) */
.event-promotion--xhalf .xh-hero__line.is-accent {
  margin-top: 12px;
  font-size: 4rem;
  line-height: 1.2; }

@media (max-width: 44.99em) {
  .event-promotion--xhalf .xh-hero__line.is-accent {
    margin-top: 0.8rem;
    /* 앞뒤 대시 포함 한 줄 유지 — 좁은 폰(360·320px)에서 비례 축소 */
    font-size: min(2.4rem, 6.2vw); } }

.event-promotion--xhalf .xh-hero__desc {
  margin: 4rem auto 0;
  max-width: 30em;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.95);
  white-space: pre-line;
  text-shadow: 0 1px 10px rgba(0, 0, 0, 0.3); }

.event-promotion--xhalf .xh-hero__info {
  max-width: 76rem;
  margin: 5.6rem auto 0;
  text-align: left; }

.event-promotion--xhalf .xh-hero__info ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem; }

.event-promotion--xhalf .xh-hero__info li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.6rem;
  margin: 0;
  padding: 0; }

.event-promotion--xhalf .xh-hero__info strong {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 16em;
          flex: 0 0 16em;
  padding: 0.7rem 1em;
  border: 1px solid rgba(255, 255, 255, 0.6);
  border-radius: 999px;
  font-size: 1.7rem;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
  background: rgba(0, 0, 0, 0.18); }

.event-promotion--xhalf .xh-hero__info span {
  font-size: 1.9rem;
  font-weight: 700;
  line-height: 1.5;
  text-shadow: 0 1px 8px rgba(0, 0, 0, 0.3); }

.event-promotion--xhalf .xh-hero__info a {
  color: #fff;
  text-decoration: underline;
  text-underline-offset: 3px; }

.event-promotion--xhalf .xh-hero__note {
  margin-top: 2.4rem;
  font-size: 1.5rem;
  line-height: 1.7;
  color: rgba(255, 255, 255, 0.85);
  text-align: center;
  white-space: pre-line; }

@media (max-width: 44.99em) {
  .event-promotion--xhalf .xh-hero__tag {
    left: 20px;
    top: 22px;
    font-size: 1.6rem; }
  .event-promotion--xhalf .xh-hero__tag {
    top: 30px; }
  .event-promotion--xhalf .xh-hero__tag-logo {
    width: 74px; }
  .event-promotion--xhalf .xh-hero__logo {
    right: 20px;
    top: 20px; }
  .event-promotion--xhalf .xh-hero__logo img {
    height: 20px; }
  .event-promotion--xhalf .xh-hero__cont {
    padding: 11rem 2rem 6rem; }
  .event-promotion--xhalf .xh-hero__title {
    font-size: min(3.6rem, 9.6vw); }
  .event-promotion--xhalf .xh-hero__desc {
    margin-top: 2.4rem;
    font-size: 1.6rem; }
  .event-promotion--xhalf .xh-hero__info {
    margin-top: 3.6rem;
    text-align: center; }
  .event-promotion--xhalf .xh-hero__info ul {
    gap: 1.8rem; }
  .event-promotion--xhalf .xh-hero__info li {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0.8rem; }
  .event-promotion--xhalf .xh-hero__info strong {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    padding: 0.5rem 1.6rem;
    font-size: 1.4rem; }
  .event-promotion--xhalf .xh-hero__info span {
    font-size: 1.6rem; }
  .event-promotion--xhalf .xh-hero__note {
    font-size: 1.3rem;
    white-space: normal; } }

/* ---------------------------------------------------------------------
   2) BENEFIT — 2 그리드 (Cashback | Special gift) + 하단 유의사항
   --------------------------------------------------------------------- */
.event-promotion--xhalf .xh-benefit {
  padding: 8rem 0; }

.event-promotion--xhalf .xh-benefit__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2.4rem;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch; }

.event-promotion--xhalf .xh-benefit__card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 5.6rem 4rem;
  border-radius: 2.4rem;
  text-align: center; }

.event-promotion--xhalf .xh-benefit__card.is-cashback {
  background: var(--xh-blue);
  color: #fff; }

.event-promotion--xhalf .xh-benefit__card.is-gift {
  background: var(--xh-yellow);
  color: var(--xh-ink); }

.event-promotion--xhalf .xh-benefit__title {
  font-size: 4.8rem;
  line-height: 1.1;
  color: inherit; }

.event-promotion--xhalf .xh-benefit__amount {
  margin-top: 2.4rem;
  line-height: 1;
  color: var(--xh-yellow);
  white-space: nowrap; }

.event-promotion--xhalf .xh-benefit__amount strong {
  font-family: 'Cal Sans', 'NanumSquare', sans-serif;
  font-weight: 400;
  font-size: 10.4rem; }

.event-promotion--xhalf .xh-benefit__amount span {
  margin-left: 0.4rem;
  font-size: 3.6rem;
  font-weight: 700; }

/* 캐시백 제품 / 사은품 이미지 — 정사각, 두 카드 모두 하단 정렬(margin-top:auto) */
.event-promotion--xhalf .xh-benefit__card {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start; }

.event-promotion--xhalf .xh-benefit__img {
  width: 100%;
  max-width: 30rem;
  margin: auto auto 0;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  border-radius: 1.6rem;
  background: rgba(0, 0, 0, 0.06); }

.event-promotion--xhalf .xh-benefit__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover; }

.event-promotion--xhalf .xh-benefit__desc {
  margin-top: 2.8rem;
  font-size: 1.9rem;
  font-weight: 700;
  line-height: 1.6;
  white-space: pre-line; }

/* 금액·문구와 이미지 사이 최소 간격 */
.event-promotion--xhalf .xh-benefit__amount,
.event-promotion--xhalf .xh-benefit__desc {
  margin-bottom: 3.2rem; }

.event-promotion--xhalf .xh-benefit__notes {
  margin-top: 2.4rem;
  padding: 0 0.4rem; }

.event-promotion--xhalf .xh-benefit__notes li {
  position: relative;
  margin: 0;
  padding-left: 1.4rem;
  font-size: 1.4rem;
  line-height: 1.7;
  color: #555; }

.event-promotion--xhalf .xh-benefit__notes li + li {
  margin-top: 0.4rem; }

.event-promotion--xhalf .xh-benefit__notes li::before {
  content: "*";
  position: absolute;
  left: 0;
  top: 0; }

@media (max-width: 59.99em) {
  .event-promotion--xhalf .xh-benefit__amount strong {
    font-size: 8rem; } }

@media (max-width: 44.99em) {
  .event-promotion--xhalf .xh-benefit {
    padding: 5rem 0; }
  .event-promotion--xhalf .xh-benefit__grid {
    grid-template-columns: 1fr;
    gap: 1.6rem; }
  .event-promotion--xhalf .xh-benefit__card {
    padding: 4rem 2.4rem; }
  .event-promotion--xhalf .xh-benefit__title {
    font-size: 3.6rem; }
  .event-promotion--xhalf .xh-benefit__amount {
    margin-top: 1.6rem; }
  .event-promotion--xhalf .xh-benefit__amount strong {
    font-size: 6.4rem; }
  .event-promotion--xhalf .xh-benefit__amount span {
    font-size: 2.6rem; }
  .event-promotion--xhalf .xh-benefit__img {
    max-width: 24rem;
    margin-top: 0; }
  .event-promotion--xhalf .xh-benefit__amount,
  .event-promotion--xhalf .xh-benefit__desc {
    margin-bottom: 2.4rem; }
  .event-promotion--xhalf .xh-benefit__desc {
    margin-top: 2rem;
    font-size: 1.6rem;
    white-space: normal; }
  .event-promotion--xhalf .xh-benefit__notes li {
    font-size: 1.3rem; } }

/* ---------------------------------------------------------------------
   3) GALLERY — 3개 장면, 각 장면 이미지 롤링(크로스페이드)
   이미지: images/gallery-N/1~3.jpg (3:2 권장, object-fit:cover)
   --------------------------------------------------------------------- */
.event-promotion--xhalf .xh-scene {
  padding: 9rem 0; }

.event-promotion--xhalf .xh-scene.is-beige {
  background: var(--xh-beige);
  color: var(--xh-ink); }

.event-promotion--xhalf .xh-scene.is-blue {
  background: var(--xh-blue);
  color: #fff; }

.event-promotion--xhalf .xh-scene.is-yellow {
  background: var(--xh-yellow);
  color: var(--xh-ink); }

.event-promotion--xhalf .xh-scene__grid {
  display: grid;
  grid-template-columns: minmax(0, 38%) minmax(0, 1fr);
  gap: 6rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.event-promotion--xhalf .xh-scene.is-reverse .xh-scene__grid {
  grid-template-columns: minmax(0, 1fr) minmax(0, 38%); }

.event-promotion--xhalf .xh-scene.is-reverse .xh-scene__text {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2; }

.event-promotion--xhalf .xh-scene__title {
  position: relative;
  padding-top: 2.4rem;
  font-size: 5.2rem;
  line-height: 1.1;
  color: inherit; }

/* 타이틀 위 포인트 바 */
.event-promotion--xhalf .xh-scene__title::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 4.8rem;
  height: 0.5rem;
  border-radius: 999px;
  background: var(--xh-blue); }

.event-promotion--xhalf .xh-scene.is-blue .xh-scene__title::before {
  background: var(--xh-yellow); }

.event-promotion--xhalf .xh-scene__desc {
  margin-top: 2rem;
  font-size: 2.2rem;
  font-weight: 700;
  line-height: 1.5;
  color: inherit; }

/* 롤링 */
.event-promotion--xhalf .xh-roll {
  position: relative;
  min-width: 0; }

.event-promotion--xhalf .xh-roll__stage {
  position: relative;
  width: 100%;
  aspect-ratio: 3 / 2;
  overflow: hidden;
  border-radius: 1.6rem;
  background: rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0 24px 48px rgba(0, 0, 0, 0.14);
          box-shadow: 0 24px 48px rgba(0, 0, 0, 0.14); }

.event-promotion--xhalf .xh-roll__slide {
  position: absolute;
  inset: 0;
  margin: 0;
  opacity: 0;
  -webkit-transition: opacity 0.9s ease;
  transition: opacity 0.9s ease; }

.event-promotion--xhalf .xh-roll__slide.is-active {
  opacity: 1; }

.event-promotion--xhalf .xh-roll__slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover; }

/* 가로 스와이프는 JS 가, 세로 스크롤은 브라우저가 처리 */
.event-promotion--xhalf .xh-roll__stage {
  -ms-touch-action: pan-y;
      touch-action: pan-y; }

/* 좌·우 이동 화살표 (슬라이드 위) */
.event-promotion--xhalf .xh-roll__nav {
  position: absolute;
  z-index: 2;
  top: 50%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 4.8rem;
  height: 4.8rem;
  margin-top: -2.4rem;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, 0.35);
  border-radius: 999px;
  background: rgba(17, 17, 17, 0.4);
  color: #fff;
  cursor: pointer;
  -webkit-backdrop-filter: blur(6px);
          backdrop-filter: blur(6px);
  -webkit-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease; }

.event-promotion--xhalf .xh-roll__nav.is-prev {
  left: 1.6rem; }

.event-promotion--xhalf .xh-roll__nav.is-next {
  right: 1.6rem; }

.event-promotion--xhalf .xh-roll__nav:hover,
.event-promotion--xhalf .xh-roll__nav:focus-visible {
  background: rgba(17, 17, 17, 0.7); }

.event-promotion--xhalf .xh-roll__nav svg {
  width: 2.2rem;
  height: 2.2rem;
  fill: currentColor; }

@media (max-width: 44.99em) {
  .event-promotion--xhalf .xh-roll__nav {
    width: 3.6rem;
    height: 3.6rem;
    margin-top: -1.8rem; }
  .event-promotion--xhalf .xh-roll__nav.is-prev {
    left: 1rem; }
  .event-promotion--xhalf .xh-roll__nav.is-next {
    right: 1rem; }
  .event-promotion--xhalf .xh-roll__nav svg {
    width: 1.8rem;
    height: 1.8rem; } }

.event-promotion--xhalf .xh-roll__meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 1.6rem;
  margin-top: 1.6rem;
  min-height: 2rem; }

.event-promotion--xhalf .xh-roll__dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.8rem; }

.event-promotion--xhalf .xh-roll__dot {
  width: 1rem;
  height: 1rem;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: currentColor;
  opacity: 0.3;
  cursor: pointer;
  -webkit-transition: opacity 0.3s ease, width 0.3s ease;
  transition: opacity 0.3s ease, width 0.3s ease; }

.event-promotion--xhalf .xh-roll__dot.is-active {
  width: 2.8rem;
  opacity: 1; }

.event-promotion--xhalf .xh-roll__credit {
  font-size: 1.3rem;
  font-weight: 700;
  opacity: 0.75; }

@media (max-width: 59.99em) {
  .event-promotion--xhalf .xh-scene__grid,
  .event-promotion--xhalf .xh-scene.is-reverse .xh-scene__grid {
    grid-template-columns: 1fr;
    gap: 3.2rem; }
  .event-promotion--xhalf .xh-scene.is-reverse .xh-scene__text {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0; } }

@media (max-width: 44.99em) {
  .event-promotion--xhalf .xh-scene {
    padding: 5.6rem 0; }
  .event-promotion--xhalf .xh-scene__title {
    padding-top: 1.8rem;
    font-size: 3.6rem; }
  .event-promotion--xhalf .xh-scene__desc {
    margin-top: 1.2rem;
    font-size: 1.8rem; }
  .event-promotion--xhalf .xh-roll__stage {
    border-radius: 1.2rem; } }

/* ---------------------------------------------------------------------
   4) CTA
   --------------------------------------------------------------------- */
.event-promotion--xhalf .xh-cta {
  padding: 10rem 0;
  background: var(--xh-cream);
  text-align: center; }

.event-promotion--xhalf .xh-cta__title {
  font-size: 7.2rem;
  line-height: 1.1;
  color: var(--xh-ink); }

/* 제목 우측 장식 — 제목 가운데 정렬을 흔들지 않도록 절대 위치 (원본 108px = 2x) */
.event-promotion--xhalf .xh-cta__title-text {
  position: relative;
  display: inline-block; }

.event-promotion--xhalf .xh-cta__sparkles {
  position: absolute;
  left: 100%;
  top: -0.35em;
  width: 5.4rem;
  height: 5.4rem;
  margin-left: 0.8rem;
  max-width: none;
  pointer-events: none; }

.event-promotion--xhalf .xh-cta__desc {
  margin-top: 2.4rem;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.6;
  color: #444; }

.event-promotion--xhalf .xh-cta__btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1.6rem;
  margin-top: 4.8rem; }

.event-promotion--xhalf .xh-btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.8rem;
  min-width: 26rem;
  padding: 1.8rem 3.2rem;
  border: 2px solid var(--xh-ink);
  border-radius: 999px;
  background: #fff;
  color: var(--xh-ink);
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.3;
  text-decoration: none !important;
  -webkit-transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease; }

.event-promotion--xhalf .xh-btn::after {
  content: "\2197";
  font-size: 1.6rem;
  line-height: 1; }

.event-promotion--xhalf .xh-btn:hover,
.event-promotion--xhalf .xh-btn:focus {
  background: var(--xh-ink);
  color: #fff; }

.event-promotion--xhalf .xh-btn.is-primary {
  border-color: var(--xh-green);
  background: var(--xh-green);
  color: #fff; }

.event-promotion--xhalf .xh-btn.is-primary:hover,
.event-promotion--xhalf .xh-btn.is-primary:focus {
  border-color: #017a5c;
  background: #017a5c; }

@media (max-width: 44.99em) {
  .event-promotion--xhalf .xh-cta {
    padding: 6.4rem 0; }
  .event-promotion--xhalf .xh-cta__title {
    font-size: 4.4rem; }
  .event-promotion--xhalf .xh-cta__sparkles {
    width: 3.6rem;
    height: 3.6rem;
    margin-left: 0.4rem; }
  .event-promotion--xhalf .xh-cta__desc {
    margin-top: 1.6rem;
    font-size: 1.6rem; }
  .event-promotion--xhalf .xh-cta__btns {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    gap: 1.2rem;
    margin-top: 3.2rem; }
  .event-promotion--xhalf .xh-btn {
    min-width: 0;
    padding: 1.6rem 2rem;
    font-size: 1.6rem; } }

/* ---------------------------------------------------------------------
   5) 꼭 확인하세요 — lens-cashback-2026 notice 라이트 테마 그대로
   --------------------------------------------------------------------- */
.event-promotion--xhalf .notice-wrap {
  padding: 4rem 0;
  background: #fff;
  color: #555;
  font-size: 1.5rem; }

.event-promotion--xhalf .notice-wrap .xh-inner {
  padding-left: 1.5em;
  padding-right: 1.5em; }

@media (min-width: 60em) {
  .event-promotion--xhalf .notice-wrap .xh-inner {
    padding-left: 0.75em;
    padding-right: 0.75em; } }

.event-promotion--xhalf .notice-wrap .tl {
  margin: 0 0 3rem;
  font-size: 5.4rem;
  color: #222; }

.event-promotion--xhalf .notice-wrap .notice-cols {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4rem 6rem;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start; }

.event-promotion--xhalf .notice-wrap .notice-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 3.6rem; }

.event-promotion--xhalf .notice-wrap .notice-block {
  border-top: 1px dashed rgba(0, 0, 0, 0.18);
  padding-top: 2.4rem; }

.event-promotion--xhalf .notice-wrap .block-label {
  margin-bottom: 0.8rem;
  font-size: 1.2rem;
  font-weight: 500;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.45); }

.event-promotion--xhalf .notice-wrap .notice-block h3 {
  margin: 0 0 1.6rem;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.4;
  color: #222; }

.event-promotion--xhalf .notice-wrap .notice-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem; }

.event-promotion--xhalf .notice-wrap .notice-list li {
  position: relative;
  margin: 0;
  padding-left: 2rem;
  font-size: 1.4rem;
  line-height: 1.7;
  color: #555;
  text-wrap: pretty; }

.event-promotion--xhalf .notice-wrap .notice-list li::before {
  content: "\2014";
  position: absolute;
  left: 0;
  top: 0;
  color: rgba(0, 0, 0, 0.5); }

.event-promotion--xhalf .notice-wrap .notice-list a {
  color: #333;
  text-decoration: underline;
  text-underline-offset: 2px; }

.event-promotion--xhalf .notice-wrap .notice-em {
  color: var(--xh-green);
  font-weight: 700; }

@media (max-width: 59.99em) {
  .event-promotion--xhalf .notice-wrap .notice-cols {
    grid-template-columns: 1fr;
    gap: 3.2rem; } }

@media (max-width: 44.99em) {
  .event-promotion--xhalf .notice-wrap .xh-inner {
    padding-left: 2em;
    padding-right: 2em; }
  .event-promotion--xhalf .notice-wrap .tl {
    font-size: 3.6rem; } }

/* ---------------------------------------------------------------------
   챕터 스크롤 리빌 — JS 가 .is-reveal-ready 를 붙였을 때만 숨김 → 보이면 .is-revealed
   (JS 미실행 시 이 룰은 적용되지 않아 모든 콘텐츠가 그대로 보임)
   --------------------------------------------------------------------- */
.event-promotion--xhalf.is-reveal-ready .xh-reveal {
  opacity: 0;
  -webkit-transform: translate3d(0, 3.2rem, 0);
          transform: translate3d(0, 3.2rem, 0);
  -webkit-transition: opacity 0.8s ease, -webkit-transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
  transition: opacity 0.8s ease, transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
  -webkit-transition-delay: var(--xh-reveal-delay, 0s);
          transition-delay: var(--xh-reveal-delay, 0s); }

.event-promotion--xhalf.is-reveal-ready .xh-reveal.is-revealed {
  opacity: 1;
  -webkit-transform: none;
          transform: none; }

/* ---------------------------------------------------------------------
   Hero 리빌 — 순수 CSS @keyframes 자동재생 (JS/rAF 비의존, cashbag-wide-page.md §6)
   기본 상태 = 보임. 애니메이션은 enhancement.
   --------------------------------------------------------------------- */
@-webkit-keyframes xh-heroRise { from { opacity: 0; -webkit-transform: translate3d(0, 1.8rem, 0); transform: translate3d(0, 1.8rem, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } }
@keyframes xh-heroRise { from { opacity: 0; -webkit-transform: translate3d(0, 1.8rem, 0); transform: translate3d(0, 1.8rem, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } }
@-webkit-keyframes xh-heroZoom { from { -webkit-transform: scale(1); transform: scale(1); } to { -webkit-transform: scale(1.08); transform: scale(1.08); } }
@keyframes xh-heroZoom { from { -webkit-transform: scale(1); transform: scale(1); } to { -webkit-transform: scale(1.08); transform: scale(1.08); } }

.event-promotion--xhalf .xh-hero__line,
.event-promotion--xhalf .xh-hero__desc,
.event-promotion--xhalf .xh-hero__info {
  opacity: 1;
  -webkit-animation: xh-heroRise 0.9s ease both;
          animation: xh-heroRise 0.9s ease both; }

.event-promotion--xhalf .xh-hero__line:nth-child(1) { -webkit-animation-delay: 0.1s; animation-delay: 0.1s; }
.event-promotion--xhalf .xh-hero__line:nth-child(2) { -webkit-animation-delay: 0.28s; animation-delay: 0.28s; }
.event-promotion--xhalf .xh-hero__desc { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; }
.event-promotion--xhalf .xh-hero__info { -webkit-animation-delay: 0.7s; animation-delay: 0.7s; }

@media (prefers-reduced-motion: reduce) {
  .event-promotion--xhalf .xh-hero::before,
  .event-promotion--xhalf .xh-hero__line,
  .event-promotion--xhalf .xh-hero__desc,
  .event-promotion--xhalf .xh-hero__info {
    -webkit-animation: none !important;
            animation: none !important;
    opacity: 1 !important;
    -webkit-transform: none !important;
            transform: none !important; }
  .event-promotion--xhalf .xh-roll__slide {
    -webkit-transition: none;
    transition: none; } }