/** Shopify CDN: Minification failed

Line 135:0 Unexpected "}"
Line 158:0 Expected "}" to go with "{"

**/
/* ===== Backpacks4Less: Compact Header Override (Theme-Specific) ===== */

/* The big white header area is usually the wrapper + the header-pc block */
.wrapper-navigation,
.wrapper-navigation .header-pc,
.wrapper-navigation .container,
.wrapper-navigation .row {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  min-height: 0 !important;
  height: auto !important;
}

/* These two panels are commonly the “top bar” + “bottom bar” that add height */
.header-panel-top,
.header-panel-bt {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  min-height: 0 !important;
  height: auto !important;
}

/* If the logo area itself is forcing height */
.header-logo {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin: 0 !important;
  height: auto !important;
  min-height: 0 !important;
}

/* Tighten nav row spacing */
.main-menu,
.menu-bar,
.wrapper-navigation nav,
.wrapper-navigation .navigation,
.wrapper-navigation .mb-area {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Kill spacer elements (common in older themes) */
.header-spacer,
.site-header__spacer,
.sticky-header-spacer,
.header__spacer,
.header-gap,
.header-pad {
  display: none !important;
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Keep logo readable but not giant */
.header-logo img,
.logo img {
  max-height: 64px !important;
  width: auto !important;
}/* ===== FORCE HEADER INTO SINGLE ROW ===== */

.wrapper-navigation .header-pc {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

.header-panel-top,
.header-panel-bt {
  display: flex !important;
  align-items: center !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Remove extra vertical stacking */
.header-logo {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 auto !important;
}/* ===== FIX LOGO SIZE + HEADER ROW ALIGNMENT ===== */

/* Make the header row behave like a true 3-column flex layout */
.wrapper-navigation .header-pc .row,
.wrapper-navigation .header-pc .container,
.wrapper-navigation .header-pc .mb-area {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

/* Left cluster (hamburger + search) */
.wrapper-navigation .header-pc .main-menu,
.wrapper-navigation .header-pc .main-menu_js {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
}

/* Right cluster (account + cart) */
.wrapper-navigation .header-pc .fixed-right-menu {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
}

/* Logo container: stop it from shrinking */
.wrapper-navigation .header-logo,
.wrapper-navigation .header-logo.logo-fixed,
.wrapper-navigation .site-header__logo,
.wrapper-navigation .header__logo {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  margin: 0 !important;
  padding: 0 !important;
  min-width: 180px !important; /* prevents tiny squeeze */
}


}/* ===== OPTION B: LEFT-ALIGN LOGO (REI/AUTHORITY STYLE) ===== */
.wrapper-navigation .header-logo,
.wrapper-navigation .header-logo.logo-fixed {
  justify-content: flex-start !important;
  margin-right: auto !important;
}/* Remove the extra floating/sticky logo on the far-left */
.header-logo.logo-fixed {
  display: none !important;
}

/* If the icon is an <a> or <img> inside that container */
.header-logo.logo-fixed a,
.header-logo.logo-fixed img {
  display: none !important;
/* Allow theme editor to control logo size */
.wrapper-navigation .header-logo img,
.wrapper-navigation .site-header__logo img,
.wrapper-navigation .logo img {
    width: auto !important;
    height: auto !important;
    max-height: none !important;