.drawer-overlay{display:none;position:fixed;inset:0;background:rgba(15,23,42,.45);z-index:99}.drawer-overlay.open{display:block}.drawer{position:fixed;top:0;right:0;bottom:0;width:78%;max-width:300px;background:#0f172a;color:#e2e8f0;z-index:100;transform:translateX(100%);transition:transform .25s cubic-bezier(.2,.8,.2,1);overflow-y:auto;box-shadow:-10px 0 30px rgba(0,0,0,.18)}.drawer.open{transform:translateX(0)}.drawer-brand{padding:18px 18px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid rgba(255,255,255,.1)}.drawer-brand-text{font-size:14px;font-weight:800;color:#fff}.drawer-brand-logo{height:28px;width:auto;max-width:90px;object-fit:contain}.drawer-theme-toggle{display:flex;align-items:center;gap:8px;width:calc(100% - 36px);margin:12px 18px;padding:9px 12px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:10px;color:#e2e8f0;font-size:12px;font-weight:700;cursor:pointer;font-family:inherit}.drawer-theme-toggle .tt-icon-light{display:none}:root[data-theme="dark"] .drawer-theme-toggle .tt-icon-dark{display:none}:root[data-theme="dark"] .drawer-theme-toggle .tt-icon-light{display:inline-flex}.drawer-user{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 18px 14px;font-size:11px;color:#94a3b8}.drawer-user b{color:#fff}.drawer-links{padding:6px 0 16px}.drawer-link{display:flex;align-items:center;gap:9px;padding:12px 18px;font-size:13px;font-weight:600;color:#cbd5e1;border-bottom:1px solid rgba(255,255,255,.06)}.drawer-link:hover{background:rgba(255,255,255,.05);color:#fff}.drawer-link.active{background:rgba(61,165,217,.16);color:#7dd3fc;font-weight:700}.sb-badge{margin-right:auto;font-size:9.5px;font-weight:700;padding:1px 7px;border-radius:10px}.sb-badge-red{background:#fee2e2;color:#b91c1c}.navbar{position:fixed;top:0;left:0;right:0;width:100%;z-index:90;background:#0f172a;border-bottom:none;padding-top:0}.navbar{padding-top:env(safe-area-inset-top)}.nav-row{height:var(--hh);display:flex;align-items:center;gap:14px;padding:0 20px;max-width:1200px;margin:0 auto;background:transparent}.nav-logo{display:none;align-items:center;gap:8px;font-weight:800;font-size:16px;flex-shrink:0}.nav-logo-img{height:32px;width:auto;max-width:150px;object-fit:contain;flex-shrink:0}.nav-logo-icon{width:36px;height:36px;background:var(--active);border-radius:9px;align-items:center;justify-content:center;font-size:17px;color:#fff;flex-shrink:0}.nav-wordmark{display:block;font-weight:800;font-size:16px;color:#fff;white-space:nowrap}.nav-links{display:flex;gap:4px;flex:0 1 auto;min-width:0}.nav-link{padding:8px 12px;border-radius:8px;font-size:13px;font-weight:600;color:#fff;cursor:pointer;white-space:nowrap}.nav-link:hover{background:rgba(255,255,255,.1)}.nav-link.active{color:#fff;background:rgba(255,255,255,.16)}.nav-link.nav-link-cta{color:var(--orange,#EA7317);font-weight:800}.nav-link-plus{font-weight:900}.nav-spacer{flex:1}.nav-icon{width:38px;height:38px;border-radius:9px;border:1px solid var(--border);background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;position:relative;color:var(--muted);flex-shrink:0}.nav-icon:hover{border-color:var(--active);color:var(--active)}.nav-cart-badge{position:absolute;top:-5px;left:-5px;background:#dc2626;color:#fff;font-size:9px;font-weight:700;border-radius:10px;padding:1px 5px;min-width:15px;text-align:center}.nav-hamburger{display:none}.nav-row-authed .nav-hamburger{display:flex}.tb-wallet-chip{display:flex;align-items:center;gap:6px;background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0;border-radius:20px;padding:7px 14px;font-size:12px;font-weight:700;white-space:nowrap;text-decoration:none;flex-shrink:0}.tb-wallet-chip:hover{background:#dcfce7}.btn-login-desktop{display:flex;align-items:center;gap:6px;background:var(--active-d);color:#fff;border-radius:20px;padding:7px 14px;font-size:12px;font-weight:700;white-space:nowrap;text-decoration:none;flex-shrink:0}.btn-login-desktop:hover{background:#1b4f87}@media (max-width:900px){.nav-auth-desktop{display:none}.nav-links{display:none}.nav-hamburger{display:flex}}.bottom-nav{display:none;position:fixed;right:0;left:0;bottom:0;background:#0f172a;border-top:none;z-index:95;padding:6px 2px 6px;justify-content:space-around;align-items:center;box-shadow:0 -2px 14px rgba(0,0,0,.18)}.bottom-nav{padding:6px 2px calc(6px + env(safe-area-inset-bottom))}.bottom-nav::after{content:"";position:absolute;right:0;left:0;top:100%;height:400px;background:#0f172a}.bn-item{display:flex;flex-direction:column;align-items:center;gap:2px;color:rgba(255,255,255,.72);font-size:9.5px;font-weight:700;cursor:pointer;padding:5px 6px;border-radius:9px;flex:1}.bn-item .ic{display:flex;align-items:center;justify-content:center;line-height:1}.bn-item.active{color:var(--star,#FEC601)}.bn-item.bn-fab{background:none;border:none;box-shadow:none;color:var(--orange,#EA7317)}.bn-item.bn-fab .ic svg{width:30px;height:30px}.bn-item.bn-fab:active{opacity:.8}@media (max-width:900px){.bottom-nav{display:flex}html{background:#0f172a}}