.card1{display:flex;flex-direction:column;height:100%;border-width:var(--card1-border-width, 1px);border-style:solid;border-color:var(--card1-border-color, var(--color-border));border-radius:var(--card1-radius, 12px);box-shadow:var(--card1-shadow, none);background-color:var(--card1-bg, var(--color-card-background, var(--color-background)));color:var(--color-foreground);overflow:hidden;transition:box-shadow .25s ease,border-color .25s ease,transform .25s ease}.card1:hover{border-color:var(--card1-border-hover, var(--color-accent));transform:translateY(-2px)}.card1__media{position:relative;display:block;aspect-ratio:var(--card1-ratio, 1 / 1);overflow:hidden;background-color:var(--color-background)}.card1__media-link{display:block;width:100%;height:100%;color:inherit;text-decoration:none}.card1__media-link:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}.card1__image{width:100%;height:100%;object-fit:var(--card1-fit, contain);object-position:center;display:block;transition:opacity .3s ease}.card1__image--secondary{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0}.card1:hover .card1__image--secondary{opacity:1}.card1--variant-selected .card1__image--secondary{display:none}.card1__badge{position:absolute;top:8px;inset-inline-start:8px;z-index:2;padding:3px 8px;border-radius:999px;background-color:var(--color-sale, #b23a2e);color:#fff;font-family:var(--font-accent--family);font-size:var(--text-xs);line-height:1.4}.card1__body{display:flex;flex-direction:column;gap:1px;line-height:1.5;padding:var(--spacing-sm) var(--spacing-sm) var(--spacing-md);flex:1 1 auto}.card1__vendor{margin:0;font-size:var(--card1-text-size, var(--text-xs));color:var(--card1-text-color, var(--color-text-secondary, currentcolor))}.card1__title{margin:0;font-family:var(--card1-title-font, var(--font-heading--family));font-weight:var(--card1-title-weight, var(--font-heading--weight));font-size:var(--card1-title-size, var(--text-md));line-height:var(--line-height-heading)}.card1__title-link{color:var(--card1-title-color, inherit);text-decoration:none}.card1__title-link:hover{color:var(--color-accent-text)}.card1__title-link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.card1__meta{margin:0;font-size:var(--card1-text-size, var(--text-sm));color:var(--card1-text-color, var(--color-text-secondary, currentcolor))}.card1__rating{display:flex;align-items:center;gap:6px}.card1__stars{display:inline-flex;gap:1px;color:var(--card1-star-color, var(--color-star, #d6a43d))}.card1__star{width:14px;height:14px;flex:0 0 auto}.card1__rating-count{font-size:var(--text-xs);color:var(--color-text-secondary, currentcolor)}.card1__swatches{display:flex;align-items:center;gap:8px;margin:5px 0 0;padding:0;list-style:none;position:relative;z-index:2}.card1__swatches>li{display:flex;align-items:center}.card1__swatch{position:relative;width:16px;height:16px;padding:0;border:1px solid var(--color-border);border-radius:50%;background-color:var(--swatch-color, var(--color-border));background-size:cover;background-position:center;cursor:pointer;transition:box-shadow .15s ease,transform .15s ease}.card1__swatch:after{content:"";position:absolute;top:50%;left:50%;width:24px;height:24px;transform:translate(-50%,-50%)}.card1__swatch:hover,.card1__swatch[aria-pressed=true]{transform:scale(1.12);box-shadow:0 0 0 2px var(--color-background),0 0 0 3px var(--color-accent)}.card1__swatch-more{display:inline-flex;align-items:center;min-height:24px;padding:2px 4px;line-height:1;font-size:var(--text-xs);color:var(--color-text-secondary, currentcolor);text-decoration:none;white-space:nowrap;transition:color .15s ease}.card1__swatch-more:hover,.card1__swatch-more:focus-visible{color:var(--color-accent-text);text-decoration:underline;text-underline-offset:.2em}.card1__price-row{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-xs);margin-top:auto;padding-top:6px}.card1__price{display:flex;align-items:baseline;gap:6px;font-size:var(--card1-price-size, var(--text-lg));font-weight:var(--card1-price-weight, 600);color:var(--card1-price-color, inherit)}.card1__price--on-sale .card1__price-current{color:var(--card1-sale-color, var(--color-sale, #b23a2e))}.card1__price-compare{font-size:var(--text-sm);font-weight:400;text-decoration:line-through;color:var(--color-text-secondary, currentcolor)}.card1__wishlist{position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer;transition:color .2s ease}.card1__wishlist:hover{color:var(--color-accent-text)}.card1__wishlist[aria-pressed=true]{color:var(--color-sale, #b23a2e)}.card1__wishlist[aria-pressed=true] svg{fill:currentColor}.card1__form{position:relative;z-index:2;margin:var(--spacing-xs) 0 0}.card1__add{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 14px;border:1px solid var(--card1-btn-border, var(--color-border));border-radius:var(--style-border-radius-buttons);background-color:var(--card1-btn-bg, var(--color-background));color:var(--card1-btn-text, inherit);font-family:var(--font-accent--family);font-size:var(--card1-btn-size, var(--text-sm));cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.card1__add:hover{border-color:var(--card1-btn-border-hover, var(--card1-btn-hover-bg, var(--color-accent)));background-color:var(--card1-btn-hover-bg, var(--card1-btn-bg, var(--color-background)));color:var(--card1-btn-hover-text, var(--color-accent-text))}.card1__add[disabled]{opacity:.5;cursor:default}.card1__add[aria-busy=true]{opacity:.7;pointer-events:none}.card1__add-spinner{display:none;width:14px;height:14px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:card1-spin .7s linear infinite}.card1__add[aria-busy=true] .card1__add-spinner{display:inline-block}@keyframes card1-spin{to{transform:rotate(360deg)}}.card1__body,.card1{position:relative}@media screen and (max-width:749px){.card1__body{padding:var(--spacing-xs) var(--spacing-xs) var(--spacing-sm)}.card1__title{font-size:var(--text-sm)}.card1__price{font-size:var(--text-md)}.card1__swatch{width:14px;height:14px}}@media(prefers-reduced-motion:reduce){.card1,.card1__image,.card1__swatch,.card1__add{transition:none}.card1:hover{transform:none}.card1__add-spinner{animation-duration:2s}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/component-card-style-1.css.map */
