.product-card{--product-card-pad: 8px;--product-card-image-inset: 16px;--product-card-swatch-size: 20px;--product-card-cta-height: 40px;--product-card-lift: -2px;--product-card-highlight: linear-gradient(rgba(255, 255, 255, .35), transparent 40%);--product-card-cutout-shadow: drop-shadow(0 12px 12px rgba(40, 25, 15, .14)) drop-shadow(0 2px 2px rgba(40, 25, 15, .08));--product-card-swatch-ring: rgba(16, 33, 43, .14);min-width:0}.product-card>fl-product-card{position:relative;display:flex;flex-direction:column;height:100%;padding:var(--product-card-pad);border-radius:var(--radius-lg);background:var(--color-paper);box-shadow:var(--shadow-soft);transition:transform var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out)}.product-card>fl-product-card:hover{transform:translateY(var(--product-card-lift));box-shadow:var(--shadow-soft-hover)}.product-card-visual{position:relative}.product-card-main{display:block;color:inherit}.product-card-media{position:relative;display:block;aspect-ratio:4 / 5;overflow:hidden;border-radius:var(--radius-md);background:var(--color-card-well)}.product-card-media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--product-card-highlight);pointer-events:none}.product-card-media img{position:absolute;inset:var(--product-card-image-inset);width:calc(100% - 2 * var(--product-card-image-inset));height:calc(100% - 2 * var(--product-card-image-inset));object-fit:contain;object-position:center!important;filter:var(--product-card-cutout-shadow);transition:transform var(--duration-base) var(--ease-out)}.product-card>fl-product-card:hover .product-card-media img{transform:scale(1.03)}.product-card-placeholder{display:grid;height:100%;place-items:center;color:var(--color-ink-soft);font-size:var(--text-14)}.product-card-badge{position:absolute;top:var(--space-4);left:var(--space-4);z-index:1}.product-card-personalize{display:none}@media(hover:none),(pointer:coarse){.product-card-visual{display:contents}.product-card-main{position:relative}.product-card-copy{order:1}.product-card-personalize{--product-card-touch-cta: 40px;order:2;display:flex;margin-top:auto;align-items:center;justify-content:center;min-height:var(--product-card-touch-cta);margin-right:var(--space-2);margin-bottom:var(--space-2);margin-left:var(--space-2);border:1px solid var(--color-brand);border-radius:var(--radius-pill);color:var(--color-brand);font-size:var(--text-14);font-weight:600}}@media(hover:hover)and (pointer:fine){.product-card-personalize{position:absolute;right:var(--space-4);bottom:var(--space-4);left:var(--space-4);z-index:2;display:flex;align-items:center;justify-content:center;height:var(--product-card-cta-height);border-radius:var(--radius-pill);background:var(--color-brand);color:var(--color-paper);font-size:var(--text-14);font-weight:600;opacity:0;transform:translateY(var(--space-2));transition:opacity var(--duration-base) var(--ease-out),transform var(--duration-base) var(--ease-out),background-color var(--duration-base) var(--ease-out)}.product-card>fl-product-card:hover .product-card-personalize,.product-card>fl-product-card:focus-within .product-card-personalize{opacity:1;transform:none}.product-card-personalize:hover{background:var(--color-brand-dark);color:var(--color-paper)}}.product-card-copy{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4) var(--space-2) var(--space-2)}.product-card-row{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-1)}.product-card-title{display:-webkit-box;overflow:hidden;color:var(--color-ink);font-family:var(--font-interface);font-size:var(--text-14);font-weight:600;line-height:1.35;min-height:2.7em;-webkit-line-clamp:2;-webkit-box-orient:vertical}.product-card-price{color:var(--color-ink);font-size:var(--text-14);font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.product-card-meta{color:var(--color-ink-faint);font-size:var(--text-14);line-height:1.3}.product-card-availability{color:var(--color-brand);font-size:var(--text-12);font-weight:600}.product-card-swatches{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);min-height:var(--product-card-swatch-size);margin-top:var(--space-2)}.product-card-swatch{display:grid;place-items:center;width:var(--product-card-swatch-size);height:var(--product-card-swatch-size);flex:none;border-radius:var(--radius-pill);transition:transform var(--duration-fast) var(--ease-out)}.product-card-swatch:hover{transform:scale(1.1)}.product-card-swatch:focus-visible{outline:2px solid var(--color-brand);outline-offset:3px}.product-card-swatch-dot,.product-card-swatch-image{display:block;width:100%;height:100%;border-radius:var(--radius-pill);box-shadow:inset 0 0 0 1px var(--product-card-swatch-ring)}.product-card-swatch-dot{background:var(--product-card-swatch-color)}.product-card-swatch-image{object-fit:cover}.product-card-swatch[data-selected] .product-card-swatch-dot,.product-card-swatch[data-selected] .product-card-swatch-image{box-shadow:inset 0 0 0 1px var(--product-card-swatch-ring),var(--shadow-focus)}.product-card-swatch--label{width:fit-content;height:auto;min-height:var(--product-card-swatch-size);padding:0 var(--space-2);border:1px solid var(--color-border)}.product-card-swatch--label[data-selected]{border-color:var(--color-ink)}.product-card-swatch-label{font-size:var(--text-12);font-weight:600;line-height:1.15}.product-card-swatch--unavailable{cursor:not-allowed;opacity:.42}.product-card-swatch-more{color:var(--color-ink-faint);font-size:var(--text-12);font-weight:500}.product-card-swatches>.product-card-swatch:nth-of-type(n+5),.product-card-swatch-more--wide{display:none}@media(min-width:640px){.product-card-swatches>.product-card-swatch:nth-of-type(n+5),.product-card-swatch-more--wide{display:grid}.product-card-swatch-more--phone{display:none}.product-card{--product-card-image-inset: 24px;--product-card-swatch-size: 24px}.product-card-row{flex-direction:row;align-items:baseline;justify-content:space-between;gap:var(--space-4)}.product-card-title,.product-card-price{font-size:var(--text-16)}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-product-card.css.map */