@charset "UTF-8";

/* merge-build.js 산출물 — 납품 시 css/sections/*.css 전량이 이 아래로 합쳐진다. 손으로 쓰지 않는다(CLAUDE.md 원칙 14). */
/* merge-build:acon14 */
.acon14 {
  background-color: #f6f5f1;
}

.acon14__deco {
  top: calc(var(--px)*156);
  right: calc(var(--px)*58);
}

.acon14__line {
  top: calc(var(--px)*649);
  left: calc(var(--px)*-9);
}

.acon14_iner {
  padding: calc(var(--px)*155) 0 calc(var(--px)*108);
}

.acon14__head {
  gap: calc(var(--px)*36);
}

.acon14__cards {
  margin-top: calc(var(--px)*67);
  gap: calc(var(--px)*98);
}

.acon14__label {
  margin-top: calc(var(--px)*46);
  padding-right: calc(var(--px)*7);
  gap: calc(var(--px)*17);
}

.acon14__num {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: calc(var(--px)*26);
  margin-top: calc(var(--px)*4);
  margin-bottom: calc(var(--px)*-4);
}

.acon14__num::after {
  content: "";
  width: 100%;
  height: calc(var(--px)*5); /* HEIGHT: 번호 밑 장식 바, 콘텐츠로 못 만듦 */
  margin-top: calc(var(--px)*4);
  background-color: #db1e1e;
}

.acon14__card-title {
  margin-top: calc(var(--px)*62);
}

.acon14__desc {
  margin-top: calc(var(--px)*15);
}

/* IMG:AUTO acon14 */
/* 섹션 HTML 파생 (tools/img-size-to-css.js · unit=--px) — 재생성 대상, 직접 수정 금지 */
/* 예외: 값을 고치고 뒤에 OVR 주석을 붙이면 재생성이 보존한다 */
.acon14__deco {
    width: calc(var(--px)*555);
    aspect-ratio: 555 / 338;
}

.acon14__line {
    width: calc(var(--px)*1938);
    aspect-ratio: 1938 / 18;
}

.acon14__thumb {
    width: calc(var(--px)*415);
    aspect-ratio: 415 / 490;
}
/* /IMG:AUTO acon14 END */

/* FONT:AUTO acon14 */
/* spec.json 파생 (tools/spec-font-to-css.js · unit=--px) — 재생성 대상, 직접 수정 금지 */
/* 예외: line-height · letter-spacing 는 값을 고치고 뒤에 OVR 주석을 붙이면 재생성이 보존한다 */
.acon14__head {
    text-align: center;
    color: #0c0c0c;
}

.acon14__title {
    font-family: var(--font-ackbar);
    font-size: var(--displayM);
    font-weight: 400;
    letter-spacing: -0.03em;
    line-height: 0.91; /* OVR */
}

.acon14__title-point {
    color: #790909;
}

.acon14__lead {
    font-family: var(--font-noto);
    font-size: var(--headM);
    font-weight: 700;
    letter-spacing: -0.05em;
    line-height: 1.04;
}

.acon14__num {
    font-family: var(--font-noto);
    font-size: var(--bodyS);
    font-weight: 700;
    letter-spacing: -0.05em;
    line-height: 1; /* OVR */
    color: #db1e1e;
}

.acon14__name {
    font-family: var(--font-ackbar);
    font-size: var(--headL);
    font-weight: 400;
    letter-spacing: -0.03em;
    line-height: 1.5;
    color: #0c0c0c;
}

.acon14__card-title {
    font-family: var(--font-noto);
    font-size: var(--subheadL);
    font-weight: 700;
    letter-spacing: -0.05em;
    line-height: 1.61;
    text-align: center;
    color: #0c0c0c;
}

.acon14__desc {
    font-family: var(--font-noto);
    font-size: var(--bodyL);
    font-weight: 400;
    letter-spacing: -0.05em;
    line-height: 1.35;
    text-align: center;
    color: #0c0c0c;
}
/* /FONT:AUTO acon14 END */

/* INK:AUTO acon14 */
.acon14__name.acon14__name--01 { margin-top: calc(var(--px) * -12); margin-bottom: calc(var(--px) * -13); } /* base 0,0 */
.acon14__name.acon14__name--03 { margin-top: calc(var(--px) * -12); margin-bottom: calc(var(--px) * -13); } /* base 0,0 */
.acon14__name.acon14__name--02 { margin-top: calc(var(--px) * -12); margin-bottom: calc(var(--px) * -12); } /* base 0,0 */
.acon14__title-point { margin-top: calc(var(--px) * -5.62); margin-bottom: calc(var(--px) * -15.37); } /* base 0,0 */
.acon14__card-title.acon14__card-title--02 { margin-top: calc(var(--px) * 53.49); margin-bottom: calc(var(--px) * -6.5); } /* base 62,0 */
.acon14__card-title.acon14__card-title--03 { margin-top: calc(var(--px) * 53.49); margin-bottom: calc(var(--px) * -6.5); } /* base 62,0 */
.acon14__title { margin-top: calc(var(--px) * -5.62); margin-bottom: calc(var(--px) * -6.62); } /* base 0,0 */
.acon14__card-title.acon14__card-title--01 { margin-top: calc(var(--px) * 53.49); margin-bottom: calc(var(--px) * -3.5); } /* base 62,0 */
.acon14__num { margin-top: calc(var(--px) * 2); margin-bottom: calc(var(--px) * 2); } /* base 4,-4 */
.acon14__desc { margin-top: calc(var(--px) * 9.85); margin-bottom: calc(var(--px) * -2.14); } /* base 15,0 */
.acon14__lead { margin-top: calc(var(--px) * -2.56); margin-bottom: calc(var(--px) * 4.45); } /* base 0,0 */
/* /INK:AUTO acon14 END */

