.variant-card{display:flex;flex-direction:column;height:100%;background:#f9f9f9;font-family:var(--font-body--family, "Barlow Condensed", sans-serif);position:relative;transition:box-shadow .2s ease;border-radius:var(--card-corner-radius, 8px);overflow:hidden}.variant-card:hover{box-shadow:0 4px 16px #00000014}.variant-card__gallery-wrapper{position:relative;width:100%;aspect-ratio:1 / 1;background:#f0f0f0;overflow:hidden}.variant-card__gallery{display:flex;width:100%;height:100%;overflow-x:scroll;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none}.variant-card__gallery::-webkit-scrollbar{display:none}.variant-card__slide{flex:0 0 100%;width:100%;height:100%;scroll-snap-align:start}.variant-card__slide a{display:block;width:100%;height:100%}.variant-card__image{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.variant-card:hover .variant-card__image{transform:scale(1.03)}.variant-card__arrow{position:absolute;top:50%;transform:translateY(-50%);background:#ffffffd9;border:none;width:32px;height:32px;border-radius:50%;font-size:1.2rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease;z-index:2;padding:0;color:#000}.variant-card__arrow--prev{left:8px}.variant-card__arrow--next{right:8px}.variant-card:hover .variant-card__arrow{opacity:1}.variant-card__badge{position:absolute;top:10px;font-size:.7rem;font-family:var(--font-body--family, "Barlow Condensed", sans-serif);font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:3px 10px;line-height:1.5;z-index:1}.variant-card__badge--sold-out{left:10px;background:var(--color-foreground, #000);color:#fff}.variant-card__badge--sale{right:10px;background:#c14953;color:#fff}.variant-card__info{padding:12px 14px 16px;display:flex;flex-direction:column;gap:6px;flex:1}.variant-card__title-link{text-decoration:none;color:inherit}.variant-card__title{margin:0;font-size:1rem;font-weight:600;line-height:1.35;color:var(--color-foreground-heading, #00303f);letter-spacing:.01em}.variant-card__title-link:hover .variant-card__title{text-decoration:underline;text-underline-offset:2px}.variant-card__price{margin:0;font-size:1.05rem;font-weight:500;color:var(--color-foreground, #000);display:flex;align-items:baseline;gap:7px;flex-wrap:wrap}.variant-card__price--compare{opacity:.4;font-size:.9rem;font-weight:400;text-decoration:line-through}.variant-card__price--sale{color:#c14953;font-weight:700}.variant-card__swatches{display:flex;flex-wrap:wrap;gap:7px;margin-top:2px;align-items:center}.variant-card__swatch{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;text-decoration:none;position:relative;-webkit-tap-highlight-color:transparent}.variant-card__swatch:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:2px solid transparent;transition:border-color .15s ease}.variant-card__swatch--active:after{border-color:var(--color-foreground, #000)}.variant-card__swatch:hover:after{border-color:var(--color-foreground, #000)}.variant-card__swatch img{display:block;width:28px;height:28px;border-radius:50%;object-fit:cover;border:1px solid rgba(0,0,0,.08)}.variant-card__swatch--unavailable{opacity:.3}.variant-card__swatch--unavailable img{filter:grayscale(100%)}.variant-card__swatch--size{width:auto;min-width:28px;height:28px;border-radius:4px;background:#fff;border:1.5px solid #d0d0d0;padding:0 6px;font-size:.68rem;font-weight:700;color:#1a1a1a;text-transform:uppercase;letter-spacing:.02em;white-space:nowrap}.variant-card__swatch--size.variant-card__swatch--active{background:#c14953;border-color:#c14953;color:#fff}.variant-card__swatch--size:hover:not(.variant-card__swatch--active){border-color:#c14953;color:#c14953}.variant-card__swatch--size:after,.variant-card__swatch--size.variant-card__swatch--active:after{border-radius:6px}.variant-card__swatch-fallback{display:none;align-items:center;justify-content:center;font-size:.65rem;font-weight:700;color:inherit;text-transform:uppercase;white-space:nowrap}
/*# sourceMappingURL=/cdn/shop/t/13/assets/variant-card.css.map */
