/** Shopify CDN: Minification failed

Line 134:0 Unexpected "}"
Line 158:0 Unexpected "}"

**/
/* ===== Flat 6 style mega menu for Maranello ===== */
@media (min-width: 990px) {

  /* Panel: full width + centered */
  ul.navigation-sub-menu.color-accent-1 {
    position: absolute !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 100vw !important;
    max-width: 100vw !important;

    display: flex !important;
    justify-content: center !important;
    align-items: flex-start !important;
    gap: 90px !important;

    padding: 28px 60px !important;
  }

  /* Each year = a column */
  ul.navigation-sub-menu.color-accent-1 > li.navigation-item {
    position: static !important;
    flex: 0 0 240px !important;
    width: 240px !important;
  }

  /* SHOW the category list under each year (3rd level) */
  ul.navigation-sub-menu.color-accent-1 > li.navigation-item > ul.navigation-sub-menu {
    display: block !important;
    position: static !important;
    opacity: 1 !important;
    visibility: visible !important;

    width: auto !important;
    max-width: none !important;
    margin: 10px 0 0 !important;
    padding: 0 !important;

    background: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
    transform: none !important;
    height: auto !important;
    overflow: visible !important;
  }

  /* Remove arrows/chevrons on desktop so it looks like Flat 6 */
  ul.navigation-sub-menu.color-accent-1 > li.navigation-item > a svg,
  ul.navigation-sub-menu.color-accent-1 > li.navigation-item > a:after {
    display: none !important;
  }

  /* Make sure nothing clips the dropdown */
  .header, .header * {
    overflow: visible !important;
  }
}@media (min-width:990px){
  #header .hb-top{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:24px!important;flex-wrap:nowrap!important}
  #header .hb-top>*{flex:0 0 auto!important;width:auto!important;min-width:0!important}
  #header .hb-search-inline{flex:1 1 auto!important;min-width:0!important}
  #header .hb-search-form,#header .hb-search-input{width:100%!important;min-width:0!important}
  #header .hb-right-inline{display:flex!important;align-items:center!important;gap:16px!important;white-space:nowrap!important}
  #header .hb-cart-mobile,#header .hb-login-mobile{display:none!important}
}
/* HB header: force 3-column desktop layout */
@media (min-width: 990px){

  /* Desktop header layout: logo | flexible search | right */
  #header .hb-top{
    display: grid !important;
    grid-template-columns: max-content minmax(520px, 1fr) max-content !important;
    align-items: center !important;
    column-gap: 12px !important;
  }

  /* Pull logo closer to search */
  #header .hb-logo,
  #header .header__heading{
    justify-self: end !important;
    margin-right: 8px !important;
  }

  /* Let search sit right next to logo and grow */
  #header .hb-search-inline{
    justify-self: start !important;
    width: 100% !important;
  }

  /* Keep right cluster aligned right */
  #header .hb-right-inline{
    justify-self: end !important;
  }

  /* Bigger desktop logo (catch-all selectors) */
  #header .hb-logo img,
  #header .header__heading-logo,
  #header .header__heading-link img,
  #header .site-header__logo img,
  #header img[alt*="HBI"],
  #header img[alt*="Logo"]{
    height: 90px !important;
    width: auto !important;
    max-height: none !important;
    object-fit: contain !important;
  }

}
  @media (min-width: 990px){
  /* remove container limits */
  #header .hb-logo,
  #header .header__heading,
  #header .header__heading-link{
    max-width: none !important;
    width: auto !important;
  }

  /* make the image scale cleanly */
  #header .hb-logo img,
  #header .header__heading-logo,
  #header .header__heading-link img{
    height: 90px !important;      /* change to 110px if you want */
    width: auto !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: contain !important;
  }
}
}
  /* Force the logo/search/right areas into columns */
  #header .hb-logo{ grid-column:1 !important; justify-self:start !important; }
  #header .hb-search-inline{ grid-column:2 !important; min-width:0 !important; }
  #header .hb-right-inline{ grid-column:3 !important; justify-self:end !important; }

  /* If anything inside hb-top is trying to span full width, stop it */
  #header .hb-top > *{ width:auto !important; min-width:0 !important; }

  /* Keep search from breaking the row */
  #header .hb-search-form,
  #header .hb-search-input{ width:100% !important; min-width:0 !important; }

  /* Keep the right cluster in one line */
  #header .hb-right-inline{
    display:flex !important;
    align-items:center !important;
    gap:16px !important;
    white-space:nowrap !important;
  }

  /* Desktop-only visibility */
  #header .hb-cart-mobile,
  #header .hb-login-mobile{ display:none !important; }
}
@media (min-width: 990px){
  #header .hb-login-mobile{display:none !important;}
}
@media (min-width: 990px){

  @media (min-width: 990px){

  /* Top row container */
  #header .hb-top{
    display:grid !important;
    grid-template-columns: 220px minmax(420px, 720px) max-content !important;
    justify-content: space-between !important;
    align-items:center !important;
    gap:24px !important;

    max-width: 1400px !important;
    margin: 0 auto !important;
    padding: 0 24px !important;
  }

  #header .hb-logo{ justify-self:start !important; }

  /* Right cluster tight + aligned */
  #header .hb-right-inline{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:16px !important;
    width:max-content !important;
    white-space:nowrap !important;
  }

  /* Bottom row (models) centered in same container width */
  #header .hb-bottom-inner{
    max-width: 1400px !important;
    margin: 0 auto !important;
    padding: 0 24px !important;
    display:flex !important;
    align-items:center !important;
  }

  #header .hb-nav{ margin: 0 auto !important; }
  #header .hb-login-bottom{ margin-left:auto !important; }

  /* Hide mobile-only on desktop */
  #header .hb-cart-mobile,
  #header .hb-login-mobile{ display:none !important; }
  #header .hb-logo-img{
  max-height: 64px !important; /* try 56–72 */
  width: auto !important;
}
#header .hb-bottom-inner{
  position: relative !important;
  justify-content: center !important;
}

