.product-recommender-section {
  display: flex;
  flex-direction: row;
  gap: var(--grid-gap-lg);
  @media (max-width: 1040px) {
    flex-direction: column;
    position: relative;
    padding-bottom: calc(var(--global-sect-pad-y-md) + 36px);
    padding-right: 0;
  }
  .section-heading {
    flex: 1 1 400px;
    min-width: 400px;
    max-width: 400px;
    @media (max-width: 1040px) {
      min-width: 100%;
      height: fit-content;
      max-height: fit-content;
    }
  }
  .product-recommender--products {
    flex: 1 1 0;
    padding: 0;
    margin: 0;
    list-style: none;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: var(--grid-gap-sm);
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
    @media (max-width: 1040px) {
      flex: 1 1 100%;
      display: flex;
      flex-direction: row;
      gap: 10px;
      > li {
        min-width: 90%;
        &:last-child {
          margin-right: var(--global-sect-pad-x-md);
        }
      }
    }
  }
  .scroll-arrow-btn-container {
    display: none;
  }
  @media (max-width: 1040px) {
    .scroll-arrow-btn-container {
      display: flex;
      margin-top: var(--grid-gap-lg);
    }
    .scroll-wrapper {
      display: flex;
      overflow-x: scroll;
      scroll-snap-type: x mandatory;
      scroll-behavior: smooth;
      width: 100%;
      min-width: 0;

      &::-webkit-scrollbar {
        width: 10px;
        background: transparent;
        height: 0px;
      }

      &::-webkit-scrollbar-track {
        background: transparent;
      }
      &::-webkit-scrollbar-thumb {
        background: transparent;
        height: 0px;
        width: 1px;
      }
    }
  }
}