.product-form__input--card{display:grid;grid-template-columns:repeat(var(--card-columns, 2),1fr);gap:var(--card-gap, 10px);border:none;padding:0;margin:0}.card-picker__card{display:flex;align-items:center;justify-content:space-between;padding:var(--card-padding, 16px);border:var(--card-border-width, 2px) solid var(--card-border-color, #e0e0e0);border-radius:var(--card-radius, 10px);background-color:var(--card-bg, #ffffff);cursor:pointer;transition:border-color .2s ease,background-color .2s ease;box-sizing:border-box}.card-picker__card:hover{border-color:var(--card-active-border, #2a9d8f)}.product-form__input--card input[type=radio]:checked+.card-picker__card{border-color:var(--card-active-border, #2a9d8f);background-color:var(--card-active-bg, #f0faf8)}.product-form__input--card input[type=radio].disabled+.card-picker__card{opacity:.5;cursor:not-allowed}.product-form__input--card input[type=radio].disabled+.card-picker__card .card-picker__value{text-decoration:line-through}.card-picker__left{display:flex;flex-direction:column;gap:2px}.card-picker__value{font-size:var(--card-value-size, 18px);font-weight:var(--card-value-weight, 700);color:var(--card-value-color, inherit);line-height:1.2}.card-picker__right{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.card-picker__compare-price{font-size:var(--card-compare-size, 13px);color:var(--card-compare-color, #cc0000);text-decoration:line-through;font-weight:400;line-height:1.3}.card-picker__price{font-size:var(--card-price-size, 16px);font-weight:var(--card-price-weight, 700);color:var(--card-price-color, #333);line-height:1.2}.product-form__input--card input[type=radio]:focus-visible+.card-picker__card{box-shadow:0 0 0 .3rem rgb(var(--color-background)),0 0 0 .5rem rgba(var(--color-foreground),.55)}.product-form__input--card input[type=radio].focused+.card-picker__card{box-shadow:0 0 0 .3rem rgb(var(--color-background)),0 0 0 .5rem rgba(var(--color-foreground),.55)}@media screen and (max-width:749px){.product-form__input--card{grid-template-columns:repeat(var(--card-columns-mobile, 2),1fr)}}@media screen and (forced-colors:active){.product-form__input--card input[type=radio]:checked+.card-picker__card{outline:2px solid}.product-form__input--card input[type=radio]:focus-visible+.card-picker__card{outline:transparent solid 1px;outline-offset:2px}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/component-card-picker.css.map */