.cr-card{position:relative;display:flex;flex-direction:column;height:100%;background-color:var(--cr-surface);border:1px solid var(--cr-border);border-radius:var(--cr-radius);overflow:hidden;transition:box-shadow var(--cr-duration) var(--cr-ease),border-color var(--cr-duration) var(--cr-ease),transform var(--cr-duration) var(--cr-ease)}.cr-card:hover{border-color:transparent;box-shadow:var(--cr-shadow-3);transform:translateY(-4px)}.cr-card__media{position:relative;padding-bottom:var(--cr-card-ratio, 100%);background-color:var(--cr-surface);overflow:hidden}.cr-card__media-link{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.cr-card__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;padding:var(--cr-space-4);transition:opacity var(--cr-duration) var(--cr-ease),transform var(--cr-duration-slow) var(--cr-ease-out)}.cr-card:hover .cr-card__img--primary{transform:scale(1.04)}.cr-card__img--hover{opacity:0}@media(hover:hover){.cr-card--hover-swap:hover .cr-card__img--primary{opacity:0}.cr-card--hover-swap:hover .cr-card__img--hover{opacity:1;transform:scale(1.04)}}.cr-card__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background-color:var(--cr-surface-muted);fill:var(--cr-border-strong)}.cr-card__badges{position:absolute;top:var(--cr-space-3);left:var(--cr-space-3);z-index:2;display:flex;flex-wrap:wrap;gap:var(--cr-space-2);pointer-events:none}.cr-badge{display:inline-block;padding:.4rem .8rem;border-radius:var(--cr-radius-sm);font-size:1.1rem;font-weight:700;line-height:1.3;letter-spacing:.04em;text-transform:uppercase}.cr-badge--sale{background-color:var(--cr-crimson);color:#fff}.cr-badge--new{background-color:var(--cr-navy);color:#fff}.cr-badge--best{background-color:#f5b700;color:var(--cr-navy-ink)}.cr-badge--out{background-color:var(--cr-border-strong);color:var(--cr-navy-ink)}.cr-card__body{display:flex;flex-direction:column;gap:var(--cr-space-2);padding:var(--cr-space-4);flex:1 1 auto}.cr-card__vendor{margin:0;color:var(--cr-text-muted);font-size:1.2rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.cr-card__title{margin:0;font-size:1.5rem;font-weight:600;line-height:1.4;min-height:2.8em}.cr-card__link{color:var(--cr-text);text-decoration:none}.cr-card__link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.cr-card__link:hover{color:var(--cr-navy)}.cr-card__rating{display:flex;align-items:center;gap:var(--cr-space-2)}.cr-stars{--cr-star: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l3 6.6 7 .9-5 4.9 1.2 7L12 18l-6.2 3.4L7 14.4 2 9.5l7-.9z'/%3E%3C/svg%3E");position:relative;display:inline-block;width:8.4rem;height:1.6rem;background-color:var(--cr-border-strong);-webkit-mask:var(--cr-star) repeat-x left center / 1.68rem 1.6rem;mask:var(--cr-star) repeat-x left center / 1.68rem 1.6rem}.cr-stars__fill{position:absolute;inset-block:0;left:0;background-color:#f5b700}.cr-card__rating-count{color:var(--cr-text-muted);font-size:1.3rem}.cr-card__price{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--cr-space-2);padding-top:var(--cr-space-1)}.cr-card__body>.cr-card__add{margin-top:auto}.cr-price{color:var(--cr-navy);font-size:1.8rem;font-weight:700;letter-spacing:-.01em}.cr-price--sale{color:var(--cr-crimson)}.cr-price__from{color:var(--cr-text-muted);font-size:1.3rem}.cr-price__was{color:var(--cr-text-muted);font-size:1.4rem}.cr-card__form{margin:auto 0 0}.cr-card__add{position:relative;z-index:2;display:block;width:100%;margin-top:var(--cr-space-3);padding:var(--cr-space-3) var(--cr-space-4);border:1px solid var(--cr-navy);border-radius:var(--cr-radius);background-color:var(--cr-navy);color:#fff;font-family:inherit;font-size:1.4rem;font-weight:600;text-align:center;text-decoration:none;cursor:pointer;transition:background-color var(--cr-duration) var(--cr-ease),border-color var(--cr-duration) var(--cr-ease),color var(--cr-duration) var(--cr-ease)}.cr-card__add:hover{background-color:var(--cr-navy-dark);border-color:var(--cr-navy-dark)}.cr-card__add--options{background-color:transparent;color:var(--cr-navy)}.cr-card__add--options:hover{background-color:var(--cr-navy);color:#fff}.cr-card__add--disabled{background-color:var(--cr-surface-muted);border-color:var(--cr-border);color:var(--cr-text-muted);cursor:not-allowed}@media screen and (max-width:749px){.cr-card__body{padding:var(--cr-space-3)}.cr-card__add{padding:var(--cr-space-2) var(--cr-space-3)}}@media(prefers-reduced-motion:reduce){.cr-card:hover,.cr-card:hover .cr-card__img--primary,.cr-card--hover-swap:hover .cr-card__img--hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/computrock-card.css.map */