/*
STLBEAST V586 — Non-floating sitewide header override
Purpose: remove the floating/sticky/glass top-bar behavior while preserving the V585 beast logo,
brand consistency, SEO page structure, checkout safety, and product/download paths.
*/

/* Header should live in the normal page flow, not float/stick over content. */
.v583-header,
.v585-header,
header.v583-header,
header.v585-header,
.v583-header.v585-header {
  position: static !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  z-index: auto !important;
  width: 100% !important;
  background: linear-gradient(180deg, #090604 0%, #070504 100%) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: none !important;
  border-bottom: 1px solid rgba(255, 106, 0, .24) !important;
}

/* Make the top feel like a real site header, not a floating pill/bar. */
.v583-nav {
  min-height: 82px;
  padding-block: 10px;
}

.v583-brand img {
  max-height: 66px;
}

/* Keep page sections from appearing tucked underneath a header. */
.v583-hero,
.v585-hero,
main > section:first-child {
  margin-top: 0 !important;
}

/* Less glassy mobile top; cleaner and more stable. */
@media (max-width: 980px) {
  .v583-header,
  .v585-header,
  .v583-header.v585-header {
    background: #080504 !important;
  }

  .v583-nav {
    min-height: 72px;
    padding-block: 8px;
  }

  .v583-brand img {
    max-width: 205px;
    max-height: 58px;
  }
}

@media (max-width: 620px) {
  .v583-header,
  .v585-header,
  .v583-header.v585-header {
    border-bottom-color: rgba(255, 106, 0, .30) !important;
  }

  .v583-nav {
    min-height: 66px;
    padding-block: 7px;
  }

  .v583-brand img {
    max-width: 185px;
    max-height: 52px;
  }

  .v583-brand span {
    display: none !important;
  }
}