/* Shared content rows keep facts aligned as copy wraps and columns change.
   https://developer.mozilla.org/en-US/docs/Web/CSS/Guides/Grid_layout/Subgrid */
.comparison-grid .comparison-facts {
  margin: 26px 0 0;
  padding: 18px 20px;
  border-top: 2px solid #c8102d;
  background: #f5f5f7;
}
.comparison-facts b, .comparison-facts strong { color: #a60d27; }
.comparison-facts p { margin: 0; }
.comparison-xpel .comparison-card h4 { min-height: 0; }
.comparison-packages .comparison-facts { margin-bottom: 22px; }
.comparison-alfa .comparison-price { margin-top: 22px; }

@supports (grid-template-rows: subgrid) {
  .comparison-grid { align-items: stretch; }
  .comparison-xpel > .comparison-card {
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 5;
    row-gap: 0;
  }
  .comparison-xpel .comparison-copy-bridge { display: contents; }
  .comparison-xpel .comparison-facts { grid-row: 5; }
  .comparison-grid .comparison-facts { align-self: stretch; }
  .kc-service-content .comparison-packages { align-items: stretch; }
  .kc-service-content .comparison-packages > .comparison-card,
  .comparison-alfa > .comparison-card {
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 3;
    row-gap: 0;
    min-height: 0;
  }
  .comparison-packages .comparison-intro,
  .comparison-alfa .comparison-intro { grid-row: 1; min-width: 0; }
  .comparison-packages .comparison-facts,
  .comparison-alfa .comparison-facts { grid-row: 2; }
  .comparison-packages .comparison-actions,
  .comparison-alfa .comparison-price { grid-row: 3; }
}

@media (max-width: 700px) {
  .comparison-grid .comparison-facts { padding: 17px; margin-top: 22px; }
}
@media print {
  .comparison-grid > .comparison-card { display: block !important; }
  .comparison-xpel .comparison-copy-bridge { display: block; }
}