.card-product{display:flex;flex-direction:column;gap:.75rem;position:relative;text-align:var(--card-text-alignment, left)}.card-product--card{padding:var(--card-image-padding, 0);border:var(--card-border-width, 0) solid rgba(var(--color-foreground),var(--card-border-opacity, .1));border-radius:var(--mb-product-card-radius, var(--card-corner-radius, 0));background:rgb(var(--color-background))}.card-product__media-wrap{position:relative;overflow:hidden;border-radius:var(--mb-product-card-radius, var(--card-corner-radius, 0))}.card-product__media-link{display:block;color:inherit;text-decoration:none}.card-product__media{position:relative;background:rgba(var(--color-foreground),.04);aspect-ratio:3 / 4;overflow:hidden}.card-product__media.media--natural{aspect-ratio:auto}.card-product__media.media--natural .card-product__image--primary{position:relative;height:auto}.card-product__media.media--square{aspect-ratio:1 / 1}.card-product__media.media--landscape{aspect-ratio:4 / 3}.card-product--text-left{--card-text-alignment: left}.card-product--text-center{--card-text-alignment: center}.card-product__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity .28s var(--ease-out),transform .6s var(--ease-out)}.card-product__image--secondary,.card-product--has-second:hover .card-product__image--primary{opacity:0}.card-product--has-second:hover .card-product__image--secondary{opacity:1}@media(prefers-reduced-motion:reduce){.card-product__image{transition:none}}.card-product__badges{position:absolute;top:.75rem;left:.75rem;right:auto;display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;z-index:2;pointer-events:none}[data-badge-position=top-right] .card-product__badges{left:auto;right:.75rem;align-items:flex-end}.card-product__badge{display:inline-block;padding:.25rem .6rem;font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;background:rgb(var(--color-background));color:rgb(var(--color-foreground));border:1px solid rgba(var(--color-foreground),.1);border-radius:2px;pointer-events:auto}.card-product__badge--sale{background:rgb(var(--color-accent));color:rgb(var(--color-on-accent));border-color:transparent}.card-product__badge--soldout{opacity:.85;background:rgba(var(--color-foreground),.9);color:rgb(var(--color-background));border-color:transparent}.card-product__badge--new{background:rgb(var(--color-foreground));color:rgb(var(--color-background));border-color:transparent}.card-product__badge--low-stock{background:#ffefdc;color:#b3591a;border-color:transparent}.card-product__badge--custom{background:rgb(var(--color-background));color:rgb(var(--color-foreground))}@media(max-width:749px){.card-product__badges{top:.5rem;left:.5rem;gap:.2rem}[data-badge-position=top-right] .card-product__badges{left:auto;right:.5rem}.card-product__badge{padding:.15rem .4rem;font-size:.625rem;letter-spacing:.02em}}.card-product__media-wrap{isolation:isolate}.card-product__media-link{position:relative;z-index:1}.card-product__actions{--card-action-height: 2.72rem;--card-action-icon-size: 1.08rem;position:absolute;z-index:12;display:flex;gap:.45rem;pointer-events:none}.card-product__quick-add-form{display:block;margin:0;min-width:0;pointer-events:auto}.card-product__action-btn,.card-product__quick-add-btn{position:relative;z-index:13;display:inline-flex;align-items:center;justify-content:center;height:var(--card-action-height);min-height:var(--card-action-height);min-width:var(--card-action-height);margin:0;padding:0;border:1px solid rgba(var(--color-foreground),.18);border-radius:999px;font-family:inherit;line-height:1;text-decoration:none;white-space:nowrap;appearance:none;-webkit-appearance:none;cursor:pointer;box-shadow:0 12px 28px #00000057;transition:opacity .22s var(--ease-out),transform .22s var(--ease-out),background-color .22s var(--ease-out),color .22s var(--ease-out),border-color .22s var(--ease-out),box-shadow .22s var(--ease-out)}.card-product__action-btn svg,.card-product__quick-add-btn svg{width:var(--card-action-icon-size);height:var(--card-action-icon-size);flex:0 0 auto}.card-product__action-btn svg path,.card-product__action-btn svg circle,.card-product__quick-add-btn svg path,.card-product__quick-add-btn svg circle{stroke-width:1.9}.card-product__action-label{min-width:0;overflow:hidden;text-overflow:ellipsis;font-size:.69rem;line-height:1;font-weight:800;letter-spacing:.035em;text-transform:uppercase}.card-product__action-btn--view{background:rgb(var(--color-background));color:rgb(var(--color-foreground));border-color:rgba(var(--color-foreground),.18)}.card-product__action-btn--cart,.card-product__quick-add-btn{background:rgb(var(--color-accent));color:rgb(var(--color-on-accent));border-color:rgba(var(--color-accent),.35)}.card-product__action-btn:hover,.card-product__action-btn:focus-visible,.card-product__quick-add-btn:hover,.card-product__quick-add-btn:focus-visible{transform:translateY(-2px);outline:none;box-shadow:0 16px 34px #0000006b}.card-product__action-btn--view:hover,.card-product__action-btn--view:focus-visible{background:rgb(var(--color-foreground));color:rgb(var(--color-background));border-color:rgba(var(--color-foreground),.6)}.card-product__action-btn--cart:hover,.card-product__action-btn--cart:focus-visible,.card-product__quick-add-btn:hover,.card-product__quick-add-btn:focus-visible{filter:brightness(1.04)}.card-product__quick-add-btn.loading,.card-product__quick-add-btn[aria-disabled=true],.card-product__quick-add-btn[disabled],.card-product__action-btn[disabled]{opacity:.72;pointer-events:none;cursor:not-allowed}.card-product__action-btn.is-disabled,.card-product__quick-add-btn.is-disabled{background:rgba(var(--color-foreground),.86);color:rgb(var(--color-background));border-color:rgba(var(--color-foreground),.25);filter:grayscale(1)}@media screen and (min-width:750px)and (hover:hover)and (pointer:fine){.card-product__actions{left:.62rem;right:.62rem;bottom:.62rem;flex-direction:row;align-items:center;justify-content:center;opacity:0;transform:translateY(.55rem);transition:opacity .22s var(--ease-out),transform .22s var(--ease-out)}.card-product:hover .card-product__actions,.card-product:focus-within .card-product__actions{opacity:1;transform:translateY(0);pointer-events:auto}.card-product__action-btn--view{flex:0 1 43%;width:43%;padding:0 .72rem;gap:.34rem}.card-product__quick-add-form{flex:1 1 57%;width:57%}.card-product__quick-add-btn{width:100%;padding:0 .72rem;gap:.34rem}.card-product__quick-add-btn:after{display:none;content:none}}@media screen and (min-width:1100px){.card-product__actions{--card-action-height: 2.85rem;--card-action-icon-size: 1.12rem;gap:.55rem}.card-product__action-label{font-size:.72rem}}@media screen and (max-width:749px),(hover:none)and (pointer:coarse){.card-product__actions{--card-action-height: 2.58rem;--card-action-icon-size: 1.17rem;top:50%;right:.46rem;flex-direction:column;transform:translateY(-50%);opacity:1;pointer-events:auto}.card-product__quick-add-form{width:var(--card-action-height);height:var(--card-action-height)}.card-product__action-btn,.card-product__quick-add-btn{width:var(--card-action-height);min-width:var(--card-action-height);height:var(--card-action-height);min-height:var(--card-action-height);padding:0}.card-product__action-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.card-product__action-btn--view{background:rgba(var(--color-background),.96);color:rgb(var(--color-foreground));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.card-product__quick-add-btn:after,.card-product__action-btn--cart:after{content:"+";position:absolute;right:.2rem;bottom:.2rem;width:.82rem;height:.82rem;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgb(var(--color-foreground));color:rgb(var(--color-background));font-size:.64rem;font-weight:800;line-height:1}.card-product__quick-add-btn.is-disabled:after,.card-product__action-btn.is-disabled:after{display:none;content:none}}@media(prefers-reduced-motion:reduce){.card-product__actions,.card-product__action-btn,.card-product__quick-add-btn{transition:none}}.card-product__content{padding:.25rem 0;display:flex;flex-direction:column;gap:.25rem}.card-product__link-text{color:inherit;text-decoration:none;display:block}.card-product__vendor{margin:0;opacity:.7}.card-product__title{margin:0;font-size:var(--text-base);font-weight:var(--font-body-weight);line-height:1.3}.card-product__link-text:hover .card-product__title{text-decoration:underline}.card-color-swatches{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center;margin:.25rem 0 0;padding:0;list-style:none}.card-color-swatches__swatch{display:block;width:1.125rem;height:1.125rem;border-radius:50%;border:1px solid rgba(var(--color-foreground),.15);background-size:cover;background-position:center}.card-color-swatches__more{font-size:var(--text-xs);color:rgba(var(--color-foreground),.6)}.swatch{display:block;width:100%;height:100%;background-size:cover;background-position:center}.swatch--neutral{background:repeating-linear-gradient(45deg,rgba(var(--color-foreground),.12) 0 3px,transparent 3px 6px),rgba(var(--color-foreground),.08)}@media screen and (max-width:749px),(hover:none)and (pointer:coarse){.card-product__media-wrap{overflow:hidden}.card-product__actions{--card-action-height: 2.62rem;--card-action-icon-size: 1.16rem;top:auto;right:.5rem;bottom:.5rem;width:3.05rem;padding:.22rem 0;gap:0;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:none;opacity:1;pointer-events:auto;background:rgba(var(--color-background),.96);color:rgb(var(--color-foreground));border:1px solid rgba(var(--color-foreground),.08);border-radius:999px;box-shadow:0 8px 22px #0000002e;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.card-product__quick-add-form{position:relative;width:var(--card-action-height);height:var(--card-action-height);margin:0}.card-product__quick-add-form:before{content:"";position:absolute;top:0;left:50%;width:1.35rem;height:1px;transform:translate(-50%);background:rgba(var(--color-foreground),.12);z-index:1}.card-product__action-btn,.card-product__quick-add-btn{width:var(--card-action-height);min-width:var(--card-action-height);height:var(--card-action-height);min-height:var(--card-action-height);padding:0;margin:0;border:0;border-radius:50%;background:transparent!important;color:rgb(var(--color-foreground))!important;box-shadow:none;filter:none}.card-product__action-btn--view{background:transparent!important;color:rgba(var(--color-foreground),.72)!important}.card-product__action-btn:hover,.card-product__action-btn:focus-visible,.card-product__quick-add-btn:hover,.card-product__quick-add-btn:focus-visible{transform:none;background:rgba(var(--color-foreground),.06)!important;color:rgb(var(--color-foreground))!important;box-shadow:none;outline:none}.card-product__action-btn svg,.card-product__quick-add-btn svg{width:var(--card-action-icon-size);height:var(--card-action-icon-size)}.card-product__quick-add-btn:after,.card-product__action-btn--cart:after{display:none!important;content:none!important}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/component-card-product.css.map */