/*     1655105 : HTML 편집기      */
/* ============ 제설용 소금 (FINAL) ============ */
.product_deice_salt *{ box-sizing:border-box; color:#0b1b34; word-break:keep-all; margin:0; padding:0; }
.product_deice_salt { line-height:1.9; letter-spacing:-0.01em; }
.product_deice_salt .inner{ max-width:1480px; margin:0 auto; padding:0 clamp(1rem,2vw,2rem); }

/* 헤더 */
.product_deice_salt h1{ margin:0 0 clamp(1rem, 2vw, 2rem); text-align:center; font-size:clamp(1.6rem,2.6vw,2.6rem); line-height:1.35; }
.product_deice_salt .lead{
      max-width: 1080px;
    margin: 0 auto 2.2rem;
    text-align: center;
    font-size: clamp(1rem, 1.15vw, 1.18rem);
    line-height: 2.05;
    opacity: .95;
}

/* 비주얼 + 스펙 */
.product_deice_salt .visual-spec{
  display:flex; align-items:flex-start; gap:clamp(1.2rem,2.2vw,2.2rem);
  margin-top:clamp(1.2rem,3.6vw,3.8rem);
}
.product_deice_salt .visual{ flex:0 0 58%; display:flex; gap:clamp(1.1rem,1.8vw,1.8rem); }
.product_deice_salt figure{ margin:0; flex:1; }
.product_deice_salt img{
  width:100%; height:auto; display:block; object-fit:cover;
  border-radius:12px; box-shadow:10px 10px 22px rgba(0,0,0,.06);
}
.product_deice_salt .spec{ flex:1; }
.product_deice_salt .spec table{
  width:100%; border-collapse:collapse; background:#fff; overflow:hidden;
  border-radius:12px; box-shadow:10px 10px 22px rgba(0,0,0,.06);
}
.product_deice_salt .spec th,.product_deice_salt .spec td{
  padding:clamp(1rem,1.4vw,1.5rem) clamp(1.2rem,1.7vw,1.7rem);
  font-size:clamp(1.06rem,1.12vw,1.14rem); line-height:1.85; text-align:left;
  border-top:1px solid rgba(0,0,0,.08);
}
.product_deice_salt .spec tr:first-child th,.product_deice_salt .spec tr:first-child td{ border-top:0; }
.product_deice_salt .spec th{
  width:30%; white-space:nowrap; font-weight:700; background:#f6f9ff;
  border-right:1px solid rgba(0,0,0,.06);
}

/* ============ Section Grid (좌레일 제목 / 우본문) ============ */
.product_deice_salt .sec{
  display:grid;
  grid-template-columns:minmax(180px,260px) 1fr;
  gap:clamp(1.4rem,2.4vw,2.6rem);
  align-items:start;
  margin:clamp(2.2rem,5.2vw,5.4rem) 0;
  border-top:1px solid rgba(0,0,0,.08);
  padding-top:clamp(1.1rem,2vw,1.8rem);
}
.product_deice_salt .sec .sec-title{
  grid-column:1; margin:0; text-align:left; line-height:1.35;
  font-size:clamp(1.18rem,1.75vw,1.75rem); font-weight:800;
}
.product_deice_salt .sec > *:not(.sec-title){ grid-column:2; max-width:1080px; }

/* 도트 리스트 — li 기준 1.2rem */
.product_deice_salt .dot-list{ padding-left:0; list-style:none; margin:.2rem 0 0; }
.product_deice_salt .dot-list > li{
  position:relative; padding-left:1.35rem; line-height:2.0; font-size:clamp(1rem, 1.2vw, 1.2rem); /* ★ 기준 */
}
.product_deice_salt .dot-list > li+li{ margin-top:.35rem; }
.product_deice_salt .dot-list > li::before{
  content:"•"; position:absolute; left:0; top:0; line-height:2.0; font-weight:900; color:#1d6fcd;
}

/* 시험성적서 썸네일 */
.product_deice_salt .docs-grid{
  display:grid; grid-template-columns:repeat(2,1fr); gap:clamp(1rem,1.4vw,1.5rem);
}
.product_deice_salt .docs-grid figure{ margin:0; text-align:center; }
.product_deice_salt .docs-grid figcaption{ margin-top:.5rem; font-size:1rem; opacity:.85; }

/* 반응형 */
@media (min-width:1024px) {
.product_deice_salt .docs-grid {width:50%;}
}
@media (max-width:1023px){
  .product_deice_salt .visual-spec{ flex-direction:column; }
  .product_deice_salt .visual{ width:100%; }
  .product_deice_salt .sec{ grid-template-columns:1fr; gap:1rem; }
  .product_deice_salt .sec .sec-title,
  .product_deice_salt .sec > *:not(.sec-title){ grid-column:1; }
  .product_deice_salt .docs-grid{ grid-template-columns:1fr 1fr; }
}
@media (max-width:767px){
  .product_deice_salt .lead{ text-align:left; line-height:1.65;}
.product_deice_salt .dot-list > li {line-height:1.65;}
}