/* 제품 상세 — 상기 스펙 섹션(가로 900px 고정). 대동 상세 본문 스타일은 dd-product.css (tools/port_daedong.py 생성) */

.pspec-sec{padding:12rem 0;background:var(--sk-white);border-top:1px solid var(--sk-n-150);border-bottom:1px solid var(--sk-n-150);}
/* 스펙 섹션과 맞닿는 대동 섹션의 여백이 겹쳐(240+120) 빈 화면처럼 보이던 것을 120 으로 맞춘다 */
.dd-before > section:last-of-type{padding-bottom:120px !important;}
.dd-after > section:first-of-type{padding-top:120px !important;}
.pspec-in{width:900px;max-width:calc(100% - 2 * var(--area-padding));margin:0 auto;}
@media (min-width:1025px){.pspec-in{width:calc(100% - 240px);max-width:1280px;}}   /* PC 는 다른 본문과 같은 좌우 여백 (최소 120px, 최대 1280px) */
.pspec-sec .sechead{margin-bottom:var(--sp-8);}
.pspec-sec .sechead h2{font-size:var(--fs-4xl);}
.psv{display:grid;grid-template-columns:1fr 1.45fr;gap:var(--sp-7);align-items:end;margin-bottom:var(--sp-9);}
.psv figure{margin:0;}
.psv img{width:100%;height:auto;max-height:40rem;object-fit:contain;}
.psv figcaption{font-family:var(--font-latin);font-size:1.3rem;color:var(--fg4);margin-top:var(--sp-3);text-align:center;letter-spacing:.06em;}
.pspec{display:grid;grid-template-columns:repeat(2,1fr);gap:0 var(--sp-7);}
.pspec-g{border-top:2px solid var(--fg1);margin-bottom:var(--sp-7);}
.pspec-g h4{font-size:var(--fs-md);color:var(--sk-main);padding:var(--sp-4) 0;margin:0;border-bottom:1px solid var(--border);}
.pspec-g dl{margin:0;}
.pspec-g div{display:grid;grid-template-columns:15rem 1fr;gap:var(--sp-4);padding:1.4rem 0;border-bottom:1px solid var(--border);}
.pspec-g dt{font-size:var(--fs-sm);color:var(--fg3);}
.pspec-g dd{margin:0;font-size:var(--fs-base);color:var(--fg1);font-weight:var(--fw-medium);}
.pcta{display:grid;grid-template-columns:1fr auto;gap:var(--sp-6);align-items:center;padding:var(--sp-7) var(--sp-8);background:var(--sk-main);color:var(--sk-white);margin-top:var(--sp-9);}
.pcta h3{color:var(--sk-white);margin:0 0 .6rem;font-size:var(--fs-xl);}
.pcta p{color:var(--fg-on-dark-2);margin:0;font-size:var(--fs-sm);}
.pcta div:last-child{display:flex;gap:var(--sp-3);flex-wrap:wrap;}
.pcta .sk-btn-ghost{color:var(--sk-white);border-color:rgba(255,255,255,.45);}
.pcta .sk-btn-ghost::after{background:var(--sk-white);}

@media (max-width:768px){
  .pspec-sec{padding:var(--sp-10) 0;}
  .dd-before > section:last-of-type{padding-bottom:80px !important;}
  .dd-after > section:first-of-type{padding-top:80px !important;}
  .pspec-sec .sechead h2{font-size:var(--fs-2xl);}
  .psv,.pspec,.pcta{grid-template-columns:1fr;}
  .pspec-g div{grid-template-columns:13rem 1fr;}
  .pcta{padding:var(--sp-6) var(--sp-5);}
}

/* PC 좌우 여백 확대 — 대동 원본(좌우 20px, 최대 1520/1720)이 답답해 보여 본문 폭을 줄인다. GNB·스펙(900)·풀폭(inner_full)은 그대로 */
@media (min-width:1025px){
  .dd{--inner_base_w:calc(100% - 240px);--inner_base_mw:1280px;--inner_large_w:calc(100% - 160px);--inner_large_mw:1440px;}
}
/* 'Point N' 라벨: 대동 원본은 왼쪽 위 절대 위치라, 본문 폭을 줄이면 가운데 제목 옆에 붙는다 → 제목 위에 둔다 */
@media (min-width:1025px){
  .dd .ecart_point1_label{position:static;text-align:center;margin-bottom:-100px;}   /* 부모 flex gap(120px) 상쇄 → 제목과 20px */
  .dd .ecart_ga900_premium_label{position:static;margin-bottom:16px;}
}
/* HG200 등 sec_point 의 'Point N'(span.point)도 왼쪽 위 절대 위치 → 타이틀 위로 (PC·태블릿) */
@media (min-width:769px){
  .dd .sec_point span.point{position:static;display:block;text-align:center;margin-bottom:20px;}
  .dd .sec_point span.point + .sec_tit h2{padding-top:0 !important;}
}

/* 모바일 제품 타이틀: 'Point N' 라벨을 가운데 정렬하고, 라벨~타이틀 간격(대동 원본 40~80px)을 16px 로 */
@media (max-width:768px){
  .dd .ecart_point_label,.dd .ecart_point1_label,.dd .ecart_ga900_premium_label,.dd .sec_point span.point{display:block;width:100%;align-self:stretch;text-align:center;}
  .dd .ecart_point_label + .ecart_point_txt_box{margin-top:0 !important;}   /* 안쪽 여백이 있어 0 이면 20px 남짓 */
  .dd .ecart_point1_label + .ecart_point1_tit,
  .dd .ecart_ga900_premium_label + .ecart_ga900_premium_tit{margin-top:16px !important;}
  .dd .sec_point span.point{position:static;}
  .dd span.point + .sec_tit{padding-top:16px !important;}
  .dd span.point + .sec_tit h2{padding-top:0 !important;}
  .dd .ecart_ga900_premium_head{text-align:center;}
}
/* HG200 모델 비교: '승객과 화물을 동시에 운반하는 경우' 제목을 아래 모델명(HG200-U5L, 24/16px)과 같은 크기로 */
.dd.product_hg200u .spec_wrap > h3{font-size:24px !important;}
@media (max-width:768px){.dd.product_hg200u .spec_wrap > h3{font-size:16px !important;}}