.card-wrapper{position:relative;color:inherit;text-decoration:none;display:flex;flex-direction:column}.card__media-wrapper{position:relative;overflow:hidden}.card__image-link{display:block;text-decoration:none}.card__media{position:relative;overflow:hidden;border-radius:0;background:#fff}.card__media[data-ratio=portrait_2_3]{aspect-ratio:2 / 3}.card__media[data-ratio=portrait_3_4]{aspect-ratio:3 / 4}.card__media[data-ratio=adapt]{aspect-ratio:auto}.card__img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;border-radius:0}.card__img--secondary{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:none}@media(hover:hover){.card__img--secondary{transition:opacity .3s ease,transform .3s ease}.card-wrapper:hover .card__img--secondary,.card-wrapper:focus-within .card__img--secondary{opacity:1;transform:scale(1.02)}}.card__img-placeholder{width:100%;aspect-ratio:2 / 3;background:#fff;display:flex;align-items:center;justify-content:center}.card__img-placeholder .placeholder-svg{width:60%;height:60%;opacity:.3}.card__badge-wrapper{position:absolute;bottom:.8rem;left:.8rem;z-index:2;pointer-events:none}.card__badge{display:inline-block;padding:.2rem .7rem;border-radius:0;font-size:.9rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;line-height:1.6}.card__badge--dark{background:#121212;color:#fff}.card__badge--grey{background:#898989;color:#fff}.card__overlay-btns{position:absolute;top:.8rem;right:.8rem;z-index:3;display:flex;flex-direction:column;gap:.4rem;opacity:0;transition:opacity .18s ease}@media(hover:hover){.card-wrapper:hover .card__overlay-btns,.card-wrapper:focus-within .card__overlay-btns{opacity:1}}@media(hover:none){.card__overlay-btns{opacity:1}}.card-quick-add{position:absolute;bottom:0;left:0;right:0;z-index:2}.card-quick-add__bar{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.9rem 1.2rem;background:#ffffffeb;font-size:1rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:#121212;cursor:pointer;border:none;text-decoration:none;transform:translateY(100%);transition:transform .22s ease;text-align:left}@media(hover:hover){.card-wrapper:hover .card-quick-add__bar,.card-wrapper:focus-within .card-quick-add__bar{transform:translateY(0)}}@media(hover:none){.card-quick-add__bar:not(.card-quick-add__bar--has-chips){transform:translateY(0)}}.card-quick-add__bar.is-loading{opacity:.6;cursor:wait}.card-quick-add__label{flex:1}.card-quick-add__icon{display:flex;align-items:center;flex-shrink:0;margin-left:.6rem}.card-quick-add__chips{display:none;flex-wrap:nowrap;overflow-x:auto;gap:0;padding:0;background:#fffffff7;border-top:1px solid rgba(18,18,18,.1)}@media(hover:hover){.card-wrapper:hover .card-quick-add__chips,.card-wrapper:focus-within .card-quick-add__chips{display:flex}.card-wrapper:hover .card-quick-add__bar--has-chips,.card-wrapper:focus-within .card-quick-add__bar--has-chips{display:none}}.card-quick-add.is-open .card-quick-add__chips{display:flex}.card-quick-add.is-open .card-quick-add__bar--has-chips{display:none}.card-quick-add__chip{flex:1;min-width:0;padding:.7rem .5rem;border:none;border-right:1px solid rgba(18,18,18,.12);font-size:1rem;font-weight:400;letter-spacing:.04em;background:#fffffff7;color:#121212;cursor:pointer;transition:background .15s ease,color .15s ease;text-align:center;white-space:nowrap;border-radius:0}.card-quick-add__chip:last-child{border-right:none}.card-quick-add__chip:hover,.card-quick-add__chip:focus-visible{background:#121212;color:#fff}.card-quick-add__chip--sold-out{text-decoration:line-through;opacity:.4;cursor:default}.card-quick-add__chip.is-loading{opacity:.5;cursor:wait}.card-quick-add__touch-trigger{position:absolute;bottom:.8rem;right:.8rem;z-index:3;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;background:#ffffffeb;border:1px solid rgba(18,18,18,.2);cursor:pointer;border-radius:0}@media(hover:hover){.card-quick-add__touch-trigger{display:none}}.card-quick-add.is-busy{pointer-events:none}.card__info{padding:1rem .8rem 0}.card__title{font-size:1.2rem;font-weight:500;text-transform:uppercase;letter-spacing:.06em;margin:0 0 .3rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card__title-link{color:inherit;text-decoration:none}.card__title-link:hover{text-decoration:underline;text-underline-offset:.2rem}.card__caption{font-size:.95rem;text-transform:uppercase;letter-spacing:.13em;color:#666;margin:0 0 .3rem;line-height:1.3}.card__price{display:flex;align-items:baseline;flex-wrap:wrap;gap:.4rem;margin-bottom:.5rem}.card__price-disc{font-size:1.05rem;font-weight:400;color:#666;letter-spacing:.02em;flex-shrink:0}.card__price .price-item{font-size:1.25rem;line-height:1.35}.card__price .price-item--regular{color:#666}.card__price .price--on-sale .price-item--regular{color:#666;font-size:1.05rem}.card__price .price--on-sale .price-item--sale{font-size:1.25rem}.template-search__results .card__title{-webkit-line-clamp:3;font-size:1.25rem;line-height:1.4}@media screen and (max-width:749px){.card__info{padding:.9rem .8rem 0}.template-search__results .card__title{font-size:1.2rem}}.card__swatches{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.5rem}.card__swatch{display:block;width:1.2rem;height:1.2rem;border:1px solid rgba(18,18,18,.25);cursor:pointer;text-decoration:none;background:#fff;border-radius:0;padding:0;flex-shrink:0;position:relative}.card__swatch--active:after{content:"";position:absolute;bottom:-.5rem;left:0;right:0;height:1px;background:#121212}.card__swatches-overflow{font-size:1rem;color:#898989;align-self:center}html[data-grid-d="6"] #product-grid .card__info,html[data-grid-d="6"] #product-grid .card__badge-wrapper,html[data-grid-d="6"] #product-grid .card__overlay-btns,html[data-grid-d="6"] #product-grid card-quick-add{display:none}@media(max-width:749px){html[data-grid-m="4"] #product-grid .card__info,html[data-grid-m="4"] #product-grid .card__badge-wrapper,html[data-grid-m="4"] #product-grid .card__overlay-btns,html[data-grid-m="4"] #product-grid card-quick-add{display:none}}.card--horizontal .card-wrapper{flex-direction:row;gap:1.2rem}.card--horizontal .card__media-wrapper{flex-shrink:0;width:9rem}.card--horizontal .card__info{padding:0;flex:1}@media(prefers-reduced-motion:reduce){.card__img--secondary,.card-quick-add__bar,.card__overlay-btns{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/component-card.css.map */