.fembe-vcards{--fvc-accent: #6c5ce7;--fvc-accent-soft: rgba(108, 92, 231, .06);--fvc-ok: #00b894;--fvc-ok-bg: #e6f9f3;--fvc-text: #1a1b18;--fvc-text-soft: #636e72;--fvc-text-muted: #b2bec3;--fvc-border: #e2e2e2;--fvc-white: #fff;--fvc-radius: 14px;width:100%;margin:0}.fembe-vcards *{box-sizing:border-box}.fembe-vcards .form__label{margin-bottom:10px}.fembe-vcards__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:100%;align-items:stretch;margin-top:4px}.fembe-vcards__grid[data-variant-count="1"]{grid-template-columns:1fr;max-width:220px}.fembe-vcards__grid[data-variant-count="2"]{grid-template-columns:repeat(2,1fr)}.fembe-vcards__grid[data-variant-count="4"]{grid-template-columns:repeat(4,1fr)}.fembe-vcard{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:16px 8px 12px;border:2px solid var(--fvc-border);border-radius:var(--fvc-radius);background:var(--fvc-white);cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease,background .2s ease;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;min-width:0;height:100%}.fembe-vcard:hover{border-color:#b8b0ec;transform:translateY(-1px);box-shadow:0 2px 10px #0000000d}.fembe-vcard:active{transform:scale(.985)}.fembe-vcard__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.fembe-vcard__input:focus-visible+.fembe-vcard__image,.fembe-vcard:has(.fembe-vcard__input:focus-visible){outline:none}.fembe-vcard:has(.fembe-vcard__input:focus-visible){box-shadow:0 0 0 3px #6c5ce759;border-color:var(--fvc-accent)}.fembe-vcard--selected{border-color:var(--fvc-accent);background:var(--fvc-accent-soft);box-shadow:0 0 0 1px var(--fvc-accent),0 4px 16px #6c5ce71f}.fembe-vcard--selected:hover{transform:none}.fembe-vcard--best:not(.fembe-vcard--selected){border-color:var(--fvc-accent);box-shadow:0 0 0 1px #6c5ce773}.fembe-vcard--popular:not(.fembe-vcard--selected){border-color:#d8d8d8}.fembe-vcard--disabled{opacity:.45;cursor:not-allowed}.fembe-vcard--disabled:hover{transform:none;box-shadow:none;border-color:var(--fvc-border)}.fembe-vcard__badge{position:absolute;top:-11px;left:50%;transform:translate(-50%);padding:3px 11px;border-radius:20px;font-size:11px;font-weight:700;line-height:1.3;white-space:nowrap;z-index:1;letter-spacing:.2px}.fembe-vcard__badge--hidden{display:none}.fembe-vcard__badge--selected,.fembe-vcard__badge--best{background:var(--fvc-accent);color:#fff}.fembe-vcard__badge--popular{background:#f0f0f0;color:#666;border:1px solid #e0e0e0}.fembe-vcard--best .fembe-vcard__badge,.fembe-vcard--selected .fembe-vcard__badge{box-shadow:0 2px 6px #6c5ce74d}.fembe-vcard__image{width:58px;height:58px;margin-bottom:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.fembe-vcard__image img{max-width:100%;max-height:100%;object-fit:contain;display:block}.fembe-vcard__title{font-size:14px;font-weight:700;color:var(--fvc-text);line-height:1.2}.fembe-vcard__reach{font-size:10px;color:var(--fvc-text-muted);margin-top:2px}.fembe-vcard__benefits{display:flex;flex-direction:column;align-items:center;gap:3px;margin-top:6px;min-height:22px}.fembe-vcard__savings{display:inline-block;padding:2px 9px;border-radius:6px;background:var(--fvc-ok-bg);color:var(--fvc-ok);font-size:11px;font-weight:700;line-height:1.3}.fembe-vcard__shipping{display:inline-flex;align-items:center;gap:3px;font-size:10px;font-weight:600;color:var(--fvc-ok)}.fembe-vcard__shipping svg{width:11px;height:11px;flex-shrink:0}.fembe-vcard__shipping--hidden{display:none}.fembe-vcard__footer{margin-top:auto;padding-top:8px;min-height:20px;display:flex;align-items:flex-end;justify-content:center;width:100%}.fembe-vcard__per{font-size:13px;font-weight:700;color:var(--fvc-text);line-height:1;letter-spacing:-.01em}.fembe-vcard__per-suffix{font-size:11px;font-weight:500;color:var(--fvc-text-soft)}.fembe-vsummary{margin-top:12px;padding:11px 16px;border:1px solid rgba(0,0,0,.08);border-radius:var(--fvc-radius);background:#fafafa}.fembe-vsummary__inner{display:flex;align-items:center;justify-content:space-between;gap:16px}.fembe-vsummary__item{display:flex;flex-direction:column;gap:2px}.fembe-vsummary__item:last-child{text-align:right}.fembe-vsummary__label{font-size:12px;color:var(--fvc-text-soft)}.fembe-vsummary__value{font-size:15px;font-weight:700;color:var(--fvc-text)}.fembe-vsummary__divider{width:1px;height:30px;background:#e0e0e0;flex-shrink:0}@media screen and (min-width:750px){.fembe-vcards__grid{gap:12px}.fembe-vcard{padding:20px 12px 14px}.fembe-vcard__image{width:68px;height:68px}.fembe-vcard__title{font-size:15px}.fembe-vsummary__value{font-size:16px}}@media screen and (max-width:489px){.fembe-vcards__grid[data-variant-count="4"]{grid-template-columns:repeat(2,1fr)}.fembe-vcard{padding:14px 5px 10px;border-radius:12px}.fembe-vcard__image{width:46px;height:46px;margin-bottom:5px}.fembe-vcard__title{font-size:12px}.fembe-vcard__badge{font-size:9px;padding:2px 7px;top:-9px}.fembe-vcard__savings{font-size:10px;padding:2px 6px}.fembe-vcard__shipping{font-size:9px}.fembe-vcard__per{font-size:12px}}@media screen and (max-width:359px){.fembe-vcards__grid{gap:6px}.fembe-vcard{padding:12px 3px 9px}.fembe-vcard__image{width:38px;height:38px}.fembe-vcard__title{font-size:11px}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/component-variant-cards.css.map */