/** Shopify CDN: Minification failed

Line 13:0 Unexpected "<"
Line 17:2 Comments in CSS use "/* ... */" instead of "//"
Line 21:2 Comments in CSS use "/* ... */" instead of "//"
Line 25:2 Comments in CSS use "/* ... */" instead of "//"
Line 34:2 Comments in CSS use "/* ... */" instead of "//"
Line 37:2 Comments in CSS use "/* ... */" instead of "//"
Line 41:2 Comments in CSS use "/* ... */" instead of "//"
Line 47:2 Comments in CSS use "/* ... */" instead of "//"

**/
<script>
document.addEventListener('DOMContentLoaded', function () {
  if (!window.matchMedia('(max-width: 990px)').matches) return;

  // Contenedor principal de la fila del header
  const row = document.querySelector('#headerContainer > .overflow-hidden > .flex.items-center');
  if (!row) return;

  // Bloque de utilidades (derecha)
  const utils = document.querySelector('#headerContainer [data-utility-links]');
  if (!utils) return;

  // Botón de menú original dentro de utilidades (varias opciones)
  const originalMenu =
    utils.querySelector('[data-drawer-open="menu"]') ||
    utils.querySelector('button[aria-controls*="menu"]') ||
    utils.querySelector('.header__icon--menu') ||
    null;

  if (!originalMenu) return;

  // Si ya existe el clon, no dupliques
  if (document.getElementById('maikai-menu-left')) return;

  // Clona el botón de menú para colocarlo a la izquierda
  const clone = originalMenu.cloneNode(true);
  clone.id = 'maikai-menu-left';

  // Al hacer click en el clon, dispara el original (abre el drawer del tema)
  clone.addEventListener('click', function (e) {
    e.preventDefault();
    originalMenu.click();
  });

  // Inserta el clon como hijo directo de la fila (absoluto a la izquierda)
  row.appendChild(clone);
});
</script>