/* [(+)] ++++++++++ BASE ++++++++++ [(+)] */
.i-comparative__wrapper {
  overflow: hidden;
  border: solid 1px;
}

.i-comparative__table {
  table-layout: fixed;
}

.i-comparative__table th,
.i-comparative__table td {
  border-bottom: solid 1px;
}

.i-comparative__cell-subheading {
  display: block;
  margin-top: 6px;
  border: solid 1px;
  border-radius: 100px;
  padding: 2px 8px;
  width: fit-content;
  font-size: 12px;
}

.i-comparative__table tbody tr:last-child td {
  border-bottom: none;
}

/* [(+)] ++++++++++ OVERRIDE ++++++++++ [(+)] */
.i-comparative--override {
  border-radius: var(--table-border-radius);
  border-color: var(--table-border-color);
}

.i-comparative--override .i-comparative__table {
  color: var(--table-text-color);
}

.i-comparative--override .i-comparative__table thead {
  background-color: var(--table-heading-background);
}

.i-comparative--override .i-comparative__table tbody {
  background-color: var(--table-body-background);
}

.i-comparative--override .i-comparative__table th,
.i-comparative--override .i-comparative__table td {
  border-color: var(--table-border-color);
}

.i-comparative__column {
  color: var(--column-text-color);
}

th.i-comparative__column {
  background-color: var(--column-heading-background);
}

td.i-comparative__column {
  background-color: var(--column-body-background);
}

/* [(+)] ++++++++++ RESPONSIVE ++++++++++ [(+)] */
@media (width >= 768px) {
  
}

@media (768px <= width < 990px) {
  
}

@media (width >= 990px) {

}

/*
@media (width <= 767px) {
  .i-grid--type-group .i-grid__item {
    border-right: none;
  }
}
*/