/* ==================================================
   서흥중문 제품 상세 스펙 컬럼 정렬

   목표:
   TYPE / POINT / SPACE 값과
   문틀 / 문짝 치수 값을
   하나의 동일한 세로선에 맞춘다.
================================================== */

.product-page {
  --seoheung-spec-label-width: 86px;
}

/* TYPE / POINT / SPACE */
.product-page .product-facts {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.product-page .product-facts li {
  display: grid !important;
  grid-template-columns:
    var(--seoheung-spec-label-width)
    minmax(0, 1fr) !important;

  column-gap: 0 !important;
  gap: 0 !important;

  padding-left: 0 !important;
  padding-right: 0 !important;

  align-items: center !important;
}

/* 문틀 / 문짝 치수 */
.product-page .specs {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.product-page .specs li {
  display: grid !important;
  grid-template-columns:
    var(--seoheung-spec-label-width)
    minmax(0, 1fr) !important;

  column-gap: 0 !important;
  gap: 0 !important;

  padding-left: 0 !important;
  padding-right: 0 !important;

  align-items: center !important;
}

/* 라벨 */
.product-page .product-facts li > span,
.product-page .specs li > span {
  width: auto !important;

  margin: 0 !important;
  padding: 0 !important;

  text-align: left !important;
  justify-self: start !important;
}

/* 값 */
.product-page .product-facts li > b,
.product-page .specs li > b {
  width: auto !important;
  min-width: 0 !important;

  margin: 0 !important;
  padding: 0 !important;

  left: auto !important;
  right: auto !important;

  transform: none !important;

  text-align: left !important;
  justify-self: start !important;
  justify-content: flex-start !important;
}

/* 혹시 내부 요소에 기존 여백이 있을 경우 제거 */
.product-page .product-facts li > b > *,
.product-page .specs li > b > * {
  margin-left: 0 !important;
  padding-left: 0 !important;
  text-align: left !important;
}

/* 모바일에서도 동일한 컬럼 기준 유지 */
@media (max-width: 767px) {
  .product-page {
    --seoheung-spec-label-width: 86px;
  }
}
/* TYPE / POINT / SPACE와 치수표 사이 불필요한 공백 제거 */
.product-page .product-facts {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.product-page .specs {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* --------------------------------------------------
   SPACE 아래와 문틀 측면 위 경계선이 2겹으로 보이는 문제 수정
   -> 1px 단일 라인만 보이게 정리
-------------------------------------------------- */

/* 위쪽 product-facts 마지막 줄 하단선 제거 */
.product-page .product-facts li:last-child {
  border-bottom: 0 !important;
}

/* 아래쪽 specs 첫 줄은 1px 라인만 유지 */
.product-page .specs li:first-child {
  border-top: 1px solid #cfcfcf !important;
}

/* ==================================================
   제품 스펙표 최종 보정
   1. SPACE / 치수표 사이 중복선 제거
   2. 표 전체 폰트 16px
================================================== */

/* ------------------------------------------
   경계선 완전 초기화
------------------------------------------ */

.product-page .product-facts {
  border-bottom: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
}

.product-page .product-facts li:last-child {
  border-bottom: 0 !important;
  box-shadow: none !important;
}

.product-page .specs {
  position: relative !important;

  margin-top: 0 !important;
  padding-top: 0 !important;

  border-top: 1px solid #d1d1d1 !important;
  box-shadow: none !important;
  outline: 0 !important;
}

.product-page .specs li:first-child {
  border-top: 0 !important;
  box-shadow: none !important;
}

/* ------------------------------------------
   혹시 가상 요소로 선이 들어간 경우 제거
------------------------------------------ */

.product-page .product-facts::after,
.product-page .product-facts li:last-child::after,
.product-page .specs::before,
.product-page .specs li:first-child::before {
  display: none !important;
  content: none !important;
}

/* ------------------------------------------
   스펙표 폰트 전체 16px
------------------------------------------ */

.product-page .product-facts li > span,
.product-page .product-facts li > b,
.product-page .specs li > span,
.product-page .specs li > b {
  font-size: 16px !important;
  line-height: 1.45 !important;
}

/* 값은 기존 강조 유지 */
.product-page .product-facts li > b,
.product-page .specs li > b {
  font-weight: 600 !important;
}

/* 라벨도 너무 작아 보이지 않도록 정리 */
.product-page .product-facts li > span,
.product-page .specs li > span {
  font-weight: 400 !important;
  letter-spacing: 0 !important;
}

/* ------------------------------------------
   행 높이도 16px 폰트에 맞게 조정
------------------------------------------ */

.product-page .product-facts li,
.product-page .specs li {
  min-height: 48px !important;
}