.variant-option--cards{width:100%;--variant-card-gap: 10px;--variant-card-radius: 8px;--variant-card-gold: #c9943a}.variant-option--cards .form__label{font-size:14px;margin-bottom:10px;color:#000}.variant-option--cards .form__label span[data-selected-value]{font-weight:600}.variant-card-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--variant-card-gap);width:100%;padding:0;margin:0;list-style:none}.variant-card-item{position:relative;width:100%;min-width:0}.variant-card-item input[type=radio]{clip:rect(0,0,0,0);overflow:hidden;position:absolute;height:1px;width:1px}.variant-card-item label{display:block;cursor:pointer;padding:0!important;margin:0!important;border:none!important;background:transparent!important;box-shadow:none!important;min-width:0!important;width:100%!important;height:auto!important}.variant-card-item label:before,.variant-card-item label:after{display:none!important;content:none!important}.variant-card{width:100%;border:1px solid #e8e8e8;border-radius:var(--variant-card-radius);overflow:hidden;background:#fff;transition:border-color .2s ease;text-align:center}.variant-card__media{width:100%;aspect-ratio:1;overflow:hidden;background:#f7f7f7;position:relative}.variant-card__media img,.variant-card__color{display:block;width:100%;height:100%;object-fit:cover}.variant-card__body{padding:10px 6px 12px;min-height:62px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.variant-card__name{display:block;font-size:12px;line-height:1.3;color:#333;margin-bottom:5px;word-break:break-word;max-width:100%}.variant-card__price{display:block;font-size:15px;font-weight:700;line-height:1.2;color:#000}.variant-card__compare{display:block;margin-top:3px;font-size:11px;line-height:1.2;color:#999;text-decoration:line-through}.variant-card-item input[type=radio]:checked+label .variant-card,.variant-card-item input[type=radio].checked+label .variant-card,.variant-card-item input[type=radio]+label.checked .variant-card{border:2px solid var(--variant-card-gold)}@media(hover:hover){.variant-card-item:not(.variant-card-item--disabled) label:hover .variant-card{border-color:var(--variant-card-gold)}}.variant-card-item--disabled label{cursor:not-allowed;opacity:.55}.variant-card-item--disabled .variant-card{position:relative}.variant-card-item--disabled .variant-card:after{content:"";position:absolute;top:50%;left:50%;width:70%;height:1px;background:#c0392b;transform:translate(-50%,-50%) rotate(-45deg);z-index:2;pointer-events:none}.variant-card-item input[type=radio]:focus-visible+label .variant-card{outline:2px solid #0c3e23;outline-offset:2px}@media screen and (max-width:749px){.variant-option--cards{--variant-card-gap: 6px}.variant-card-list{grid-template-columns:repeat(3,minmax(0,1fr))}.variant-card__body{min-height:48px;padding:5px 3px 7px}.variant-card__name{font-size:9px}.variant-card__price{font-size:12px}.variant-card__compare{font-size:9px}}
/*# sourceMappingURL=/cdn/shop/t/42/assets/component-variant-cards.css.map */