/* ====== BUSCADOR EN EL MISMO RENGLON QUE EL LOGO (estilo Sam's) ====== */
      @media (min-width: 992px) {
        header#top .er_cabecera {
          display:grid !important;
          grid-template-columns:auto auto minmax(0,1fr) auto !important;
          align-items:center; gap:1rem;
          padding-bottom:.7rem !important; }
        /* Odoo la esconde al bajar; aqui debe quedarse siempre */
        header#top .er_cabecera.hidden { display:grid !important; }
        header#top .er_cabecera .navbar-brand { margin:0 !important; }
        header#top .er_cabecera .er_oculto { display:none !important; }

        header#top .er_cabecera .er_buscar {
          width:100%; max-width:760px; justify-self:center; }
        header#top .er_cabecera .er_buscar input {
          border:2px solid transparent; background:#fff; color:#141018;
          padding:.72rem 3.4rem .72rem 1.25rem; font-size:.95rem; }
        header#top .er_cabecera .er_buscar input::placeholder { color:#8d88a0; }
        header#top .er_cabecera .er_buscar input:focus {
          border-color:#FDB913; background:#fff;
          box-shadow:0 0 0 4px rgba(233,199,7,.28); }
        header#top .er_cabecera .er_buscar button {
          right:5px; top:5px; bottom:5px; width:46px; }

        header#top .er_cabecera .er_dep_btn { flex:0 0 auto; white-space:nowrap; }

        /* --- lado derecho al estilo Sam's: favoritos, cuenta, carrito --- */
        header#top .er_cabecera .er_ico_user {
          width:20px; height:20px; margin-right:.4rem; flex:0 0 auto;
          stroke:currentColor; fill:none; stroke-width:1.7;
          stroke-linecap:round; stroke-linejoin:round; }
        header#top .er_cabecera a[href*="/web/login"] {
          display:inline-flex !important; align-items:center; }
      }

      /* La franja blanca desaparece: Departamentos vive en la barra morada. */
      .er_barra { display:none !important; }

      /* el mega menu pasa a colgar de la cabecera */
      header#top { position:relative; }
      header#top .er_panel {
        position:absolute; top:100%; left:0; right:0; display:none;
        background:#fff; border-top:1px solid #e7e4f0;
        box-shadow:0 14px 30px rgba(29,23,43,.16); z-index:1040; }
      header#top .er_panel.er_abierto { display:block; }
      header#top .er_dep_btn .er_flecha { transition:transform .18s ease; }
      header#top .er_dep_btn[aria-expanded="true"] .er_flecha { transform:rotate(180deg); }

      /* ---- movil: logo | buscador | carrito | menu, todo en la franja ---- */
      @media (max-width: 991.98px) {
        header#top .o_header_mobile .o_main_nav { flex-wrap:nowrap !important; gap:.5rem; }
        header#top .o_header_mobile .er_cab_movil {
          display:flex; align-items:center; gap:.5rem; min-width:0; flex:1 1 auto; }
        header#top .o_header_mobile .er_cab_movil .navbar-brand {
          flex:0 0 auto; margin:0 !important; }
        header#top .o_header_mobile .er_cab_movil .navbar-brand img {
          width:44px !important; height:auto !important; }
        header#top .o_header_mobile .o_header_mobile_buttons_wrap {
          flex:0 0 auto; margin-left:0 !important; gap:.15rem !important; }
        header#top .o_header_mobile .o_header_mobile_buttons_wrap .btn { padding:.3rem !important; }
        /* el corazon roba ancho al buscador y sigue estando en el menu */
        header#top .o_header_mobile .o_header_mobile_buttons_wrap li:has(a[href="/shop/wishlist"]) {
          display:none !important; }

        /* la regla vieja de .er_barra le pone order:3 y flex-basis:100%,
           y eso lo mandaba despues del carrito */
        header#top .o_header_mobile .er_buscar {
          order:0 !important; flex:1 1 auto !important;
          flex-basis:auto !important; min-width:0; }
        header#top .o_header_mobile .er_buscar input {
          border:none; background:#fff; color:#141018;
          padding:.5rem 2.4rem .5rem .8rem; font-size:16px; }
        header#top .o_header_mobile .er_buscar input::placeholder {
          font-size:.86rem; }
        header#top .o_header_mobile .er_buscar button {
          right:3px; top:3px; bottom:3px; width:34px; }

        /* en movil Departamentos vive en el menu hamburguesa */
        header#top .er_dep_btn, header#top .er_panel { display:none !important; }
      }