.ci-compatible-products-section {

  .ci-compatible-products__intro {
    margin-bottom: 4rem;
  }

  .ci-compatible-products__grid.ci-grid {
    gap: 1.5rem 0;

    @media screen and (max-width: 640px) {
      gap: 2.5rem 0;
    }

    .ci-compatible-product-col {
      @media screen and (max-width: 1024px) {
        width: 50%;
        min-width: 50%;
      }

      @media screen and (max-width: 640px) {
        width: 100%;
        min-width: 100%;
      }
    }
  }

  .ci-compatible-product-card {
    display: flex;
    flex-direction: column;
    height: 100%;
    border: 0.1rem solid #E0E1E0;
    background-color: #ffffff;
  }

  .ci-compatible-product-card__link {
    display: flex;
    flex-direction: column;
    height: 100%;
    text-decoration: none;

    &:hover,
    &:focus-visible {
      .ci-compatible-product-card__image-wrap img {
        transform: scale(1.04);
      }
    }
  }

  .ci-compatible-product-card__image-wrap {
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    background-color: #ffffff;
    border-bottom: 1px solid #E0E1E0;
    img,
    .placeholder-svg {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: all 1s ease;
    }
  }

  .ci-compatible-product-card__title {
    margin: 0;
    padding: 2rem 2.4rem;
    line-height: 1.2;
    font-weight: 400;
    flex: 1;
    background: linear-gradient(0deg, #F3F2EE, #F3F2EE), linear-gradient(0deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5));

    @media screen and (max-width: 1024px) {
      padding: 1.8rem 2rem;
    }
  }
}