.lux-card{display:block;position:relative}.lux-card__media-wrap{position:relative}.lux-card__media-link{display:block;text-decoration:none}.lux-card__media{position:relative}.lux-card__media--portrait{aspect-ratio:3 / 4}.lux-card__media--tall{aspect-ratio:2 / 3}.lux-card__media--square{aspect-ratio:1 / 1}.lux-card__media--landscape{aspect-ratio:4 / 3}.lux-card__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.lux-card__media--natural{aspect-ratio:auto}.lux-card__media--natural .lux-card__image--primary,.lux-card__media--natural .lux-card__image--placeholder{position:relative;height:auto}.lux-card__media--natural .lux-card__image--hover{position:absolute;top:0;right:0;bottom:0;left:0;height:100%}.lux-card__image--hover{opacity:0;transition:opacity var(--lux-duration-fast) var(--lux-ease)}@media(hover:hover){.lux-card:hover .lux-card__image--hover{opacity:1}.lux-card:hover .lux-card__image--primary:only-child{transform:scale(1.04)}}.lux-card__image--primary{transition:transform var(--lux-duration) var(--lux-ease-image)}.lux-card__badge{position:absolute;top:var(--lux-space-3);left:var(--lux-space-3);padding:var(--lux-space-1) var(--lux-space-3);font-family:var(--lux-font-body);font-weight:500;font-size:var(--lux-text-xs);letter-spacing:var(--lux-tracking-wide);text-transform:uppercase;line-height:1.4;border-radius:var(--lux-radius);background:var(--lux-color-background);color:var(--lux-color-text);pointer-events:none;z-index:2}.lux-card__badge--soldout{background:var(--lux-color-surface);color:var(--lux-color-text-secondary)}.lux-card__badge--sale{background:var(--lux-color-accent);color:var(--lux-color-accent-contrast)}.lux-card__quick-form{margin:0}.lux-card__quick-add{position:absolute;left:var(--lux-space-3);right:var(--lux-space-3);bottom:var(--lux-space-3);display:flex;align-items:center;justify-content:center;min-height:44px;padding:var(--lux-space-2) var(--lux-space-4);font-family:var(--lux-font-body);font-weight:500;font-size:var(--lux-text-xs);letter-spacing:var(--lux-tracking-wide);text-transform:uppercase;text-align:center;text-decoration:none;cursor:pointer;border:0;border-radius:var(--lux-radius);background:var(--lux-color-background);color:var(--lux-color-text);box-shadow:var(--lux-shadow-soft);transition:background-color var(--lux-duration-fast) var(--lux-ease),color var(--lux-duration-fast) var(--lux-ease),opacity var(--lux-duration-fast) var(--lux-ease),transform var(--lux-duration-fast) var(--lux-ease)}.lux-card__quick-add:hover{background:var(--lux-color-accent);color:var(--lux-color-accent-contrast)}.lux-card__quick-add:focus-visible{outline:2px solid var(--lux-color-accent);outline-offset:2px}@media(hover:hover){.lux-card__quick-add{opacity:0;transform:translateY(8px)}.lux-card:hover .lux-card__quick-add,.lux-card:focus-within .lux-card__quick-add{opacity:1;transform:none}}.lux-card__quick-add[data-state=loading]{opacity:.7;pointer-events:none}.lux-card__quick-add[data-state=added]{background:var(--lux-color-accent);color:var(--lux-color-accent-contrast);pointer-events:none}.lux-card__info{padding-top:var(--lux-space-4);text-align:left}.lux-card__vendor{font-family:var(--lux-font-body);font-weight:500;font-size:var(--lux-text-xs);letter-spacing:var(--lux-tracking-wide);text-transform:uppercase;color:var(--lux-color-text-secondary);margin:0 0 var(--lux-space-1)}.lux-card__title{margin:0 0 var(--lux-space-1);font-size:var(--lux-text-sm);font-weight:var(--lux-font-body-weight)}.lux-card__title-link{font-family:var(--lux-font-body);color:var(--lux-color-text);text-decoration:none;transition:color var(--lux-duration-fast) var(--lux-ease)}.lux-card__title-link:hover{color:var(--lux-color-text-secondary)}.lux-card__title-link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.lux-card__quick-add,.lux-card__quick-form{position:absolute;z-index:2}.lux-card__quick-form{inset:auto 0 0 0}.lux-card__quick-form .lux-card__quick-add{position:absolute}.lux-card__price{display:flex;align-items:baseline;gap:var(--lux-space-2);font-family:var(--lux-font-price);font-weight:var(--lux-font-price-weight);font-size:var(--lux-text-price);line-height:1.2}.lux-card__price-current{color:var(--lux-color-text)}.lux-card__price-compare{color:var(--lux-color-text-secondary);font-weight:500;font-size:1rem}@media screen and (max-width:749px){.lux-card__info{text-align:center}.lux-card__price{justify-content:center}}@media(prefers-reduced-motion:reduce){.lux-card__image--hover,.lux-card__image--primary,.lux-card__quick-add,.lux-card__title-link{transition:none!important;transform:none!important}}.lux-card__variants{position:absolute;left:0;right:0;bottom:0;z-index:3;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:var(--lux-space-3);padding:var(--lux-space-3) var(--lux-space-3);background:color-mix(in srgb,var(--lux-color-background) 94%,transparent);opacity:0;transform:translateY(8px);transition:opacity var(--lux-duration-fast) var(--lux-ease),transform var(--lux-duration-fast) var(--lux-ease)}@media(hover:hover){.lux-card__variants{opacity:0;transform:translateY(8px);transition:opacity var(--lux-duration-fast) var(--lux-ease),transform var(--lux-duration-fast) var(--lux-ease)}.lux-card:hover .lux-card__variants,.lux-card:focus-within .lux-card__variants{opacity:1;transform:none}}.lux-card__variant{font-family:var(--lux-font-body);font-size:var(--lux-text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--lux-color-text);border:unset;background-color:unset;padding:5px;cursor:pointer}.lux-card__variant:hover,.lux-card__variant:focus-visible{background:var(--lux-color-accent);color:var(--lux-color-accent-contrast);border-color:transparent;outline:none}.lux-card__variant--soldout{opacity:.4;cursor:not-allowed;text-decoration:line-through}.lux-card__variant[data-state=loading]{opacity:.6;pointer-events:none}.lux-card__variant-status{flex-basis:100%;text-align:center;font-size:var(--lux-text-xs);color:var(--lux-color-text-secondary);min-height:0}.lux-card__variant-status:empty{display:none}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-lux-product-card.css.map */