.compare-table{border:1px solid var(--stone-line);border-radius:var(--r-l);overflow:hidden;background:var(--white);box-shadow:var(--shadow-card);}
.compare-row{display:grid;grid-template-columns:minmax(0,1fr) 130px 150px;align-items:center;border-bottom:1px solid var(--stone-line);}
.compare-row:last-child{border-bottom:none;}
.compare-row.head{background:var(--stone);}
.compare-row.head .cell{font-family:var(--font-label);font-weight:700;font-size:12.5px;letter-spacing:.05em;text-transform:uppercase;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.compare-row.head .brand-cell{background:var(--moss);align-self:stretch;display:flex;align-items:center;justify-content:center;}
.compare-row.head .generic-cell{background:var(--white);color:var(--ink-45);align-self:stretch;}
.compare-logo{height:16px;width:auto;display:block;}
.cell{padding:16px 20px;font-size:14px;}
.cell.center{display:flex;justify-content:center;}
.compare-row .cell:first-child{color:var(--ink);font-weight:500;}
.compare-row .cell.center svg{width:19px;height:19px;color:var(--moss);}

@media (max-width:980px){
  .compare-row{grid-template-columns:minmax(0,1fr) 90px 90px;}
}
@media (max-width:520px){
  .compare-row{grid-template-columns:minmax(0,1fr) 70px 70px;}
  .cell{padding:12px 10px;font-size:12.5px;}
}