.productGrid .card {
  padding-bottom: 1.5rem;
  height: 100%;
  position: relative;
  margin-bottom: 1rem; }
  @media screen and (min-width: 801px) {
    .productGrid .card {
      margin-bottom: 3rem; } }
  .productGrid .card .card-figure {
    display: flex;
    padding: 0;
    border-radius: 0.5rem;
    overflow: hidden;
    justify-content: center; }
    .productGrid .card .card-figure a.card-figure__link {
      display: flex;
      width: 100%;
      align-items: flex-start; }
    .productGrid .card .card-figure .card-img-container {
      position: relative;
      width: 100%;
      padding-bottom: 100%;
      /* Maintain aspect ratio (1:1) for square container */
      overflow: hidden; }
      .productGrid .card .card-figure .card-img-container img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        min-width: 100%;
        width: auto;
        height: auto;
        margin: 0; }
      .productGrid .card .card-figure .card-img-container::before {
        content: "";
        display: block;
        padding-bottom: 100%;
        /* Maintain aspect ratio (1:1) for square container */ }
      .productGrid .card .card-figure .card-img-container::after {
        content: none; }
  .productGrid .card .card-body {
    padding-bottom: 1.5rem; }
    .productGrid .card .card-body .card-title {
      font-size: 0.875rem;
      font-style: normal;
      font-weight: 600;
      line-height: 1.25rem;
      /* 142.857% */ }
  .productGrid .card .card-text[data-test-info-type="price"] {
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1.25rem;
    /* 142.857% */ }

.productGrid {
  display: flex;
  flex-flow: row wrap;
  margin: 0 auto; }
  @media screen and (min-width: 801px) {
    .productGrid {
      margin: 0 -1.25rem; } }
  .productGrid::before, .productGrid::after {
    content: none; }
  .productGrid .product {
    flex: 1 0 100%;
    display: flex;
    max-width: unset;
    margin: 0;
    padding: 0 1.25rem;
    justify-content: center;
    width: auto; }
    @media screen and (min-width: 480px) {
      .productGrid .product {
        max-width: 50%;
        width: 50%; } }
    @media screen and (min-width: 801px) {
      .productGrid .product {
        max-width: 25%;
        width: 25%; } }
    .productGrid .product .card {
      flex: 1;
      display: flex;
      flex-direction: column;
      height: auto;
      padding: 0; }
      .productGrid .product .card .card-figure {
        flex: 1 1 auto; }
      .productGrid .product .card .card-img-container {
        padding-bottom: 0; }
        .productGrid .product .card .card-img-container:before {
          content: none; }
        .productGrid .product .card .card-img-container img {
          position: relative;
          bottom: unset;
          left: unset;
          right: unset;
          top: unset;
          transform: unset;
          width: 100%;
          height: 100%;
          transition: all ease-in-out 0.2s; }
      .productGrid .product .card .card-image {
        width: 12.375rem;
        height: 12.375rem;
        object-fit: cover;
        position: relative;
        left: unset;
        bottom: unset;
        right: unset;
        top: unset; }
        @media screen and (min-width: 801px) {
          .productGrid .product .card .card-image {
            width: 14.375rem;
            height: 14.375rem; } }