/* STLBEAST V240 — Ultra Header Polish
   Polishes the V239 premium header without changing business logic.
   Goal: cleaner proportions, better breakpoint behavior, tighter logo chamber,
   smoother nav buttons, and a more refined search bar. */

:root{
  --stlb240-cyan:#3bc7ff;
  --stlb240-blue:#40a9ff;
  --stlb240-purple:#8c63ff;
  --stlb240-ink:#030b17;
}

/* Global shell refinement */
header.nav.stlb159-nav,
header.nav.stlb159-nav.stlb234-index-header,
header.nav.stlb159-nav.stlb236-shared-header,
header.nav.stlb159-nav.stlb237-product-header{
  border-radius:0 30px 0 30px!important;
}

/* Make the compact desktop header smoother and less boxy */
header.nav.stlb159-nav .stlb159-brand,
header.nav.stlb159-nav a.logo,
header.nav.stlb159-nav a.stlb159-brand{
  border-radius:0 22px 0 22px!important;
}
header.nav.stlb159-nav .stlb159-links a,
header.nav.stlb159-nav .navlinks a{
  border-radius:0 18px 0 18px!important;
  letter-spacing:.035em!important;
}
header.nav.stlb159-nav .stlb159-search{
  border-radius:0 18px 0 18px!important;
}

/* Polished intermediate layout: fully intentional stack instead of awkward split */
@media (max-width:1320px){
  header.nav.stlb159-nav,
  header.nav.stlb159-nav.stlb234-index-header,
  header.nav.stlb159-nav.stlb236-shared-header,
  header.nav.stlb159-nav.stlb237-product-header{
    grid-template-columns:1fr!important;
    grid-template-areas:"brand" "links" "search"!important;
    gap:12px!important;
    min-height:0!important;
    margin:10px auto 20px!important;
    padding:12px 14px!important;
  }

  header.nav.stlb159-nav .stlb159-brand,
  header.nav.stlb159-nav a.logo,
  header.nav.stlb159-nav a.stlb159-brand{
    width:min(760px,72%)!important;
    max-width:100%!important;
    justify-self:center!important;
    height:108px!important;
    padding:8px 16px!important;
  }

  header.nav.stlb159-nav .stlb161-logo img,
  img[src*="stlbeast-ultra-mean-logo-v239"]{
    max-height:92px!important;
  }

  header.nav.stlb159-nav .stlb159-links,
  header.nav.stlb159-nav .navlinks{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:10px!important;
  }

  header.nav.stlb159-nav .stlb159-links a,
  header.nav.stlb159-nav .navlinks a{
    min-height:58px!important;
    padding:12px 14px!important;
    font-size:clamp(11px,.95vw,16px)!important;
    line-height:1.1!important;
  }

  header.nav.stlb159-nav .stlb159-search{
    min-height:54px!important;
    padding:0 18px!important;
  }
  header.nav.stlb159-nav .stlb159-search b{
    font-size:clamp(14px,1.15vw,18px)!important;
  }
}

/* Mobile/tablet cleanup */
@media (max-width:820px){
  header.nav.stlb159-nav,
  header.nav.stlb159-nav.stlb234-index-header,
  header.nav.stlb159-nav.stlb236-shared-header,
  header.nav.stlb159-nav.stlb237-product-header{
    border-radius:0 22px 0 22px!important;
    gap:10px!important;
  }
  header.nav.stlb159-nav .stlb159-brand,
  header.nav.stlb159-nav a.logo,
  header.nav.stlb159-nav a.stlb159-brand{
    width:min(560px,100%)!important;
    height:94px!important;
    padding:8px 10px!important;
  }
  header.nav.stlb159-nav .stlb159-links,
  header.nav.stlb159-nav .navlinks{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  header.nav.stlb159-nav .stlb159-links a,
  header.nav.stlb159-nav .navlinks a{
    min-height:42px!important;
    font-size:10.5px!important;
  }
  header.nav.stlb159-nav .stlb159-search{
    min-height:48px!important;
  }
  header.nav.stlb159-nav .stlb159-search b{
    font-size:13.5px!important;
  }
}