@media (max-width:599px) {
  .acon14_iner {
    padding: 21.3333vw 5.3333vw 17.0667vw;
  }

  .acon14__head {
    gap: 5.3333vw;
  }

  .acon14__title {
    font-size: 8vw; /* --displayM 22.67vw 면 INGREDIENTS 가 375 폭 초과 */
  }

  .acon14__cards {
    flex-direction: column;
    align-items: center;
    margin-top: 10.6667vw;
    gap: 14.9333vw;
  }

  .acon14__thumb {
    width: 72vw;
  }

  .acon14__label {
    margin-top: 6.4vw;
    padding-right: 0;
    gap: 2.1333vw;
  }

  .acon14__label .acon14__num {
    width: 4.2667vw;
    margin-top: 0.5333vw;
    margin-bottom: -0.5333vw;
  }

  .acon14__num::after {
    height: 1.0667vw; /* HEIGHT: 번호 밑 4px 장식 바, 콘텐츠로 못 만듦 */
    margin-top: 0.5333vw;
  }

  .acon14__card .acon14__card-title {
    margin-top: 5.3333vw;
    margin-bottom: 0;
  }

  .acon14__card .acon14__desc {
    margin-top: 2.1333vw;
    margin-bottom: 0;
  }
}

/* /merge-build:acon14 */
/* merge-build:ccon01 */
/* ccon01 — 메뉴 페이지 헤드 배너(배경 사진 + 중앙 타이틀) */
.ccon01 {
  /* HEIGHT: 구 사이트(wakburger sub0x) 히어로 = 시안 bcon1_bg 영역 629px — 새 사진에서도 기존 PNG 비율 유지 */
  height: calc(var(--px)*629);
}

.ccon01 > .bg_img {
  object-position: 50% 36.1842%; /* ccon01_02(1085행)에서 시안 영역 시작 165행부터 629 노출 — 165/(1085-629) */
}

.ccon01_iner {
  height: 100%;
  justify-content: center;
  padding: 0; /* 히어로가 헤더 아래에서 시작하므로 영역 정중앙 */
}

.ccon01__title {
  text-transform: uppercase;
}

/* FONT:AUTO ccon01 */
/* spec.json 파생 (tools/spec-font-to-css.js · unit=--px) — 재생성 대상, 직접 수정 금지 */
/* 예외: line-height · letter-spacing 는 값을 고치고 뒤에 OVR 주석을 붙이면 재생성이 보존한다 */
.ccon01__title {
    font-family: var(--font-ackbar);
    font-size: var(--displayL);
    font-weight: 400;
    letter-spacing: -0.01em;
    line-height: 1.2;  /* OVR */
    text-align: center;
    color: #ffffff;
}
/* /FONT:AUTO ccon01 END */

/* INK:AUTO ccon01 */
.ccon01__title { margin-top: calc(var(--px) * -18.9); margin-bottom: calc(var(--px) * -18.9); } /* base 0,0 */
/* /INK:AUTO ccon01 END */


@media (max-width:599px) {
  .ccon01 {
    height: auto;
  }

  .ccon01 > .bg_img {
    top: -29.7297%; /* 시안 영역(165행부터 555행)이 섹션에 맞게 — 원본 1085행 기준 */
    height: 195.4955%;
  }

  .ccon01_iner {
    height: auto;
    padding: 53.6vw 0 26.08vw;
  }

  .ccon01__title {
    margin-top: -4.019vw;
    margin-bottom: -4.019vw;
  }
}

