.collection-card{--collection-card-radius: var(--border-radius-md, 1.6rem);--collection-card-pad: var(--space-md, 1.6rem);--collection-card-gap: var(--space-md, 1.6rem);--collection-card-ratio: 160 / 199;display:flex;flex-direction:column;gap:var(--collection-card-gap);width:100%;height:100%;color:rgb(var(--color-foreground))}.collection-card--radius-xs{--collection-card-radius: var(--border-radius-xs, .4rem)}.collection-card--radius-sm{--collection-card-radius: var(--border-radius-sm, .8rem)}.collection-card--radius-md{--collection-card-radius: var(--border-radius-md, 1.6rem)}.collection-card--radius-lg{--collection-card-radius: var(--border-radius-lg, 2.4rem)}.collection-card--ratio-portrait{--collection-card-ratio: 160 / 199}.collection-card--ratio-square{--collection-card-ratio: 1 / 1}.collection-card--ratio-landscape{--collection-card-ratio: 4 / 3}.collection-card__link{display:flex;flex-direction:column;flex:1 1 auto;gap:var(--space-md, 1.6rem);text-decoration:none;color:inherit;min-height:0}.collection-card__media{position:relative;width:100%;aspect-ratio:var(--collection-card-ratio);border-radius:var(--collection-card-radius);overflow:hidden}.collection-card__media picture,.collection-card__media .placeholder-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.collection-card__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform var(--transition-base, .3s ease)}.collection-card__link:hover .collection-card__image{transform:scale(1.03)}.collection-card__title{margin:0;color:rgb(var(--color-heading));font-size:var(--section-card-title-font-size-mobile, var(--collection-card-title-size-mobile, var(--font-size-title-sm)));font-weight:var(--section-card-title-font-weight, var(--collection-card-title-weight, var(--font-weight-semibold)));line-height:1.3}@media(min-width:768px){.collection-card__title{font-size:var(--section-card-title-font-size-desktop, var(--collection-card-title-size-desktop, var(--font-size-title-sm)))}}.collection-card__title--above{text-align:center;min-height:1.5em;max-height:1.5em;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}.collection-card--align-left .collection-card__title--above{text-align:left}.collection-card--align-right .collection-card__title--above{text-align:right}.collection-card__content{display:flex;flex-direction:column;gap:var(--space-xs, .4rem)}.collection-card__content--below{align-items:center;text-align:center}.collection-card--align-left .collection-card__content--below{align-items:flex-start;text-align:left}.collection-card--align-right .collection-card__content--below{align-items:flex-end;text-align:right}.collection-card__content--overlay{position:absolute;z-index:1;inset:auto;display:flex;flex-direction:column;gap:var(--space-xs, .4rem);max-width:calc(100% - (var(--collection-card-pad) * 2));padding:0;pointer-events:none}.collection-card__content--overlay .collection-card__title,.collection-card__content--overlay .collection-card__cta,.collection-card__content--overlay .collection-card__badge{pointer-events:auto}.collection-card--content-top-left .collection-card__content--overlay{top:var(--collection-card-pad);left:var(--collection-card-pad);align-items:flex-start;text-align:left}.collection-card--content-top-center .collection-card__content--overlay{top:var(--collection-card-pad);left:50%;transform:translate(-50%);align-items:center;text-align:center}.collection-card--content-top-right .collection-card__content--overlay{top:var(--collection-card-pad);right:var(--collection-card-pad);align-items:flex-end;text-align:right}.collection-card--content-middle-left .collection-card__content--overlay{top:50%;left:var(--collection-card-pad);transform:translateY(-50%);align-items:flex-start;text-align:left}.collection-card--content-middle-center .collection-card__content--overlay{top:50%;left:50%;transform:translate(-50%,-50%);align-items:center;text-align:center}.collection-card--content-middle-right .collection-card__content--overlay{top:50%;right:var(--collection-card-pad);transform:translateY(-50%);align-items:flex-end;text-align:right}.collection-card--content-bottom-left .collection-card__content--overlay{bottom:var(--collection-card-pad);left:var(--collection-card-pad);align-items:flex-start;text-align:left}.collection-card--content-bottom-center .collection-card__content--overlay{bottom:var(--collection-card-pad);left:50%;transform:translate(-50%);align-items:center;text-align:center}.collection-card--content-bottom-right .collection-card__content--overlay{bottom:var(--collection-card-pad);right:var(--collection-card-pad);align-items:flex-end;text-align:right}.collection-card--contrast-light .collection-card__content--overlay .collection-card__title,.collection-card--contrast-light .collection-card__content--overlay .collection-card__cta--text{color:rgb(var(--color-text-inverse, 255, 255, 255))}.collection-card--contrast-dark .collection-card__content--overlay .collection-card__title,.collection-card--contrast-dark .collection-card__content--overlay .collection-card__cta--text{color:rgb(var(--color-heading))}.collection-card__cta--text{font-size:var(--font-size-caption, 1.2rem);line-height:1.4;text-decoration:none}.collection-card__cta--button{pointer-events:auto;white-space:nowrap}.collection-card__badge{position:absolute;top:var(--section-card-badge-top-mobile, 12px);left:var(--section-card-badge-left-mobile, 12px);z-index:2;display:inline-flex;align-items:center;padding:6px 12px;border-radius:var(--border-radius-full, 999px);background-color:var(--card-badge-bg, #000);color:var(--card-badge-color, #fff);font-size:var(--section-card-badge-font-size-mobile, 10px);font-weight:var(--font-weight-semibold, 600);line-height:1.4;white-space:nowrap;pointer-events:none}@media(min-width:768px){.collection-card__badge{top:var(--section-card-badge-top-desktop, 16px);left:var(--section-card-badge-left-desktop, 16px);font-size:var(--section-card-badge-font-size-desktop, 12px)}}.collection-card--layout-title-above{gap:var(--collection-card-gap)}.collection-card--layout-title-above .collection-card__link{gap:0;flex:1 1 auto}.collection-card--layout-title-above .collection-card__title--above{color:rgb(var(--color-heading));flex:0 0 auto}@media(prefers-reduced-motion:reduce){.collection-card__image{transition:none}.collection-card__link:hover .collection-card__image{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/1277/assets/component-collection-card.css.map */