.wallwasher-page #comparison.hmc-comparison { scroll-margin-top: calc(var(--crane-header-height, 72px) + 60px); }
.wallwasher-page .hmc-comparison .fg-section-head { display: block; }
.wallwasher-page .hmc-scroll { --hmc-label-width: 168px; width: 100%; overflow-x: auto; scrollbar-width: thin; scroll-padding-inline-start: var(--hmc-label-width); }
.wallwasher-page .hmc-scroll:focus-visible { outline: 2px solid #a34300; outline-offset: 4px; }
.wallwasher-page .hmc-table { width: 100%; table-layout: fixed; border-collapse: separate; border-spacing: 0; font-variant-numeric: tabular-nums; }
.wallwasher-page .hmc-label-column { width: var(--hmc-label-width); }
.wallwasher-page .hmc-table :is(th, td) { border: 0; border-bottom: 1px solid var(--fg-line, #d9dfe3); padding: 16px 14px; text-align: left; font-size: 14px; line-height: 1.6; }
.wallwasher-page .hmc-table th:first-child { padding-left: 0; color: var(--p-muted, #677781); font-size: 13px; font-weight: 550; }
.wallwasher-page .hmc-table thead th { vertical-align: bottom; padding: 0 10px 14px; }
.wallwasher-page .hmc-table thead th:first-child { padding-bottom: 26px; }
.wallwasher-page .hmc-table img { display: block; width: 100%; height: 180px; object-fit: contain; mix-blend-mode: multiply; }
.wallwasher-page .hmc-table small { display: block; font-size: 11px; font-weight: 400; line-height: 1.5; }
.wallwasher-page .hmc-model { padding: 9px 7px; min-height: 44px; border: 1px solid transparent; border-radius: 6px; background: transparent; color: var(--p-ink, #17232b); font: inherit; font-size: 14px; font-weight: 700; text-align: left; cursor: pointer; overflow-wrap: anywhere; }
.wallwasher-page .hmc-model[aria-pressed="true"] { color: #a34300; border-color: var(--fg-orange, #f47a20); background: #fff7ef; }
.wallwasher-page .hmc-model:hover { border-color: #cbd4db; }
.wallwasher-page .hmc-model:focus-visible { outline: 2px solid #a34300; outline-offset: 3px; }
.wallwasher-page .hmc-table--two img { height: 180px; }
.wallwasher-page .hmc-table--two td { font-size: 16px; }
@media (max-width: 1023px) {
  .wallwasher-page .hmc-scroll { --hmc-label-width: 132px; }
  .wallwasher-page .hmc-table { min-width: calc(var(--hmc-label-width) + var(--hmc-model-count) * 176px); }
  .wallwasher-page .hmc-table th:first-child { position: sticky; left: 0; z-index: 2; background: #f5f7f7; }
  .wallwasher-page .hmc-table--two { min-width: 0; }
}
@media (max-width: 767px) {
  .wallwasher-page .hmc-scroll { --hmc-label-width: 112px; }
  .wallwasher-page .hmc-table { min-width: calc(var(--hmc-label-width) + var(--hmc-model-count) * 164px); }
  .wallwasher-page .hmc-table :is(th, td) { padding: 14px 8px; font-size: 14px; }
  .wallwasher-page .hmc-table th:first-child { padding-left: 0; font-size: 12px; }
  .wallwasher-page .hmc-table thead th { padding: 0 4px 12px; }
  .wallwasher-page .hmc-table thead th:first-child { padding-bottom: 24px; }
  .wallwasher-page .hmc-table img { height: 144px; }
  .wallwasher-page .hmc-model { padding: 8px 4px; font-size: 13px; }
  .wallwasher-page .hmc-scroll--two { --hmc-label-width: 100px; }
  .wallwasher-page .hmc-table--two { min-width: 0; }
  .wallwasher-page .hmc-table--two img { height: 144px; }
}



main[data-group="hl-compact"] #comparison .hmc-table {
    --hlc-selected-outline: #526b78;
}

main[data-group="hl-compact"] #comparison .hmc-table thead th {
    --hlc-selected-end: inset 0 2px var(--hlc-selected-outline);
}

main[data-group="hl-compact"] #comparison .hmc-table tbody tr:last-child td {
    --hlc-selected-end: inset 0 -2px var(--hlc-selected-outline);
}

main[data-group="hl-compact"] #comparison .hmc-table thead th:has(> .hmc-model[aria-pressed="true"]),
main[data-group="hl-compact"] #comparison .hmc-table:has(thead th:nth-child(2) > .hmc-model[aria-pressed="true"]) tbody td:nth-child(2),
main[data-group="hl-compact"] #comparison .hmc-table:has(thead th:nth-child(3) > .hmc-model[aria-pressed="true"]) tbody td:nth-child(3),
main[data-group="hl-compact"] #comparison .hmc-table:has(thead th:nth-child(4) > .hmc-model[aria-pressed="true"]) tbody td:nth-child(4) {
    background-color: #e4edf2;
    box-shadow: inset 2px 0 var(--hlc-selected-outline),
                inset -2px 0 var(--hlc-selected-outline),
                var(--hlc-selected-end, inset 0 0 transparent);
}