.elementor-22238 .elementor-element.elementor-element-8503151{--display:flex;--gap:50px 50px;--background-transition:0.3s;}.elementor-22238 .elementor-element.elementor-element-468ea9d{text-align:center;}.elementor-22238 .elementor-element.elementor-element-468ea9d .elementor-heading-title{font-family:"Roboto Slab", Sans-serif;font-size:30px;}/* Start custom CSS for html, class: .elementor-element-8898823 *//* ===== Base styles ===== */
.comparison-table-1{
  font-family: Roboto;
  font-size: 18px;
  color: #1F1606;
  font-weight: 400;
  border-collapse: collapse;
  width: 100%;
  table-layout: fixed; /* 关键：固定表格布局，保证三列可完整显示 */
}

.comparison-table-1 .empty-cell{
  border: none;
  background: none;
}

.comparison-table-1 td,
.comparison-table-1 th{
  padding: 10px 15px;
  border: 1px solid #e9e9e9;
  min-width: 130px;
  max-width: 300px;
  text-align: center;
  word-break: break-word;
}

/* ===== Description hover ===== */
.comparison-table-1 .comparison-table-desc{
  display: flex;
  font-size: 12px;
  color: #000;
  max-height: 0;
  overflow: hidden;
  margin: 0;
}

.comparison-table-1 tr:hover .comparison-table-desc{
  max-height: 100px;
  color: #eee;
  padding-top: 8px;
  transition: max-height .3s ease-in;
}

/* ===== Table header ===== */
.comparison-table-1 th{
  background: #14327A;
  font-weight: 500;
  text-transform: uppercase;
  color: #FFFFFF;
  padding-top: 15px;
  padding-bottom: 20px;
  letter-spacing: 2px;
  font-size: 15px;
}

/* ===== Variants & icons ===== */
.comparison-table-1 .comparison-table-pro{
  background: #FFFFFF;
  color: #000;
}

.comparison-table-1 td:first-child{
  text-align: left;
  font-weight: bold;
}

.comparison-table-1 .fa-check{
  color: #14327A;
}

.comparison-table-1 .fa-times{
  color: #F5A417;
}

.comparison-table-1 .star-icon{
  color: #14327A;
}

.comparison-table-1 .multi-layer-hardwood{
  background-color: #14327A;
}

/* ===== Row hover ===== */
.comparison-table-1 tr.comparison-table-row:hover{
  background: #F5A417;
}

.comparison-table-1 tr.comparison-table-row:hover td{
  border-color: #e9e9e9;
}

.comparison-table-1 tr.comparison-table-row:hover td,
.comparison-table-1 tr.comparison-table-row:hover td .fa{
  color: #fff;
}

/* ===== Mobile adaptation ===== */
@media (max-width: 768px){
  .comparison-table-1{
    font-size: 13px; /* 缩小整体字体 */
  }

  .comparison-table-1 th{
    font-size: 13px;
    letter-spacing: 1px;
    padding-top: 10px;
    padding-bottom: 12px;
  }

  .comparison-table-1 td,
  .comparison-table-1 th{
    padding: 6px 6px; /* 压缩内边距，确保三列不溢出 */
    min-width: auto;
    max-width: none;
  }

  .comparison-table-1 td:first-child{
    font-size: 13px;
  }

  .comparison-table-1 .comparison-table-desc{
    font-size: 11px;
  }
}/* End custom CSS */