.card{position:relative;display:flex;flex-direction:column}.card__media{position:relative;overflow:hidden;border-radius:var(--radius);background-color:var(--color-border)}.card__media img{display:block;width:100%;height:100%;object-fit:cover}@media(hover:hover){.card__media>img:first-child{transition:transform .4s cubic-bezier(.25,.1,.25,1)}.card:hover .card__media>img:first-child{transform:scale(1.015)}}@media(prefers-reduced-motion:reduce){.card__media>img:first-child{transition:none!important}.card:hover .card__media>img:first-child{transform:none!important}}.card__media-hover{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .4s cubic-bezier(.25,.1,.25,1)}@media(hover:hover){.card:hover .card__media-hover{opacity:1}}@media(prefers-reduced-motion:reduce){.card__media-hover{transition:none!important}}.card__media--portrait{aspect-ratio:3 / 4}.card__media--square{aspect-ratio:1 / 1}.card__media--landscape{aspect-ratio:4 / 3}.card__media--adapt{aspect-ratio:auto}.card__media--placeholder{display:flex;align-items:center;justify-content:center;aspect-ratio:3 / 4;background:linear-gradient(160deg,color-mix(in srgb,var(--color-bg) 96%,var(--color-text)),color-mix(in srgb,var(--color-bg) 90%,var(--color-text)))}.card__media--placeholder svg{width:2.5rem;height:2.5rem;opacity:.15;stroke-width:1}.card__badges{position:absolute;top:.75rem;left:.75rem;z-index:2;display:flex;flex-wrap:wrap;gap:.25rem}.card--has-quick-add .card__media{z-index:2;pointer-events:none}.card--has-quick-add .card__quick-add{pointer-events:auto}.card__quick-add{position:absolute;bottom:0;left:0;right:0;z-index:3;display:flex;align-items:center;justify-content:center;gap:.375rem;padding:.75rem .625rem;border:none;border-top:1px solid rgba(255,255,255,.35);background-color:#ffffff40;backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);color:var(--color-heading);font-family:var(--font-body-family, inherit);font-size:.8125rem;font-weight:300;letter-spacing:normal;text-transform:none;cursor:pointer;opacity:0;transform:translateY(100%);transition:opacity .2s ease,transform .2s ease,background-color .2s ease,backdrop-filter .2s ease}.card__quick-add:hover{background-color:#ffffff59;backdrop-filter:blur(20px) saturate(1.3);-webkit-backdrop-filter:blur(20px) saturate(1.3)}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.card__quick-add{background-color:#ffffffeb}.card__quick-add:hover{background-color:#fff}}@media(hover:hover){.card:hover .card__quick-add{opacity:1;transform:translateY(0)}}@media(hover:none){.card--has-quick-add .card__quick-add{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.card__quick-add{transition:none!important;transform:none!important}.card--has-quick-add .card__quick-add,.card:hover .card__quick-add{transform:none!important}}@media(max-width:749px){.card[data-mobile-quick-add=off] .card__quick-add{display:none}.card[data-mobile-quick-add=icon] .card__quick-add{inset:auto;top:.75rem;right:.75rem;width:2.25rem;height:2.25rem;padding:0;border:1px solid rgba(255,255,255,.55);border-radius:999px;background-color:#ffffff8c;opacity:1;transform:none}.card[data-mobile-quick-add=icon] .card__quick-add .card__quick-add-text{display:none}.card[data-mobile-quick-add=icon] .card__quick-add .card__quick-add-icon{width:18px;height:18px}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.card[data-mobile-quick-add=icon] .card__quick-add{background-color:#ffffffeb}}}.card__quick-add.is-loading{pointer-events:none;opacity:.6}.card__quick-add svg{flex-shrink:0}.card__content{padding:.625rem 0 0;display:flex;flex-direction:column;gap:.1875rem}.card__vendor{font-size:var(--cl-vendor-size, .6875rem);font-weight:var(--cl-vendor-weight, 400);color:var(--cl-vendor-color, inherit);text-transform:uppercase;letter-spacing:.06em;opacity:.65;margin:0;line-height:1.3}.card .card__title{font-family:var(--font-body-family);font-size:var(--cl-title-size, .8125rem);font-weight:var(--cl-title-weight, 400);color:var(--cl-title-color, var(--color-heading));margin:0;line-height:1.35}.card .card__title a{text-decoration:none;color:inherit;font-size:inherit;font-weight:inherit;font-family:inherit}.card__title a:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.card__title a:hover{text-decoration:underline;text-underline-offset:.15em}.card__price{display:flex;align-items:baseline;flex-wrap:wrap;gap:.375rem;font-size:var(--cl-price-size, .8125rem);font-weight:var(--cl-price-weight, 300);line-height:1.3}.card__price .price__regular,.card__price .price__sale{color:var(--cl-price-color, inherit)}.card__price .price__compare{color:var(--cl-compare-color, inherit);opacity:.55;font-size:.875em;text-decoration:line-through}.card__swatches{display:flex;align-items:center;flex-wrap:wrap;gap:.3125rem;padding-block-start:.25rem;position:relative;z-index:2}.card__swatch{display:inline-block;width:12px;height:12px;border-radius:50%;border:1px solid rgba(0,0,0,.12);transition:transform .15s ease,box-shadow .15s ease;text-decoration:none}.card__swatch:hover{transform:scale(1.2);box-shadow:0 0 0 1px var(--color-text)}@media(prefers-reduced-motion:reduce){.card__swatch{transition:none!important}}.card--sold-out .card__media img:not(.card__media-hover){opacity:.6}.card--sold-out .card__title a{opacity:.7}.card__view-button{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;margin-top:.5rem;padding:.4rem .85rem;font-family:inherit;font-size:.75rem;font-weight:500;letter-spacing:.04em;color:var(--color-text);background:transparent;border:1px solid currentColor;border-radius:var(--radius);text-decoration:none;transition:color .15s ease,background-color .15s ease,border-color .15s ease}.card__view-button:hover,.card__view-button:focus-visible{color:var(--color-bg);background:var(--color-text);border-color:var(--color-text)}.card--sold-out .card__view-button{opacity:.7}@media(prefers-reduced-motion:reduce){.card__view-button{transition:none}}.card__rating{margin:.25rem 0 .4rem;font-size:.75rem;line-height:1;color:var(--color-text)}.card__rating:empty{display:none}.card__rating .jdgm-prev-badge[data-average-rating="0.00"],.card__rating .jdgm-prev-badge[data-number-of-reviews="0"]{display:none}.card__rating .jdgm-prev-badge__stars{font-size:.85rem;letter-spacing:.05em}.card__rating .jdgm-prev-badge__text{margin-inline-start:.35rem;font-size:.75rem;font-weight:400;color:var(--color-text-muted, #555)}
/*# sourceMappingURL=/cdn/shop/t/12/assets/component-card-product.css.map */