/* 영문판 레이아웃 보정 (Views/_Layout.cshtml 이 영문 페이지에서만 부른다, body.lang-en).
   기준은 국문 화면이다. 영문은 글이 길어 단추 · 번호 · 연도가 두 줄로 꺾이거나 상자 밖으로 넘치는 곳이 있어
   그런 곳만 영문에서 국문 모양에 맞춘다. 국문 스타일 파일은 건드리지 않는다. (2026-10-08) */

/* ── 공통: 전화번호는 어디서든 한 줄 ── */
.lang-en .pdp-inquiry__acts strong,
.lang-en .pdp .pdc-cta__tel,
.lang-en .hm .hm-cs__tel { white-space: nowrap; }

/* ── 홈 ── */
/* 첫 화면: 영문 문장이 길어 상자보다 높아지면 위로도 넘쳐 헤더에 붙었다. 넘칠 때는 위에서부터 채우고(safe), 단추가 눌려 납작해지지 않게 */
.lang-en .hm .hm-slide__inner { justify-content: safe center; }
.lang-en .hm-slide__inner > * { flex-shrink: 0; }
/* 영문 제목이 국문보다 훨씬 길어(4줄) 첫 화면을 넘쳤다 → 국문과 비슷한 높이(2~3줄)가 되게 글자를 줄인다 */
.lang-en .hm-slide__title { font-size: 46px; }
@media (max-width: 900px) {
    .lang-en .hm-slide__title { font-size: 34px; }
}
@media (max-width: 480px) {
    .lang-en .hm .hm-slide__inner { padding-top: 88px; } /* 넘쳐서 위부터 채울 때 첫 줄이 헤더 선에 붙지 않게 */
    .lang-en .hm-slide__title { font-size: 26px; }
    .lang-en .hm-slide__body { font-size: 13px; line-height: 1.6; }
}
/* 제품 탭: 영문 이름이 길어 1300px 아래에서는 국문처럼 옆으로 밀어 보는 줄로(넘칠 때만, 들어가면 가운데) */
.lang-en .hm-tabs { justify-content: safe center; overflow-x: auto; scrollbar-width: none; }
.lang-en .hm-tabs::-webkit-scrollbar { display: none; }
.lang-en .hm-tab { flex-shrink: 0; white-space: nowrap; }
@media (max-width: 1300px) {
    .lang-en .hm-tabs { justify-content: flex-start; gap: 32px; }
}
/* 고객센터 운영시간: 시간이 "AM 09 : 00 ~ PM / 06 : 00" 처럼 쪼개지지 않게. 영문 머리칸(SAT, SUN and public holidays)이 길어
   표 칸을 같이 쓰면 좁은 칸(1024px)에서 시간이 밖으로 밀리므로, 줄마다 따로 놓는다 */
.lang-en .hm-cs tr { display: flex; align-items: baseline; gap: 16px; }
.lang-en .hm-cs th, .lang-en .hm-cs td { white-space: nowrap; }
.lang-en .hm-cs th { padding-right: 0; }

/* ── 회사소개 · 연혁: 영문 연도(September 1998)가 국문(1998. 09)보다 길어 두 줄로 꺾였다 ── */
.lang-en #page_9 .history .list .list01 ul .story { display: flex; gap: 16px; }
.lang-en #page_9 .history .list .list01 ul .story .year { float: none; width: auto; flex: 0 0 150px; white-space: nowrap; }
.lang-en #page_9 .history .list .list01 ul .story .inner { float: none; width: auto; flex: 1 1 0; min-width: 0; }
@media screen and (max-width: 600px) {
    .lang-en #page_9 .history .list .list01 ul .story { gap: 10px; }
    .lang-en #page_9 .history .list .list01 ul .story .year { flex-basis: 112px; font-size: 15px; }
}

/* ── 제품 목록 ── */
/* 용도 단추: "Hot water" 가 두 줄로 꺾이고 휴대폰에서 줄이 화면 밖으로 나가 가로 스크롤이 생겼다 */
.lang-en .pdp .pdl-use a { white-space: nowrap; }
@media (max-width: 560px) {
    .lang-en .pdl-use { gap: 6px; }
    .lang-en .pdp .pdl-use a { padding: 0 14px; font-size: 15px; }
}
/* 카드: 영문 제품명이 두 줄인 카드가 있어 사양 줄이 옆 카드와 어긋났다 → 이름 칸을 두 줄 높이로 맞춘다(카드가 한 줄 목록이 되는 휴대폰은 그대로) */
@media (min-width: 561px) {
    .lang-en .pdp .pdl-card__title p { min-height: 3em; }
}

/* ── 제품 상세 ── */
/* 전화 상담 칸(휴대폰): 영문 운영시간이 길어 글이 아이콘 아래로 떨어졌다 → 국문처럼 아이콘 옆에서 줄바꿈 */
.lang-en .pdp-call__text { flex: 1 1 0; min-width: 0; }

/* ── 제품 비교: 아래 상담 줄(휴대폰)에서 단추 글과 전화번호가 쪼개졌다 ── */
.lang-en .pdc-cta .pdc-btn { white-space: nowrap; }
.lang-en .pdc-cta__acts { flex-wrap: wrap; justify-content: center; row-gap: 12px; }

/* ── 인증서 목록: 영문 제목이 길어 한 줄 말줄임으로 대부분 잘렸다 → 두 줄까지 보이고 칸 높이는 맞춘다 ── */
.lang-en .bbs-list.gallery .post .ellipsis {
    white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
    line-height: 1.45; min-height: 2.9em;
}
.lang-en .bbs-list.gallery .post { height: 414px; } /* 국문 390px + 두 번째 줄 */
.lang-en .bbs-list.gallery .post .preview { height: calc(100% - 24px); } /* 그림 칸은 국문 높이 그대로(칸 높이를 따라 늘지 않게) */

/* ── A/S 지역 줄(넓은 화면): 국문은 14칸을 같은 너비(7.14%)로 나누는데 영문 이름(Chungcheong · Gyeongnam …)이 칸보다 넓어
   옆 이름과 겹쳤다 → 이름 길이대로 칸을 나눠 한 줄을 채운다(점 구분은 그대로 칸 사이) ── */
.lang-en.pc-layout #page_20 .as-head .dropdown-menu { display: flex; }
.lang-en.pc-layout #page_20 .as-head .dropdown-menu > .dropdown-item { float: none; width: auto; flex: 1 1 auto; padding-left: 8px; padding-right: 8px; white-space: nowrap; }