/* Encabezado "Best Buy" — fiel al mock elegido. Markup .bb-* (rama best-buy).
   Barra AZUL de marca, logo blanco a la izquierda, búsqueda blanca prominente, chips con borde blanco. */
.bb-hd{display:block;background:#0C4DA2;color:#fff;padding:12px 16px 14px;position:sticky;top:0;z-index:30}
.bb-top{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.bb-burger{order:1;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:#fff;cursor:pointer;margin-left:-6px;flex-shrink:0}
.bb-burger svg{width:24px;height:24px}
.bb-logo{order:2;flex-shrink:0;display:block}
.bb-logo img{height:46px;width:auto;display:block}
.bb-cart{order:3;margin-left:auto;width:42px;height:42px;display:flex;align-items:center;justify-content:center;color:#fff;background:none;border:none;cursor:pointer;position:relative;flex-shrink:0}
.bb-cart svg{width:28px;height:28px}
.bb-cart .cart-dot{top:2px;right:2px;background:var(--naranja);color:#fff;border-color:#0C4DA2}
.bb-search{order:5;flex:1 1 100%;position:relative;margin-top:14px;display:flex;align-items:stretch;background:#fff;border-radius:14px;overflow:visible;box-shadow:0 2px 0 rgba(0,0,0,.06)}
.bb-search input{flex:1;min-width:0;border:none;outline:none;font-family:var(--body);font-size:16.5px;color:var(--ink);padding:15px 18px;background:none;border-radius:14px 0 0 14px}
.bb-search input::placeholder{color:#6a7075}
.bb-go{width:56px;display:flex;align-items:center;justify-content:center;color:var(--ink);border:none;background:none;border-left:1px solid #e7e5e0;cursor:pointer;border-radius:0 14px 14px 0}
.bb-go:hover{background:#f2f5f9}
.bb-go svg{width:24px;height:24px}
.bb-chips{display:flex;gap:10px;margin-top:14px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.bb-chips::-webkit-scrollbar{display:none}
.bb-chip{flex-shrink:0;display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 18px;border-radius:999px;border:1.5px solid rgba(255,255,255,.42);color:#fff;font-weight:700;font-size:15.5px;background:none;text-decoration:none;white-space:nowrap;transition:background .2s}
.bb-chip:hover{background:rgba(255,255,255,.1)}
.bb-chip svg{width:20px;height:20px}
.bb-deliv{border-color:rgba(245,168,58,.6)}
.bb-deliv b{color:#F5A83A}.bb-deliv svg{color:#F5A83A}
/* el dropdown de sugerencias (base.css .hdr-results) se adjunta a .bb-search (position:relative), aparece blanco debajo */
@media(min-width:1000px){
  .bb-hd{padding:14px 44px 16px}
  .bb-top{flex-wrap:nowrap;gap:22px}
  .bb-burger{display:none}
  .bb-logo img{height:52px}
  .bb-search{order:3;flex:1 1 auto;max-width:820px;margin-top:0}
  .bb-cart{order:5;margin-left:0}
  .bb-chips{margin-top:16px}
}

/* --- Condensado en scroll --- */
.bb-hd{transition:padding .28s ease}
.bb-logo img{transition:height .28s ease}
.bb-chips{transition:opacity .2s ease,max-height .28s ease,margin-top .28s ease,transform .28s ease}
html.scrolled .bb-chips{opacity:0;max-height:0;margin-top:0;transform:translateY(-6px);pointer-events:none;overflow:hidden}
html.scrolled .bb-hd{padding-top:9px;padding-bottom:9px}
html.scrolled .bb-logo img{height:38px}
@media(min-width:1000px){html.scrolled .bb-hd{padding-top:10px;padding-bottom:10px}html.scrolled .bb-logo img{height:42px}}