/* 1.8.52: barra fina. PC (>768 px) = opción C (logo, enlaces, «Enviar remesa», zona, cuenta, Panel, carrito, búsqueda expandible, modo).
   Móvil = opción A (menú, logo, «Enviar remesa», carrito, búsqueda); el resto vive en el menú lateral.
   Botones: amarillo #ffcc00 / texto #111827 o secundario sutil; nunca blancos ni negros. */
html body #zslHeader.zfl-nav-c .zsl-remesa-bar, html body #zslHeader.zfl-nav-c .zsl-topline, html body #zslHeader.zfl-nav-c .zsl-nav { display: none !important; }
html body #zslHeader.zfl-nav-c .zsl-main { box-sizing: border-box !important; display: flex !important; align-items: center !important; gap: 12px !important; height: 53px !important; min-height: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; }
html body #zslHeader.zfl-nav-c .zsl-logo { order: -2 !important; width: auto !important; height: auto !important; flex: none; display: inline-flex; align-items: center; }
html body #zslHeader.zfl-nav-c .zsl-logo img { height: 30px !important; width: auto !important; }
#zslHeader .zfl-logo-dark, .zsl-drawer .zfl-logo-dark { display: none !important; }
html.dark-mode #zslHeader .zfl-logo-light, html.dark-mode .zsl-drawer .zfl-logo-light { display: none !important; }
html.dark-mode #zslHeader .zfl-logo-dark, html.dark-mode .zsl-drawer .zfl-logo-dark { display: inline-block !important; }
html body #zslHeader.zfl-nav-c .zfl-inline-nav { order: -1; display: flex; gap: 18px; flex: 1 1 auto; padding-left: 12px; min-width: 0; }
html body #zslHeader.zfl-nav-c .zfl-inline-nav a { font: 600 13px/1 Inter, system-ui, sans-serif; color: inherit !important; text-decoration: none !important; white-space: nowrap; }
html body #zslHeader.zfl-nav-c .zfl-inline-nav a:hover { color: #b38f00 !important; }
html.dark-mode body #zslHeader.zfl-nav-c .zfl-inline-nav a:hover { color: #ffcc00 !important; }
html body #zslHeader.zfl-nav-c .zsl-search { order: 1 !important; display: none !important; }
html body #zslHeader.zfl-nav-c .zfl-remesa-pill { order: 2; }
html body #zslHeader.zfl-nav-c .zsl-loc-chip { order: 3 !important; height: 36px !important; padding: 0 8px !important; background: transparent !important; border: 0 !important; color: inherit !important; }
html body #zslHeader.zfl-nav-c .zsl-loc-hello { display: none !important; }
html body #zslHeader.zfl-nav-c .zsl-actions { order: 4 !important; display: flex; align-items: center; gap: 6px !important; margin-left: 0 !important; }
html body #zslHeader.zfl-nav-c .zsl-action-label { display: none !important; }
html body #zslHeader.zfl-nav-c .zsl-action, html body #zslHeader.zfl-nav-c .zsl-dark-toggle, html body #zslHeader.zfl-nav-c .zsl-mobile-search-toggle, html body #zslHeader.zfl-nav-c .zsl-burger {
    box-sizing: border-box; display: inline-flex !important; align-items: center; justify-content: center !important; position: relative;
    width: 38px !important; height: 38px !important; min-width: 38px !important; min-height: 0 !important; padding: 0 !important; border-radius: 10px !important;
    background: #f3f4f6 !important; border: 1px solid #e5e7eb !important; color: #111827 !important; box-shadow: none !important; cursor: pointer; list-style: none; }
