/* Compact header and native, accessible product explorer. */
html.site-pearl body.public-ui #topbar.topbar{gap:12px!important;height:51px!important;min-height:51px!important;padding-inline:15px!important}
html.site-pearl body.public-ui #topbar .header-search-trigger{display:inline-flex!important;align-items:center;justify-content:center;flex:0 0 32px;width:32px;min-width:32px;height:32px;padding:6px;border:0;border-radius:50%;background:transparent;color:var(--compact-muted);box-shadow:none;cursor:pointer;transition:background .16s,color .16s}
html.site-pearl body.public-ui #topbar .header-search-trigger:hover{background:var(--compact-tint);color:var(--compact-blue)}
.header-search-trigger>span,.header-search-trigger>kbd{display:none}
html.site-pearl body.public-ui #topbar .topbar-account{gap:10px!important}
html.site-pearl body.public-ui #topbar .site-language-trigger{width:29px!important;min-width:29px!important;height:29px!important;border:0!important;background:transparent!important;padding:4px!important;border-radius:50%!important}
html.site-pearl body.public-ui #topbar .site-language-code,html.site-pearl body.public-ui #topbar .site-language-chevron{display:none!important}
html.site-pearl body.public-ui #topbar .site-language-flag{display:grid;place-items:center;width:18px;height:18px;font-size:17px;line-height:1;border-radius:50%;overflow:hidden}
html.site-pearl[data-site-language=vi] body.public-ui #topbar .site-language-flag{background:#ed2444;font-size:0}
html.site-pearl[data-site-language=vi] body.public-ui #topbar .site-language-flag:after{content:'★';font-size:11px;color:#fff49a;line-height:1}
html.site-pearl body.public-ui #topbar #topbarUserBtn.topbar-user-chip{display:flex!important;position:relative;align-items:center;justify-content:flex-start;gap:7px;width:auto!important;min-width:114px!important;max-width:165px;height:37px!important;min-height:37px!important;border:1px solid #bde4f9!important;border-radius:25px!important;padding:3px 11px 3px 4px!important;background:var(--compact-tint)!important;color:var(--compact-ink)!important;box-shadow:0 1px 2px #1c789808!important;overflow:visible!important;transform:none!important}
html.site-pearl body.public-ui #topbar #topbarUserBtn .topbar-user-avatar{width:29px!important;height:29px!important;min-width:29px!important;min-height:29px!important;border:1px solid #b9dff4!important;border-radius:50%!important;background:var(--compact-surface)!important;box-shadow:0 0 0 2px #fff8!important;overflow:hidden!important;padding:0!important;position:relative!important;flex:none!important}
html.site-pearl body.public-ui #topbar #topbarUserBtn .topbar-user-avatar img{width:100%!important;height:100%!important;object-fit:cover!important;padding:0!important;border-radius:50%!important}
.header-account-copy{display:flex;flex-direction:column;align-items:flex-start;min-width:0;gap:1px;text-align:left;line-height:1.2}
html.site-pearl body.public-ui #topbar .header-account-copy strong{display:flex;align-items:center;gap:3px;max-width:115px;color:var(--compact-blue)!important;font:750 10px/1.3 Inter,system-ui,sans-serif!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.header-account-copy strong svg{width:12px;height:12px;flex:none}
html.site-pearl body.public-ui #topbar .header-account-copy small{display:block;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--compact-muted)!important;font:550 8px/1.4 Inter,system-ui,sans-serif!important}
.header-account-online{position:absolute;left:25px;bottom:2px;width:8px;height:8px;border:2px solid var(--compact-surface);background:#1bcaa0;border-radius:50%;box-shadow:0 0 0 1px #def8f0}
.nav-theme-control{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 9px 5px;margin-top:5px;border-top:1px solid var(--compact-line);font-size:10px;color:var(--compact-muted)}
.nav-theme-control .site-appearance-toggle{width:30px;height:30px;min-width:30px;flex-basis:30px}
.mobile-bottom-nav{display:none}
/* A left-positioned assistant must leave room for the music controls too. */
html.site-pearl body.public-ui:has(#acTrigger.ac-pos-left) #ambientMusic{bottom:86px!important}
/* Dialog stays out of the page's many legacy card rules. */
dialog.navigation-explorer{--nex-bg:#fff;--nex-soft:#f8fafc;--nex-line:#e8edf2;--nex-ink:#243240;--nex-muted:#89939d;--nex-blue:#069fe0;--nex-tint:#edf9ff;box-sizing:border-box;width:min(800px,calc(100% - 40px));max-width:none;height:min(700px,calc(var(--mobile-viewport-height,100dvh) - 128px));max-height:none;padding:0;margin:auto;border:0;border-radius:24px;background:transparent;color:var(--nex-ink);box-shadow:none;overflow:visible;font:400 12px/1.6 Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
dialog.navigation-explorer:not([open]){display:none!important}
dialog.navigation-explorer[open]{display:flex!important;flex-direction:column;animation:nex-enter .2s ease-out}
.nex-panel{display:flex;flex-direction:column;flex:1;min-height:0;width:100%;overflow:hidden;border:1px solid var(--nex-line);border-radius:inherit;background:var(--nex-bg);box-shadow:0 20px 80px #10233f25}
.nex-stage{position:relative;display:flex;flex-direction:column;flex:1;min-height:0;width:100%;border-radius:inherit}
dialog.navigation-explorer.is-closing{pointer-events:none;animation:nex-exit .2s ease-in both}
dialog.navigation-explorer.is-closing::backdrop{animation:nex-backdrop-exit .2s ease both}
dialog.navigation-explorer::backdrop{background:#0d18245c;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.navigation-explorer *{box-sizing:border-box}
.navigation-explorer [hidden]{display:none!important}
.navigation-explorer :is(button,input,a){font-family:Inter,system-ui,sans-serif}
.navigation-explorer :is(button,a,input):focus-visible{outline:2px solid #11b7ff;outline-offset:3px}
.navigation-explorer .ui-symbol{width:19px;height:19px;flex:none;stroke-width:1.5}
.nex-grab{display:none}
.nex-heading{display:flex;align-items:center;gap:11px;padding:22px 22px 15px;flex:none}
.nex-heading-icon{display:grid;place-items:center;width:35px;height:35px;border:1px solid #bce8fa;border-radius:50%;background:var(--nex-tint);color:var(--nex-blue);flex:none}
.nex-heading>div{flex:1;min-width:0}
.nex-heading h2{font-size:14px!important;font-weight:750!important;line-height:1.4!important;letter-spacing:0!important;margin:0!important;color:var(--nex-ink)!important}
.nex-heading p{font-size:10px!important;line-height:1.6;margin:3px 0 0;color:var(--nex-muted)}
.navigation-explorer .nex-close{display:grid;place-items:center;position:absolute;right:10px;top:-52px;z-index:2;width:42px;height:42px;border:1px solid var(--nex-line);border-radius:15px;padding:10px;background:var(--nex-bg);color:var(--nex-ink);cursor:pointer;box-shadow:0 5px 20px #10233f26;transition:background .18s,color .18s,transform .18s}
.nex-close:hover{background:var(--nex-tint);color:var(--nex-blue)}
.navigation-explorer .nex-search{display:flex;align-items:center;gap:8px;flex:none;margin:0 22px 17px;padding:0 12px;min-height:38px;border:1px solid #67caff;border-radius:24px;background:var(--nex-bg);color:var(--nex-blue);box-shadow:0 0 0 2px #11b7ff08}
.navigation-explorer .nex-search:focus-within{box-shadow:0 0 0 3px #11b7ff14;border-color:#06aff6}
html.site-pearl body.public-ui dialog.navigation-explorer #navigationSearch{flex:1;min-width:0;width:100%;min-height:36px;height:36px;padding:7px 0;border:0!important;border-radius:0!important;outline:0!important;background:transparent!important;color:var(--nex-ink)!important;font-size:12px!important;line-height:1.5;box-shadow:none!important;appearance:none}
.nex-search input::placeholder{color:var(--nex-muted);font-size:11px}
.nex-search input::-webkit-search-cancel-button{display:none}
.nex-search>button{display:grid;place-items:center;border:0;width:24px;height:24px;border-radius:50%;background:var(--nex-soft);color:var(--nex-muted);font-size:17px;line-height:1;cursor:pointer;padding:0}
.nex-categories{display:flex;align-items:center;gap:7px;overflow-x:auto;flex:none;padding:13px 20px;border-top:1px solid var(--nex-line);border-bottom:1px solid var(--nex-line);scrollbar-width:none;overscroll-behavior:contain}
.nex-categories::-webkit-scrollbar{display:none}
.nex-category{display:inline-flex;align-items:center;gap:6px;flex:none;max-width:190px;padding:6px 11px;border:1px solid var(--nex-line);border-radius:22px;background:var(--nex-soft);color:var(--nex-muted);font-size:10px;font-weight:650;line-height:1.4;white-space:nowrap;cursor:pointer;min-height:30px}
.nex-category>span{overflow:hidden;text-overflow:ellipsis;max-width:115px}
.nex-category small{font-size:9px;font-weight:500;opacity:.7}
.nex-category img{width:16px;height:16px;object-fit:cover;border-radius:50%}
.nex-category[aria-pressed=true]{background:#08a9e7;border-color:#08a9e7;color:#fff;box-shadow:0 2px 4px #08a9e716}
.nex-content{overflow-y:auto;overscroll-behavior:contain;min-height:0;max-height:none;flex:1;padding:17px 20px 20px;scrollbar-width:thin;scrollbar-color:#dce7ee transparent;-webkit-overflow-scrolling:touch}
.nex-result-heading{display:flex;align-items:center;gap:6px;margin:0 0 12px;font-size:10px;color:var(--nex-muted)}
.nex-result-heading:before{content:'';display:block;width:5px;height:5px;flex:none;border-radius:50%;background:#7cd6f6}
.nex-result-heading h3{font-size:10px!important;font-weight:700;line-height:1.4;margin:0!important;color:var(--nex-ink)!important}
.nex-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.nex-product{display:flex;align-items:center;gap:10px;min-width:0;padding:11px;border:1px solid var(--nex-line);border-radius:13px;background:var(--nex-soft);color:var(--nex-ink);text-decoration:none;min-height:74px;transition:background .16s,border-color .16s}
.nex-product:hover{background:var(--nex-tint);border-color:#a5dff8}
.nex-product-image{display:grid;place-items:center;flex:none;width:42px;height:42px;overflow:hidden;border-radius:9px;border:1px solid var(--nex-line);background:var(--nex-bg);color:#a4b4bf}
.nex-product-image>img{display:block;width:100%;height:100%;object-fit:cover}
.nex-product-copy{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}
.nex-product-name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:11px;line-height:1.5;font-weight:750;color:var(--nex-ink);overflow-wrap:anywhere}
.nex-product-meta{display:flex;align-items:center;gap:5px;min-width:0;font-size:9px;color:var(--nex-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nex-platform{display:inline-block;flex:none;max-width:55px;overflow:hidden;text-overflow:ellipsis;background:var(--nex-tint);border-radius:4px;padding:1px 4px;color:var(--nex-blue);font-size:8px;line-height:1.6}
.nex-product-price{display:block;font-size:11px;font-weight:750;color:#f54472;white-space:nowrap}
.nex-product-action{align-self:flex-end;flex:none;display:flex;align-items:center;gap:4px;font-size:8px;color:var(--nex-muted);white-space:nowrap;padding-bottom:2px}
.nex-product-action svg{width:10px;height:10px}
.nex-load-more{display:block;margin:15px auto 0;padding:8px 15px;border:1px solid #bce5f8;border-radius:8px;background:var(--nex-tint);color:var(--nex-blue);font-size:10px;font-weight:650;cursor:pointer}
.nex-load-more:disabled{opacity:.5;cursor:wait}
.nex-empty,.nex-loading{grid-column:1 / -1;text-align:center;padding:30px 15px;color:var(--nex-muted);font-size:11px}
.nex-empty strong{display:block;color:var(--nex-ink);font-size:13px;margin-bottom:6px}
.nex-empty button{border:1px solid #bce5f8;background:var(--nex-tint);color:var(--nex-blue);font-size:11px;padding:7px 12px;border-radius:7px;margin-top:10px;cursor:pointer}
.nex-skeleton{display:flex;align-items:center;gap:10px;height:74px;padding:11px;border:1px solid var(--nex-line);border-radius:13px;background:var(--nex-soft)}
.nex-skeleton:before{content:'';width:42px;height:42px;flex:none;border-radius:8px;background:var(--nex-line)}
.nex-skeleton:after{content:'';height:26px;border-radius:4px;flex:1;background:linear-gradient(var(--nex-line) 0 7px,transparent 7px 15px,var(--nex-line) 15px 21px,transparent 21px)}
.nex-footer{display:grid;grid-template-columns:1fr 1fr;gap:9px;flex:none;padding:12px 20px 17px;border-top:1px solid var(--nex-line);background:var(--nex-bg)}
.nex-footer a{display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid transparent;border-radius:12px;min-height:37px;padding:8px 10px;background:var(--nex-soft);color:var(--nex-ink);font-size:10px;font-weight:650;text-decoration:none;text-align:center}
.nex-footer a .ui-symbol{width:15px;height:15px;color:var(--nex-blue)}
.nex-footer a:last-child{background:#08a9e7;color:#fff}
.nex-footer a:last-child .ui-symbol{color:inherit}
.nex-sr-only{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;padding:0!important;border:0!important;margin:-1px!important}
.navigation-explorer[data-mode=search] .nex-categories{display:none}
.navigation-explorer[data-mode=search] .nex-results{grid-template-columns:minmax(0,1fr);gap:0}
.navigation-explorer[data-mode=search] .nex-product{background:var(--nex-bg);border:0;padding:11px 0;border-radius:0;min-height:67px}
.navigation-explorer[data-mode=search] .nex-product:hover{background:var(--nex-soft);border-radius:8px}
.navigation-explorer[data-mode=search] .nex-product-copy{gap:3px}
.navigation-explorer[data-mode=search] .nex-product-image{width:35px;height:35px;border-radius:8px}
.navigation-explorer[data-mode=search] .nex-product-price{order:3;flex:none;text-align:right;font-size:11px}
.navigation-explorer[data-mode=search] .nex-product-action{display:none}
html.site-dark dialog.navigation-explorer{--nex-bg:#17212b;--nex-soft:#1b2834;--nex-line:#2a3947;--nex-ink:#dfebf5;--nex-muted:#91a5b9;--nex-tint:#173141;--nex-blue:#62c7f1;border-color:var(--nex-line)}
html.site-dark dialog.navigation-explorer .nex-product-price{color:#ff8faa}
@keyframes nex-enter{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@keyframes nex-exit{to{opacity:0;transform:translateY(28px)}}
@keyframes nex-backdrop-exit{to{opacity:0}}
html.perf-lite dialog.navigation-explorer::backdrop{backdrop-filter:none;-webkit-backdrop-filter:none}
@media(max-width:1180px){html.site-pearl body.public-ui #topbar .compact-brand{order:1;margin-right:auto}html.site-pearl body.public-ui #topbar #hamburger{order:0;border:0!important;background:transparent!important;padding:5px!important;width:28px!important;min-width:28px!important}html.site-pearl body.public-ui #topbar .header-search-trigger{order:2}html.site-pearl body.public-ui #topbar .topbar-account{order:3}}
@media(max-width:1180px){html.site-pearl body.public-ui:has(#sidebar.open) :is(.global-contact-float,#acTrigger,#ambientMusic,.mobile-bottom-nav){visibility:hidden!important;pointer-events:none!important;transition:none!important}}
@media(max-width:760px){
html.site-pearl body.public-ui{padding-bottom:calc(82px + env(safe-area-inset-bottom,0px))!important}
html.site-pearl body.public-ui #topbar.topbar{position:sticky!important;top:0!important;width:100%!important;max-width:none!important;margin:0!important;height:51px!important;min-height:51px!important;border:0!important;border-bottom:1px solid var(--compact-line)!important;border-radius:0!important;gap:9px!important;padding-inline:12px!important;background:var(--compact-surface)!important;box-shadow:0 2px 9px #12344e04!important}
html.site-pearl body.public-ui #topbar .compact-brand img{width:27px!important;height:27px!important}
html.site-pearl body.public-ui #topbar .topbar-account .site-language-switcher{display:block!important}
html.site-pearl body.public-ui #topbar .topbar-account{gap:6px!important}
html.site-pearl body.public-ui #topbar #topbarUserBtn.topbar-user-chip{height:36px!important;min-height:36px!important;max-width:153px!important;padding-right:10px!important}
html.site-pearl body.public-ui #topbar .header-account-copy small{max-width:90px!important}
.mobile-bottom-nav{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;left:50%;bottom:calc(10px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);width:calc(100% - 30px);max-width:440px;height:59px;padding:5px;gap:3px;border:1px solid var(--compact-line);border-radius:30px;background:var(--compact-surface);color:var(--compact-muted);box-shadow:0 6px 25px #17365018,0 1px 6px #17365007;z-index:1045;isolation:isolate}
.mobile-bottom-nav.is-scroll-managed{opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,calc(100% + 24px + env(safe-area-inset-bottom,0px))) scale(.96);transition:transform .32s cubic-bezier(.22,1,.36,1),opacity .24s ease,visibility 0s .32s}
.mobile-bottom-nav.is-scroll-managed.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0) scale(1);transition-delay:0s}
.mobile-bottom-item{display:flex;position:relative;flex-direction:column;align-items:center;justify-content:center;min-width:0;width:100%;gap:3px;min-height:46px;margin:0;padding:5px 2px;border:1px solid transparent;border-radius:24px;background:transparent;box-shadow:none;color:var(--compact-muted);text-decoration:none;font:550 8px/1.3 Inter,system-ui,sans-serif;cursor:pointer;-webkit-tap-highlight-color:transparent}
.mobile-bottom-item>.ui-symbol,.mobile-bottom-item>svg{display:block;width:19px;height:19px;flex:none;stroke-width:1.45;fill:none}
.mobile-bottom-item>span:last-child{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}
.mobile-bottom-item.is-current{background:var(--compact-surface);border-color:#d4eaf7;color:var(--compact-blue);box-shadow:0 2px 7px #137ba813;font-weight:750}
.mobile-bottom-item.is-current>span:last-child{color:var(--compact-ink)}
.mobile-bottom-avatar{display:grid;place-items:center;width:21px;height:21px;border:1px solid #cce8f8;border-radius:50%;overflow:hidden;background:var(--compact-tint)}
.mobile-bottom-avatar img{width:100%;height:100%;object-fit:cover}
.mobile-bottom-item:focus-visible{outline:2px solid #11b7ff;outline-offset:1px}
html.site-pearl body.public-ui .global-contact-float{bottom:calc(93px + env(safe-area-inset-bottom,0px))!important}
html.site-pearl body.public-ui #acTrigger{bottom:calc(88px + env(safe-area-inset-bottom,0px))!important}
html.site-pearl body.public-ui #ambientMusic{bottom:calc(85px + env(safe-area-inset-bottom,0px))!important}
/* Contact rail expands upward from its own slot above the assistant. */
html.site-pearl body.public-ui:has(#acTrigger.ac-pos-right) .global-contact-float{bottom:calc(148px + env(safe-area-inset-bottom,0px))!important}
html.site-pearl body.public-ui:has(#acTrigger.ac-pos-left) #ambientMusic{bottom:calc(148px + env(safe-area-inset-bottom,0px))!important}
html.site-pearl body.public-ui.ui-page-messages .global-contact-float,html.site-pearl body.public-ui.ui-page-messages #acTrigger,html.site-pearl body.public-ui.ui-page-messages #ambientMusic{display:none!important}
html.site-pearl body.public-ui .site-main .cm-messages-page .cm-chat-shell{height:calc(100dvh - 255px)!important;min-height:360px!important}
dialog.navigation-explorer{position:fixed;inset:auto 0 var(--mobile-viewport-bottom,0px);margin:0 auto;width:100%;max-width:640px;height:min(84dvh,calc(var(--mobile-viewport-height,100dvh) - 72px - env(safe-area-inset-top,0px)));max-height:none;border:0;border-radius:28px 28px 0 0;padding:0}
.navigation-explorer .nex-panel{border-bottom:0;padding-bottom:env(safe-area-inset-bottom,0px);box-shadow:0 -12px 48px #17365020}
.nex-grab{display:block;flex:none;width:35px;height:4px;border-radius:6px;margin:12px auto 0;background:#ccd6df}
.nex-heading{padding:19px 15px 13px;gap:9px}
.nex-heading-icon{width:29px;height:29px}
.nex-heading h2{font-size:17px!important}
.nex-heading p{font-size:11px!important;margin-top:3px}
.navigation-explorer .nex-close{right:16px}
.navigation-explorer .nex-search{margin:0 16px 14px;min-height:50px;padding-inline:14px;border-width:1.5px;border-radius:15px}
html.site-pearl body.public-ui dialog.navigation-explorer #navigationSearch{height:48px;min-height:48px;font-size:16px!important}
.nex-search input::placeholder{font-size:14px}
.nex-search>svg{width:20px;height:20px;flex:none}
.nex-search>button{width:32px;height:32px;flex:none}
.nex-categories{padding:13px 12px;gap:7px}
.nex-category{padding:6px 9px;min-height:28px;font-size:9px;max-width:165px}
.nex-category>span{max-width:100px}
.nex-category small{font-size:8px}
.nex-category img{width:14px;height:14px}
.nex-content{padding:17px 16px 20px;max-height:none}
.nex-results{gap:7px}
.nex-product{padding:8px 7px;gap:7px;min-height:67px;border-radius:12px;position:relative;align-items:center}
.nex-product-image{width:35px;height:35px;border-radius:8px}
.nex-product-name{font-size:10px;line-height:1.4}
.nex-product-meta{font-size:8px}
.nex-product-price{font-size:10px}
.nex-product-action{display:none}
.nex-product-copy{gap:3px}
.nex-platform{font-size:7px;max-width:42px}
.nex-result-heading{margin-bottom:10px;font-size:11px}
.nex-result-heading h3{font-size:12px!important}
.nex-footer{padding:12px 16px 14px;gap:9px}
.nex-footer a{font-size:11px;min-height:46px;border-radius:14px;padding:9px 6px;gap:6px;transition:background .18s,transform .18s}
.nex-footer a:active{transform:scale(.98)}
.nex-footer a .ui-symbol{width:18px;height:18px}
.navigation-explorer[data-mode=search] .nex-heading{padding:16px 16px 9px}
.navigation-explorer[data-mode=search] .nex-heading-icon{display:none}
.navigation-explorer[data-mode=search] .nex-heading p{display:block}
.navigation-explorer[data-mode=search] .nex-search{border-radius:15px;margin-bottom:0}
.navigation-explorer[data-mode=search] .nex-content{max-height:none;padding:18px 16px}
.navigation-explorer[data-mode=search] .nex-product{padding:14px 0;min-height:80px;border-bottom:1px solid var(--nex-line);gap:11px;transition:background .18s,transform .18s}
.navigation-explorer[data-mode=search] .nex-product:last-child{border-bottom:0}
.navigation-explorer[data-mode=search] .nex-product:active{transform:scale(.99)}
.navigation-explorer[data-mode=search] .nex-product-name{font-size:12px}
.navigation-explorer[data-mode=search] .nex-product-meta{font-size:10px}
.navigation-explorer[data-mode=search] .nex-product-price{font-size:12px}
.navigation-explorer[data-mode=search] .nex-product-copy{flex:1}
.navigation-explorer[data-mode=search] .nex-product-image{width:46px;height:46px;border-radius:12px}
.navigation-explorer[data-mode=search] .nex-platform{font-size:9px;max-width:62px}
}
@media(max-width:359px){html.site-pearl body.public-ui #topbar.topbar{gap:6px!important;padding-inline:9px!important}html.site-pearl body.public-ui #topbar #topbarUserBtn.topbar-user-chip{min-width:104px!important;max-width:135px!important}.header-account-copy strong{font-size:9px!important}.header-account-copy small{max-width:72px!important}.mobile-bottom-nav{width:calc(100% - 20px);gap:1px}.mobile-bottom-item{font-size:7px}.nex-product{gap:5px}.nex-product-image{width:29px;height:29px}.nex-product-name{font-size:9px}.nex-product-price{font-size:9px}}
@media(max-width:760px){
html.compact-visual-viewport .navigation-explorer .nex-heading{padding:10px 16px}
html.compact-visual-viewport .navigation-explorer .nex-heading p{display:none}
html.compact-visual-viewport .navigation-explorer .nex-grab{margin-top:8px;height:3px}
html.compact-visual-viewport .navigation-explorer .nex-search{min-height:44px}
html.site-pearl.compact-visual-viewport body.public-ui dialog.navigation-explorer #navigationSearch{height:42px;min-height:42px}
html.compact-visual-viewport .navigation-explorer .nex-footer{padding:8px 16px}
html.compact-visual-viewport .navigation-explorer .nex-footer a{min-height:40px;padding-block:6px}
html.compact-visual-viewport .navigation-explorer .nex-content{padding-top:12px;padding-bottom:12px}
html.compact-visual-viewport .topup-chooser-heading{padding-block:12px}
html.compact-visual-viewport .topup-chooser-heading p{display:none}
}
@media(prefers-reduced-motion:reduce){dialog.navigation-explorer,dialog.navigation-explorer::backdrop,.navigation-explorer *{animation:none!important;transition:none!important}.header-search-trigger,.mobile-bottom-nav.is-scroll-managed{transition:none!important}}

/* Catalog opens as a left drawer. */
dialog.navigation-explorer[data-mode=catalog] {
  position:fixed; inset:auto auto var(--mobile-viewport-bottom,0px) 0;
  width:min(340px,80vw); max-width:calc(100% - 48px);
  height:var(--mobile-viewport-height,100dvh); max-height:100%;
  margin:0; border:0; border-radius:0; overflow:visible;
}
dialog.navigation-explorer[data-mode=catalog][open] {
  animation:nex-catalog-enter .38s cubic-bezier(.22,1,.36,1) both;
}
dialog.navigation-explorer[data-mode=catalog].is-closing {
  animation:nex-catalog-exit .22s cubic-bezier(.4,0,1,1) both;
}
dialog.navigation-explorer[data-mode=catalog]::backdrop {
  background:#0d182480; backdrop-filter:none; -webkit-backdrop-filter:none;
  animation:nex-catalog-backdrop-in .3s ease both;
}
dialog.navigation-explorer[data-mode=catalog].is-closing::backdrop {
  animation:nex-backdrop-exit .22s ease both;
}
.navigation-explorer[data-mode=catalog] .nex-panel {
  border:0; border-right:1px solid var(--nex-line); border-radius:0;
  padding-bottom:env(safe-area-inset-bottom,0px); box-shadow:12px 0 40px #10233f20;
}
.navigation-explorer[data-mode=catalog] .nex-grab {display:none}
.navigation-explorer[data-mode=catalog] .nex-close {
  left:auto; right:-20px; top:calc(16px + env(safe-area-inset-top,0px));
  width:40px; height:40px; min-height:40px; padding:11px; border-radius:50%;
  touch-action:manipulation;
}
.navigation-explorer[data-mode=catalog] .nex-close::before {
  content:""; position:absolute; inset:-3px; border-radius:50%;
}
.navigation-explorer[data-mode=catalog] .nex-close>svg {width:17px; height:17px}
.navigation-explorer[data-mode=catalog] .nex-heading {
  min-height:64px; gap:8px;
  padding:calc(18px + env(safe-area-inset-top,0px)) 26px 18px 18px;
  border-bottom:1px solid var(--nex-line);
}
.navigation-explorer[data-mode=catalog] .nex-heading-icon {
  width:22px; height:22px; border:0; border-radius:0; background:transparent;
}
.navigation-explorer[data-mode=catalog] .nex-heading h2 {
  font-size:16px!important; font-weight:650!important; color:var(--nex-blue)!important;
}
.navigation-explorer[data-mode=catalog] .nex-heading p {display:none}
.navigation-explorer[data-mode=catalog] .nex-search {
  margin:12px 14px; min-height:44px; padding-inline:11px; border-width:1px; border-radius:12px;
}
html.site-pearl body.public-ui dialog.navigation-explorer[data-mode=catalog] #navigationSearch {
  height:42px; min-height:42px; font-size:16px!important;
}
.navigation-explorer[data-mode=catalog] .nex-search input::placeholder {font-size:12px}
.navigation-explorer[data-mode=catalog] .nex-categories {padding:10px 14px}
.navigation-explorer[data-mode=catalog] .nex-content {padding:14px 0 0}
.navigation-explorer[data-mode=catalog] .nex-result-heading {padding-inline:16px}
.navigation-explorer[data-mode=catalog] .nex-results {grid-template-columns:minmax(0,1fr); gap:0}
.navigation-explorer[data-mode=catalog] .nex-product {
  min-height:66px; padding:12px 16px; gap:11px;
  border:0; border-bottom:1px solid var(--nex-line); border-radius:0; background:var(--nex-bg);
  animation:nex-catalog-item .28s ease calc(.06s + var(--nex-item-index,0) * .035s) backwards;
}
.navigation-explorer[data-mode=catalog] .nex-product:hover {background:var(--nex-soft)}
.navigation-explorer[data-mode=catalog] .nex-product::after {
  content:""; width:6px; height:6px; flex:none; margin-inline:4px;
  border-top:1.5px solid var(--nex-muted); border-right:1.5px solid var(--nex-muted); transform:rotate(45deg);
}
.navigation-explorer[data-mode=catalog] .nex-product-image {width:32px; height:32px; border-radius:6px}
.navigation-explorer[data-mode=catalog] .nex-product-name {font-size:12px; font-weight:600}
.navigation-explorer[data-mode=catalog] .nex-product-meta {font-size:9px}
.navigation-explorer[data-mode=catalog] .nex-product-price {font-size:11px}
.navigation-explorer[data-mode=catalog] .nex-product-action {display:none}
.navigation-explorer[data-mode=catalog] .nex-skeleton {border-radius:0; border:0; border-bottom:1px solid var(--nex-line)}
.navigation-explorer[data-mode=catalog] .nex-footer {padding:12px; gap:8px}
.navigation-explorer[data-mode=catalog] .nex-footer a {min-height:44px; padding:8px 5px; font-size:10px; border-radius:10px}
.navigation-explorer[data-mode=catalog] .nex-footer a .ui-symbol {width:15px; height:15px}
.navigation-explorer[data-mode=catalog].is-closing .nex-product {animation:none}
@keyframes nex-catalog-enter {from {transform:translateX(calc(-100% - 30px))} to {transform:none}}
@keyframes nex-catalog-exit {from {transform:none} to {transform:translateX(calc(-100% - 30px))}}
@keyframes nex-catalog-item {from {opacity:0; transform:translateX(-8px)} to {opacity:1; transform:none}}
@keyframes nex-catalog-backdrop-in {from {opacity:0} to {opacity:1}}

/* Search mirrors the payment drawer, with its backdrop outside the moving stage. */
dialog.navigation-explorer[data-mode=search] {
  position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;
  margin:0;padding:0;border:0;border-radius:0;background:transparent;overflow:hidden;
  font-family:var(--font-ui,system-ui,sans-serif);
}
dialog.navigation-explorer[data-mode=search][open],
dialog.navigation-explorer[data-mode=search].is-closing {animation:none}
.navigation-explorer[data-mode=search] .nex-stage {
  position:absolute;right:0;bottom:var(--mobile-viewport-bottom,0px);left:auto;
  width:min(420px,calc(100% - 56px));height:var(--mobile-viewport-height,100dvh);
  max-height:100%;isolation:isolate;
}
.navigation-explorer[data-mode=search][open] .nex-stage {
  animation:nex-search-enter .38s cubic-bezier(.22,1,.36,1) both;
}
.navigation-explorer[data-mode=search].is-closing .nex-stage {
  animation:nex-search-exit .23s cubic-bezier(.4,0,1,1) both;
}
dialog.navigation-explorer[data-mode=search]::backdrop {
  background:#12233480;backdrop-filter:none;-webkit-backdrop-filter:none;
  animation:nex-catalog-backdrop-in .32s ease both;
}
dialog.navigation-explorer[data-mode=search].is-closing::backdrop {
  animation:nex-backdrop-exit .23s ease both;
}
html.site-dark dialog.navigation-explorer[data-mode=search]::backdrop {background:#0009}
.navigation-explorer[data-mode=search] .nex-panel {
  border:0;border-left:1px solid var(--nex-line);border-radius:0;
  padding-bottom:env(safe-area-inset-bottom,0px);box-shadow:-12px 0 40px #0e2b4d1f;
}
html.site-dark .navigation-explorer[data-mode=search] .nex-panel {box-shadow:-12px 0 40px #0005}
.navigation-explorer[data-mode=search] .nex-grab {display:none}
.navigation-explorer[data-mode=search] .nex-close {
  left:-20px;right:auto;top:calc(18px + env(safe-area-inset-top,0px));
  width:40px;height:40px;min-height:40px;padding:11px;border-radius:50%;
  touch-action:manipulation;
}
.navigation-explorer[data-mode=search] .nex-close::before {content:"";position:absolute;inset:-3px;border-radius:50%}
.navigation-explorer[data-mode=search] .nex-close>svg {width:17px;height:17px}
.navigation-explorer[data-mode=search] .nex-heading {
  min-height:64px;gap:9px;padding:calc(18px + env(safe-area-inset-top,0px)) 18px 16px;
  border-bottom:1px solid var(--nex-line);
}
.navigation-explorer[data-mode=search] .nex-heading h2 {font-size:14px!important;font-weight:650!important;color:var(--nex-blue)!important}
.navigation-explorer[data-mode=search] .nex-heading p {font-size:10px!important;line-height:1.5}
.navigation-explorer[data-mode=search] .nex-search {margin:14px 16px 0;min-height:46px;border-width:1px;border-radius:13px}
html.site-pearl body.public-ui dialog.navigation-explorer[data-mode=search] #navigationSearch {height:44px;min-height:44px;font-size:16px!important}
.navigation-explorer[data-mode=search] .nex-search input::placeholder {font-size:12px}
.navigation-explorer[data-mode=search] .nex-content {padding:16px;max-height:none}
.navigation-explorer[data-mode=search] .nex-product {min-height:76px;padding:12px 0;gap:10px;border-bottom:1px solid var(--nex-line)}
.navigation-explorer[data-mode=search] .nex-product:last-child {border-bottom:0}
.navigation-explorer[data-mode=search] .nex-product-image {width:40px;height:40px;border-radius:10px}
.navigation-explorer[data-mode=search] .nex-product-name {font-size:12px;font-weight:600}
.navigation-explorer[data-mode=search] .nex-product-meta {font-size:9px}
.navigation-explorer[data-mode=search] .nex-product-price {font-size:11px}
.navigation-explorer[data-mode=search][open] .nex-product {
  animation:nex-search-item .28s ease calc(.06s + var(--nex-item-index,0) * .03s) backwards;
}
.navigation-explorer[data-mode=search].is-closing .nex-product {animation:none}
.navigation-explorer[data-mode=search] .nex-footer {padding:12px;gap:8px}
.navigation-explorer[data-mode=search] .nex-footer a {min-height:44px;padding:8px 5px;font-size:10px;border-radius:10px}
@media(max-width:359px) {
  .navigation-explorer[data-mode=search] .nex-stage {width:calc(100% - 48px)}
  .navigation-explorer[data-mode=search] .nex-heading {padding-inline:14px}
  .navigation-explorer[data-mode=search] .nex-search {margin-inline:12px}
  .navigation-explorer[data-mode=search] .nex-content {padding-inline:12px}
}
@keyframes nex-search-enter {from {transform:translateX(calc(100% + 30px))} to {transform:none}}
@keyframes nex-search-exit {from {transform:none} to {transform:translateX(calc(100% + 30px))}}
@keyframes nex-search-item {from {opacity:0;transform:translateX(8px)} to {opacity:1;transform:none}}