@scope(.noel-page){.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--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;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__variants{display:flex;min-width:0;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-4)}.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;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}}}
/*# sourceMappingURL=/cdn/shop/t/35/assets/noel-component-product-card.css.map */