/* Text with icon */

.product-ev__icontext .svg-wrapper {
    align-self: center;
    fill: rgb(var(--color-foreground));
    width: calc(1.05 * 2rem);
  }
  .product-ev__icontext summary {
    display: flex;
    position: relative;
    line-height: 1;
  }
  .product-ev__icontext .summary__title {
    display: flex;
    flex: 1;
    margin-top: 5px;
    margin-bottom: 5px;
  }
  .product-ev__icontext {
    margin-top: 0;
    margin-bottom: 0;
  }
  .product-ev__icontext.inset-right {
    margin-left: 35px;
  }
  .h4.product-ev__icontext-title {
    margin-bottom: 5px;
    margin-top: 5px;
  }

  /* Badges */
  
.collection-ev__container { display: block; }
.product-ev__badge { width: max-content; display: flex; align-items: center; }
.product-ev__badges { display: flex; line-height: 1; }

.collection-ev__badges { display: flex; line-height: 1; flex-wrap: wrap; }

.collection-ev__container.image_top,
.collection-ev__container.image_bottom {
  position: absolute;
  z-index: 2;
  display: flex;
  flex-wrap: wrap;
  pointer-events: none;
}
.under_image .product-lm__badge {
  position: relative;
}

.collection-ev__container.image_top {
  top: 0px;
  justify-content: flex-start;
}

.collection-ev__container.image_bottom {
  bottom: 0px;
  justify-content: flex-start;
}

.collection-ev__container.under_image {
  flex-wrap: wrap;
  position: relative;
  min-height: 1px;
}
.collection-ev__badges.inline { flex-direction: row; }
.collection-ev__badges.stacked { flex-direction: column; align-items: flex-start; }

.mb0px .product-card__info { padding-top: 0px; }
.mb3px .product-card__info { padding-top: 3px; }
.mb6px .product-card__info { padding-top: 6px; }
.mb10px .product-card__info { padding-top: 10px; }

.mb0px.collection-ev__badges { margin-bottom: 0px; }
.mb3px.collection-ev__badges { margin-bottom: 3px; }
.mb6px.collection-ev__badges { margin-bottom: 6px; }
.mb10px.collection-ev__badges { margin-bottom: 10px; }


.mt-small { margin-top: 2px; }
.mt-medium { margin-top: 4px; }
.mt-large { margin-top: 6px; }
.mt-xlarge { margin-top: 8px; }

.mb-small { margin-bottom: 2px; }
.mb-medium { margin-bottom: 4px; }
.mb-large { margin-bottom: 6px; }
.mb-xlarge { margin-bottom: 8px; }

.gap-small { gap: 2px; }
.gap-medium { gap: 4px; }
.gap-large { gap: 6px; }
.gap-xlarge { gap: 8px; }

.hp-small { padding-left: 5px; padding-right: 5px; }
.hp-medium { padding-left: 10px; padding-right: 10px; }
.hp-large { padding-left: 15px; padding-right: 15px; }
.hp-xlarge { padding-left: 20px; padding-right: 20px; }

.vp-small { padding-top: 1px; padding-bottom: 1px; }
.vp-medium { padding-top: 4px; padding-bottom: 4px; }
.vp-large { padding-top: 6px; padding-bottom: 6px; }
.vp-xlarge { padding-top: 8px; padding-bottom: 8px; }

.fs-xsmall { font-size: 10px; }
.fs-small { font-size: 12px; }
.fs-medium { font-size: 14px; }
.fs-large { font-size: 16px; }
.fs-xlarge { font-size: 18px; }

.ls-xsmall { letter-spacing: -0.05em; }
.ls-small  { letter-spacing: -0.02em; }
.ls-medium { letter-spacing:  0em; }
.ls-large  { letter-spacing:  0.05em; }
.ls-xlarge { letter-spacing:  0.1em; }

.square { border-radius: 0; }
.round { border-radius: 5px; }
.rounder { border-radius: 20px; }

.none { border-width: 0; border-style: solid; }
.thin { border-width: 1px; border-style: solid; }
.thick { border-width: 2px; border-style: solid; }