.card-product{--card-inset: .5rem;--card-radius: var(--radius-card, 16px);--card-well: color-mix(in srgb, var(--color-ink) 4%, var(--color-background));--card-border: color-mix(in srgb, var(--color-ink) 9%, var(--color-background));--card-stock-low: #b54708;container:card-product / inline-size;position:relative;display:flex;flex-direction:column;width:100%;min-width:0;height:100%;padding:var(--card-inset);border:1px solid var(--card-border);border-radius:var(--card-radius);background-color:var(--color-background);color:var(--color-ink);text-align:start;transition:box-shadow var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out),translate var(--duration-base) var(--ease-out)}@media(hover:hover){.card-product:hover{border-color:transparent;box-shadow:0 14px 32px -12px color-mix(in srgb,var(--color-ink) 28%,transparent),0 2px 6px color-mix(in srgb,var(--color-ink) 6%,transparent)}}@media(hover:hover)and (prefers-reduced-motion:no-preference){.card-product:hover{translate:0 -3px}}@media(hover:hover){html.a11y-no-motion .card-product:hover{translate:none}}.card-product__media{position:relative;display:grid;place-items:center;aspect-ratio:var(--card-image-ratio, 1 / 1);overflow:hidden;border-radius:max(calc(var(--card-radius) - var(--card-inset)),4px);background-color:var(--card-well);isolation:isolate;z-index:2;pointer-events:none}.card-product__img{grid-area:1 / 1;min-width:0;min-height:0;width:100%;height:100%;padding:9%;object-fit:var(--card-image-fit, contain);mix-blend-mode:multiply}.card-product--cover .card-product__img{padding:0;mix-blend-mode:normal}.card-product__img--second{opacity:0;transition:opacity var(--duration-slow) var(--ease-in-out)}@media(hover:hover){.card-product--has-second:hover .card-product__img--second{opacity:1}.card-product--has-second:hover .card-product__img:not(.card-product__img--second){opacity:0}}@media(hover:hover)and (prefers-reduced-motion:no-preference){.card-product__img{transition:transform 1.2s var(--ease-out),opacity var(--duration-slow) var(--ease-in-out)}.card-product:hover .card-product__img{transform:scale(1.06)}}@media(hover:hover){html.a11y-no-motion .card-product:hover .card-product__img{transform:none}}.card-product__placeholder{grid-area:1 / 1;display:grid;place-items:center;width:100%;height:100%}.card-product__placeholder-logo{width:30%;height:auto;max-height:40%;object-fit:contain;opacity:.12}.card-product__placeholder--brand .card-product__placeholder-logo{width:42%;max-height:30%;opacity:.35;filter:grayscale(1);mix-blend-mode:multiply}.card-product__badges{position:absolute;top:.625rem;inset-inline-start:.625rem;z-index:2;pointer-events:none}.card-product__wishlist{position:absolute;top:.375rem;inset-inline-end:.375rem;z-index:3;pointer-events:auto}.card-product__body{display:flex;flex:1 1 auto;flex-direction:column;gap:.3125rem;padding:.875rem .375rem .375rem}.card-product__vendor{overflow:hidden;color:var(--color-muted);font-size:var(--text-xs);font-weight:600;line-height:1.3;letter-spacing:.04em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.card-product__title{display:-webkit-box;min-height:calc(var(--card-title-lines, 2) * 1.35em);margin:0;overflow:hidden;color:var(--color-ink);font-family:var(--font-body-family);font-size:var(--text-lg);font-weight:600;line-height:1.35;text-wrap:pretty;-webkit-box-orient:vertical;-webkit-line-clamp:var(--card-title-lines, 2)}.card-product__link{color:inherit;text-decoration:none}.card-product__link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:inherit}@media(hover:hover){.card-product:hover .card-product__link{color:var(--color-brand-text)}}.card-product__link:focus-visible{outline:none;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.2em}.card-product:has(.card-product__link:focus-visible){outline:2px solid var(--color-focus);outline-offset:-2px}.card-product__swatches{--swatch-size: .875rem;justify-content:flex-start;gap:.375rem;margin-block-start:.125rem}.card-product__footer{display:flex;flex-direction:column;gap:.5rem;margin-block-start:auto;padding-block-start:.625rem}.card-product .price__sold-out{display:none}.card-product__stock{display:inline-flex;align-items:center;gap:.375rem;margin:-.25rem 0 0;color:var(--color-brand-text);font-size:var(--text-xs);font-weight:600;line-height:1.3}.card-product__stock:before{content:"";flex:none;width:.4375rem;height:.4375rem;border-radius:50%;background-color:currentColor;box-shadow:0 0 0 3px color-mix(in srgb,currentColor 18%,transparent)}.card-product__stock--low{color:var(--card-stock-low)}.card-product__actions{position:relative;z-index:2}.card-product__form{display:block}.card-product__button{--button-bg: var(--color-button-accent-bg);--button-text: var(--color-button-accent-text);gap:.5rem;width:100%;min-height:var(--tap-target);padding:0 var(--space-sm);border-radius:var(--radius-button);font-size:var(--text-md);font-weight:700;line-height:1.2}.card-product__button-icon{flex:none}.card-product__button:active,.card-product__button:focus-visible{border-color:var(--button-hover-border);background-color:var(--button-hover-bg);color:var(--button-hover-text)}@media(hover:hover){.card-product__button:hover{border-color:var(--button-hover-border);background-color:var(--button-hover-bg);color:var(--button-hover-text)}}@media(hover:hover){.card-product:hover .card-product__button:not(:disabled){border-color:var(--button-hover-border);background-color:var(--button-hover-bg);color:var(--button-hover-text)}}.card-product__button:disabled{border-color:var(--card-well);background-color:var(--card-well);color:var(--color-muted);opacity:1}@media(hover:hover){.card-product__button:disabled:hover{border-color:var(--card-well);background-color:var(--card-well);color:var(--color-muted);opacity:1}}.card-product__button[aria-busy=true]{color:transparent}.card-product__error{margin-block-start:var(--space-2xs);color:var(--color-error);font-size:var(--text-xs);font-weight:500;line-height:var(--leading-snug)}.card-product--sold-out .card-product__img,.card-product--sold-out .card-product__placeholder{opacity:.55}@container card-product (max-width: 200px){.card-product__img{padding:7%}.card-product__body{gap:.25rem;padding:.625rem .125rem .125rem}.card-product__vendor{font-size:var(--text-2xs)}.card-product__title{font-size:var(--text-sm)}.card-product__footer{gap:.4375rem;padding-block-start:.5rem}.card-product__button{font-size:var(--text-sm)}.card-product__button-icon{display:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-card.css.map */