/* BB Nav 1.0 – brand: blue #0068FF, orange #FD5204, off-white #FAFBFF, navy #1E2A44 */
.bbn{--bbn-b:#0068FF;--bbn-o:#FD5204;--bbn-n:#1E2A44;position:relative;z-index:60;background:var(--bbn-n)}
.bbn-i{flex:none}
.bbn-bar{display:flex;align-items:center;gap:2px;min-height:48px}
.bbn-all{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:0 16px;background:var(--bbn-b);color:#fff;border:0;font:inherit;font-weight:700;cursor:pointer}
.bbn-all[aria-expanded=true]{background:#0052CC}
.bbn-top{display:flex;list-style:none;margin:0;padding:0;overflow:hidden}
.bbn-top a,.bbn-blog,.bbn-deal{display:flex;align-items:center;gap:6px;min-height:48px;padding:0 13px;color:#fff;font-weight:600;font-size:15px;text-decoration:none;white-space:nowrap}
.bbn-top a:hover,.bbn-blog:hover{background:rgba(255,255,255,.12);color:#fff}
.bbn-deal{margin-left:auto;color:#FF8A57;font-weight:800}.bbn-deal:hover{color:#fff;background:var(--bbn-o)}
.bbn a:focus-visible,.bbn button:focus-visible,.bbn-sheet a:focus-visible,.bbn-sheet button:focus-visible,.bbn-tabs :focus-visible{outline:3px solid #FFB38F;outline-offset:-3px}
.bbn-mega{position:absolute;left:0;right:0;top:100%;background:#fff;box-shadow:0 18px 40px rgba(30,42,68,.18);border-radius:0 0 18px 18px;max-height:calc(100vh - 140px);overflow:auto}
.bbn-mega[hidden]{display:none}
.bbn-mega__in{display:grid;grid-template-columns:1fr 290px;gap:22px;padding:22px 24px;position:relative}
.bbn-cols{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:18px 20px}
.bbn-col h3{margin:0 0 6px;font-size:15px}.bbn-col h3 a{color:var(--bbn-n);text-decoration:none}
.bbn-col ul{list-style:none;margin:0;padding:0}
.bbn-col li a{display:flex;justify-content:space-between;gap:8px;align-items:center;min-height:36px;padding:4px 8px;border-radius:8px;color:var(--bbn-n);text-decoration:none;font-size:14px}
.bbn-col li a:hover{background:#EAF2FF;color:#0052CC}
.bbn em{font-style:normal;color:#8A94AA;font-size:12px;font-weight:500}
.bbn-allx a{color:var(--bbn-b)!important;font-weight:700}
.bbn-side{background:#F4F7FD;border-radius:14px;padding:14px}
.bbn-side h4,.bbn-card h4{margin:6px 0 8px;font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:#6B7690}
.bbn-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}
.bbn-chip{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 14px;border-radius:999px;background:#fff;border:1px solid #DCE2EE;color:var(--bbn-n,#1E2A44);font-weight:600;font-size:14px;text-decoration:none;white-space:nowrap}
.bbn-chip em{font-style:normal;color:#8A94AA;font-size:12px;font-weight:500}
.bbn-chip:hover{border-color:#0068FF;color:#0052CC}
.bbn-chip--hot{border-color:#FD5204;color:#C93F00}
.bbn-mega .bbn-x{position:absolute;top:8px;right:8px}
.bbn-x{width:44px;height:44px;display:grid;place-items:center;border:0;border-radius:12px;background:#F1F4FB;color:#1E2A44;cursor:pointer}
.bbn-strip,.bbn-tabs,.bbn-sheet,.bbn-scrim{display:none}
/* theme's old nav markup is replaced; keep any leftovers hidden */
.bb-nav.bbn .bb-nav__toggle,.bb-nav.bbn .bb-mega{display:none!important}

@media (max-width:999px){
 .bbn{background:#fff;border-bottom:1px solid #E6EAF3}
 .bbn-bar,.bbn-mega{display:none!important}
 .bbn-strip{display:block;width:100%;max-width:100vw;min-width:0;overflow:hidden;contain:inline-size}
 .bbn-strip__in{display:flex;flex-wrap:nowrap;gap:8px;width:100%;max-width:100%;min-width:0;box-sizing:border-box;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;touch-action:pan-x pan-y;padding:8px 12px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
 .bbn-strip__in>.bbn-chip{flex:0 0 auto}
 .bbn-strip__in::-webkit-scrollbar{display:none}
 .bbn-tabs{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;position:fixed;left:0;right:0;bottom:0;z-index:9000;background:#fff;border-top:1px solid #E6EAF3;padding:0 env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) env(safe-area-inset-left,0);box-shadow:0 -4px 16px rgba(30,42,68,.06)}
 .bbn-tab{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:56px;min-width:44px;border:0;background:none;color:#5B6680;font:inherit;font-size:11px;font-weight:700;text-decoration:none;cursor:pointer}
 .bbn-tab[aria-expanded=true]{color:#0068FF}.bbn-tab--deal{color:#C93F00}
 .bbn-count{position:absolute;top:6px;left:calc(50% + 6px);min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#FD5204;color:#fff;font-size:11px;line-height:18px}
 .bbn-count[hidden]{display:none}
 body{padding-bottom:calc(57px + env(safe-area-inset-bottom,0px))}
 .bbn-scrim:not([hidden]){display:block;position:fixed;inset:0;background:rgba(30,42,68,.4);z-index:9001}
 .bbn-sheet:not([hidden]){display:flex;flex-direction:column;position:fixed;left:0;right:0;top:0;bottom:calc(57px + env(safe-area-inset-bottom,0px));z-index:9002;background:#FAFBFF;padding-top:env(safe-area-inset-top,0)}
 .bbn-sheet__h{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;border-bottom:1px solid #E6EAF3;background:#fff}
 .bbn-sheet__h h2{margin:0;font-size:18px;color:#1E2A44}
 .bbn-sheet__b{flex:1;overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:12px 16px 24px}
 .bbn-card{background:#fff;border:1px solid #E6EAF3;border-radius:16px;padding:12px;margin-bottom:12px}
 .bbn-card h3{margin:0 0 8px;font-size:16px}
 .bbn-card h3 a{display:flex;justify-content:space-between;align-items:center;min-height:44px;color:#1E2A44;text-decoration:none}
 .bbn-card h3 em{font-style:normal;color:#8A94AA;font-size:13px}
 .bbn-qk{margin-bottom:12px}
 body.bbn-lock{position:fixed;left:0;right:0;width:100%}
}
@media (prefers-reduced-motion:no-preference){.bbn-sheet:not([hidden]){animation:bbnup .18s ease-out}@keyframes bbnup{from{transform:translateY(12px);opacity:.6}}}
/* 1.0.1: storefront .col-full ::before/::after are grid/flex items – remove them inside the nav */
.bbn .col-full::before,.bbn .col-full::after{display:none!important;content:none!important}
.bb-nav.bbn{background:#0068FF}
.bbn-col h3,.bbn-col h3 a,.bbn-card h3,.bbn-card h3 a,.bbn-sheet__h h2{font-weight:800;letter-spacing:0}
.bbn-mega__in{max-width:1280px;margin:0 auto}
@media (max-width:999px){.bb-nav.bbn{background:#fff}}