.variation-card.not-orderable{opacity:.5;background:#f8f9fa;backdrop-filter:none;border-inline-start-color:#cbd5e1}.unavailable-text{color:#000;opacity:.6;font-size:13px;font-weight:500}.shade-config.opening{display:flex;animation:wipeIn .45s cubic-bezier(.34,.56,.64,1) forwards}.shade-config.closing{animation:wipeOut .35s cubic-bezier(.4,0,.6,1) forwards}.shade-dot.active{border:2px solid #000;box-shadow:0 0 0 2px #000;transform:scale(1.1)}.combo-row{display:flex;align-items:center;justify-content:space-between;background:#f1f5f9;border-radius:8px;padding:6px 12px;font-size:13px}.combo-row .remove-combo{cursor:pointer;color:#ef4444;font-weight:700;margin-right:8px;font-size:16px;line-height:1}.shade-option.disabled{opacity:.5;cursor:not-allowed}.shade-option.disabled .shade-dot{position:relative;background-color:#ccc!important;border-color:#aaa}.shade-option.disabled .shade-dot::after{content:"✕";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:red;font-size:14px;font-weight:700;line-height:1}.shade-option.disabled .shade-name{color:#999}.wholesale-toast{position:fixed;top:20px;left:50%;transform:translateX(-50%);width:auto;max-width:480px;min-width:300px;background:rgba(30,41,59,.94);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);color:#fff;border-radius:12px;padding:10px 18px;display:flex;align-items:center;gap:10px;z-index:99999;box-shadow:0 10px 25px rgba(0,0,0,.25),0 0 0 1px rgba(255,255,255,.08);border-right:4px solid #6c5ce7;font-family:"peyda",sans-serif;animation:toastSlideDown .45s cubic-bezier(.16,1,.3,1);transition:opacity .3s ease,transform .3s ease}.wholesale-toast .toast-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#6c5ce7;border-radius:50%;font-size:14px;flex-shrink:0;color:#fff}.wholesale-toast .toast-message{font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.wholesale-toast .toast-action{color:#c3bef7;font-weight:600;font-size:14px;text-decoration:none;white-space:nowrap;transition:color .2s;margin-left:auto;font-family:"peyda",sans-serif!important}.wholesale-toast .toast-action:hover{color:#fff}.wholesale-toast .toast-progress{position:absolute;bottom:0;left:0;height:2px;background:linear-gradient(90deg,#6c5ce7,#a29bfe);animation:toastProgress 5s linear forwards;border-radius:0 0 12px 12px}@media (max-width:600px){.wholesale-toast{padding:8px 14px;max-width:92vw;gap:8px;border-radius:10px}.wholesale-toast .toast-message{font-size:13px}.wholesale-toast .toast-action{font-size:13px}}