:root{--g50:#f0fdf4;--g100:#dcfce7;--g200:#bbf7d0;--g300:#86efac;--g400:#4ade80;--g500:#22c55e;--g600:#16a34a;--g700:#15803d;--n0:#ffffff;--n50:#fafafa;--n100:#f4f5f7;--n150:#E5E7EB;--n200:#e2e5ea;--n300:#cdd1d9;--n400:#9ca3af;--n500:#6b7280;--n700:#374151;--n800:#121317;--n900:#111827;--n950:#030712;--r:12px;--r-full:9999px;--ease:cubic-bezier(.4,0,.2,1)}.nav{position:fixed;top:0;left:50%;transform:translateX(-50%);width:100%;max-width:100%;height:60px;display:flex;align-items:center;background:rgb(255 255 255 / .97);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:none;border-bottom:1px solid rgb(0 0 0 / .08);border-radius:0;z-index:1000;transition:top .3s var(--ease),width .3s var(--ease),border-radius .3s var(--ease),background .3s var(--ease),box-shadow .3s var(--ease),border .3s var(--ease);box-shadow:none}.nav.scrolled{top:12px;left:50%;right:auto;transform:translateX(-50%);width:calc(100%  -  48px);max-width:1180px;border-radius:16px;border:1.5px solid rgb(0 0 0 / .08);border-bottom:1px solid rgb(0 0 0 / .08);background:rgb(255 255 255 / .85);box-shadow:0 2px 16px rgb(0 0 0 / .06)}.nav .wrap{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1180px;margin:0 auto;padding:0 24px}.nav-brand{font-size:19px;font-weight:800;color:var(--n950);text-decoration:none;letter-spacing:-.04em;display:flex;align-items:center;gap:7px}.nav-brand-dot{width:7px;height:7px;border-radius:50%;background:var(--g500);flex-shrink:0}.nav-links{display:flex;align-items:center;gap:28px;list-style:none;margin-bottom:0px!important}.nav-links a{font-size:14px;font-weight:500;color:var(--n700);text-decoration:none;transition:color .2s var(--ease)}.nav-links a:hover{color:var(--n950)}.nav-cta-group{display:flex;align-items:center;gap:8px}.nav-btn-search{display:inline-flex;align-items:center;gap:10px;padding:8px 18px;background:#fff;border:1px solid #cad0d9;border-radius:8px;font-size:14px;font-weight:500;color:#121317;cursor:pointer;font-family:inherit;transition:all .2s var(--ease);line-height:1.5!important;white-space:nowrap}.nav-btn-search:hover{border-color:#cad0d9;background:#fff;color:#121317;transform:translateY(-1px);box-shadow:none!important}.nav-btn-search svg{flex-shrink:0}.nav-link-track{cursor:pointer}.nav-btn-track{padding:8px 18px;background:#fff;border:1px solid #cad0d9;border-radius:8px;font-size:14px;font-weight:500;color:var(--n700);cursor:pointer;font-family:inherit;transition:all .2s var(--ease);line-height:1.5!important}.nav-btn-track:hover{border-color:var(--g500);color:var(--g600)}.nav-cta{padding:8px 18px;background:var(--n950);color:#fff;font-size:14px;font-weight:500;border-radius:8px;text-decoration:none;transition:all .2s var(--ease);border:none;cursor:pointer;display:inline-flex;align-items:center;gap:10px;white-space:nowrap;line-height:1.5!important}.nav-cta:hover{background:var(--n800);transform:translateY(-1px);box-shadow:0 4px 12px rgb(0 0 0 / .15);color:#fff}.nav-cta-user{background:#121317}.nav-cta-user:hover{background:#000}.nav-ham{display:none;background:none;border:none;cursor:pointer;padding:6px;color:var(--n900);box-shadow:none}.nav-btn-search,.nav-cta,.nav-cta-user{height:38px!important;display:inline-flex;align-items:center}.nav-btn-search svg,.nav-cta svg{width:14px!important;height:14px!important}.nav-mobile-overlay{display:none;position:fixed;inset:0;background:rgb(0 0 0 / .4);z-index:1001;opacity:0;transition:opacity .25s}.nav-mobile-overlay.active{display:block;opacity:1}.nav-mobile{position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;z-index:1002;transform:translateY(-100%);transition:transform .3s var(--ease);display:flex;flex-direction:column}.nav-mobile.open{transform:translateY(0)}.nav-mobile-inner{display:flex;flex-direction:column;height:100%}.nav-mobile-header{display:flex;align-items:center;justify-content:space-between;padding:0 20px;height:64px;border-bottom:1px solid var(--n150);flex-shrink:0}.nav-mobile-close{background:var(--n100);border:none;cursor:pointer;width:32px;height:32px;min-width:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0;color:var(--n500);transition:background .15s}.nav-mobile-close:hover{background:var(--n150)}.nav-mobile-links{list-style:none;flex:1;padding:6px 0;overflow-y:auto;margin-left:10px!important}.nav-mobile-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:18px 24px;font-size:17px;font-weight:400;color:var(--n900);text-decoration:none;background:none;border:none;cursor:pointer;font-family:inherit;border-bottom:1px solid var(--n100);transition:background .15s;text-align:left}.nav-mobile-item:hover{background:var(--n50)}.nav-mobile-item svg{color:var(--n300);flex-shrink:0}.nav-mobile-footer{padding:20px 20px 40px;border-top:1px solid var(--n150);display:flex;flex-direction:column;gap:10px;flex-shrink:0}.nav-mobile-btn-search{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 20px;background:var(--g50);border:1.5px solid #16A34A;border-radius:var(--r);font-size:15px;font-weight:600;color:var(--g700);cursor:pointer;font-family:inherit;transition:all .2s;box-shadow:none}.nav-mobile-btn-search:hover{background:var(--g100);border-color:var(--g300)}.nav-mobile-btn-search svg{flex-shrink:0}.nav-mobile-btn-track{display:flex;align-items:center;justify-content:center;width:100%;padding:14px 20px;background:none;border:1.5px solid var(--n150);border-radius:var(--r);font-size:15px;font-weight:600;color:var(--n700);cursor:pointer;font-family:inherit;transition:all .2s}.nav-mobile-btn-track:hover{border-color:var(--g500);color:var(--g600)}.nav-mobile-btn-login{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 20px;background:var(--n950);color:#fff;font-size:15px;font-weight:600;border-radius:var(--r);text-decoration:none;transition:background .2s;font-family:inherit;border:none;cursor:pointer}.nav-mobile-btn-login:hover{background:var(--n800);color:#fff}.nav-mobile-btn-user{background:var(--g600)}.nav-mobile-btn-user:hover{background:var(--g700)}.search-modal-overlay{display:none;position:fixed;inset:0;background:rgb(0 0 0 / .5);z-index:2000;opacity:0;transition:opacity .25s}.search-modal-overlay.active{display:block;opacity:1}.search-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-60%);width:min(600px,calc(100vw  -  32px));background:#fff;border-radius:24px;z-index:2001;opacity:0;pointer-events:none;transition:all .3s var(--ease);box-shadow:0 20px 60px rgb(0 0 0 / .2);max-height:85vh;overflow:hidden;display:flex;flex-direction:column}.search-modal.open{transform:translate(-50%,-50%);opacity:1;pointer-events:all}.search-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--n150);flex-shrink:0}.search-modal-title{font-size:17px;font-weight:550;color:#121317}.search-modal-close{background:var(--n100);border:none;cursor:pointer;width:32px;height:32px;min-width:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0;color:var(--n500);transition:background .15s}.search-modal-close:hover{background:var(--n150)}.search-modal-body{padding:24px;display:flex;flex-direction:column;overflow:hidden}.search-modal-input-wrap{display:flex;align-items:center;gap:8px;padding:4px 4px 4px 14px;border:1.5px solid #d3d8df;border-radius:var(--r);transition:border-color .2s,box-shadow .2s;flex-shrink:0}.search-modal-input-wrap:focus-within{border-color:#d3d8df;box-shadow:none}.search-modal-input-wrap svg{flex-shrink:0}.search-modal-input-wrap input{flex:1;border:none;outline:none;padding:10px 8px;font-size:15px;font-family:inherit;color:var(--n900)}.search-modal-input-wrap input::placeholder{color:var(--n400)}.search-modal-input-wrap button{padding:10px 20px;background:var(--g600);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit;transition:background .15s;white-space:nowrap}.search-modal-input-wrap input:focus,.search-modal-input-wrap input:focus-visible{outline:none!important;box-shadow:none!important;border:none!important}.search-modal-input-wrap button:hover{background:var(--g500)}.search-modal-results{margin-top:16px;overflow-y:auto;max-height:calc(85vh  -  180px);scrollbar-width:thin;scrollbar-color:var(--n200) #fff0}.search-modal-results::-webkit-scrollbar{width:4px}.search-modal-results::-webkit-scrollbar-track{background:#fff0}.search-modal-results::-webkit-scrollbar-thumb{background:var(--n200);border-radius:4px}.search-modal-item{display:flex;align-items:center;gap:14px;padding:14px 16px;text-decoration:none;color:var(--n900);transition:background .15s;border-bottom:1px solid #f3f4f6;border-radius:8px}.search-modal-item:hover{background:var(--n50)}.search-modal-item img{width:72px!important;height:72px!important;object-fit:contain!important;border-radius:8px;background:#f3f4f6;flex-shrink:0}.smi-info{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.smi-badges{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:4px}.smi-name{font-size:15px;font-weight:550;color:var(--n900);line-height:1.3}.smi-metas{display:flex;flex-direction:column;gap:1px}.smi-meta{font-size:14px;color:var(--n400);line-height:1.3}.smi-price{font-size:14px;color:var(--g600);font-weight:600}.search-modal-all{display:block;padding:14px 16px;font-size:13px;color:var(--n500);text-decoration:none;text-align:center;background:var(--n50);border-radius:8px;margin-top:8px;transition:all .15s}.search-modal-all:hover{background:var(--n100);color:var(--n900)}.search-modal-loading{color:var(--n400);font-size:13px;text-align:center;padding:24px 0}.search-modal-empty{color:var(--n400);font-size:13px;text-align:center;padding:24px 0}.search-modal-item .sb-card-badge{font-size:10px;padding:2px 7px;border-radius:4px;font-weight:600}.track-modal-overlay{display:none;position:fixed;inset:0;background:rgb(0 0 0 / .5);z-index:2000;opacity:0;transition:opacity .25s}.track-modal-overlay.active{display:block;opacity:1}.track-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-60%);width:min(560px,calc(100vw  -  32px));background:#fff;border-radius:24px;z-index:2001;opacity:0;pointer-events:none;transition:all .3s var(--ease);box-shadow:0 20px 60px rgb(0 0 0 / .2);max-height:85vh;overflow-y:auto}.track-modal.open{transform:translate(-50%,-50%);opacity:1;pointer-events:all}.track-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--n150);position:sticky;top:0;background:#fff;z-index:1}.track-modal-header{z-index:10!important}.sb-timeline-dot{position:relative!important;z-index:0!important}.track-modal-title{font-size:16px;font-weight:700;color:var(--n950)}.track-modal-close{background:var(--n100);border:none;cursor:pointer;width:32px;height:32px;min-width:32px;scrollbar-width:none;-ms-overflow-style:none;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0;color:var(--n500);transition:background .15s}.track-modal::-webkit-scrollbar{display:none!important}.track-modal-close:hover{background:var(--n150)}.track-modal-body{padding:24px}.track-input-wrap{display:flex;gap:8px;margin-bottom:20px}.track-input-wrap input{flex:1;padding:11px 14px;border:1.5px solid #d3d8df;border-radius:8px;font-size:14px;font-family:inherit;color:var(--n900);outline:none!important;transition:border-color .2s}.track-input-wrap input:focus{border:1.5px solid #d3d8df;box-shadow:none!important}.track-input-wrap input,.track-input-wrap input:focus{border-color:#d3d8df!important;box-shadow:none!important}.track-input-wrap button{padding:11px 20px;background:#121317;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit;transition:background .15s;white-space:nowrap}.track-input-wrap button:hover{background:#121317}.nav-logo-img{height:40px!important;width:auto!important;max-width:none!important;display:block!important}@media (max-width:768px){.nav{top:8px!important;width:calc(100%  -  24px)!important;border-radius:14px!important;border:1px solid rgb(0 0 0 / .08)!important;background:rgb(255 255 255 / .85)!important;box-shadow:0 2px 16px rgb(0 0 0 / .06)!important}.nav.scrolled{top:8px!important;width:calc(100%  -  24px)!important;border-radius:14px!important;border:1.5px solid rgb(0 0 0 / .08)!important;background:rgb(255 255 255 / .97)!important;box-shadow:0 2px 16px rgb(0 0 0 / .06)!important}.nav-links{display:none}.nav-cta-group{display:none}.nav-ham{display:block}.nav .wrap{padding:0 16px}}