/* 11-11 고도화 미리보기 (preview-1111 가지 전용 — 회장 최종 승인 전 운영 배포 금지)
   회장 결정 2번: 제품 구간 — 구간 높이를 내용에 맞춤 · 구간 제목 40px · 카드 3장 + 넘김
   첫 화면 · 사업분야 구간은 손대지 않는다. */

/* ── 제품 구간 (PC) ── */
@media (min-width: 1024px) {
  #app .us-home > section#home-products {
    min-height: 0 !important; height: auto !important;
    display: block !important;
    padding: 60px 0 !important; /* 위아래 60 + 60 = 구간 사이 120 */
  }
  #app #home-products > .us-shell {
    display: block !important;
  }
  /* 제목 줄: 왼쪽 「제품」+ 제목, 오른쪽 전체 제품 보기 · ← → · 번호 */
  #app #home-products .us-section-heading {
    display: flex !important; flex-direction: row !important; align-items: flex-end !important; justify-content: space-between !important;
    width: auto !important; max-width: none !important; margin: 0 0 40px !important; gap: 32px;
  }
  html body #app .us-home > section#home-products#home-products .us-section-heading h2:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f) {
    font-size: 40px !important; line-height: 1.3 !important; letter-spacing: -.03em; margin: 12px 0 0 !important;
  }
  #app #home-products .us-section-heading h2 br { display: none; }
  #app #home-products .rich-product-actions {
    display: flex !important; flex-direction: row-reverse !important; align-items: center !important; gap: 28px; margin: 0 !important;
  }
  #app #home-products .rich-arrows { margin: 0 !important; }
  /* 카드 줄: 틀 안에 3장 */
  html body #app .us-home #home-products.r4-rail #featured-product-track.rich-product-track {
    width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 0 4px !important;
    gap: 24px !important; scroll-padding-left: 0 !important;
    grid-auto-columns: calc((100% - 48px) / 3) !important;
  }
  #app #home-products #featured-product-track > article {
    width: auto !important; max-width: none !important; margin: 0 !important;
  }
  #app #home-products .rich-track-caption { margin-top: 20px !important; }
  /* 카드 설명은 넣지 않음: 13개 설명 길이가 27~128자로 달라 카드 높이가 545px까지 늘고 빈칸이 생김(11-11 측정). 넣으려면 설명을 40자 안쪽으로 먼저 맞춘다 */
}

/* ── 머리말: 로고를 왼쪽 여백 24px 로 · 로고 옆에 ISO 인증 두 줄 (회장 11-11 「5번째」 = 제안 4) ──
   1280px 아래 화면은 자리가 모자라 지금 그대로 둔다(로고 · 첫 화면 사진 위 ISO 표시). */
body > header .up-hiso { display: none; }
@media (min-width: 1280px) {
  html body > header, html body.sense-first-view > header { padding-left: 24px !important; }
  html body > header a.logo, html body.sense-first-view > header a.logo { margin: 0 !important; }
  html body > header a.up-hiso {
    display: block; flex: 0 0 auto; margin: 0 auto 0 -8px; /* 머리말 gap 28 − 8 = 로고와 20px */
    padding-left: 11px; border-left: 3px solid #E8B23A;
    color: #0B1F33; font-size: 13px; font-weight: 600; line-height: 17px; letter-spacing: -.02em; white-space: nowrap; text-decoration: none;
  }
  html body > header a.up-hiso b { display: block; font-weight: 600; }
  html body > header a.up-hiso:hover { color: #005192; }
  /* 첫 화면 사진 위에 있던 ISO 표시는 넓은 화면에서는 뺀다(머리말로 옮김) */
  #app .us-home > .us-carousel > .r62-isob--slide { display: none !important; }
}
/* ── 휴대폰 폭: 마지막 줄에 낱말 하나만 떨어지지 않게(회장 11-11 「함부로 단락 나누지 마」, widow_check.py 로 찾은 3곳) ── */
@media (max-width: 1023px) {
  #app #home-products .us-product-card h3,
  .up-cta .up-cta-txt > p { text-wrap: balance; word-break: keep-all; }
}