#header .hb-nav{
  width: 100% !important;
  display: flex !important;
  justify-content: center !important;
}

#header .hb-login-bottom{
  position: absolute !important;
  right: 24px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  margin: 0 !important;
}
#header .hb-search-form{
  display: flex !important;
  align-items: center !important;
}

#header .hb-search-input{
  order: 1 !important;
  flex: 1 1 auto !important;
}

#header .hb-search-btn{
  order: 2 !important;
  margin-left: 10px !important;
}
}

  #header .hb-right-inline{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:16px !important;
    width:max-content !important;
    white-space:nowrap !important;
  }
}

  /* keep right cluster tight + aligned */
  #header .hb-right-inline{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;   /* IMPORTANT */
    gap:16px !important;
    width:max-content !important;          /* IMPORTANT */
    white-space:nowrap !important;
  }

  /* optional: if the cart still drifts, force spacing */
  #header .hb-cart-desktop{ margin-left: 8px !important; }
/* ==== DESKTOP HEADER FIX (force logo | search | right in one row) ==== */
@media (min-width: 990px){

  /* stop any centering/stacking coming from theme rules */
  #header,
  #header .header,
  #header .hb-top{
    text-align: left !important;
  }

  /* force the top row into 3 columns */
  #header .hb-top{
    display: grid !important;
    grid-template-columns: max-content minmax(650px, 1fr) max-content !important;
    align-items: center !important;
    column-gap: 16px !important;
    justify-items: stretch !important;
  }

  /* left: logo */
  #header .hb-logo,
  #header .header__heading{
    justify-self: start !important;
    margin-right: 0 !important;
  }

  /* middle: search grows */
  #header .hb-search-inline{
    justify-self: stretch !important;
    width: 100% !important;
  }
  #header .hb-search-form{
    width: 100% !important;
    max-width: none !important;
  }

  /* right: cart/login cluster */
  #header .hb-right-inline{
    justify-self: end !important;
    margin-left: 0 !important;
  }

  /* make the magnifying glass on the RIGHT of the input */
  #header .hb-search-form{
    display: grid !important;
    grid-template-columns: 1fr 44px !important;
    align-items: center !important;
  }
  #header .hb-search-input{
    grid-column: 1 !important;
    width: 100% !important;
  }
  #header .hb-search-form button,
  #header .hb-search-form .search__button{
    grid-column: 2 !important;
    justify-self: end !important;
  }

  /* center the model menu row */
  #header .header__inline-menu .list-menu,
  #header nav .list-menu{
    justify-content: center !important;
  }

  /* logo size (keep crisp) */
  #header .hb-logo img,
  #header .header__heading-link img{
    height: 90px !important;
    width: auto !important;
    max-height: none !important;
    image-rendering: -webkit-optimize-contrast;
  }
}

