.card-buy{display:flex;flex-direction:column;gap:.8rem;margin-top:1rem;padding:0 .2rem;position:relative;z-index:2}.card__content>.card-buy{grid-column:1 / -1;grid-row-start:3}.card-buy__swatches{align-items:center;display:flex;flex-wrap:wrap;gap:.6rem;list-style:none;margin:0;padding:0}.card-buy__swatch{background-color:rgba(var(--color-foreground),.08);background-position:center;background-size:cover;border:1px solid rgba(var(--color-foreground),.25);border-radius:50%;display:block;height:2.2rem;transition:transform .15s ease,box-shadow .15s ease;width:2.2rem}.card-buy__swatch:hover,.card-buy__swatch:focus-visible{box-shadow:0 0 0 2px rgb(var(--color-background)),0 0 0 4px #a47ddd;outline:none;transform:scale(1.08)}.card-buy__swatch--photo{background-size:190%}.card-buy__swatch--out{opacity:.4}.card-rating{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;margin:.4rem 0 .2rem}.card-rating .rating{margin:0}.card-rating .rating-star{--color-rating-star: #f0a500;--letter-spacing: .25;--font-size: 1.3}.card-rating__value{font-size:1.3rem;font-weight:600;line-height:1}.card-rating__count{color:rgba(var(--color-foreground),.62);font-size:1.2rem;line-height:1}.card-buy__more{align-items:center;border:1px solid rgba(var(--color-foreground),.25);border-radius:50%;display:flex;font-size:1.1rem;height:2.2rem;justify-content:center;text-decoration:none;width:2.2rem}.card-buy__form{margin:0}.card-buy__button{background:#a47ddd;border:0;border-radius:2rem;color:#fff;cursor:pointer;display:block;font-family:inherit;font-size:1.2rem;font-weight:600;letter-spacing:.02em;line-height:1.2;min-height:3.2rem;padding:.75rem 1.2rem;text-align:center;transition:background .15s ease,transform .1s ease;width:100%}.card-buy__button:hover{background:#8f63cf}.card-buy__button:active{transform:translateY(1px)}.card-buy__button:focus-visible{outline:2px solid #a47ddd;outline-offset:2px}.card-buy__button[aria-busy=true]{opacity:.7;pointer-events:none}.card-buy__button--done{background:#56b349}.card-buy__button--out,.card-buy__button:disabled{background:rgba(var(--color-foreground),.08);color:rgba(var(--color-foreground),.6);cursor:default}@media screen and (max-width:749px){.card-buy__button{font-size:1.15rem;min-height:3rem;padding:.65rem .9rem}.card-buy__swatch,.card-buy__more{height:2rem;width:2rem}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-card-buy.css.map */