.cf-variants{--cf-accent:#2d873c;margin:1rem 0;color:#24352a;width:100%;min-width:0;box-sizing:border-box;flex-basis:100%;grid-column:1/-1}
.cf-variants__dropdown{background:#fff;border:1px solid #dce4de;border-radius:12px;overflow:hidden}
.cf-variants__summary{display:flex;align-items:center;gap:.75rem;min-height:54px;padding:.85rem 1rem;cursor:pointer;list-style:none;font-size:.875rem;box-sizing:border-box}
.cf-variants__summary::-webkit-details-marker{display:none}
.cf-variants__selection{display:flex;align-items:baseline;flex-wrap:wrap;gap:.4rem;min-width:0;flex:1}
.cf-variants__value{overflow-wrap:anywhere}
.cf-variants__count{color:#637368;white-space:nowrap;font-size:.8125rem}
.cf-variants__chevron{width:9px;height:9px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);flex-shrink:0;margin:-4px 2px 0 4px}
.cf-variants__dropdown[open] .cf-variants__chevron{transform:rotate(225deg);margin-top:4px}
.cf-variants__dropdown[open] .cf-variants__summary{border-bottom:1px solid #e6ece7}
.cf-variants__options{max-height:20rem;overflow-y:auto;overscroll-behavior:contain;padding:.375rem;scrollbar-width:thin}
.cf-variants__option{display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-height:44px;padding:.65rem .75rem;border:1px solid transparent;border-radius:6px;color:inherit;text-decoration:none;font-size:.875rem;box-sizing:border-box;overflow-wrap:anywhere}
.cf-variants__option:hover{background:#f4f8f4;color:var(--cf-accent);text-decoration:none}
.cf-variants__option[aria-current=true]{background:#edf6ef;color:#205d2a;font-weight:600}
.cf-variants__check{min-width:1rem;text-align:center;color:var(--cf-accent)}
.cf-variants__summary:focus-visible,.cf-variants__option:focus-visible{outline:2px solid var(--cf-accent);outline-offset:-3px}
.cf-variants__option[data-cf-pending]{border:1px dashed var(--cf-accent);background:#f3f6f4}
.cf-variants__status{display:block;font-size:.8125rem;color:#637368}
.cf-variants__status:not(:empty){margin-top:.5rem}
.cf-badge{display:inline-block;font-size:.75rem;font-weight:600;border-radius:4px;padding:.25rem .5rem;background:#edf6ef;color:#245d3b}
@media(prefers-reduced-motion:no-preference){.cf-variants__option{transition:background-color .12s}}