.c-products-list--wrapper {
  margin: 0 -6px;
}

.c-grid-sizer {
  width: 100%;
  
  @screen lg {
    width: 25%;
  }
}

.c-product-list-item-wrapper {
  padding: 0 6px;
  width: 100%;

  @screen lg {
    width: 25%;
  }
}

.c-product-list-item {
  @apply overflow-hidden;

  @screen md {
    &:hover {
      .c-product-list-item-image {
        transform: scale(1.2);
      }
    }
  }
}

.c-product-list-item-image-wrap {
  @apply overflow-hidden;
  
  max-height: calc(100% - 80px);

  @screen md {
    max-height: calc(100% - 120px);
  }
}

.c-product-list-item-image,
.c-product-list-item-image img {
  @apply transition duration-300 ease-linear;

  height: 100%;
}

.c-products-list {
  .c-product-list-item-image-wrap {
    @apply border-none;
  }

  .c-plus-link__icon {
    border-left: 0;
  }

  .c-plus-link__text {
    border-right: 0;
  }

  .c-product-list-item__link-wrap {
    @screen lg {
      @apply absolute w-full left-0 bottom-0 ease-in-out transition-all duration-300;

      transform: translateY(calc(100% - 1px));
    }
  }

  .c-product-list-item {
    @apply border-t border-r border-l border-black relative;

    @screen lg {
      &:hover {
        .c-product-list-item__link-wrap {
          transform: translateY(0);
        }
      }
    }
  }
}

.c-product-list-item__badge {
  top: 12px;
  height: 48px;
  width: 108px;

  @apply right-0 z-20 bg-black text-white uppercase flex items-center justify-center text-center text-sm font-bold;
}