/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */


/* Home: keep the category header in flow above the products. */
#index #header {
  position: relative;
  background: #000;
}
#index #wrapper > .container-slider {
  min-height: 0;
}

/* Compact desktop header: logo beside the category navigation. */
@media (min-width: 768px) {
  #header .header-top > .container-fluid {
    display: grid;
    grid-template-columns: 130px minmax(0, 1fr);
    align-items: center;
    column-gap: 12px;
    padding: 8px 24px 12px;
  }
  #header .header-top .header-top-logo,
  #header .header-top .header-menu { margin: 0; min-width: 0; }
  #header #_desktop_logo { width: 100%; padding: 0; }
  #header #_desktop_logo .logo {
    width: 112px; max-width: 100%; height: auto;
    max-height: 96px; object-fit: contain; margin: 0; padding: 0;
  }
  #header .header-menu > div { padding: 0; }
  #header .header-menu .anav-top { justify-content: flex-start; }
  #header .header-menu .anav-top > .amenu-item > .amenu-link {
    padding: 13px 16px;
  }
}