.product-card-list {
    --scroll-grid-layout-gap: 3rem;
    --scroll-grid-column-count: 4;
    --scroll-grid-item--min-width: 250px;
}

.product-card-list__text p {
    margin-top: 0;
}

.product-card-list__sort-toggle__label p {
    margin: 0;
}

.product-card-list .product-card-list__list .cmp-scroll-wrapper cq {
    display: none;
}


@media (min-width: 1040px) {
    .foundation-page-container .product-card-list__scroll .pnl-pc__grid {
        position: relative;
    }
    .foundation-page-container .product-card-list__scroll .pnl-pc__grid::after {
        content: "";
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        width: 4rem;
        background: linear-gradient(to right, transparent 47%, #fff);
        pointer-events: none;
    }
}

/* ----------------- start dark-theme styles ----------------- */

.product-card-list .dhig-theme--dark .MuiSvgIcon-root {
    color: unset;
}

.product-card-list .dhig-theme--dark .MuiButton-outlined {
    border-color: #000000;
}

/* ----------------- end dark-theme styles ----------------- */


/* ----------------- start spinner markup ----------------- */
.cmp-product-card__loadMore .cmp-button__loading-indicator {
    margin-top: 3px;
    margin-right: 8px;
    margin-left: -4px;
  }

  .cmp-product-card__loadMore .DhigCircularProgress--wrapper {
    width: fit-content;
    margin: 0px;
    padding: 0px;
  }

  .cmp-product-card__loadMore .DhigCircularProgress--container {
    width: unset;
    box-sizing: border-box;
  }

  .cmp-product-card__loadMore .DhigCircularProgress--background {
    transform: rotate(-90deg);
    width: 14px;
    height: 14px;
    color: rgba(0, 0, 0, 0.08);
    display: inline-block;
    transition: transform 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    visibility: visible;
  }

  .cmp-product-card__loadMore .cmp-product-card__loadMore .DhigCircularProgress--background svg circle {
    stroke-dasharray: 126.92px;
    stroke-dashoffset: 0px;
    stroke-width: 4.4px;
    stroke: currentcolor;
    transition: stroke-dashoffset 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  }

  .cmp-product-card__loadMore .cmp-product-card__loadMore .DhigCircularProgress--foreground {
    width: 14px;
    height: 14px;
    position: absolute;
    left: 0px;
    color: inherit !important;
    display: inline-block;
    animation: 2.4s linear 0s infinite normal none running MuiCircularProgress-keyframes-circular-rotate;
    visibility: visible;
  }

  .cmp-product-card__loadMore .DhigCircularProgress--foreground svg circle {
    stroke-width: 4.4px;
    stroke: currentcolor;
    stroke-dasharray: 80px, 200px;
    stroke-dashoffset: 0px;
    animation: 7200ms ease-in-out 0s infinite normal none running MuiCircularProgress-keyframes-circular-dash;
  }
  /* ----------------- end spinner markup ----------------- */