/* Custom code goes here - paste your css code below in line 3 */


@media (min-width: 1200px) {
  main {
    max-width: none !important;
    width: 100% !important;
    margin: 0 !important;
  }
}

/* =========================
   HEADER TOP BAR – DESKTOP
   ========================= */
@media (min-width: 1200px) {

  /* Altura general */
  .header-nav {
    padding: 8px 0;               
    font-size: 14px;             
    line-height: 1.4;
    background-color: #f5f5f5;
  }

  /* Enlaces (login, cuenta, etc.) */
  .header-nav a,
  .header-nav span {
    font-size: 14px;
  }

  /* Iconos (teléfono, user, carrito si aparece ahí) */
  .header-nav i {
    font-size: 15px;
    margin-right: 4px;
  }

  /* Separación entre elementos */
  .header-nav .right-nav > * {
    margin-left: 14px;
  }

}

@media (min-width: 1200px) {
  /* AngarTheme limita aquí */
  .container {
    max-width: 1400px !important; /* prueba 1320 / 1440 / 1600 */
    width: 100% !important;
  }
}

/* =========================
   HEADER + MENÚ MÁS ANCHOS
   (full width en header-top y menu)
   ========================= */
@media (min-width: 1200px) {
  /* Quita el límite SOLO en la franja del logo/buscador */
  .header-top > .container {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 20px;
    padding-right: 20px;
  }

  /* Menú a lo ancho */
  #_desktop_top_menu {
    width: 100% !important;
  }

  /* Si el UL del menú es el que manda, fuerza ancho */
  #_desktop_top_menu > ul {
    width: 100% !important;
  }
}

/* =========================
   COLUMNA IZQUIERDA (Los más vendidos)
   mover/respirar un poco
   ========================= */
@media (min-width: 992px) {
  /* separarla del borde izquierdo */
  #left-column {
    padding-left: 15px;   /* mueve a la derecha: 10–30px */
  }

  /* más espacio entre la columna izq y el centro */
  #left-column {
    padding-right: 20px;  /* hueco entre columnas */
  }
}