/* =========================================================
   KR / EN 언어 전환 (정성카츠)
   - 토글 버튼 + 줄바꿈 공용 클래스 + EN 전용 레이아웃 보정
   - EN 보정은 모두 html.lang-en 하위에서만 동작 (KR 화면 영향 없음)
   ========================================================= */

/* 번역 적용 전 깜빡임 방지 (lang.js 가 해제, 3초 안전장치) */
html.lang-pending body { opacity: 0; }

/* 줄바꿈 공용 클래스 */
.mo_br { display: none; }
.pc_br { display: block; }
@media (max-width: 599px) {
  .mo_br { display: block; }
  .pc_br { display: none; }
}

/* ---------- 토글 ---------- */
.lang_toggle {
  position: fixed;
  right: 0.7vw;
  bottom: 5.4vw;
  z-index: 10000;
  display: flex;
  padding: 0.21vw;
  border-radius: 999px;
  background: #2b1a10;
  box-shadow: 0 0.2vw 0.8vw rgba(0, 0, 0, 0.3);
  font-family: 'Pretendard', 'Pretendard Variable', sans-serif;
}
.lang_toggle button {
  min-width: 2.6vw;
  padding: 0.42vw 0.62vw;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: rgba(255, 255, 255, 0.65);
  font-size: 0.78vw;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.02em;
  cursor: pointer;
  transition: background 0.2s, color 0.2s;
}
.lang_toggle button.on {
  background: #a44408;
  color: #fff;
  cursor: default;
}
.lang_toggle button:not(.on):hover { color: #fff; }
.lang_toggle button:focus-visible { outline: 2px solid #f2c98a; outline-offset: 1px; }

@media (max-width: 599px) {
  .lang_toggle {
    right: 4%;
    bottom: 33vw;
    padding: 0.8vw;
  }
  .lang_toggle button {
    min-width: 10vw;
    padding: 1.9vw 2.4vw;
    font-size: 3.1vw;
  }
}

/* ---------- EN 레이아웃 보정 ---------- */
html.lang-en body p,
html.lang-en body h2,
html.lang-en body h3 { word-break: normal; overflow-wrap: break-word; }

/* 제목 줄: 여러 <p> 로 쪼개진 flex 행 → 덩어리 단위 줄바꿈, 간격 통일 */
html.lang-en .con01_div_03,
html.lang-en .con02_div_02,
html.lang-en .con02_sd_text_02,
html.lang-en .con02_sd_text_03,
html.lang-en .con03_div_01,
html.lang-en .con05_div_02,
html.lang-en .con05_div_04_box,
html.lang-en .con06_div_01,
html.lang-en .con06_div_02,
html.lang-en .con07_div_02,
html.lang-en .con10_div_03,
html.lang-en .con11_div_02,
html.lang-en .con12_div_02,
html.lang-en .map_div_02,
html.lang-en .form_left_01,
html.lang-en .form_left_02 { flex-wrap: wrap; column-gap: 0.27em; }

html.lang-en .con01_div_03 > p,
html.lang-en .con02_div_02 > p,
html.lang-en .con02_sd_text_02 > p,
html.lang-en .con02_sd_text_03 > p,
html.lang-en .con03_div_01 > p,
html.lang-en .con05_div_02 > p,
html.lang-en .con05_div_04_box > p,
html.lang-en .con06_div_01 > p,
html.lang-en .con06_div_02 > p,
html.lang-en .con07_div_02 > p,
html.lang-en .con10_div_03 > p,
html.lang-en .con11_div_02 > p,
html.lang-en .con12_div_02 > p,
html.lang-en .map_div_02 > p,
html.lang-en .form_left_01 > p,
html.lang-en .form_left_02 > p { margin-left: 0 !important; margin-right: 0 !important; white-space: nowrap; flex-shrink: 0; }

html.lang-en .con05_div_04_box > p:empty,
html.lang-en .con10_div_03 > p:empty { display: none; }

/* "Why Choose" + 정성카츠 순서 */
html.lang-en .con07_div_02 > p:last-child { order: -1; }

/* SplitType 글자 분할(투명도 애니메이션) → 단어 단위 줄바꿈 */
html.lang-en .con02_div_02 > p > .char,
html.lang-en .con03_div_01 > p > .char,
html.lang-en .con05_div_01 > p > .char,
html.lang-en .con05_div_02 > p > .char,
html.lang-en .con06_div_01 > p > .char,
html.lang-en .con06_div_02 > p > .char,
html.lang-en .con06_div_03 > p > .char,
html.lang-en .con07_div_01 > p > .char,
html.lang-en .con07_div_02 > p > .char,
html.lang-en .form_left_02 > p > .char,
html.lang-en .form_left_03_s > p > .char,
html.lang-en .form_left_04 > p > .char { display: inline !important; }
/* con10 은 위로 올라오는 효과(transform) → inline-block 유지, 줄 단위 nowrap */
html.lang-en .con10_div_03 > p,
html.lang-en .con10_div_04 > p { white-space: nowrap; }

/* 조리시간 "4 min" : 숫자 절대배치 해제 → 한 줄 가운데 */
html.lang-en .con08_rltv_02 { flex-direction: row; align-items: baseline; column-gap: 0.18em; }
html.lang-en .con08_rltv_02 > p:nth-of-type(2) { margin: 0; }
html.lang-en .con08_ct { position: static; }

/* 메뉴 {Tonkatsu} 순환 단어 칸 */
html.lang-en .text_chg { width: 5.3em; }

/* 업종변경 탭 */
html.lang-en .con05_div_03_s_01 > p { white-space: nowrap; }

/* 뉴스 좌측 제목 2줄 제한 */
html.lang-en .con11_left_text_div p { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

/* 창업문의 제목: 오른쪽 폼 패널과 겹치지 않게 */
html.lang-en .form_left_01 { font-size: 2.6vw; }

/* 첫 섹션 부제 */
html.lang-en .con01_div_02 > p { white-space: normal; text-align: center; }

@media (max-width: 599px) {
  html.lang-en .form_left_01 { font-size: 8vw; }
  html.lang-en .con02_sd_text_02,
  html.lang-en .con02_sd_text_03 { font-size: 4.6vw; }
  /* 인터뷰: 제목 1줄, 본문이 박스 양끝·점주 캡션에 닿지 않게 */
  html.lang-en .con02_div_02 { font-size: 6.2vw; }
  html.lang-en .con02_sd_text_04 { padding: 0 3vw; box-sizing: border-box; }
  html.lang-en .con02_sd_text_04 p { font-size: 2.9vw; text-align: center; }
  /* 최고 월 매출 라벨 / KRW */
  html.lang-en .con03_text_abosl { column-gap: 0.3em; }
  html.lang-en .con03_text_abosl > p { white-space: nowrap; }
  html.lang-en .rolling_div { margin-left: 0; }
  html.lang-en .rolling_text { font-size: 3.1vw; margin-left: 0.6vw; margin-right: 0; }
  /* 폐업 대신 반전 알약: 한 줄 */
  html.lang-en .con05_div_04_box { font-size: 3.5vw; }
  /* 리뷰 제목 */
  html.lang-en .con10_div_03,
  html.lang-en .con10_div_04 { font-size: 7vw; }
  /* 창업비용 표 좌측 항목 */
  html.lang-en .con12_left_02_s p { text-align: center; }
  /* 창업문의 엠블럼: 좌/우 패널 경계 중앙 고정 (오른쪽 폼 높이 115.8vw + 엠블럼 반지름 5.4vw) */
  html.lang-en .con14_03_div { top: calc(100% - 121.2vw); }
  /* 창업 스토리 문단 */
  html.lang-en .form_left_03_s > p,
  html.lang-en .form_left_04 > p { text-align: center; text-wrap: balance; max-width: 92vw; }
  /* 인테리어 캡션 */
  html.lang-en .con15__cap-desc { text-wrap: balance; }
  /* 창업비용 별도사항(영문은 문구가 길어 4줄) */
  html.lang-en .con12_border_s { width: 68vw; align-self: flex-start; margin-left: 4vw; margin-bottom: 4vw; }
}

@media (min-width: 600px) {
  /* 창업비용 표: 항목명 가운데 정렬, 별도사항 문구는 접시 이미지 왼쪽 안에서 줄바꿈 */
  html.lang-en .con12_left_02_s p,
  html.lang-en .con12_border_mid_s_01 p { text-align: center; }
  /* 상단 메뉴: 영문 항목이 길어 간격이 붙어 보이므로 폭 확대 */
  html.lang-en .header_menu { width: 48%; column-gap: 1.2vw; }
  html.lang-en .con12_border_s { width: 56vw; align-self: flex-start; margin-left: 13.5vw; }
  /* 최고 월 매출: KRW 칸을 '원' 폭으로 고정해 숫자 줄이 왼쪽으로 밀려 라벨과 겹치지 않게 */
  html.lang-en .rolling_text { width: 1.7vw; white-space: nowrap; }
  /* 창업문의 제목: 오른쪽 폼 패널 밑으로 들어가지 않게 중심을 왼쪽으로 */
  html.lang-en .form_left_01 { margin-right: -24%; }
  /* 창업 스토리 마지막 문장: 돈가스 접시에 닿지 않게 */
  html.lang-en .form_left_04 { font-size: 1.1vw; }
  /* 인테리어 제목: 아래 카드 줄 폭 안으로 */
  html.lang-en .con15__title { font-size: 2.9vw; letter-spacing: -0.03em; }
}

/* 문의폼 입력칸 안 라벨: 긴 영문 라벨(Preferred Location)은 칸 안에서 2줄로 */
html.lang-en .form_name { white-space: normal; line-height: 1.1; }

/* 업종변경 사례 카드 라벨(Gangwon Store C · Conversion): 영문이 길어 알약 폭을 글자에 맞춤 */
html.lang-en .con05_div_03_s_01 { width: auto; min-width: 72%; padding: 0 1em; }

/* 문의폼 창업형태 라디오: 영문 라벨(New store)이 다음 동그라미에 붙지 않게 */
html.lang-en .form_section [class^="form_check_name_"] { transform: scale(0.9); transform-origin: left center; }

/* 메뉴 슬라이드 메뉴명: 2줄이 되면 가운데 정렬 유지 */
html.lang-en .menu_sd_text_div p { text-align: center; text-wrap: balance; }

/* 첫 섹션 마무리 제목: 모바일 1줄 (KO 폭과 동일) */
@media (max-width: 599px) { html.lang-en .con01_div_03 { font-size: 6.8vw; } }