/* ===== DESKTOP: logo LEFT, (Free Shipping + Cart) next, Search right ===== */
@media (min-width: 990px){

  /* Layout: LOGO | (FREE SHIPPING + CART) | SEARCH */
  #header .hb-top{
    display: grid !important;
    grid-template-columns: max-content max-content minmax(420px, 740px) !important;
    align-items: center !important;
    column-gap: 16px !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
  }

  /* LOGO column */
  #header .hb-logo,
  #header .header__heading{
    grid-column: 1 !important;
    justify-self: start !important;
    margin: 0 !important;
  }

  /* (FREE SHIPPING + CART) column */
  #header .hb-right-inline{
    grid-column: 2 !important;
    justify-self: start !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 14px !important;
    white-space: nowrap !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* remove stray margins inside right cluster */
  #header .hb-right-inline *{
    margin: 0 !important;
  }

  /* SEARCH column (shrunk + right icon) */
  #header .hb-search-inline{
    grid-column: 3 !important;
    justify-self: start !important;
    width: 100% !important;
    max-width: 740px !important;
  }

  #header .hb-search-form{
    width: 100% !important;
    max-width: 740px !important;
    display: grid !important;
    grid-template-columns: 1fr 44px !important;
    align-items: center !important;
  }

  #header .hb-search-input{
    width: 100% !important;
    min-width: 0 !important;
  }

  #header .hb-search-form button,
  #header .hb-search-form .search__button{
    justify-self: end !important;
  }

  /* Center the model menu row */
  #header .header__inline-menu .list-menu,
  #header nav .list-menu{
    justify-content: center !important;
  }

  /* Logo size (avoid blur) */
  #header .hb-logo img,
  #header .header__heading-link img{
    height: 90px !important;
    width: auto !important;
    max-height: none !important;
    object-fit: contain !important;
  }
}/* ===== DESKTOP TOP ROW: LOGO | (FREE SHIPPING + CART) | SEARCH ===== */
@media (min-width: 990px){

  /* Make the top row a 3-column grid */
  #header .hb-top{
    display: grid !important;
    grid-template-columns: max-content max-content minmax(420px, 740px) !important;
    align-items: center !important;
    column-gap: 16px !important;
    justify-content: start !important;
  }

  /* Column 1: Logo */
  #header .hb-logo,
  #header .header__heading{
    grid-column: 1 !important;
    justify-self: start !important;
    margin: 0 !important;
  }

  /* Column 2: Free shipping + cart cluster */
  #header .hb-right.hb-right-inline,
  #header .hb-right-inline{
    grid-column: 2 !important;
    justify-self: start !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 14px !important;
    white-space: nowrap !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* IMPORTANT: kill the theme padding that’s messing with placement */
  #header .hb-free-ship{
    padding: 0 !important;
    margin: 0 !important;
    line-height: 1 !important;
  }

  /* Column 3: Center cluster (search lives here in your DOM) */
  #header .hb-center-cluster{
    grid-column: 3 !important;
    justify-self: start !important;
    width: 100% !important;
    max-width: 740px !important; /* shrink/grow search area here */
  }

  /* Make the search fill the center cluster width */
  #header .hb-search-inline,
  #header .hb-search-form{
    width: 100% !important;
    max-width: none !important;
  }
}