.variant-dropdown-modern,.variant-dropdown-trigger{position:relative;width:100%}.variant-dropdown-trigger{padding:10px 16px;background:rgba(var(--kelp-100-rgb),.5)!important;border-radius:3px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:.9375rem;font-weight:500;color:var(--kelp-800);overflow:hidden}.variant-dropdown-trigger:hover{border-color:rgba(100,116,139,.3);transform:translateY(-1px)}.variant-dropdown-trigger:hover:before{opacity:1}.variant-dropdown-trigger:focus{outline:none;border-color:none}.variant-dropdown-selected{flex:1;text-align:left;font-size:.7rem;font-weight:400;color:rgba(var(--kelp-800-rgb),.7)}.variant-dropdown-placeholder{color:rgba(var(--kelp-800-rgb),.7);font-weight:300;font-size:.7rem}.variant-dropdown-arrow{width:18px;height:18px;transition:transform .3s cubic-bezier(.4,0,.2,1);color:var(--kelp-600)}.variant-dropdown-trigger[aria-expanded=true] .variant-dropdown-arrow{transform:rotate(180deg)}.variant-dropdown-panel{position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--kelp-50);border-radius:3px;box-shadow:0 6px 18px -6px rgba(var(--gold-rgb),.16),0 3px 9px -6px rgba(var(--gold-rgb),.09);max-height:320px;overflow-y:auto;z-index:100;opacity:0;transform:translateY(-10px) scale(.98);transition:all .3s cubic-bezier(.4,0,.2,1);pointer-events:none}.variant-dropdown-panel.open{opacity:1;transform:translateY(0) scale(1);pointer-events:all}.variant-selected-pill{width:100%;padding:8px 12px;background:rgba(var(--kelp-100-rgb),.35);border-radius:3px;display:inline-flex;align-items:center;gap:6px;color:rgba(var(--kelp-800-rgb),.85);font-size:.8rem;transition:background .2s ease,color .2s ease}.variant-selected-pill:hover{background:rgba(var(--kelp-100-rgb),.55)}.variant-selected-pill-title{font-weight:600;color:rgba(var(--kelp-800-rgb),.85)}.variant-selected-pill-value{font-weight:500;color:rgba(var(--kelp-800-rgb),.85)}.variant-selected-pill-arrow{margin-left:auto;color:rgba(var(--kelp-800-rgb),.6)}.variant-add-action{margin-left:auto;padding:6px 10px;border-radius:4px;color:var(--gold-dark);font-size:.7rem;cursor:pointer;transition:all .2s ease}.variant-add-action:hover{background:rgba(var(--kelp-100-rgb),.8);border-color:rgba(var(--kelp-500-rgb),.7)}.variant-add-symbol{font-weight:400;letter-spacing:.02em}.variant-add-label{font-weight:400;display:none!important}.variant-custom-input{margin-top:10px;background:rgba(255,255,255,.7);border-radius:6px;padding:10px 12px}.variant-custom-actions{display:flex;align-items:center;justify-content:space-between;margin-top:8px}.variant-remove-action{padding:4px 10px;background:rgba(var(--kelp-50-rgb),.7);border-radius:4px;font-size:.75rem;color:rgba(var(--kelp-800-rgb),.8);cursor:pointer}.variant-remove-action:hover{background:rgba(var(--kelp-100-rgb),.9)}.variant-input-inline{position:relative;width:100%;display:flex;align-items:center;border-radius:3px;background:rgba(var(--kelp-100-rgb),.3);padding:8px 16px}.variant-secure-input-icons{position:absolute;right:0;top:0;border:none!important}.variant-secure-input{width:100%}.variant-secure-input-label{display:none}.variant-secure-input .variant-secure-input-wrap{position:relative;width:100%}.variant-secure-input-field{width:100%;background:transparent;border:none;outline:none;font-size:.7rem;color:rgba(var(--kelp-800-rgb),.7)}.variant-input-icons{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:inline-flex;gap:6px}.variant-input-icon{width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;border:none;background:transparent;color:rgba(var(--kelp-800-rgb),.8);cursor:pointer;transition:background .2s ease,border-color .2s ease}.variant-input-icon:hover{background:rgba(var(--kelp-100-rgb),.5)}.variant-input-icon.success{color:var(--gold-dark)}.variant-exceeded-note{margin-top:6px;font-size:.72rem;color:#b91c1c}.variant-dropdown-panel::-webkit-scrollbar{width:6px}.variant-dropdown-panel::-webkit-scrollbar-track{background:rgba(100,116,139,.05);border-radius:12px}.variant-dropdown-panel::-webkit-scrollbar-thumb{background:rgba(100,116,139,.2);border-radius:12px}.variant-dropdown-panel::-webkit-scrollbar-thumb:hover{background:rgba(100,116,139,.3)}.variant-dropdown-option{padding:12px 18px;cursor:pointer;transition:all .2s ease;font-size:.7rem;color:rgba(var(--kelp-800-rgb),.7);position:relative;display:flex;align-items:center;justify-content:space-between}.variant-dropdown-option.selected{font-size:.7rem;color:rgba(var(--kelp-800-rgb),.9);font-weight:400}.variant-dropdown-option.selected:before{opacity:1}.variant-dropdown-option-check{width:16px;height:16px;color:var(--kelp-600);opacity:0;transform:scale(.8);transition:all .2s ease}.variant-dropdown-option.selected .variant-dropdown-option-check{opacity:1;transform:scale(1)}.variant-button-modern{padding:12px 24px;background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(250,250,250,.98));border:1.5px solid rgba(100,116,139,.15);border-radius:10px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:.9375rem;font-weight:500;color:var(--kelp-800);position:relative;overflow:hidden}.variant-button-modern:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(100,116,139,.02),transparent);opacity:0;transition:opacity .3s ease}.variant-button-modern:hover{border-color:rgba(100,116,139,.3);box-shadow:0 4px 12px rgba(100,116,139,.08);transform:translateY(-2px)}.variant-button-modern:hover:before{opacity:1}.variant-button-modern.selected{background:linear-gradient(135deg,var(--kelp-700) 0,var(--kelp-600) 100%);border-color:var(--kelp-700);color:white}.variant-button-modern.selected:before{background:linear-gradient(135deg,rgba(255,255,255,.1),transparent);opacity:1}.variant-customization-container{margin-top:16px;padding:5px 15px;border-radius:3px;position:relative;overflow:hidden}.variant-customization-label{font-size:.875rem;font-weight:600;color:var(--kelp-800);margin-bottom:12px;display:flex;align-items:center;gap:8px}.variant-customization-icon{width:18px;height:18px;color:var(--kelp-600)}.variant-customization-description{font-size:.8125rem;color:var(--kelp-600);margin-bottom:16px;line-height:1.5}.variant-price-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:6px;font-size:.75rem;font-weight:400;color:var(--gold-dark);margin-left:8px}.variant-price-badge.increase{background:linear-gradient(135deg,rgba(239,68,68,.1),rgba(220,38,38,.08));border-color:rgba(239,68,68,.2);color:rgb(220,38,38)}@media (max-width:768px){.variant-button-modern,.variant-dropdown-trigger{font-size:.875rem;padding:11px 16px}.variant-customization-container{padding:16px}.variant-dropdown-panel{max-height:240px}}[dir=rtl] .variant-customization-container:before,[dir=rtl] .variant-dropdown-option:before{left:auto;right:0}[dir=rtl] .variant-price-badge{margin-left:0;margin-right:8px}