/* STLBEAST V386 — full-width logo band fix.
   The previous logo images were visually clear but still rendered small because their aspect ratio and max-height made them shrink.
   V386 uses a true wide strip asset and forces the header to treat it like the main brand centerpiece. */

.stlb376-header .stlb376-brand-copy{display:none !important;}
.stlb376-header .stlb376-brand{
  min-height:118px !important;
  width:100% !important;
  justify-content:center !important;
  align-items:center !important;
  padding:8px 14px !important;
  background:
    radial-gradient(circle at 18% 50%, rgba(34,227,255,.18), transparent 42%),
    radial-gradient(circle at 82% 50%, rgba(255,79,203,.13), transparent 42%),
    linear-gradient(135deg, rgba(7,20,38,.72), rgba(5,11,25,.58)) !important;
  border:1px solid rgba(34,227,255,.18) !important;
  overflow:hidden !important;
}
.stlb376-header .stlb376-brand-mark{
  display:flex !important;
  width:min(720px,100%) !important;
  max-width:100% !important;
  justify-content:center !important;
  align-items:center !important;
}
.stlb376-header .stlb376-brand-mark::before{
  inset:10% 0 !important;
  filter:blur(24px) !important;
}
.stlb376-header .stlb376-brand img{
  display:block !important;
  width:min(720px,100%) !important;
  height:auto !important;
  max-height:none !important;
  aspect-ratio:auto !important;
  object-fit:contain !important;
  object-position:center center !important;
  transform:none !important;
  filter:
    drop-shadow(0 0 22px rgba(34,227,255,.42))
    drop-shadow(0 0 16px rgba(255,79,203,.22)) !important;
}
.stlb376-header .stlb376-mainbar{
  grid-template-columns:minmax(620px,760px) minmax(260px,1fr) auto !important;
}

/* Desktop: large but not ridiculous. */
@media(max-width:1280px){
  .stlb376-header .stlb376-mainbar{grid-template-columns:1fr !important;}
  .stlb376-header .stlb376-brand{min-height:112px !important;}
  .stlb376-header .stlb376-brand-mark,
  .stlb376-header .stlb376-brand img{width:min(700px,96vw) !important;}
}

/* Mobile: make logo the full brand strip instead of a small icon in a box. */
@media(max-width:820px){
  .stlb376-header-wrap{padding:7px 6px 10px !important;}
  .stlb376-header .stlb376-mainbar{
    padding:8px !important;
    gap:8px !important;
    border-radius:18px !important;
  }
  .stlb376-header .stlb376-brand{
    min-height:auto !important;
    padding:6px 8px !important;
    border-radius:16px !important;
  }
  .stlb376-header .stlb376-brand-mark,
  .stlb376-header .stlb376-brand img{
    width:min(440px,96vw) !important;
  }
  .stlb376-search{height:42px !important;}
  .stlb376-navrail{margin-top:7px !important;}
}
@media(max-width:520px){
  .stlb376-header .stlb376-brand-mark,
  .stlb376-header .stlb376-brand img{
    width:min(370px,96vw) !important;
  }
  .stlb376-header .stlb376-brand{padding:5px 6px !important;}
}
@media(max-width:390px){
  .stlb376-header .stlb376-brand-mark,
  .stlb376-header .stlb376-brand img{
    width:min(340px,95vw) !important;
  }
}