@layer components{.badges{display:flex;flex-wrap:wrap;gap:var(--space-3xs);margin:0;padding:0;list-style:none}.badge{display:inline-flex;align-items:center;padding:.3125rem var(--space-2xs);font-size:var(--text-2xs);font-weight:500;line-height:1;letter-spacing:var(--tracking-wide);text-transform:uppercase;white-space:nowrap;border-radius:var(--radius-sm);background-color:rgb(var(--color-foreground));color:rgb(var(--color-background))}.badge--sale{background-color:rgb(var(--color-sale));color:#fff}.badge--sold-out{background-color:rgb(var(--color-foreground) / .55);color:rgb(var(--color-background))}.badge--new{background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));box-shadow:inset 0 0 0 1px rgb(var(--color-foreground) / .25)}.badge--low-stock{background-color:rgb(var(--color-warning));color:#fff}.badge--custom{background-color:rgb(var(--color-accent));color:rgb(var(--color-accent-contrast))}.badges[data-badge-limit="1"] li:nth-child(n+2),.badges[data-badge-limit="2"] li:nth-child(n+3),.badges[data-badge-limit="3"] li:nth-child(n+4),.badges[data-badge-limit="4"] li:nth-child(n+5){display:none}.price{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-2xs);font-size:var(--text-base);font-variant-numeric:tabular-nums;line-height:1.3}.price__group{display:inline-flex;align-items:baseline;gap:var(--space-2xs);flex-wrap:wrap}.price__from{font-size:.9em;color:rgb(var(--color-foreground) / .6)}.price__current{font-weight:500}.price__compare{color:rgb(var(--color-foreground) / .45);text-decoration-thickness:1px;font-weight:400}.price--on-sale .price__current{color:rgb(var(--color-sale))}.price__saving{font-size:var(--text-xs);color:rgb(var(--color-sale))}.price__unit,.price__unavailable{width:100%;font-size:var(--text-xs);color:rgb(var(--color-foreground) / .6)}.price--small{font-size:var(--text-sm)}.price--large{font-size:var(--text-lg)}.price--large .price__current{font-weight:500}.rating{display:inline-flex;align-items:center;gap:var(--space-3xs);font-size:var(--text-xs);line-height:1}.rating__link{text-decoration:none}.rating__stars{position:relative;display:inline-block;line-height:0}.rating__stars-empty,.rating__stars-filled{display:flex;gap:.0625rem}.rating__stars-empty{color:rgb(var(--color-foreground) / .28)}.rating__stars-filled{position:absolute;inset-block-start:0;inset-inline-start:0;color:rgb(var(--color-foreground));overflow:hidden;width:var(--rating-fill, 0%)}[dir=rtl] .rating__stars-filled{direction:ltr}.rating svg{width:var(--rating-star-size, .875rem);height:var(--rating-star-size, .875rem)}.rating__value{font-weight:500}.rating__count{color:rgb(var(--color-foreground) / .55)}.rating--small{--rating-star-size: .75rem;font-size:var(--text-2xs)}.rating--large{--rating-star-size: 1.125rem;font-size:var(--text-sm)}.swatch{--swatch-size: 1.375rem;position:relative;display:inline-grid;place-items:center;width:var(--swatch-size);height:var(--swatch-size);border-radius:50%;overflow:hidden;flex-shrink:0;box-shadow:inset 0 0 0 1px rgb(var(--color-foreground) / .18);background-color:rgb(var(--color-foreground) / .04)}.swatch--square{border-radius:var(--radius-sm)}.swatch--small{--swatch-size: 1rem}.swatch--large{--swatch-size: 2.25rem}.swatch--color:after,.swatch--duotone:after,.swatch--image:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit}.swatch--color:after{background-color:var(--swatch-color)}.swatch--image:after{background-image:var(--swatch-image);background-size:cover;background-position:center}.swatch--duotone:after{background-image:linear-gradient(110deg,var(--swatch-color) 0 50%,var(--swatch-color-secondary) 50% 100%)}.swatch__monogram{font-size:calc(var(--swatch-size) * .38);font-weight:500;letter-spacing:0;line-height:1;color:rgb(var(--color-foreground) / .7)}.swatch-list{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3xs)}.swatch-list__more{font-size:var(--text-2xs);color:rgb(var(--color-foreground) / .55);font-variant-numeric:tabular-nums}.product-card{position:relative;display:flex;flex-direction:column;text-align:var(--card-text-align, start);border-radius:var(--radius-card);border:var(--border-width-card) solid rgb(var(--color-foreground) / var(--border-alpha, .16));background-color:transparent;isolation:isolate}.product-card--boxed{padding:var(--space-sm);background-color:rgb(var(--color-background));box-shadow:var(--shadow-sm)}.product-card__media{position:relative;display:block;overflow:hidden;border-radius:var(--radius-media);background-color:color-mix(in srgb,rgb(var(--color-foreground)) 4%,transparent)}.product-card__media .media{border-radius:inherit}.product-card__image{transition:transform var(--duration-slower) var(--ease-out),opacity var(--duration-base) var(--ease-out)}.product-card__image--hover{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:var(--product-card-fit, cover);opacity:0}@media(hover:hover)and (pointer:fine){.product-card:hover .product-card__image--hover{opacity:1}.product-card:hover .product-card__image--primary{opacity:0}.product-card--zoom:hover .product-card__image{transform:scale(1.045)}}.product-card__badges{position:absolute;inset-block-start:var(--space-2xs);inset-inline-start:var(--space-2xs);z-index:2;pointer-events:none}.product-card__wishlist{position:absolute;inset-block-start:var(--space-2xs);inset-inline-end:var(--space-2xs);z-index:2;--button-icon-size: 2.25rem;--icon-size: 1.0625rem;background-color:rgb(var(--color-background) / .85);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:rgb(var(--color-foreground));opacity:1;transition:opacity var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-spring)}.product-card__wishlist[aria-pressed=true]{color:rgb(var(--color-sale))}.icon--heart.icon--filled path{fill:currentColor}.product-card__wishlist:active{transform:scale(.92)}.product-card__quick-add{position:absolute;inset-inline:var(--space-2xs);inset-block-end:var(--space-2xs);z-index:2}.product-card__quick-add .button{box-shadow:var(--shadow-md)}@media(hover:hover)and (pointer:fine){.product-card__quick-add{opacity:0;transform:translateY(.5rem);transition:opacity var(--duration-base) var(--ease-out),transform var(--duration-base) var(--ease-out)}.product-card:hover .product-card__quick-add,.product-card:focus-within .product-card__quick-add{opacity:1;transform:translateY(0)}}.product-card__quick-add--icon{inset-inline-start:auto;inset-block-end:var(--space-2xs);inset-inline-end:var(--space-2xs)}.product-card__content{display:flex;flex-direction:column;gap:var(--space-3xs);padding-block-start:var(--space-sm)}.product-card__vendor{font-size:var(--text-2xs);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:rgb(var(--color-foreground) / .55)}.product-card__title{font-size:var(--text-base);font-weight:400;line-height:var(--leading-snug);letter-spacing:var(--tracking-tight)}.product-card__link,.product-card__media-link{text-decoration:none;color:inherit}.product-card__media-link{display:block}.product-card__link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.product-card:has(.product-card__link:focus-visible){outline:var(--focus-ring-width) solid rgb(var(--color-foreground));outline-offset:var(--focus-ring-offset)}.product-card__link:focus-visible{outline:none}.product-card__wishlist,.product-card__quick-add,.product-card__swatches{position:relative;z-index:2}.product-card__wishlist,.product-card__quick-add{position:absolute}.product-card__subtitle{font-size:var(--text-xs);color:rgb(var(--color-foreground) / .6)}.product-card__price{margin-block-start:var(--space-3xs)}.product-card__swatches{margin-block-start:var(--space-2xs)}.product-card--center{--card-text-align: center}.product-card--center .badges,.product-card--center .price,.product-card--center .rating,.product-card--center .swatch-list{justify-content:center}.product-card--sold-out .product-card__media{opacity:.72}.product-card--list{flex-direction:row;gap:var(--space-md);align-items:flex-start}.product-card--list .product-card__media{flex:0 0 clamp(6rem,22vw,12rem)}.product-card--list .product-card__content{padding-block-start:0;flex:1 1 auto}.product-card--list .product-card__quick-add{position:static;opacity:1;transform:none;margin-block-start:var(--space-sm);max-width:16rem}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/component-product-card.css.map */
