.k2-card-wrapper{height:100%}.k2-card{height:100%;display:flex;flex-direction:column;position:relative;background:rgba(var(--color-background),1)}.k2-card__inner{display:flex;flex-direction:column;height:100%}.k2-card__media{position:relative;overflow:hidden;background:#f8f9fa;margin-bottom:2rem}.k2-card__media-link{display:block;position:relative}.k2-card__image{width:100%;height:100%;object-fit:cover;transition:opacity .3s ease;display:block}.k2-card__image--secondary{position:absolute;top:0;left:0;opacity:0;transition:opacity .3s ease}.k2-card:hover .k2-card__image--secondary{opacity:1}.k2-card:hover .k2-card__image:not(.k2-card__image--secondary){opacity:0}.k2-card__badge{position:absolute;top:1rem;right:1rem;z-index:5}.k2-badge{display:inline-block;padding:.4rem .8rem;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;border-radius:0;font-family:inherit}.k2-badge--sale{background:#000;color:#fff}.k2-badge--sold-out{background:#666;color:#fff}.k2-card__content{flex:1;display:flex;flex-direction:column;padding:0}.k2-card__information{flex:1;display:flex;flex-direction:column;gap:1.2rem}.k2-card__vendor{font-size:1.3rem;text-transform:uppercase;letter-spacing:.1em;color:rgba(var(--color-foreground),.6);margin:0;font-weight:500}.k2-card__heading{margin:0;font-size:2rem;font-weight:400;line-height:1.3;color:rgba(var(--color-foreground),1)}.k2-card__heading-link{text-decoration:none;color:inherit;transition:color .2s ease;display:block}.k2-card__heading-link:hover{color:rgba(var(--color-foreground),.7)}.k2-card__price{font-size:1.8rem;font-weight:600;color:rgba(var(--color-foreground),.9);margin-top:auto}.k2-card__price .price--on-sale{color:#dc2626}.k2-card__price .price--sold-out{color:rgba(var(--color-foreground),.5)}.k2-card__swatches{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(var(--color-foreground),.08)}.k2-card__color-swatches{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.k2-card__color-swatch{width:2.8rem;height:2.8rem;border-radius:50%;border:2px solid rgba(var(--color-foreground),.15);cursor:pointer;transition:all .2s ease;overflow:hidden;background:none;padding:0}.k2-card__color-swatch:hover{transform:scale(1.1);border-color:rgba(var(--color-foreground),.4)}.k2-card__color-swatch.active{border-color:rgba(var(--color-foreground),1);transform:scale(1.1)}.k2-card__color-swatch-color{width:100%;height:100%;background-size:cover;background-position:center;border-radius:inherit;display:block}.k2-card__color-count{font-size:1.3rem;color:rgba(var(--color-foreground),.6);font-weight:500;margin-left:.3rem}.k2-card__rating{display:flex;align-items:center;gap:.5rem;margin-top:.5rem}.k2-card__rating-star{--star-size: 1.2rem;--star-color: #fbbf24;--star-background: rgba(var(--color-foreground), .2);display:inline-block;width:calc(var(--star-size) * 5);height:var(--star-size);background-image:linear-gradient(90deg,var(--star-color) calc(var(--rating) / var(--rating-max) * 100%),var(--star-background) calc(var(--rating) / var(--rating-max) * 100%));background-size:var(--star-size) var(--star-size);background-repeat:repeat-x}.k2-card__media.media--portrait{aspect-ratio:3/4}.k2-card__media.media--square{aspect-ratio:1}.k2-card__media.media--adapt{aspect-ratio:auto}@media (prefers-reduced-motion: no-preference){.k2-card{transition:transform .2s ease,box-shadow .2s ease}.k2-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #0000001a}}.k2-card__heading-link:focus{outline:2px solid rgba(var(--color-foreground),.5);outline-offset:2px}.k2-card__color-swatch:focus{outline:2px solid rgba(var(--color-foreground),.5);outline-offset:2px}.k2-card__media-link:focus{outline:2px solid rgba(var(--color-foreground),.5);outline-offset:2px}@media screen and (max-width: 749px){.k2-card__media{margin-bottom:1rem}.k2-card__heading{font-size:1.3rem}.k2-card__price{font-size:1.2rem}.k2-card__information{gap:.5rem}.k2-card__swatches{margin-top:.8rem;padding-top:.8rem}.k2-card__color-swatch{width:2rem;height:2rem}.k2-card:hover{transform:none;box-shadow:none}}@media (prefers-contrast: high){.k2-card{border:1px solid rgba(var(--color-foreground),.2)}.k2-badge{border:1px solid rgba(var(--color-foreground),.5)}}
/*# sourceMappingURL=/cdn/shop/t/148/assets/k2-product-card.css.map */