/**
 * v40 — Sticky logo+category stack; top bar scrolls; fix overflow breaking sticky
 */

/* overflow-x on .page-home breaks position:sticky */
.page-home {
  overflow-x: visible !important;
}

.store-header-wrap {
  position: static !important;
  overflow: visible !important;
  background: transparent !important;
}

/* Top bar — scrolls away (not sticky) */
.store-header,
.page-home .store-header {
  position: relative !important;
  top: auto !important;
  z-index: 1 !important;
  box-shadow: none !important;
  background: transparent !important;
}

.store-top-bar {
  display: block !important;
}
.store-top-bar.is-hidden {
  display: none !important;
}

/* Sticky rules moved to header-sticky-v41.css + header-sticky.js */
.store-header-sticky-stack {
  width: 100%;
  background: transparent;
}

.store-header-main,
.page-home .store-header-main {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  width: 100% !important;
  background: #0d0a0c !important;
}

.store-header-main-spacer {
  display: none !important;
  height: 0 !important;
}

.store-cat-strip,
.page-home .store-cat-strip {
  position: relative !important;
  background: #ffffff !important;
  border-bottom: 1px solid #f0e6ea !important;
}

/* JS fallback when native sticky blocked */
.store-header-sticky-stack.is-fixed {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: 110 !important;
}
.store-sticky-spacer {
  display: none;
  width: 100%;
  pointer-events: none;
}

/* Kill conflicting rules from v19 / v21 / store-header.css */
@media (min-width: 1024px) {
  .store-header-wrap {
    position: static !important;
    top: auto !important;
    box-shadow: none !important;
  }
  .store-header {
    position: relative !important;
    top: auto !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  .store-header-main {
    position: relative !important;
    top: auto !important;
  }
}

@media (max-width: 1023px) {
  .store-header-wrap {
    position: static !important;
  }
  .store-header-sticky-stack {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 0 !important;
  }
}
