.vendors-side-panel{position:fixed;top:var(--menu-height, 64px);right:0;width:clamp(260px,20vw,390px);height:calc(100vh - var(--menu-height, 64px));background:#fff;transform:translate(100%);transition:transform .35s cubic-bezier(.25,.8,.25,1);border-left:.5px solid #a4adb5;z-index:1300;display:flex;flex-direction:column;font-family:Metropolis,Public Sans,sans-serif}.vendors-side-panel.open{transform:translate(0)}.vendors-panel-header{display:flex;align-items:center;gap:12px;padding:24px}.panel-title{font-weight:200;font-size:16px;color:#a8a29e;letter-spacing:1px}.panel-close{margin-left:auto;background:transparent;border:0;line-height:0;padding:0;cursor:pointer}.panel-close img{width:18px;height:18px}.vendors-panel-body{flex:1 1 auto;padding:24px 0;overflow-y:auto}.sort-options{display:flex;flex-direction:column;gap:8px}.sort-btn{background:transparent;border:0;text-align:left;font-weight:200;font-size:clamp(12px,.9vw,16px);letter-spacing:1px;color:#3f3f3f;cursor:pointer;display:block;width:100%;padding:8px 24px}.sort-btn.selected{background:#eeebe7;color:#a8a29e;text-decoration:none}.by-letter-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 24px}.by-letter .letters-grid{display:none;margin-top:8px;row-gap:8px;column-gap:8px;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));padding:0 24px}.by-letter-toggle[aria-expanded=true]+.letters-grid{display:grid}.letter-btn{height:32px;min-width:32px;padding:0 12px;background:#faf9f8;border:0;font-size:14px;font-weight:200;color:#3f3f3f;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s}.letter-btn.selected{background:#eeebe7;outline:none}.apply-btn{display:block;width:calc(100% - 48px);max-width:300px;height:50px;background:#a8a29e;color:#f5f5f3;border:0;font-weight:400;font-size:clamp(14px,.9vw,16px);letter-spacing:1.2px;cursor:pointer;margin:clamp(50px,4vw,48px) 24px 0}