/* 1.8.53: buscador del encabezado.
   Móvil (≤768 px): el panel abierto quedaba flotando debajo de la barra sin fondo, montado sobre el
   contenido (p. ej. el título «Sandía – Sobre de 10 g…»), y la X tapaba el final del campo.
   Ahora: franja con el fondo de la cabecera debajo de la barra, campo que deja sitio a la X y X
   como botón secundario sutil (nunca blanco). PC: campo y botón «limpiar» con el estilo del tema. */
@media (max-width:768px){
  html body.zfl-store-active #zslHeader:has(.zsl-search.zsl-mobile-search-open)::after{content:"";position:absolute;left:0;right:0;top:100%;height:76px;background:#ffffff;border-bottom:1px solid #e5e7eb;box-shadow:0 6px 14px rgba(17,24,39,.08);z-index:2;pointer-events:none}
  html.dark-mode body.zfl-store-active #zslHeader:has(.zsl-search.zsl-mobile-search-open)::after{background:#17191e;border-bottom-color:#2d3139;box-shadow:0 6px 14px rgba(0,0,0,.45)}
  html body.zfl-store-active #zslHeader .zsl-search.zsl-mobile-search-open{left:12px!important;right:auto!important;width:calc(100vw - 76px)!important;top:calc(100% + 10px)!important;z-index:3!important}
  html body.zfl-store-active #zslHeader.zsl-search-pinned .zsl-search.zsl-mobile-search-open{top:10px!important;left:12px!important}
  html body.zfl-store-active #zslHeader .zsl-mobile-search-toggle.zsl-mobile-search-open{z-index:4!important;background:#f3f4f6!important;border-color:#e5e7eb!important;color:#111827!important}
  html body.zfl-store-active #zslHeader .zsl-mobile-search-toggle.zsl-mobile-search-open:hover{background:#e5e7eb!important}
  html.dark-mode body.zfl-store-active #zslHeader .zsl-mobile-search-toggle.zsl-mobile-search-open{background:#252830!important;border-color:#3a3f48!important;color:#ffcc00!important}
  html.dark-mode body.zfl-store-active #zslHeader .zsl-mobile-search-toggle.zsl-mobile-search-open:hover{background:#2d3139!important}
  html body.zfl-store-active #zslHeader .zsl-mobile-search-toggle.zsl-mobile-search-open:focus-visible{outline:2px solid #ffcc00!important;outline-offset:2px!important}
}
/* 1.8.53-ficha: sin botón nativo «limpiar» del navegador en ningún buscador del plugin (ya existe nuestra X). */
html body input[type="search"]::-webkit-search-cancel-button,html body input[type="search"]::-webkit-search-decoration,html body input[type="search"]::-webkit-search-results-button,html body input[type="search"]::-webkit-search-results-decoration{-webkit-appearance:none!important;appearance:none!important;display:none!important}
html body input[type="search"]::-ms-clear,html body input[type="search"]::-ms-reveal{display:none!important;width:0!important;height:0!important}
html body input[type="search"]{-webkit-appearance:none;appearance:none}
html body.zfl-store-active #zslProductSearch{text-overflow:ellipsis}
@media (max-width:768px){
  html body.zfl-store-active #zslHeader.zsl-search-pinned .zsl-mobile-search-toggle.zsl-mobile-search-open{position:fixed!important;top:9px!important;right:12px!important;transform:none!important}
}
@media (max-width:768px){
  /* Fijada al bajar: el campo va dentro de la propia barra (54 px con su fondo); sin franja extra. */
  html body.zfl-store-active #zslHeader.zsl-search-pinned:has(.zsl-search.zsl-mobile-search-open)::after{display:none!important}
}
@media (max-width:768px){
  /* 1.8.53-ficha: fondo opaco alrededor del campo abierto para que no asome el contenido (título/migas) recortado debajo. */
  html body.zfl-store-active #zslHeader .zsl-search.zsl-mobile-search-open{background:#ffffff!important;box-shadow:0 0 0 10px #ffffff,0 14px 0 10px #ffffff!important;border-radius:10px!important}
  html.dark-mode body.zfl-store-active #zslHeader .zsl-search.zsl-mobile-search-open{background:#17191e!important;box-shadow:0 0 0 10px #17191e,0 14px 0 10px #17191e!important}
  html body.zfl-store-active #zslHeader.zsl-search-pinned:has(.zsl-search.zsl-mobile-search-open){background:#ffffff!important;min-height:66px!important;box-shadow:0 6px 14px rgba(17,24,39,.08)!important}
  html.dark-mode body.zfl-store-active #zslHeader.zsl-search-pinned:has(.zsl-search.zsl-mobile-search-open){background:#17191e!important;box-shadow:0 6px 14px rgba(0,0,0,.45)!important}
}
@media (max-width:768px){
  html body.zfl-store-active #zslHeader.zsl-search-pinned .zsl-search.zsl-mobile-search-open{box-shadow:none!important}
}