/** Shopify CDN: Minification failed

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

**/
/* 📱 Solo móviles: ocultar menú de texto y centrar el logo */
@media screen and (max-width: 749px) {
  /* Oculta las opciones del menú horizontal */
  .header__inline-menu,
  .list-menu.list-menu--inline {
    display: none !important;
  }

  /* Centra el logo */
  .header__heading,
  .header__heading-link {
    display: flex !important;
    justify-content: center !important;
    margin: 0 auto !important;
  }

  /* Ajusta el alto del header para que no quede tan alto */
  .section-header,
  .header-wrapper {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
}
/* ===== LOGO MÁS GRANDE Y CENTRADO EN MÓVIL (Dawn) ===== */
@media (max-width: 749px){

  /* Oculta el menú horizontal (si aún aparece) */
  .header__inline-menu,
  .list-menu.list-menu--inline { display: none !important; }

  /* Centra el logo */
  .header__heading, .header__heading-link {
    display: flex !important;
    justify-content: center !important;
    margin: 0 auto !important;
  }

  /* Aumenta el tamaño del logo: ajustá width a gusto (160–180px) */
  .header__heading-logo,
  .header__heading-link img,
  .header__logo img {
    width: 160px !important;    /* ← cambiá este valor para hacerlo más grande/pequeño */
    height: auto !important;
    max-width: none !important;
  }

  /* Da un poco más de alto al header para que el logo no “choque” */
  .shopify-section-header,
  .section-header,
  .header {
    min-height: 72px !important;
  }

  /* Mantiene los íconos (buscar, cuenta, bolsa) a la derecha y centrados verticalmente */
  .header__icons {
    position: absolute !important;
    right: 16px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    gap: 10px !important;
  }

  /* Tamaño razonable de los iconos */
  .header__icon,
  .header__icon svg {
    width: 22px !important;
    height: 22px !important;
  }
}
/* ===== LOGO CENTRADO ENTRE HAMBURGUESA E ÍCONOS ===== */
@media (max-width: 749px){

  /* Header como grid: 3 columnas */
  .header__inline {
    display: grid !important;
    grid-template-columns: 1fr auto 1fr !important;
    align-items: center !important;
  }

  /* Menú hamburguesa a la izquierda */
  .header__icon--menu {
    grid-column: 1;
    justify-self: start;
  }

  /* Logo centrado */
  .header__heading, 
  .header__heading-link {
    grid-column: 2;
    justify-self: center;
    margin: 0 auto !important;
  }

  /* Íconos (buscar, carrito, etc.) a la derecha */
  .header__icons {
    grid-column: 3;
    justify-self: end;
    display: flex;
    align-items: center;
    gap: 10px; /* espacio entre iconos */
  }