.compare:not(:has(.compare__header)):not(:has(.compare__row-cont:first-child .compare__title-categories)) .compare__row-cont:first-child > .compare__row:nth-of-type(odd) {
  background-color: transparent;
}
.compare:not(:has(.compare__header)):not(:has(.compare__row-cont:first-child .compare__title-categories)) .compare__row-cont:first-child > .compare__row:nth-of-type(even) {
  background-color: #f3f3f3;
}

.compare__body:has(> .compare__row-cont:first-child > .compare__title-categories) > .compare__row-cont:first-child > .compare__row:nth-of-type(odd) {
  background-color: #f3f3f3;
}
.compare__body:has(> .compare__row-cont:first-child > .compare__title-categories) > .compare__row-cont:first-child > .compare__row:nth-of-type(even) .compare__cell {
  border-right: 1px solid #d2d2d2;
}
.compare__body:not(:has(> .compare__row-cont:first-child > .compare__title-categories)) > .compare__row-cont:first-child > .compare__row:nth-of-type(odd) {
  background-color: #f3f3f3;
}
.compare__body:not(:has(> .compare__row-cont:first-child > .compare__title-categories)) > .compare__row-cont:first-child > .compare__row:nth-of-type(even) .compare__cell {
  border-right: 1px solid #d2d2d2;
}

h2:has(+ div.compare) {
  margin-bottom: 5px !important;
}

.compare:not(:is(main *)) .compare__header {
  top: 0;
}

.openable-section__content > .compare {
  margin-top: -10px;
}

.compare {
  min-width: 100vw;
  --cells-visible: 4;
  --col-width: calc(100vw / var(--cells-visible));
}
.compare__body::-webkit-scrollbar, .compare__header::-webkit-scrollbar {
  display: none;
}
.compare__header-scroll {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow-x: auto;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  display: flex;
  width: 100vw;
  overflow: unset;
}
.compare__header {
  z-index: 5;
  position: sticky;
  top: var(--sticky-top, 0px);
  background-color: #fff;
  border-bottom: 1px solid #d2d2d2;
  overflow-x: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.compare__header .compare__cell {
  padding: 10px var(--page-gutter) !important;
  margin: 0 !important;
}
.compare__header .compare__cell .compare__cell-inner {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: sticky;
  left: var(--page-gutter);
  max-width: calc(100vw - var(--page-gutter));
  padding: 0;
}
.compare__body {
  overflow-y: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
  position: relative;
}
.compare__feature {
  padding: 10px var(--page-gutter) 0;
  color: #909090;
  position: sticky;
  left: 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: block;
  max-width: 100vw;
}
.compare__title-categories {
  padding-top: 20px;
  color: #212121;
  font-size: 18px;
  font-weight: 700;
}
.compare__title-group {
  font-weight: 700;
}
.compare__row:nth-child(odd) {
  background-color: #f3f3f3;
  border: none;
}
.compare__row:nth-child(odd) .compare__content {
  border: none;
}
.compare__row:nth-child(odd) .compare__cell {
  border-right: 1px solid #d2d2d2;
}
.compare__row-cont {
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
}
.compare__row-cont > .compare__row:nth-of-type(odd) {
  background-color: #f3f3f3;
}
.compare__row-cont > .compare__row:nth-of-type(odd) .compare__cell {
  border-right: 1px solid #d2d2d2;
}
.compare__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.compare__row {
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
}
.compare__cell {
  margin: 5px 0;
  padding: 1px var(--page-gutter);
  border-right: 1px solid #d2d2d2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #212121;
  position: relative;
}
.compare__cell .compare__cell-inner {
  position: relative;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: sticky;
  left: var(--page-gutter);
  line-height: 1.2;
  max-width: calc(100vw - var(--page-gutter) * 2);
}
.compare__cell svg {
  fill: #909090;
}
.compare__cell:last-child {
  border: none !important;
}
.compare__cell {
  width: calc(var(--col-width) * var(--data-cell, 1));
}
.compare__cell, .compare__header .compare__cell {
  -webkit-box-flex: calc(var(--col-width, 100%) * var(--data-cell, 1));
      -ms-flex: calc(var(--col-width, 100%) * var(--data-cell, 1));
          flex: calc(var(--col-width, 100%) * var(--data-cell, 1));
}
.compare__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 100%;
      -ms-flex: 100%;
          flex: 100%;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media (max-width: 599px) {
  .compare {
    --cells-visible: 2;
  }
  .compare__content:not(:has(.compare__cell:nth-child(2))),
  .compare__content:has([data-cell]) {
    --cells-visible: 1;
  }
  .compare__content:has(.compare__cell[data-cell]) {
    --cells-visible: 2;
  }
  .compare {
    --col-width: calc(100vw / var(--cells-visible));
  }
}
@media (min-width: 600px) and (max-width: 799px) {
  .compare {
    --cells-visible: 3;
  }
  .compare__content:not(:has(.compare__cell:nth-child(3))) {
    --cells-visible: 2;
  }
  .compare__content:not(:has(.compare__cell:nth-child(2))),
  .compare__content:has([data-cell]) {
    --cells-visible: 1;
  }
  .compare__content:has(.compare__cell[data-cell]) {
    --cells-visible: 3;
  }
  .compare {
    --col-width: calc(100vw / var(--cells-visible));
  }
}
@media (min-width: 800px) {
  .compare {
    --cells-visible: 4;
  }
  .compare__content:not(:has(.compare__cell:nth-child(4))) {
    --cells-visible: 3;
  }
  .compare__content:not(:has(.compare__cell:nth-child(3))) {
    --cells-visible: 2;
  }
  .compare__content:not(:has(.compare__cell:nth-child(2))),
  .compare__content:has([data-cell]) {
    --cells-visible: 1;
  }
  .compare__content:has(.compare__cell[data-cell]) {
    --cells-visible: 4;
  }
  .compare {
    --col-width: calc(100vw / var(--cells-visible));
  }
}
.compare__cell[data-cell="1"] {
  --data-cell: 1;
}

.compare__cell[data-cell="2"] {
  --data-cell: 2;
}

.compare__cell[data-cell="3"] {
  --data-cell: 3;
}

.compare__cell[data-cell="4"] {
  --data-cell: 4;
}

.compare__cell[data-cell="5"] {
  --data-cell: 5;
}

.compare__cell[data-cell="6"] {
  --data-cell: 6;
}

.compare__cell[data-cell="7"] {
  --data-cell: 7;
}

.compare__cell[data-cell="8"] {
  --data-cell: 8;
}

.compare__cell[data-cell="9"] {
  --data-cell: 9;
}

.compare__cell[data-cell="10"] {
  --data-cell: 10;
}

.compare__cell[data-cell="11"] {
  --data-cell: 11;
}

.compare__cell[data-cell="12"] {
  --data-cell: 12;
}

.compare__cell[data-cell="13"] {
  --data-cell: 13;
}

.compare__cell[data-cell="14"] {
  --data-cell: 14;
}

.compare__cell[data-cell="15"] {
  --data-cell: 15;
}