.main-list-collection-title {
  margin-bottom: var(--genstore-spacing-gap-1200);
}

.collection-list__item .card-face .genstore-placeholder.no-image, .collection .card-face .genstore-placeholder.no-image {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
      }

.card-content {
  padding: var(--genstore-spacing-vertical-600) var(--genstore-spacing-vertical-200);


}

.card-content[data-text-limit="none"] .genstore-text-block {
      overflow: hidden;
      display: block;
    }

.card-content .genstore-text-block, .card-content .card-content-title {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: var(--card-text-limit, 1);
  }

.card-content product-form, .card-content modal-opener {
    padding: var(--genstore-spacing-vertical-300) 0
  }

.card-content .card-content-title {
    color: var(--genstore-neutral-texticon-900);
    font-size: var(--genstore-fontSize-500);
    font-weight: var(--genstore-fontWeight-bold);
    line-height: var(--genstore-lineHeight-900);
  }

.card-container {
  position: relative;
  border-radius: var(--genstore-borderRadius-400);
  overflow: hidden;
  border: var(--card-border-width, 0px) solid var(--genstore-neutral-border-100);
  box-shadow: var(--card-shadow-horizontal-offset, 0) var(--card-shadow-vertical-offset, 0) var(--card-shadow-blur, 0) rgba(0, 0, 0, calc(var(--card-shadow-opacity, 0) / 100));
}

.card-container.center .card-content {
      text-align: center;
    }

.card-container.right .card-content {
      text-align: right;
    }

.card-container.standard {
    padding: 0;
  }

.card-container.standard .card-content {
      padding: var(--genstore-spacing-vertical-600) var(--genstore-spacing-horizontal-200);
    }

.card-container.card .card-wrapper .image-box {
        padding: var(--card-image-padding, 0) var(--card-image-padding, 0) 0 var(--card-image-padding, 0);
      }

.card-container.card .card-wrapper .card-content {
        padding: var(--genstore-spacing-vertical-600) var(--genstore-spacing-horizontal-600) var(--genstore-spacing-vertical-800) var(--genstore-spacing-horizontal-600);
      }

.card-container.inside .card-wrapper .card-content {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        padding: var(--genstore-spacing-vertical-1200) var(--genstore-spacing-horizontal-800);
      }

.card-container .card-content {
    display: flex;
    flex-direction: column;
    gap: var(--genstore-spacing-gap-300);
  }

.card-container .card-content a .genstore-text-block:hover {
          text-decoration: underline;
          text-underline-offset: 6px; /* 37.5% */
        }

.card-wrapper {
  position: relative;
  box-shadow: var(--product-card-shadow-horizontal-offset) var(--product-card-shadow-vertical-offset) var(--product-card-shadow-blur-radius) rgba(var(--color-shadow), var(--product-card-shadow-opacity));

}

.card-wrapper a {
    display: block;
  }

.card-wrapper .card-face {
    position: relative;
    aspect-ratio: var(--aspect-padding, 1);
    padding-top: var(--aspect-padding);
    font-size: 0;
    position: relative;
    border-radius: var(--genstore-borderRadius-400);
    overflow: hidden;
  }

.card-wrapper .card-face[data-aspect-ratio="auto"] {
      padding-top: 0;
    }

.card-wrapper .card-face[data-aspect-ratio="auto"] img {
        position: relative;
      }

.card-wrapper .card-face img {
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      position: absolute;
      object-fit: cover;
      object-position: center;
    }

.card-wrapper .badges-container {
    position: absolute;
    padding: var(--genstore-spacing-vertical-300) var(--genstore-spacing-horizontal-300);
    display: flex;
    gap: var(--genstore-spacing-gap-300);
    flex-wrap: wrap;
  }

.card-wrapper .badges-container.bottom {
      bottom: 0;
    }

.card-wrapper .badges-container.top {
      top: 0;
    }