.variant-selector2-wrapper{flex-direction:column;gap:.5rem;width:100%;display:flex}.variant-selector2{flex-direction:column;gap:.3rem;width:100%;display:flex}.variant-selector2-label{color:#8a8a7e;text-transform:uppercase;letter-spacing:.06em;margin:0;font-size:.66rem;font-weight:700}.variant-selector2-dropdown{width:100%;position:relative}.variant-selector2-trigger{color:#1a1a0e;cursor:pointer;background:#fff;border:1px solid #e2e2da;border-radius:10px;justify-content:space-between;align-items:center;width:100%;padding:.5rem .7rem;font-size:.82rem;font-weight:600;transition:border-color .18s,box-shadow .18s;display:flex}.variant-selector2-trigger:hover{border-color:#187830}.variant-selector2-trigger.open{border-color:#187830;box-shadow:0 0 0 3px #1878301f}.variant-selector2-trigger-value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.variant-selector2-chevron{color:#8a8a7e;flex-shrink:0;margin-left:8px;transition:transform .18s,color .18s}.variant-selector2-trigger.open .variant-selector2-chevron{color:#187830;transform:rotate(180deg)}.variant-selector2-menu{z-index:20000;background:#fff;border:1px solid #e2e2da;border-radius:10px;max-height:220px;margin:0;padding:.3rem;list-style:none;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 12px 28px #091b0e29}.variant-selector2-option{color:#1a1a0e;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:7px;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:.5rem .6rem;font-size:.8rem;font-weight:500;transition:background .15s;display:flex}.variant-selector2-option:hover:not(.disabled){background:#f4f5ef}.variant-selector2-option.selected{color:#187830;background:#eaf7e0;font-weight:700}.variant-selector2-option.disabled{color:#b8b8ae;cursor:not-allowed;text-decoration:line-through}.variant-selector2-check{color:#187830;flex-shrink:0}@container (max-width:540px){.variant-selector2-trigger{padding:.46rem .6rem;font-size:.78rem}.variant-selector2-option{font-size:.76rem}}