.variant-selector{--vc-bg: #f0f0f0;--vc-border: #e0e0e0;--vc-text: #111111;--vc-muted: #111111;--vc-hover-bg: #e8e8e8;--vc-hover-border: #cccccc;--vc-hover-text: var(--vc-text);--vc-selected-bg: #d8f4eb;--vc-selected-border: #13d3a5;--vc-selected-text: var(--vc-text);--vc-badge: #078c08;--vc-badge-text: #ffffff;--vc-card-radius: 24px;--vc-gap: 12px;--vc-card-aspect-ratio: 1 / 1;--vc-card-padding-top: 16px;--vc-card-padding-x: 16px;--vc-card-padding-bottom: 16px;--vc-badge-height: 30px;--vc-badge-font-size: 11px;--vc-radio-size: 24px;--vc-qty-size: 20px;--vc-price-size: 32px;--vc-compare-size: 12px;--vc-badge-justify: flex-end;display:grid;gap:22px}.variant-selector__header{display:grid;gap:8px}.variant-selector__price .price__default{display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px 14px}.variant-selector__price .price__current{display:inline-flex;align-items:flex-end;font-size:clamp(2.2rem,4vw,3.2rem);line-height:.95;font-weight:800;color:var(--vc-selected-border)}.variant-selector__price .price__current .js-value{display:inline-block}.variant-selector__price .price__was{font-size:1rem;color:var(--vc-muted);opacity:.72}.variant-selector__price .price__discount{display:inline-flex;align-items:center;min-height:30px;padding:0 12px;border-radius:999px;background:var(--vc-badge);color:var(--vc-badge-text);font-size:.8rem;font-weight:800;letter-spacing:.01em}.variant-selector__price .unit-price{margin-top:2px;font-size:.85rem;color:var(--vc-muted);opacity:.72}.variant-selector__label,.variant-pills__label{font-size:1rem;font-weight:700;line-height:1.3;color:var(--vc-text)}.variant-pills{display:grid;gap:12px}.variant-pills__btns{display:flex;flex-wrap:wrap;gap:12px}.variant-pill{min-height:52px;padding:12px 20px;border:1.5px solid var(--vc-border);border-radius:999px;background:var(--vc-bg);color:var(--vc-text);font-family:var(--body-font-family, inherit);font-size:1rem;font-weight:700;cursor:pointer;transition:border-color .2s ease,background-color .2s ease,color .2s ease,box-shadow .2s ease}.variant-pill:hover{border-color:var(--vc-hover-border);background:var(--vc-hover-bg);color:var(--vc-hover-text)}.variant-pill.is-selected{border-color:var(--vc-selected-border);background:var(--vc-selected-bg);color:var(--vc-selected-text);box-shadow:0 0 0 1px #13d3a52e}.variant-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--vc-gap);width:100%;padding-top:calc((var(--vc-badge-height) / 2) + 1px)}.variant-card{position:relative;display:flex;width:100%;container-type:inline-size;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;aspect-ratio:var(--vc-card-aspect-ratio);min-height:0;padding:var(--vc-card-padding-top) var(--vc-card-padding-x) var(--vc-card-padding-bottom);border:1.5px solid var(--vc-border);border-radius:var(--vc-card-radius);background:var(--vc-bg);color:var(--vc-text);text-align:left;cursor:pointer;-webkit-user-select:none;user-select:none;appearance:none;-webkit-appearance:none;box-shadow:none;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease,border-color .18s ease,color .18s ease}.variant-card:hover{transform:translateY(-1px);border-color:var(--vc-hover-border);background:var(--vc-hover-bg);color:var(--vc-hover-text);box-shadow:0 12px 24px #11111114}.variant-card:focus-visible{outline:none;box-shadow:0 0 0 3px #13d3a538}.variant-card.is-selected{background:var(--vc-selected-bg);color:var(--vc-selected-text);border-color:var(--vc-selected-border);box-shadow:0 12px 26px #13d3a524}.variant-card__top-badge{position:absolute;top:1px;left:0;width:100%;display:flex;justify-content:var(--vc-badge-justify, flex-end);padding-inline:12px;transform:translateY(-43%);pointer-events:none;z-index:2}.variant-card__badge{display:inline-flex;align-items:center;justify-content:center;width:auto;min-height:var(--vc-badge-height);max-width:calc(100% - 24px);padding:0 calc(var(--vc-badge-height) * .47);border-radius:999px;background:var(--vc-badge);color:var(--vc-badge-text);font-size:clamp(10px,4.3cqi,var(--vc-badge-font-size));font-weight:800;line-height:1.05;text-align:center;white-space:normal;text-wrap:balance;box-shadow:0 10px 18px #078c0829}@media(min-width:768px){.variant-card__badge{min-height:calc(var(--vc-badge-height) * 1.12);max-width:min(82%,calc(100% - 20px));padding:6px calc(var(--vc-badge-height) * .45);font-size:clamp(11px,3.1cqi,calc(var(--vc-badge-font-size) * 1.05))}.variant-card__price{white-space:nowrap;overflow-wrap:normal;word-break:keep-all}}.variant-card__radio-dot{display:none}.variant-card__radio-dot:after{content:"";position:absolute;inset:clamp(4px,2.7cqi,calc(var(--vc-radio-size) * .18));border-radius:50%;background:transparent;transition:background-color .18s ease}.variant-card.is-selected .variant-card__radio-dot:after{background:#111111e6}.variant-card__qty{font-family:var(--heading-font-family, var(--body-font-family, inherit));font-size:clamp(12px,13cqi,var(--vc-qty-size));font-weight:800;line-height:1.05;color:inherit;text-wrap:balance}.variant-card__price{margin-top:0;width:100%;font-family:var(--heading-font-family, var(--body-font-family, inherit));font-size:clamp(16px,24cqi,var(--vc-price-size));line-height:.92;font-weight:900;letter-spacing:-.03em;color:inherit}.variant-card__compare{margin-top:0;font-size:clamp(11px,6.5cqi,var(--vc-compare-size));font-weight:500;color:var(--vc-muted);opacity:.8}@media(min-width:768px)and (max-width:1200px){.variant-card{padding:calc(var(--vc-card-padding-top) * .88) calc(var(--vc-card-padding-x) * .82) calc(var(--vc-card-padding-bottom) * .82)}.variant-card__top-badge{padding-inline:8px}.variant-card__qty{font-size:clamp(16px,9.2cqi,calc(var(--vc-qty-size) * .9))}.variant-card__price{font-size:clamp(16px,13cqi,calc(var(--vc-price-size) * .74));letter-spacing:-.02em;white-space:nowrap;overflow-wrap:normal;word-break:keep-all}.variant-card__compare{font-size:clamp(10px,4.9cqi,calc(var(--vc-compare-size) * .9))}}.variant-card__compare s{text-decoration-thickness:1.5px}@media(max-width:767.98px){.variant-selector{gap:18px}.variant-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:max(8px,calc(var(--vc-gap) * .72));padding-top:calc(var(--vc-badge-height) * .6 + 1px)}.variant-card{aspect-ratio:var(--vc-card-aspect-ratio);padding:calc(var(--vc-card-padding-top) * .85) calc(var(--vc-card-padding-x) * .75) calc(var(--vc-card-padding-bottom) * .85)}.variant-card__top-badge{padding-inline:0;transform:translateY(-43%)}.variant-card__badge{width:100%;max-width:100%;min-height:calc(var(--vc-badge-height) * 1.2);padding:0 8px;font-size:clamp(12px,6cqi,calc(var(--vc-badge-font-size) * 1.4));border-radius:999px}.variant-card__radio-dot{width:calc(var(--vc-radio-size) * .75);height:calc(var(--vc-radio-size) * .75);margin-bottom:calc(var(--vc-radio-size) * .4)}.variant-card__radio-dot:after{inset:calc(var(--vc-radio-size) * .13)}.variant-card__qty{font-size:clamp(12px,13cqi,var(--vc-qty-size))}.variant-card__price{font-size:clamp(14px,24cqi,var(--vc-price-size));white-space:normal}.variant-card__compare{font-size:clamp(9px,6.5cqi,var(--vc-compare-size))}}@media(max-width:479.98px){.variant-selector__label,.variant-pills__label{font-size:.94rem}.variant-pill{min-height:48px;padding:10px 16px;font-size:.95rem}.variant-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:max(6px,calc(var(--vc-gap) * .5));padding-top:calc((var(--vc-badge-height) / 2) + 1px)}.variant-card{aspect-ratio:var(--vc-card-aspect-ratio);padding:calc(var(--vc-card-padding-top) * .7) calc(var(--vc-card-padding-x) * .6) calc(var(--vc-card-padding-bottom) * .7)}.variant-card__radio-dot{width:calc(var(--vc-radio-size) * .62);height:calc(var(--vc-radio-size) * .62);margin-bottom:calc(var(--vc-radio-size) * .3)}.variant-card__radio-dot:after{inset:calc(var(--vc-radio-size) * .1)}.variant-card__qty{font-size:clamp(10px,13cqi,var(--vc-qty-size))}.variant-card__price{font-size:clamp(12px,22cqi,var(--vc-price-size));white-space:normal;margin-top:4px}.variant-card__compare{font-size:clamp(8px,6cqi,var(--vc-compare-size));margin-top:3px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/variant-cards.css.map */