/* /merge-build:ccon01 */
/* merge-build:ccon02 */
/* ccon02 — 모바일: showcase row→column(슬로건 위·카드 2열 그리드), 티커는 마퀴 띠 유지 */
.ccon02 {
  background-color: #f6f5f1;
}
.ccon02_iner {
  padding: calc(var(--px)*8) 0 calc(var(--px)*152);
}
.ccon02__ticker {
  overflow: hidden;
}
.ccon02__ticker-track {
  flex-shrink: 0;
  width: max-content;
  margin-left: calc(var(--px)*-187);
}
.ccon02__ticker-tile {
  flex-shrink: 0;
}
.ccon02__intro {
  width: calc(var(--px)*1788);
  margin-left: calc(var(--px)*50);
  padding: calc(var(--px)*142) 0 calc(var(--px)*109);
  gap: calc(var(--px)*30);
  background-color: #fff;
}
.ccon02__title {
  text-transform: uppercase;
  text-shadow: 0 calc(var(--px)*2) calc(var(--px)*12) rgb(0 0 0 / 12%);
}
.ccon02__showcase {
  width: calc(var(--px)*1796);
  margin: calc(var(--px)*67) 0 0 calc(var(--px)*46);
}
.ccon02__cards {
  gap: calc(var(--px)*16);
}
.ccon02__card {
  flex-shrink: 0;
}
.ccon02__desc {
  padding-left: calc(var(--px)*20);
}
.ccon02__slogan {
  padding-top: calc(var(--px)*13);
  margin-left: calc(var(--px)*12);
}

/* IMG:AUTO ccon02 */
/* 섹션 HTML 파생 (tools/img-size-to-css.js · unit=--px) — 재생성 대상, 직접 수정 금지 */
/* 예외: 값을 고치고 뒤에 OVR 주석을 붙이면 재생성이 보존한다 */
.ccon02__ticker-tile {
    width: calc(var(--px)*763);
    aspect-ratio: 763 / 31;
}

.ccon02__card {
    width: calc(var(--px)*304);
    aspect-ratio: 304 / 434;
}
/* /IMG:AUTO ccon02 END */

/* FONT:AUTO ccon02 */
/* spec.json 파생 (tools/spec-font-to-css.js · unit=--px) — 재생성 대상, 직접 수정 금지 */
/* 예외: line-height · letter-spacing 는 값을 고치고 뒤에 OVR 주석을 붙이면 재생성이 보존한다 */
.ccon02 {
    text-align: center;
}

.ccon02__intro {
    color: #0c0c0c;
}

.ccon02__title {
    font-family: var(--font-poppins);
    font-size: var(--titleXS);
    font-weight: 900;
    letter-spacing: -0.0217em;  /* OVR */
    line-height: 1.2;  /* OVR */
}

.ccon02__title-accent {
    color: #db1e1e;
}

.ccon02__desc {
    font-family: var(--font-noto);
    font-size: var(--headS);
    font-weight: 500;
    letter-spacing: -0.05em;
    line-height: 1.33;
}

.ccon02__desc-accent {
    font-weight: 700;
    color: #db1e1e;
}

.ccon02__slogan {
    font-family: var(--font-ackbar);
    font-size: var(--displayS);
    font-weight: 400;
    letter-spacing: -0.03em;
    line-height: 1.05;
    color: #db1e1e;
}
/* /FONT:AUTO ccon02 END */

/* INK:AUTO ccon02 */
.ccon02__slogan { margin-top: calc(var(--px) * -9.62); margin-bottom: calc(var(--px) * -22.62); } /* base 0,0 */
.ccon02__title-accent { margin-top: calc(var(--px) * -10); margin-bottom: calc(var(--px) * -14); } /* base 0,0 */
.ccon02__title { margin-top: calc(var(--px) * -10); margin-bottom: calc(var(--px) * -1); } /* base 0,0 */
.ccon02__desc-accent { margin-top: calc(var(--px) * -5.46); margin-bottom: calc(var(--px) * -5.54); } /* base 0,0 */
.ccon02__desc { margin-top: calc(var(--px) * -4.46); margin-bottom: calc(var(--px) * -3.43); } /* base 0,0 */
/* /INK:AUTO ccon02 END */

@media (max-width:599px) {
  .ccon02_iner { padding: 1.0667vw 0 17.0667vw; }
  .ccon02__ticker-tile { width: 105.0154vw; }
  .ccon02__ticker-track { margin-left: -25.7376vw; }
  .ccon02__intro { width: 91.4667vw; margin-inline: auto; padding: 12.8vw 0 10.6667vw; gap: 5.3333vw; }
  .ccon02__title { text-shadow: 0 0.3657vw 2.1943vw rgb(0 0 0 / 12%); margin-top: -1.8286vw; margin-bottom: -0.1829vw; }
  .ccon02__title-accent { margin-top: -1.8286vw; margin-bottom: -2.56vw; }
  .ccon02__desc { padding-left: 0; margin-top: -0.7929vw; margin-bottom: -0.6098vw; }
  .ccon02__desc-accent { margin-top: -0.9707vw; margin-bottom: -0.9849vw; }
  .ccon02__showcase { display: grid; justify-items: center; width: 91.4667vw; margin: 10.6667vw auto 0; gap: 3.2vw; }
  .ccon02__cards { gap: 3.2vw; }
  .ccon02__card { width: 44.1333vw; }
  /* 토큰 --displayS 모바일 65px 면 INGREDIENTS ≈430px 로 375 초과 */
  .ccon02__slogan { order: -1; font-size: 12vw; padding-top: 0; margin-left: 0; margin-top: -1.7760vw; margin-bottom: -0.9760vw; } /* 잉크 기준 카드와 24px */
}

/* /merge-build:ccon02 */