/* STLBEAST V241 — Ultra Header Fit Lock
   Purpose: make the ultra-premium header fit better, with less wasted height,
   better logo framing, tighter nav rhythm, and safer mobile/tablet proportions. */

/* Overall header: tighter but still premium */
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{
  width:min(100% - 18px,1900px)!important;
  max-width:calc(100vw - 18px)!important;
  margin:8px auto 18px!important;
  padding:10px clamp(10px,1.2vw,20px)!important;
  gap:clamp(9px,1vw,18px)!important;
  border-radius:0 26px 0 26px!important;
}

/* Desktop: keep everything in one clean premium row where possible */
@media (min-width:1321px){
  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:minmax(300px,460px) minmax(560px,1fr) minmax(250px,360px)!important;
    grid-template-areas:"brand links search"!important;
    min-height:104px!important;
  }
  header.nav.stlb159-nav .stlb159-brand,
  header.nav.stlb159-nav a.logo,
  header.nav.stlb159-nav a.stlb159-brand{
    height:82px!important;
    padding:6px 12px!important;
  }
  header.nav.stlb159-nav .stlb161-logo img,
  img[src*="stlbeast-ultra-mean-logo-v239"]{
    max-height:76px!important;
  }
  header.nav.stlb159-nav .stlb159-links,
  header.nav.stlb159-nav .navlinks{
    grid-template-columns:repeat(6,minmax(78px,1fr))!important;
    gap:7px!important;
  }
  header.nav.stlb159-nav .stlb159-links a,
  header.nav.stlb159-nav .navlinks a{
    min-height:48px!important;
    padding:8px 8px!important;
    font-size:clamp(9px,.56vw,12px)!important;
    border-radius:0 13px 0 13px!important;
  }
  header.nav.stlb159-nav .stlb159-search{
    min-height:50px!important;
    padding:0 16px!important;
  }
  header.nav.stlb159-nav .stlb159-search b{
    font-size:clamp(12px,.82vw,16px)!important;
  }
}

/* Medium screens: fit like your screenshot, but cleaner and less tall */
@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;
    width:min(100% - 10px,980px)!important;
    max-width:calc(100vw - 10px)!important;
    padding:10px!important;
    gap:9px!important;
    margin:6px auto 16px!important;
    border-radius:0 24px 0 24px!important;
  }
  header.nav.stlb159-nav .stlb159-brand,
  header.nav.stlb159-nav a.logo,
  header.nav.stlb159-nav a.stlb159-brand{
    width:min(580px,78%)!important;
    height:78px!important;
    justify-self:center!important;
    padding:6px 10px!important;
    border-radius:0 20px 0 20px!important;
  }
  header.nav.stlb159-nav .stlb159-brand::before{inset:5px!important;}
  header.nav.stlb159-nav .stlb161-logo img,
  img[src*="stlbeast-ultra-mean-logo-v239"]{
    max-height:68px!important;
  }
  header.nav.stlb159-nav .stlb159-links,
  header.nav.stlb159-nav .navlinks{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;
  }
  header.nav.stlb159-nav .stlb159-links a,
  header.nav.stlb159-nav .navlinks a{
    min-height:48px!important;
    padding:8px 10px!important;
    font-size:clamp(10px,1.15vw,14px)!important;
    border-radius:0 15px 0 15px!important;
  }
  header.nav.stlb159-nav .stlb159-search{
    min-height:46px!important;
    padding:0 16px!important;
    border-radius:0 16px 0 16px!important;
  }
  header.nav.stlb159-nav .stlb159-search span{font-size:21px!important;}
  header.nav.stlb159-nav .stlb159-search b{font-size:clamp(13px,1.4vw,16px)!important;}
}

/* Phone: use more width, less height, no cramped logo box */
@media (max-width:620px){
  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{
    width:calc(100% - 8px)!important;
    max-width:calc(100vw - 8px)!important;
    padding:8px!important;
    gap:8px!important;
    border-radius:0 18px 0 18px!important;
  }
  header.nav.stlb159-nav .stlb159-brand,
  header.nav.stlb159-nav a.logo,
  header.nav.stlb159-nav a.stlb159-brand{
    width:100%!important;
    height:68px!important;
    padding:5px 8px!important;
  }
  header.nav.stlb159-nav .stlb161-logo img,
  img[src*="stlbeast-ultra-mean-logo-v239"]{
    max-height:58px!important;
  }
  header.nav.stlb159-nav .stlb159-links,
  header.nav.stlb159-nav .navlinks{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
  }
  header.nav.stlb159-nav .stlb159-links a,
  header.nav.stlb159-nav .navlinks a{
    min-height:39px!important;
    padding:7px 7px!important;
    font-size:9.5px!important;
    letter-spacing:.03em!important;
  }
  header.nav.stlb159-nav .stlb159-search{
    min-height:42px!important;
    padding:0 13px!important;
  }
  header.nav.stlb159-nav .stlb159-search b{font-size:12.5px!important;}
}

@media (max-width:380px){
  header.nav.stlb159-nav .stlb159-brand,
  header.nav.stlb159-nav a.logo,
  header.nav.stlb159-nav a.stlb159-brand{height:60px!important;}
  header.nav.stlb159-nav .stlb161-logo img,
  img[src*="stlbeast-ultra-mean-logo-v239"]{max-height:50px!important;}
  header.nav.stlb159-nav .stlb159-links a,
  header.nav.stlb159-nav .navlinks a{font-size:8.7px!important;min-height:36px!important;}
}