.sf-drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);opacity:0;visibility:hidden;transition:opacity .4s ease,visibility .4s ease;z-index:998}.sf-drawer-overlay.is-open{opacity:1;visibility:visible}.sf-drawer{position:fixed;top:0;right:0;width:100%;max-width:450px;height:100vh;background:#fff;transform:translate(100%);transition:transform .4s cubic-bezier(.25,1,.5,1);z-index:999;display:flex;flex-direction:column;box-shadow:-4px 0 24px #00000026}.sf-drawer.is-open{transform:translate(0)}.sf-drawer__header{padding:24px;border-bottom:1px solid #e0e0e0;flex-shrink:0}.sf-drawer__tabs{display:flex;gap:16px;align-items:center;justify-content:space-between}.sf-drawer__tab-row{display:flex;background:#f5f5f5;border-radius:8px;padding:4px;flex:1}.sf-drawer__tab{flex:1;text-align:center;padding:10px 16px;font-size:14px;font-weight:600;letter-spacing:.02em;border-radius:8px;cursor:pointer;transition:all .2s ease;border:none;background:none;color:#666;font-family:inherit}.sf-drawer__tab.is-active{background:#1b2c4e;color:#fff}.sf-drawer__close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;background:none;color:#1a1a1a;font-size:32px;line-height:1;margin-left:16px;flex-shrink:0}.sf-drawer__content{flex:1;overflow-y:auto;padding:24px}.sf-drawer__intro{font-size:14px;color:#666;line-height:1.6;margin-bottom:24px}.sf-drawer__recent-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.sf-drawer__recent-label span{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#999}.sf-drawer__recent-label button{font-size:11px;color:#1b2c4e;background:none;border:none;cursor:pointer;text-decoration:underline}.sf-drawer__recent-item{display:flex;align-items:center;gap:12px;padding:8px;background:#f9f9f9;border-radius:6px;margin-bottom:8px;cursor:pointer;transition:background .2s ease}.sf-drawer__recent-item:hover{background:#f0f0f0}.sf-drawer__recent-item img{width:40px;height:40px;object-fit:contain}.sf-drawer__recent-item .brand{font-size:11px;font-weight:700;color:#a42325}.sf-drawer__recent-item .model{font-size:13px;font-weight:600;color:#1b2c4e}.sf-drawer__dropdown{margin-bottom:20px;position:relative}.sf-drawer__dropdown-label{font-size:12px;font-weight:700;color:#1b2c4e;margin-bottom:8px;display:block}.sf-drawer__dropdown-trigger{width:100%;padding:12px 16px;border:1px solid #e0e0e0;border-radius:6px;background:#fff;font-size:14px;color:#1a1a1a;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-family:inherit;transition:border-color .2s ease}.sf-drawer__dropdown-trigger:hover{border-color:#a42325}.sf-drawer__dropdown-trigger svg{width:16px;height:16px;transition:transform .2s ease}.sf-drawer__dropdown.is-open .sf-drawer__dropdown-trigger svg{transform:rotate(180deg)}.sf-drawer__dropdown-list{display:none;max-height:250px;overflow-y:auto;border:1px solid #e0e0e0;border-top:none;border-radius:0 0 6px 6px;background:#fff;margin-top:-1px;box-shadow:0 4px 12px #0000001a;position:absolute;top:100%;left:0;right:0;z-index:10}.sf-drawer__dropdown.is-open .sf-drawer__dropdown-list{display:block}.sf-drawer__dropdown-item{padding:10px 16px;font-size:14px;cursor:pointer;transition:background .2s ease}.sf-drawer__dropdown-item:hover{background:#f5f5f5;color:#a42325}.sf-drawer__search{position:relative;margin-bottom:24px}.sf-drawer__search input{width:100%;padding:12px 40px 12px 16px;border:1px solid #e0e0e0;border-radius:6px;background:#fff;font-size:14px;color:#1a1a1a;font-family:inherit;outline:none;transition:border-color .2s ease}.sf-drawer__search input:focus{border-color:#1b2c4e;box-shadow:0 0 0 3px #1b2c4e1a}.sf-drawer__search svg{position:absolute;right:16px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:#999;pointer-events:none}.sf-drawer__links{display:flex;justify-content:space-between;margin-bottom:24px}.sf-drawer__links a,.sf-drawer__links button{font-size:12px;color:#1b2c4e;text-decoration:underline;background:none;border:none;cursor:pointer;padding:0}.sf-drawer__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.sf-drawer__card{background:#fff;border:1px solid #e5e5e5;border-radius:12px;padding:20px;position:relative;cursor:pointer;transition:all .2s ease}.sf-drawer__card:hover{border-color:#c00;transform:translateY(-4px);box-shadow:0 8px 20px #cc00001f}.sf-drawer__card .save-btn{position:absolute;top:12px;right:12px;width:28px;height:28px;border:none;border-radius:50%;background:#f5f5f5;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#1a1a1a;transition:all .2s ease;padding:6px}.sf-drawer__card .save-btn:hover{background:#e0e0e0}.sf-drawer__card .save-btn.is-saved{background:#1a1a1a;color:#fff}.sf-drawer__card .save-btn svg{width:100%;height:100%}.sf-drawer__card img{width:90%;height:190px;object-fit:contain;margin:0 auto 20px;display:block}.sf-drawer__card .name{font-size:14px;font-weight:500;color:#1a1a1a;margin-bottom:6px;transition:color .2s ease}.sf-drawer__card:hover .name{color:#c00}.sf-drawer__card .ref{font-size:12px;color:#888}.sf-drawer__empty{text-align:center;padding:40px 20px}.sf-drawer__empty .icon{font-size:40px;margin-bottom:16px;opacity:.3}.sf-drawer__empty .title{font-size:16px;font-weight:600;color:#1b2c4e;margin-bottom:8px}.sf-drawer__empty .sub{font-size:13px;color:#999;line-height:1.5}
/*# sourceMappingURL=/cdn/shop/t/17/assets/strap-finder-drawer.css.map */