/* ==========================================================================
   ONLIT — Header-only CSS (v6)
   All PDP, product card, category tile, About, button, and overlay rules
   removed. Only the header refactor remains:
     • Hide legacy second-row nav + out-of-header category strip
     • Desktop: burger menu visible, correct grid order
     • Sticky header in brand blue
   ========================================================================== */


/* ---------- Brand token ---------- */

:root {
  --onlit-blue: #58708A;
}


/* ========================================================================
   HEADER
   ======================================================================== */

.headerNavigition,
.outHeaderStoreCategries { display: none !important; }

@media (min-width: 768px) {
  .header.lg\:container {
    grid-template-areas: "menuIcon headerLogo searchIcon wishlistIcon authIcon cartIcon" !important;
    grid-template-columns: 48px 1fr 40px 40px 40px 40px !important;
  }
  .header-icon.menuIcon,
  #headerMenuIcon,
  .headerMenuIcon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    grid-area: menuIcon !important;
  }
}

header.header-section {
  --header-background-color: var(--onlit-blue) !important;
  background-color: var(--onlit-blue) !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 100 !important;
}