/* ===================================
   event.detail.43.css
   이벤트 43번 고유 스타일
   (공통 스타일은 event.detail.page.css 참조)
   =================================== */

:root {
  --event43-card-width: 96.5%;
  --event43-card-gap: -2.3%;
  --event43-section-gap: 17%;
  --event43-title-gap-top: clamp(16px, 3.2vw, 32px);
  --event43-title-gap-bottom: clamp(4px, 0.7vw, 8px);
  --event43-hero-padding-top: 120%;
  --event43-checkbox-a-left: clamp(2.5%, calc(0.4373vw + 0.6395%), 4%);
  --event43-checkbox-a-top: clamp(32.3%, calc(0.8749vw + 28.582%), 35.3%);
  --event43-checkbox-b-left: clamp(3%, calc(0.4373vw + 0.6395%), 4%);
  --event43-checkbox-b-top: clamp(18%, calc(0.8749vw + 4.282%), 11%)
}

/* 43번 고유: 섹션 스타일 오버라이드 */
.event-product-section {
  margin: 0 auto;
  padding: 0;
}

.event-product-section:last-of-type {
  margin-bottom: 0;
}

.event-text-display {
  margin: 0 auto 90px auto;
}

.event-section-title {
  margin: 20px auto 16px auto;
}

.event-product-item {
  margin: 0;
}

/* 43번 고유: 배경 이미지 */
.event-page .event-bg-image {
  /* height: 100%; - 43번은 height 미지정 */
}

/* 43번 고유: 이미지 스택 설정 */
.event-image-stack {
  padding-top: var(--event43-hero-padding-top);
  padding-bottom: 18%;
  gap: 0;
}

/* 43번 고유: 카드 설정 */
.event-card {
  width: var(--event43-card-width);
  max-width: 1041px;
  margin: 0 auto;
  align-items: center;
}

.event-card + .event-card {
  margin-top: var(--event43-card-gap);
}

.event-card.event-section-start {
  margin-top: var(--event43-section-gap);
}

.event-card + .event-section-title-img {
  margin-top: var(--event43-title-gap-top);
}

.event-section-title-img + .event-card {
  margin-top: var(--event43-title-gap-bottom);
}

.event-card + .event-note-group {
  margin-top: -20px;
}

/* 43번 고유: 이미지 체크박스 크기 */
.event-image-checkbox {
  width: clamp(16px, 4vw, 35px);
  height: clamp(16px, 4vw, 35px);
}

/* 43번 고유: 체크박스 위치 */
.checkbox-pos-a .event-image-checkbox {
  left: var(--event43-checkbox-a-left);
  top: var(--event43-checkbox-a-top);
}

.checkbox-pos-b .event-image-checkbox {
  left: var(--event43-checkbox-b-left);
  top: var(--event43-checkbox-b-top);
}

/* 43번 고유: 섹션 타이틀 이미지 */
.event-section-title-img {
  width: 75.1%;
}

.event-section-title-img--first {
  margin-top: 0;
}

/* 43번 고유: 노트 그룹 설정 */
.event-note-group {
  margin-top: 0;
  gap: clamp(6px, 1.4vw, 24px);
}

.event-note--short {
  width: 55.2%;
}

.event-note--wide {
  width: 71.3%;
}

/* 43번 고유: 하단 박스 마진 */
.event-bottom-box {
  margin-top: clamp(16px, 3.2vw, 26px);
}

/* 43번 고유: 예약 버튼 설정 */
.event-page .event-reservation-button-container {
  max-width: 1080px;
  padding: 0;
}

.event-page .event-reservation-button {
  max-width: 1080px;
}

/* ===================================
   반응형 - 데스크톱 (1080px 이상)
   =================================== */
@media screen and (min-width: 1080px) {
  :root {
    --event43-checkbox-a-left: 5.5%;
    --event43-checkbox-a-top: clamp(36.3%, calc(-0.2404vw + 39.761%), 37.3%);
    --event43-checkbox-b-left: 5.5%;
    --event43-checkbox-b-top: clamp(12%, calc(-0.2404vw + 15.461%), 13%);
  }

  .event-hero {
    padding-top: 90px;
  }

  .event-section-title-img {
    width: 75.1%;
    margin-top: 40px;
  }

  .event-text-display {
    margin-bottom: 130px;
  }

  .event-page .event-reservation-button {
    max-width: 1080px;
    margin: 0 auto;
  }
}

/* ===================================
   반응형 - 모바일 (480px 이하)
   =================================== */
@media (max-width: 480px) {
  :root {
    --event43-card-gap: -2.8%;
    --event43-section-gap: 18%;
    --event43-title-gap-top: clamp(12px, 2.8vw, 28px);
    --event43-title-gap-bottom: clamp(3px, 0.6vw, 6px);
  }
}

@media (max-width: 374.98px) {
  :root {
    --event43-card-gap: -2.5%;
    --event43-section-gap: 17.5%;
    --event43-checkbox-a-left: clamp(1%, calc(1.8182vw - 4.8182%), 2%);
    --event43-checkbox-a-top: clamp(29.5%, calc(2.7273vw + 20.7727%), 31%);
    --event43-checkbox-b-left: clamp(2%, calc(1.8182vw - 4.8182%), 2%);
    --event43-checkbox-b-top: clamp(15.3%, calc(3.0909vw - 4.5909%), 7%);
  }
}

@media (min-width: 375px) and (max-width: 424.98px) {
  :root {
    --event43-card-gap: -2.5%;
    --event43-section-gap: 17.8%;
    --event43-checkbox-a-left: clamp(2%, calc(1vw - 1.75%), 2.5%);
    --event43-checkbox-a-top: clamp(31%, calc(2.6vw + 21.25%), 32.3%);
    --event43-checkbox-b-left: clamp(3%, calc(1vw - 1.75%), 2.5%);
    --event43-checkbox-b-top: clamp(17%, calc(2vw - 0.5%), 8%)
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  :root {
    --event43-card-gap: clamp(-25px, calc(-1.9531vw - 5px), -20px);
    --event43-section-gap: 17.5%;
    --event43-checkbox-a-left: clamp(4%, calc(0.5859vw - 0.5%), 5.5%);
    --event43-checkbox-a-top: clamp(35.3%, calc(0.2734vw + 33.2%), 36%);
    --event43-checkbox-b-left: clamp(4.5%, calc(0.5859vw - 0.5%), 5.5%);
    --event43-checkbox-b-top: clamp(20%, calc(0.3906vw + 8%), 12%);
  }
}

@media (min-width: 1024px) {
  :root {
    --event43-card-gap: -28px;
    --event43-section-gap: 17.7%;
    --event43-checkbox-a-left: 5.5%;
    --event43-checkbox-a-top: clamp(36%, calc(0.0721vw + 35.262%), 36.3%);
    --event43-checkbox-b-left: 5.5%;
    --event43-checkbox-b-top: 22.2%;
  }
}