product-comparison {
  display: block;
  background-color: var(--colorBody);
  color: var(--colorTextBody);

  .product-columns {
    display: grid;
  }

  .section-header {
    margin-bottom: var(--pc-spacing);
  }

  .action-wrapper {
    margin-top: var(--pc-spacing);
  }

  hr {
    width: 100%;
    margin: 1.5rem auto;
  }

  .modal-pcomparison-open {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
  }

  .modal table {
    caption-side: bottom;

    tr td:nth-last-child(-n + 2),
    tr th:nth-last-child(-n + 2) {
      text-align: center;
    }
    tr:nth-child(odd) {
      td {
        background-color: #f0ede4;
      }
    }
    caption {
      margin-top: 0.4rem;
      font-size: calc(var(--typeBaseSize) * 0.85);
      text-align: left;
    }
  }

  @media only screen and (min-width: 769px) {
    .product-columns {
      grid-template-columns: repeat(2, 1fr);
    }
    .product-col {
      padding: 0 1rem;
    }
    hr {
      display: none;
    }
  }
}