.product-card{display:flex;min-width:0;height:100%;overflow:hidden;border:var(--border-width-hairline) solid var(--color-border);background:var(--color-background);flex-direction:column;transition:border-color var(--motion-duration-fast) ease,box-shadow var(--motion-duration-standard) var(--motion-ease-standard)}.product-card a:not(.button){color:inherit;text-decoration:none}.product-card__media-shell{position:relative;flex:none;overflow:hidden;background:var(--product-card-media-background, var(--color-surface-soft))}.product-card__media-viewport{width:100%;overflow-x:auto;overflow-y:hidden;background:var(--product-card-media-background, var(--color-surface-soft));scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none}.product-card--has-media-slider .product-card__media-viewport{cursor:grab}.product-card__media-viewport::-webkit-scrollbar{display:none}.product-card__media-viewport.is-dragging{cursor:grabbing;scroll-behavior:auto;-webkit-user-select:none;user-select:none}.product-card__media-track{display:flex;width:100%}.product-card__media-slide{position:relative;display:block;min-width:100%;overflow:hidden;background:var(--product-card-media-background, var(--color-surface-soft));scroll-snap-align:start;scroll-snap-stop:always}.product-card__media-slide--mobile-only{display:none}.product-card__media-slide picture{display:block}.product-card__image{display:block;width:100%;height:auto;aspect-ratio:4 / 5;object-fit:var(--product-card-image-fit, cover)}.product-card__variant-image{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;opacity:0;transition:opacity var(--motion-duration-standard) var(--motion-ease-standard)}.product-card__variant-image[hidden]{display:none}.product-card__variant-image.is-visible{opacity:1}.product-card__video{object-fit:cover;pointer-events:none}.product-card__split-image{display:none}.product-card--portrait-9-16 .product-card__image{aspect-ratio:9 / 16}.product-card--square .product-card__image{aspect-ratio:1}.product-card--landscape .product-card__image{aspect-ratio:4 / 3}.product-card--natural .product-card__image{aspect-ratio:auto}.product-card__placeholder{color:var(--color-muted)}.product-card__media-progress{position:absolute;z-index:4;bottom:10px;left:50%;display:flex;width:auto;height:24px;padding:0;background:transparent;color:#fff;align-items:center;justify-content:center;gap:4px;filter:drop-shadow(0 1px 3px rgba(0,0,0,.35));transform:translate(-50%)}.product-card--cta-icon .product-card__media-progress{width:auto}.product-card__media-progress-step{position:relative;width:8px;min-width:8px;height:18px;padding:0;border:0;background:transparent;flex:0 0 8px;cursor:pointer}.product-card__media-progress-step:after{position:absolute;top:50%;left:50%;width:3px;height:3px;border-radius:50%;background:currentcolor;content:"";opacity:.35;transition:opacity var(--motion-duration-fast) ease,transform var(--motion-duration-fast) var(--motion-ease-standard);transform:translate(-50%,-50%)}.product-card__media-progress-step[aria-current=true]:after{opacity:1;transform:translate(-50%,-50%) scale(1.1)}.product-card__media-progress-step:focus-visible{outline:var(--border-width-default) solid currentcolor;outline-offset:1px}.product-card__media-progress--split{display:none}.product-card__media-arrow{position:absolute;z-index:4;top:50%;display:grid;width:28px;height:40px;padding:0;border:0;background:transparent;color:var(--color-background);opacity:0;place-items:center;cursor:pointer;filter:drop-shadow(0 1px 4px color-mix(in srgb,var(--color-foreground) 58%,transparent));pointer-events:none;transition:opacity var(--motion-duration-standard) ease,transform var(--motion-duration-standard) var(--motion-ease-standard)}.product-card__media-arrow--previous{left:5px;transform:translate(-5px,-50%)}.product-card__media-arrow--next{right:5px;transform:translate(5px,-50%)}.product-card__media-shell:focus-within .product-card__media-arrow,.product-card__media-arrow:focus-visible{opacity:.88;pointer-events:auto;transform:translateY(-50%)}.product-card__media-arrow:hover,.product-card__media-arrow:focus-visible{opacity:1}.product-card__media-arrow--previous:hover{transform:translate(-2px,-50%)}.product-card__media-arrow--next:hover{transform:translate(2px,-50%)}.product-card__media-arrow:focus-visible{outline:var(--border-width-default) solid currentcolor;outline-offset:-3px}.product-card__media-action-form{position:absolute;z-index:6;right:var(--space-3);bottom:var(--space-3);margin:0}.product-card--has-media-slider .product-card__media-action-form{bottom:calc(var(--space-3) + 10px)}.product-card__media-action{position:absolute;z-index:6;right:var(--space-3);bottom:var(--space-3);display:grid;width:42px;height:42px;padding:0;border:0;background:var(--color-foreground);color:#fff;place-items:center;cursor:pointer;text-decoration:none;transition:opacity var(--motion-duration-fast) ease,transform var(--motion-duration-standard) var(--motion-ease-standard)}.product-card a.product-card__media-action,.product-card button.product-card__media-action{color:#fff}.product-card__media-action-form .product-card__media-action{position:relative}.product-card--has-media-slider>.product-card__media-shell>.product-card__media-action{bottom:calc(var(--space-3) + 10px)}.product-card__media-action:hover,.product-card__media-action:focus-visible{opacity:1;transform:none}.product-card__media-action:focus-visible{outline:var(--border-width-default) solid var(--color-background);outline-offset:-4px}.product-card__media-action .icon{width:18px;height:18px;opacity:1;transform:scale(1);transition:opacity .16s ease,transform .24s cubic-bezier(.22,1,.36,1)}.product-card__media-action:before,.product-card__media-action:after{position:absolute;z-index:2;top:50%;left:50%;width:14px;height:1.5px;background:currentcolor;content:"";opacity:0;transform:translate(-50%,-50%) scale(.5);transition:opacity .16s ease,transform .26s cubic-bezier(.22,1,.36,1);pointer-events:none}.product-card__media-action:after{transform:translate(-50%,-50%) rotate(90deg) scale(.5)}.product-card__media-action:is(:hover,:focus-visible) .icon{opacity:0;transform:scale(.55)}.product-card__media-action:is(:hover,:focus-visible):before{opacity:1;transform:translate(-50%,-50%) scale(1)}.product-card__media-action:is(:hover,:focus-visible):after{opacity:1;transform:translate(-50%,-50%) rotate(90deg) scale(1)}.product-card__pairing-action{position:absolute;z-index:7;top:var(--space-3);right:var(--space-3);display:inline-flex;min-width:36px;min-height:36px;padding:0 10px;border:var(--border-width-hairline) solid color-mix(in srgb,var(--color-foreground) 12%,transparent);background:color-mix(in srgb,var(--color-background) 90%,transparent);color:var(--color-foreground);align-items:center;justify-content:center;gap:0;cursor:pointer;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:background-color var(--motion-duration-fast) ease,color var(--motion-duration-fast) ease,gap var(--motion-duration-standard) var(--motion-ease-standard),transform var(--motion-duration-standard) var(--motion-ease-standard)}.product-card__pairing-action[data-pairing-state=pending]{visibility:hidden;opacity:0;pointer-events:none}.product-card__pairing-action[data-pairing-state=loading]{opacity:.56;pointer-events:none}.product-card__pairing-action .icon{width:16px;height:16px;flex:none}.product-card__pairing-label{max-width:0;overflow:hidden;opacity:0;font-size:var(--type-caption-size);line-height:var(--type-caption-line-height);white-space:nowrap;transition:max-width var(--motion-duration-standard) var(--motion-ease-standard),opacity var(--motion-duration-fast) ease}.product-card__pairing-action:hover,.product-card__pairing-action:focus-visible{background:var(--color-foreground);color:var(--color-background);gap:var(--space-2);transform:translateY(-1px)}.product-card__pairing-action:hover .product-card__pairing-label,.product-card__pairing-action:focus-visible .product-card__pairing-label{max-width:92px;opacity:1}.product-card__pairing-action:focus-visible{outline:var(--border-width-default) solid var(--color-background);outline-offset:-3px}.product-card--borderless{border:0}.product-card--borderless .product-card__content{padding:0;margin-top:var(--space-3)}.product-card--horizontal.product-card--borderless .product-card__content{margin:0 0 0 var(--space-3)}.product-card--badges-vertical .product-badges--overlay{top:8px;left:8px;max-width:none;flex-wrap:nowrap;transform:rotate(90deg) translateY(-100%);transform-origin:top left}.product-card--badges-flush .product-badges--overlay{top:0;left:0;max-width:100%}.product-card--badges-bottom .product-badges--overlay{top:auto;right:0;bottom:0;left:0;width:100%;max-width:none;flex-wrap:nowrap;gap:0}.product-card--badges-bottom .product-badges--overlay .badge{min-width:0;min-height:14px;padding:2px 4px;flex:1 1 50%;overflow:hidden;border-inline-end:var(--border-width-hairline) solid color-mix(in srgb,currentcolor 20%,transparent);font-size:var(--type-micro-size);line-height:var(--type-micro-line-height);text-overflow:ellipsis}.product-card--badges-bottom .product-badges--overlay .badge:last-child{border-inline-end:0}.product-card--badges-bottom .product-card__media-progress{bottom:28px}.product-card__content{display:flex;min-height:0;padding:var(--space-4);flex:1 1 auto;flex-direction:column;gap:var(--space-4)}.product-card__information{display:grid;align-content:start;gap:var(--space-2)}.product-card__vendor{margin:0;color:var(--color-muted);font-size:var(--type-caption-size);font-weight:var(--type-caption-weight);line-height:var(--type-caption-line-height);letter-spacing:var(--type-caption-letter-spacing);text-transform:var(--type-caption-transform)}.product-card__heading-row{display:grid;min-width:0;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:var(--space-3)}.product-card__title{display:-webkit-box;font-family:var(--font-primary--family);margin:0;overflow:hidden;font-size:var(--type-title-small-size);font-weight:600;line-height:var(--type-title-small-line-height);letter-spacing:var(--type-title-small-letter-spacing);text-transform:var(--type-title-small-transform);-webkit-box-orient:vertical;-webkit-line-clamp:2}.product-card__title a{transition:opacity var(--motion-duration-fast) ease}.product-card__title a:hover,.product-card__title a:focus-visible{opacity:.58}.product-card__editorial{display:grid;gap:var(--space-3)}.product-card__description{margin:0;color:var(--color-muted);font-size:var(--type-body-small-size);font-weight:var(--type-body-weight);line-height:var(--type-body-small-line-height)}.product-card__benefits{display:flex;margin:0;padding:0;flex-wrap:wrap;align-items:start;gap:var(--space-2) var(--space-3);list-style:none}.product-card__benefits li{display:inline-flex;min-width:0;max-width:100%;color:color-mix(in srgb,var(--color-foreground) 78%,transparent);flex:0 0 auto;align-items:center;gap:var(--space-1);font-size:var(--type-caption-size);line-height:var(--type-caption-line-height)}.product-card__benefits li span{min-width:0;white-space:normal;overflow-wrap:anywhere}.product-card__benefits .icon{flex:none}.product-card__metadata{display:flex;margin:0;flex-wrap:wrap;color:var(--color-muted);font-size:var(--type-caption-size);font-weight:var(--type-body-weight);line-height:var(--type-caption-line-height);row-gap:var(--space-1)}.product-card__metadata span{display:inline-flex;align-items:center}.product-card__metadata span:not(:last-child):after{margin-inline:var(--space-2);content:"\b7"}.product-card__variant-action-row{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:var(--space-3)}.product-card__variant-action-row>.product-card__variants{flex:1 1 auto}.product-card__variants{display:flex;min-width:0;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-4)}.product-card__inline-form{position:relative;display:flex;flex:none;margin:0 0 0 auto;align-items:center}.product-card__inline-add{min-width:0;padding:2px 0;border:0;background:transparent;color:var(--color-foreground);font:inherit;font-size:var(--type-caption-size);font-weight:var(--type-weight-medium);line-height:var(--type-caption-line-height);white-space:nowrap;cursor:pointer;transition:opacity var(--motion-duration-fast) ease}.product-card__inline-add:is(:hover,:focus-visible){opacity:.55}.product-card__inline-add:focus-visible{outline:var(--border-width-default) solid currentcolor;outline-offset:3px}.product-card__inline-add:disabled{color:var(--color-muted);opacity:.45;cursor:not-allowed}.product-card__error--inline{position:absolute;top:100%;right:0;width:max-content;max-width:180px;margin-top:4px;text-align:right}.product-card__variant-colors,.product-card__variant-sizes{display:inline-flex;min-width:0;align-items:center;gap:6px}.product-card__variant-color{display:block;width:15px;height:15px;border:2px solid var(--color-background);border-radius:50%;background-color:var(--product-card-swatch-color, var(--color-border));background-image:var(--product-card-swatch-image, none);background-position:center;background-size:cover;box-shadow:0 0 0 var(--border-width-hairline) var(--color-border);flex:none}.product-card__variant-color,.product-card__variant-size,.product-card__variant-hob{cursor:pointer}.product-card__variant-color[aria-pressed=true]{box-shadow:0 0 0 1.5px var(--color-foreground)}.product-card__variant-size,.product-card__variant-hob{padding:2px 0;border:0;background:transparent;color:var(--color-muted);font:inherit;font-size:var(--type-caption-size);line-height:var(--type-caption-line-height);white-space:nowrap;transition:color var(--motion-duration-fast) ease,opacity var(--motion-duration-fast) ease}.product-card__variant-size[aria-pressed=true],.product-card__variant-hob[aria-pressed=true]{color:var(--color-foreground);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}.product-card__variant-hobs{display:flex;width:100%;min-width:0;overflow-x:auto;align-items:center;gap:var(--space-3);scrollbar-width:none}.product-card__variant-hobs::-webkit-scrollbar{display:none}.product-card__variant-hob{display:inline-flex;align-items:center;gap:4px}.product-card__variant-hob .icon{width:14px;min-width:14px;height:14px}.product-card__variant-size:is(:hover,:focus-visible),.product-card__variant-hob:is(:hover,:focus-visible){color:var(--color-foreground)}.product-card__variant-color:focus-visible,.product-card__variant-size:focus-visible,.product-card__variant-hob:focus-visible{outline:var(--border-width-default) solid var(--color-foreground);outline-offset:3px}.product-card__variant-more{color:var(--color-muted);font-size:var(--type-micro-size);line-height:var(--type-micro-line-height);white-space:nowrap}.product-card__actions{margin-top:auto}.product-card__form{width:100%}.product-card__cta.button{width:100%;min-width:0;min-height:var(--control-height-default);padding-inline:var(--space-4);justify-content:flex-start}.product-card__cta .icon{width:18px;min-width:18px;height:18px}.product-card__cta .button__separator{display:none}.product-card__cta .button__prices{margin-left:auto;padding-left:var(--space-3);border-left:var(--border-width-hairline) solid currentcolor}.product-card__cta .button__price{order:1}.product-card__cta .button__compare-price{order:2}.product-card__error{margin:var(--space-2) 0 0;color:var(--color-critical);font-size:var(--type-caption-size);line-height:var(--type-caption-line-height);text-align:center}.product-card__price{display:inline-flex;font-family:var(--font-primary--family);margin:0;color:var(--color-foreground);align-items:baseline;gap:var(--space-1);font-size:var(--type-body-small-size);font-weight:var(--type-weight-medium);line-height:var(--type-body-small-line-height);white-space:nowrap}.product-card__price s{color:var(--color-muted);font-size:var(--type-caption-size);font-weight:var(--type-body-weight)}.product-card--horizontal{display:grid;grid-template-columns:minmax(96px,34%) minmax(0,1fr);align-items:stretch}.product-card--horizontal .product-card__media-shell{height:100%}.product-card--horizontal .product-card__media-viewport,.product-card--horizontal .product-card__media-track,.product-card--horizontal .product-card__media-slide,.product-card--horizontal .product-card__image{height:100%;min-height:164px}.product-card--horizontal .product-card__content{padding:var(--space-3);gap:var(--space-3)}.product-card--horizontal .product-card__editorial{display:none}.product-card--horizontal .product-card__cta.button{min-height:var(--control-height-small);padding:var(--space-2)}.product-card--horizontal .product-card__cta .button__label,.product-card--horizontal .product-card__cta .button__compare-price{display:none}@media(hover:hover)and (pointer:fine){.product-card:hover{border-color:color-mix(in srgb,var(--color-foreground) 28%,transparent);box-shadow:var(--shadow-subtle)}.product-card--borderless:hover{box-shadow:none}.product-card__media-shell:hover .product-card__media-arrow{opacity:.88;pointer-events:auto;transform:translateY(-50%)}}@media(max-width:749px){.product-card--mobile-split .product-card__video{display:none}.product-card--mobile-split .product-card__split-image{display:block}.product-card--mobile-slider-disabled .product-card__media-viewport{overflow:hidden;cursor:pointer;scroll-snap-type:none}.product-card--mobile-slider-disabled:not(.product-card--mobile-split) .product-card__media-slide:not(:first-child),.product-card--mobile-slider-disabled.product-card--mobile-split .product-card__media-slide:nth-child(n+3),.product-card--mobile-slider-disabled .product-card__media-progress,.product-card--mobile-slider-disabled .product-card__media-arrow{display:none}.product-card--mobile-split .product-card__media-track{gap:var(--product-card-mobile-split-gap, 1px)}.product-card--mobile-split .product-card__media-slide{display:block;min-width:calc((100% - var(--product-card-mobile-split-gap, 1px)) / 2);scroll-snap-align:none}.product-card--mobile-split .product-card__media-slide:nth-child(odd){scroll-snap-align:start}.product-card--mobile-split .product-card__media-slide--mobile-hidden,.product-card--mobile-split .product-card__media-progress--single{display:none}.product-card--mobile-split .product-card__media-progress--split{display:flex}.product-card__media-arrow{display:none}.product-card__content{padding:10px 8px 8px;gap:var(--space-3)}.product-card--borderless .product-card__content{padding:0;margin-top:8px}.product-card--horizontal.product-card--borderless .product-card__content{margin:0 0 0 8px}.product-card__information{gap:6px}.product-card__media-action,.product-card__media-action-form .product-card__media-action{width:36px;height:36px}.product-card__pairing-action{top:8px;right:8px;width:34px;min-width:34px;min-height:34px;padding:0}.product-card__pairing-label{display:none}.product-card__media-action-form,.product-card__media-action{right:8px;bottom:8px}.product-card--has-media-slider .product-card__media-action-form,.product-card--has-media-slider>.product-card__media-shell>.product-card__media-action{bottom:18px}.product-card__variants{gap:6px 10px}.product-card__variant-color{width:13px;height:13px}.product-card__variant-colors,.product-card__variant-sizes{gap:7px}.product-card__variant-hobs{gap:var(--space-2)}.product-card__description{display:none}.product-card__editorial{gap:0}.product-card__benefits{align-items:flex-start;gap:5px}.product-card__benefits li{gap:2px;font-size:var(--type-micro-size);line-height:var(--type-micro-line-height)}.product-card__benefits .icon{width:10px;min-width:10px;height:10px}.product-card__cta.button{min-height:var(--control-height-small);padding:8px 10px;gap:6px}.product-card__cta .button__prices{margin-left:0;padding-left:0;border-left:0}.product-card__cta--quick-add.button{justify-content:center}.product-card__cta--quick-add .button__label,.product-card__cta .button__compare-price{display:none}}@media(prefers-reduced-motion:reduce){.product-card,.product-card__media-viewport,.product-card__media-progress-step:after,.product-card__media-arrow,.product-card__title a,.product-card__pairing-action,.product-card__pairing-label,.product-card__variant-image,.product-card__variant-size,.product-card__variant-hob{transition:none;scroll-behavior:auto}}.product-card__inline-add{font-family:var(--font-primary--family)}.product-card--borderless .product-card__content{margin-top:16px}.product-card__information{gap:10px}.product-card__metadata{line-height:1.5}.product-card__variant-action-row{margin-top:5px;gap:16px}.product-card__variants{padding-left:2px;gap:8px 14px}.product-card__variant-colors{padding:2px 1px;gap:8px;overflow:visible}.product-card__variant-color{width:16px;height:16px;border:2px solid var(--color-background);background-image:none!important;background-color:var(--product-card-swatch-color,#CFC8C0);box-shadow:0 0 0 1px color-mix(in srgb,#3B1C17 28%,transparent)}.product-card__variant-color[aria-pressed=true]{box-shadow:0 0 0 2px #3b1c17}.product-card__variant-sizes{gap:8px}@media(max-width:749px){.product-card--borderless .product-card__content{margin-top:12px}.product-card__information{gap:8px}.product-card__variant-action-row{margin-top:4px;gap:12px}.product-card__variants{padding-left:2px;gap:7px 12px}}.product-badge-link{display:inline-flex;color:inherit;text-decoration:none}.product-badge-link .badge{transition:transform .18s ease,opacity .18s ease}@media(hover:hover)and (pointer:fine){.product-badge-link:hover .badge{transform:translateY(-1px);opacity:.78}}.product-badge-link:focus-visible{outline:1px solid currentColor;outline-offset:2px}@media(max-width:749px){.product-card--horizontal{grid-template-columns:minmax(120px,42%) minmax(0,1fr)}.product-card--horizontal .product-card__content{padding:12px;gap:12px}.featured-collections__rail:has(.product-card--horizontal),.editorial-product-carousel__track:has(.product-card--horizontal){grid-auto-columns:calc((100% - 6px)/1.5)!important}.collection-match__product-rail>*:has(.product-card--horizontal),.product-recommendations__product:has(.product-card--horizontal){flex:0 0 calc((100% - 6px)/1.5)!important}}.product-card a.product-card__inline-add--configure{color:var(--color-foreground);text-decoration:none}.product-card a.product-card__inline-add--configure:is(:hover,:focus-visible){opacity:.55}.product-card__variant-size[aria-pressed=true],.product-card__variant-hob[aria-pressed=true]{color:#3b1c17!important;font-weight:600;text-decoration:none!important;box-shadow:inset 0 -1px #3b1c17}.product-card__variant-size[aria-pressed=true]{padding-bottom:3px}.product-card__media-slide,.product-card__media-slide picture{display:flex;align-items:center;justify-content:center}.product-card__image{object-position:50% 50%!important;margin-inline:auto}.product-card--horizontal .product-card__media-slide,.product-card--horizontal .product-card__media-slide picture{height:100%}.product-card--horizontal{height:auto;min-height:132px;align-items:stretch}.product-card--horizontal .product-card__media-shell,.product-card--horizontal .product-card__media-viewport,.product-card--horizontal .product-card__media-track,.product-card--horizontal .product-card__media-slide{min-height:132px!important;height:100%}.product-card--horizontal .product-card__image{min-height:132px!important;height:100%!important;object-fit:contain!important;object-position:50% 50%!important}.product-card--horizontal .product-card__content{padding:10px 12px;gap:8px;align-self:center}.product-card--horizontal .product-card__information{gap:7px}.product-card--horizontal .product-card__variant-action-row{margin-top:2px}@media(max-width:749px){.product-card--horizontal{min-height:124px}.product-card--horizontal .product-card__media-shell,.product-card--horizontal .product-card__media-viewport,.product-card--horizontal .product-card__media-track,.product-card--horizontal .product-card__media-slide,.product-card--horizontal .product-card__image{min-height:124px!important}.product-card--horizontal .product-card__content{padding:8px 10px;gap:7px}}.product-card--horizontal .product-badges--overlay{gap:3px}.product-card--horizontal .product-badges--overlay .badge{min-height:0;padding:2px 5px;font-size:9px;line-height:1.15;letter-spacing:.02em}.product-card--horizontal.product-card--badges-flush .product-badges--overlay .badge{padding:2px 5px}
/*# sourceMappingURL=/cdn/shop/t/13/assets/component-product-card.css.map */