/** Shopify CDN: Minification failed

Line 132:0 Expected "}" to go with "{"

**/
/* REORGANIZAR HEADER MÓVIL */
@media (max-width: 767px) {
  .header__grid {
    display: grid !important;
    grid-template-columns: auto auto 1fr auto auto !important;
    align-items: center !important;
    gap: 8px !important; /* Reducido de 12px a 8px */
    padding: 8px 15px !important; /* Reducido de 10px a 8px */
    min-height: auto !important; /* Eliminar altura mínima */
  }
  
  /* Orden: Menú, Login, Logo, Search, Cart */
  .main-menu {
    order: 1 !important;
  }
  
  .header__icons .header__icon[href*="account"],
  .header__icons .header__icon[href*="login"] {
    order: 2 !important;
  }
  
  .header__logo {
    order: 3 !important;
    justify-self: center !important;
    margin: 0 auto !important;
  }
  
  .header__icons .js-show-search {
    order: 4 !important;
  }
  
  .header__icons #cart-icon {
    order: 5 !important;
  }
  
  /* Reorganizar todo en una línea */
  .header__icons {
    display: contents !important;
  }
  
  /* Search expandido ocupa toda la fila */
  .header__search {
    grid-column: 1 / -1 !important;
    order: 10 !important;
  }
  
  /* Reducir altura de los íconos */
  .header__icon {
    padding: 4px !important;
  }
  
  /* Reducir tamaño del logo si es necesario */
  .header__logo img {
    max-height: 25px !important; /* Ajusta este valor */
  }
  
  /* Reducir altura del header general */
  .header {
    padding: 0 !important;
  }
}

/* UNIFICAR TAMAÑO DE ÍCONOS EN MÓVIL */
@media (max-width: 767px) {
  /* Todos los íconos del header al mismo tamaño */
  .header__icon svg,
  .main-menu__toggle-icon,
  .header__icon,
  .js-show-search svg {
    width: 26px !important;
    height: 26px !important;
  }
  
  /* Menú hamburguesa */
  .main-menu__toggle {
    width: 26px !important;
    height: 26px !important;
    padding: 0 !important;
  }
  
  .main-menu__toggle-icon {
    width: 26px !important;
    height: 26px !important;
  }

  /* Íconos en general */
  .header__icon {
    width: 25px !important;
    height: 25px !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
    .header__cart-count {
    width: 10px !important;
    height: 10px !important;
    font-size: 11px !important;
    line-height: 18px !important;
    min-width: 18px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: absolute !important;
    top: -4px !important;
    right: -4px !important;
    padding: 0 !important;
  }
  
  .header__cart-count-number {
    font-size: 10px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
  }
  
  /* Asegurar que el ícono del carrito sea relativo para el contador */
  #cart-icon {
    position: relative !important;
  }
  
  #cart-icon-bubble {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
}