html.dark-mode body #zslHeader.zfl-nav-c .zsl-action, html.dark-mode body #zslHeader.zfl-nav-c .zsl-dark-toggle, html.dark-mode body #zslHeader.zfl-nav-c .zsl-mobile-search-toggle, html.dark-mode body #zslHeader.zfl-nav-c .zsl-burger { background: #252830 !important; border-color: #374151 !important; color: #e5e7eb !important; }
html body #zslHeader.zfl-nav-c .zsl-action:hover, html body #zslHeader.zfl-nav-c .zsl-dark-toggle:hover, html body #zslHeader.zfl-nav-c .zsl-mobile-search-toggle:hover { border-color: #ffcc00 !important; }
html body #zslHeader.zfl-nav-c .zsl-cart-count { background: #ffcc00 !important; color: #111827 !important; }
html body #zslHeader.zfl-nav-c .zsl-mobile-search-toggle .zsl-mobile-close-icon { display: none !important; }
html body #zslHeader.zfl-nav-c.zfl-c-open .zsl-mobile-search-toggle .zsl-mobile-search-icon, html body #zslHeader.zfl-nav-c .zsl-mobile-search-toggle.zsl-mobile-search-open .zsl-mobile-search-icon { display: none !important; }
html body #zslHeader.zfl-nav-c.zfl-c-open .zsl-mobile-search-toggle .zsl-mobile-close-icon, html body #zslHeader.zfl-nav-c .zsl-mobile-search-toggle.zsl-mobile-search-open .zsl-mobile-close-icon { display: block !important; }
/* Pastilla «Enviar remesa» y «Panel» */
html body .zfl-remesa-pill { display: inline-flex; align-items: center; gap: 4px; box-sizing: border-box; background: #ffcc00 !important; color: #111827 !important; border: 0 !important; border-radius: 999px; padding: 0 12px; height: 32px; font: 700 13px/1 Inter, system-ui, sans-serif; text-decoration: none !important; white-space: nowrap; flex: none; }
html body .zfl-remesa-pill:hover { background: #f5c400 !important; }
html body #zslHeader .zfl-panel-pill { display: inline-flex; align-items: center; height: 30px; padding: 0 10px; border-radius: 8px; background: #fff7d1 !important; border: 1px solid #ffcc00 !important; color: #111827 !important; font: 700 12px/1 Inter, system-ui, sans-serif; text-decoration: none !important; }
html.dark-mode body #zslHeader .zfl-panel-pill { background: rgba(255, 204, 0, .14) !important; color: #ffdc4c !important; border-color: rgba(255, 204, 0, .5) !important; }
/* Menú de cuenta */
#zslHeader .zfl-acct { position: relative; }
#zslHeader .zfl-acct > summary::-webkit-details-marker { display: none; }
#zslHeader .zfl-acct-pop { position: absolute; right: 0; top: calc(100% + 8px); z-index: 1000; min-width: 220px; padding: 6px; border-radius: 12px; background: #fff; border: 1px solid #e5e7eb; box-shadow: 0 10px 30px rgba(17, 24, 39, .18); display: grid; gap: 2px; }
html.dark-mode #zslHeader .zfl-acct-pop { background: #1f232b; border-color: #374151; }
html body #zslHeader .zfl-acct-pop a, html body #zslHeader .zfl-acct-pop button { display: block; width: 100%; box-sizing: border-box; padding: 10px 12px; border: 0 !important; border-radius: 8px; background: transparent !important; color: #111827 !important; font: 600 14px/1.2 Inter, system-ui, sans-serif; text-align: left; text-decoration: none !important; cursor: pointer; box-shadow: none !important; }
html.dark-mode body #zslHeader .zfl-acct-pop a, html.dark-mode body #zslHeader .zfl-acct-pop button { color: #f3f4f6 !important; }
html body #zslHeader .zfl-acct-pop a:hover, html body #zslHeader .zfl-acct-pop button:hover { background: rgba(255, 204, 0, .18) !important; }
/* Búsqueda (moneda dentro del panel de búsqueda) */
html body #zslHeader.zfl-nav-c .zsl-search input, html body #zslHeader.zfl-nav-c .zsl-search button { height: 36px !important; min-height: 0 !important; }
html body #zslHeader.zfl-nav-c .zsl-search > button[type=submit] { order: 3; background: #ffcc00 !important; color: #111827 !important; border-color: #ffcc00 !important; }
html body #zslHeader.zfl-nav-c .zsl-search > button[type=submit]:hover { background: #f5c400 !important; }
html body #zslHeader.zfl-nav-c .zsl-search .zsl-currency-select { order: 2; display: block !important; height: 36px !important; width: auto !important; min-height: 0 !important; margin: 0 !important; padding: 0 24px 0 8px !important; font-size: 13px !important; border-radius: 0 !important; background-color: #f3f4f6 !important; color: #111827 !important; border: 1px solid #e5e7eb !important; border-left: 0 !important; }
html.dark-mode body #zslHeader.zfl-nav-c .zsl-search .zsl-currency-select { background-color: #252830 !important; color: #e5e7eb !important; border-color: #374151 !important; }
html body #zslHeader.zfl-nav-c .zsl-search input { order: 1; }

@media (min-width: 769px) {
    html body #zslHeader.zfl-nav-c .zsl-burger { display: none !important; }
    html body #zslHeader.zfl-nav-c.zfl-c-open .zsl-search { display: flex !important; flex: 1 1 480px !important; height: 36px !important; max-width: none !important; }
    html body #zslHeader.zfl-nav-c.zfl-c-open .zfl-inline-nav { display: none !important; }
    html body #zslHeader.zfl-nav-c .zsl-mobile-search-toggle { order: 5; }
    html body #zslHeader.zfl-nav-c .zsl-dark-toggle { order: 6; }
}
@media (max-width: 768px) {
    html body #zslHeader.zfl-nav-c .zsl-main { height: 53px !important; padding: 0 10px !important; gap: 6px !important; }
    html body #zslHeader.zfl-nav-c .zsl-burger { order: -3 !important; }
    html body #zslHeader.zfl-nav-c .zsl-logo { grid-column: auto !important; margin-right: auto !important; }
    html body #zslHeader.zfl-nav-c .zsl-logo img { height: 28px !important; }
    html body #zslHeader.zfl-nav-c .zfl-inline-nav, html body #zslHeader.zfl-nav-c .zsl-loc-chip, html body #zslHeader.zfl-nav-c .zfl-acct, html body #zslHeader.zfl-nav-c .zfl-panel-pill, html body #zslHeader.zfl-nav-c .zsl-dark-toggle { display: none !important; }
    html body #zslHeader.zfl-nav-c .zfl-remesa-pill { order: 2; height: 30px; padding: 0 10px; font-size: 12px; }
    html body #zslHeader.zfl-nav-c .zsl-actions { display: contents !important; }
    html body #zslHeader.zfl-nav-c .zsl-actions .zsl-action.zsl-cart { order: 3 !important; width: 38px !important; min-width: 38px !important; max-width: 38px !important; padding: 0 !important; flex: none !important; }
    html body #zslHeader.zfl-nav-c .zsl-mobile-search-toggle { order: 4 !important; }
    html body #zslHeader.zfl-nav-c .zsl-search.zsl-mobile-search-open { order: 9 !important; }
    html body #zslHeader.zfl-nav-c .zsl-search .zsl-currency-select { display: none !important; }
    html body #zslHeader.zfl-nav-c .zsl-search.zsl-mobile-search-open { display: flex !important; }
}
@media (max-width: 360px) { html body #zslHeader.zfl-nav-c .zfl-remesa-pill { padding: 0 8px; font-size: 11px; } html body #zslHeader.zfl-nav-c .zfl-remesa-pill span { display: none; } }
/* Menú lateral: «Enviar remesa» arriba */
.zsl-drawer .zfl-drawer-remesa { margin: 10px 16px 4px; height: 40px; justify-content: center; font-size: 14px; }
/* Botones del menú lateral: misma apariencia que los enlaces (nunca blancos ni negros) */
html body .zsl-drawer button.zsl-drawer-share, html body .zsl-drawer button.zsl-drawer-dark { background: transparent !important; color: inherit !important; border: 1px solid #d6dae1 !important; box-shadow: none !important; text-align: left !important; justify-content: flex-start !important; font-weight: 600 !important; }
html.dark-mode body .zsl-drawer button.zsl-drawer-share, html.dark-mode body .zsl-drawer button.zsl-drawer-dark { border-color: #3d4654 !important; color: #f3f4f6 !important; }
html body .zsl-drawer button.zsl-drawer-share:hover, html body .zsl-drawer button.zsl-drawer-dark:hover { background: rgba(255, 204, 0, .16) !important; border-color: #ffcc00 !important; }
html.zfl-theme-light body .zsl-drawer button.zsl-drawer-loc { background: #fff7d1 !important; color: #111827 !important; border: 1px solid #ffcc00 !important; }
html.dark-mode body .zsl-drawer button.zsl-drawer-loc { background: rgba(255, 204, 0, .1) !important; color: #f3f4f6 !important; border: 1px solid rgba(255, 204, 0, .55) !important; }
@media (max-width: 782px) { body.admin-bar .zsl-drawer { top: 46px !important; height: calc(100% - 46px) !important; } }

/* 1.8.52 · PC v2: búsqueda ancha fija en el centro, acciones espaciadas (gap 12 px, alto 40 px), carrito visible con contador.
   Solo escritorio (≥769 px); la barra móvil (opción A) no cambia. */
@media (min-width: 769px) {
    html body #zslHeader.zfl-nav-c .zsl-main { height: 60px !important; gap: 16px !important; }
    html body #zslHeader.zfl-nav-c .zsl-logo img { height: 32px !important; }
    html body #zslHeader.zfl-nav-c .zfl-inline-nav { flex: none !important; gap: 16px !important; padding-left: 4px !important; }
    html body #zslHeader.zfl-nav-c .zsl-search, html body #zslHeader.zfl-nav-c.zfl-c-open .zsl-search {
        order: 0 !important; display: flex !important; align-items: stretch !important; flex: 1 1 640px !important; max-width: 640px !important; min-width: 260px !important;
        height: 40px !important; margin: 0 auto !important; border-radius: 10px !important; overflow: hidden !important; box-sizing: border-box !important;
        border: 1px solid #d1d5db !important; background: #fff !important; }
    html.dark-mode body #zslHeader.zfl-nav-c .zsl-search { background: #1a1d23 !important; border-color: #3d4654 !important; }
    html body #zslHeader.zfl-nav-c .zsl-search:focus-within { border-color: #ffcc00 !important; box-shadow: 0 0 0 3px rgba(255, 204, 0, .28) !important; }
    html body #zslHeader.zfl-nav-c.zfl-c-open .zfl-inline-nav { display: flex !important; }
    html body #zslHeader.zfl-nav-c .zsl-search input[type=search] { flex: 1 1 auto !important; min-width: 0 !important; height: 38px !important; margin: 0 !important; padding: 0 14px !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; color: #111827 !important; font: 500 14px/1 Inter, system-ui, sans-serif !important; box-shadow: none !important; outline: 0 !important; }
    html.dark-mode body #zslHeader.zfl-nav-c .zsl-search input[type=search] { color: #f3f4f6 !important; }
    html body #zslHeader.zfl-nav-c .zsl-search input[type=search]::placeholder { color: #6b7280 !important; }
    html.dark-mode body #zslHeader.zfl-nav-c .zsl-search input[type=search]::placeholder { color: #9ca3af !important; }
    html body #zslHeader.zfl-nav-c .zsl-search .zsl-currency-select { height: 38px !important; border: 0 !important; border-left: 1px solid #e5e7eb !important; font-weight: 600 !important; }
    html.dark-mode body #zslHeader.zfl-nav-c .zsl-search .zsl-currency-select { border-left-color: #3d4654 !important; }
    html body #zslHeader.zfl-nav-c .zsl-search > button[type=submit] { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 48px !important; min-width: 48px !important; height: 38px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: #ffcc00 !important; color: #111827 !important; box-shadow: none !important; }
    html body #zslHeader.zfl-nav-c .zsl-search > button[type=submit]:hover, html body #zslHeader.zfl-nav-c .zsl-search > button[type=submit]:focus-visible { background: #f5c400 !important; color: #111827 !important; }
    /* La lupa de la derecha sobra: la búsqueda ya está siempre visible */
    html body #zslHeader.zfl-nav-c .zsl-mobile-search-toggle { display: none !important; }
    /* Acciones: misma altura (40 px) y más aire */
    html body #zslHeader.zfl-nav-c .zfl-remesa-pill { height: 40px !important; padding: 0 16px !important; border-radius: 10px !important; font-size: 14px !important; }
    html body #zslHeader.zfl-nav-c .zfl-remesa-pill:hover, html body #zslHeader.zfl-nav-c .zfl-remesa-pill:focus-visible { background: #f5c400 !important; color: #111827 !important; }
    html body #zslHeader.zfl-nav-c .zsl-loc-chip { height: 40px !important; padding: 0 12px !important; gap: 6px !important; display: inline-flex !important; align-items: center !important; border-radius: 10px !important; background: #f3f4f6 !important; border: 1px solid #e5e7eb !important; color: #111827 !important; box-shadow: none !important; max-width: 170px !important; flex: none !important; }
    html body #zslHeader.zfl-nav-c .zsl-loc-chip .zsl-loc-name { font: 600 13px/1 Inter, system-ui, sans-serif !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 120px; display: block; }
    html.dark-mode body #zslHeader.zfl-nav-c .zsl-loc-chip { background: #252830 !important; border-color: #374151 !important; color: #e5e7eb !important; }
    html body #zslHeader.zfl-nav-c .zsl-actions { gap: 12px !important; flex: none !important; }
    html body #zslHeader.zfl-nav-c .zsl-action, html body #zslHeader.zfl-nav-c .zsl-dark-toggle { width: 40px !important; height: 40px !important; min-width: 40px !important; }
    html body #zslHeader.zfl-nav-c .zsl-action svg, html body #zslHeader.zfl-nav-c .zsl-dark-toggle svg { width: 22px !important; height: 22px !important; }
    html body #zslHeader.zfl-nav-c .zsl-action:hover, html body #zslHeader.zfl-nav-c .zsl-dark-toggle:hover, html body #zslHeader.zfl-nav-c .zsl-loc-chip:hover, html body #zslHeader.zfl-nav-c .zfl-acct[open] > summary { background: #fff4c2 !important; border-color: #ffcc00 !important; color: #111827 !important; }
    html.dark-mode body #zslHeader.zfl-nav-c .zsl-action:hover, html.dark-mode body #zslHeader.zfl-nav-c .zsl-dark-toggle:hover, html.dark-mode body #zslHeader.zfl-nav-c .zsl-loc-chip:hover, html.dark-mode body #zslHeader.zfl-nav-c .zfl-acct[open] > summary { background: #2f333d !important; border-color: #ffcc00 !important; color: #ffffff !important; }
    html body #zslHeader.zfl-nav-c .zfl-panel-pill { height: 40px !important; padding: 0 14px !important; border-radius: 10px !important; font-size: 13px !important; box-sizing: border-box !important; }
    html body #zslHeader.zfl-nav-c .zfl-panel-pill:hover { background: #ffecb0 !important; color: #111827 !important; }
    html.dark-mode body #zslHeader.zfl-nav-c .zfl-panel-pill:hover { background: rgba(255, 204, 0, .24) !important; color: #ffe27a !important; }
    /* Carrito: icono 24 px + texto + contador de alto contraste */
    html body #zslHeader.zfl-nav-c .zsl-actions .zsl-action.zsl-cart { width: auto !important; min-width: 0 !important; max-width: none !important; padding: 0 16px 0 12px !important; gap: 8px !important; }
    html body #zslHeader.zfl-nav-c .zsl-actions .zsl-cart svg { width: 24px !important; height: 24px !important; stroke-width: 2.2 !important; }
    html body #zslHeader.zfl-nav-c .zsl-cart .zsl-action-label { display: inline !important; font: 700 14px/1 Inter, system-ui, sans-serif !important; color: inherit !important; }
    html body #zslHeader.zfl-nav-c .zsl-cart .zsl-cart-count { position: absolute !important; top: -7px !important; left: 26px !important; right: auto !important; display: inline-flex !important; align-items: center; justify-content: center; box-sizing: border-box; min-width: 20px !important; height: 20px !important; padding: 0 5px !important; border-radius: 999px !important; font: 800 11px/1 Inter, system-ui, sans-serif !important; background: #ffcc00 !important; color: #111827 !important; border: 2px solid #ffffff !important; }
    html.dark-mode body #zslHeader.zfl-nav-c .zsl-cart .zsl-cart-count { border-color: #15171c !important; }
}
@media (min-width: 1500px) {
    html body #zslHeader.zfl-nav-c .zsl-main { max-width: 1560px !important; }
}
/* Por debajo de 1500 px los accesos «Ver productos / Seguir mi pedido» van al menú de cuenta y la búsqueda gana el espacio */
@media (min-width: 769px) and (max-width: 1499px) {
    html body #zslHeader.zfl-nav-c .zfl-inline-nav { display: none !important; }
}
@media (min-width: 769px) and (max-width: 1100px) {
    html body #zslHeader.zfl-nav-c .zsl-cart .zsl-action-label, html body #zslHeader.zfl-nav-c .zsl-loc-chip .zsl-loc-name { display: none !important; }
}