/* Native sizing rows use DataTables' 18px padding, while the product body uses
   40px/10px and zero on fillers. Match only these empty sizing cells so the
   separate header and footer measure the same columns as the unchanged body. */
#ukm-stage003-compare #yith-woocompare table.compare-list thead td:not(.filler),
#ukm-stage003-compare #yith-woocompare table.compare-list tfoot td:not(.filler) {
  padding-inline:40px;
}
#ukm-stage003-compare #yith-woocompare table.compare-list thead th.fields,
#ukm-stage003-compare #yith-woocompare table.compare-list tfoot th.fields {
  padding-inline:10px;
}
#ukm-stage003-compare #yith-woocompare table.compare-list thead .filler,
#ukm-stage003-compare #yith-woocompare table.compare-list tfoot .filler {
  padding:0 !important;
}
/* Scrolling comparison tables must not inherit the theme's global mobile
   table max-width:100% clamp: DataTables' separate header then disagrees with
   the full-width body. Their native wrappers contain horizontal overflow. */
@media (max-width:991px) {
  #ukm-stage003-compare #yith-woocompare table.compare-list {
    max-width:none !important;
  }
}
/* Override only DataTables' inline label-column width on narrow screens. */
@media (max-width:860px) {
  #ukm-stage003-compare #yith-woocompare table.compare-list th:not(.filler) {
    box-sizing:border-box;
    width:120px !important;
    min-width:120px;
    max-width:120px !important;
    white-space:normal;
    overflow-wrap:anywhere;
  }
  /* Native mobile CSS hides only TH, shifting product sizing cells into the
     label column. Keep the empty sizing cell in its original column. */
  #ukm-stage003-compare #yith-woocompare table.compare-list thead th.fields,
  #ukm-stage003-compare #yith-woocompare table.compare-list tfoot th.fields {
    display:table-cell;
  }
}