/**
 * v41 — Desktop: only logo bar sticky | Mobile: header + category sticky
 */

.page-home {
  overflow-x: hidden !important;
}

.store-header-wrap {
  position: static !important;
  overflow: visible !important;
  background: transparent !important;
}

.store-header,
.page-home .store-header {
  position: relative !important;
  background: transparent !important;
}

@media (max-width: 1023px) {
  .store-header-wrap {
    position: static !important;
  }
  /* Mobile: header + category both sticky (full stack) */
  .store-header-sticky-stack {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 110;
  }
  .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;
  }
}

/* Desktop: stack scrolls; only main bar pins */
@media (min-width: 1024px) {
  .store-header-sticky-stack {
    position: static !important;
    top: auto !important;
  }
  .store-header-sticky-stack.is-fixed {
    position: static !important;
  }
  .store-header-main.is-fixed {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 110 !important;
    background: #0d0a0c !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25) !important;
  }
  .store-cat-strip,
  .page-home .store-cat-strip {
    position: relative !important;
  }
}

.store-header-main-spacer {
  display: none !important;
}

/* Remove gap under category strip */
.store-cat-strip,
.page-home .store-cat-strip {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
  border-bottom: 1px solid #f0e6ea !important;
}
.store-header-wrap .store-cat-strip-viewport {
  padding-bottom: 0 !important;
}
.page-home .hero-app,
.page-home .hero-app.hero-peek-mobile {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
.page-home .hero-app-dots {
  margin-top: 6px !important;
  margin-bottom: 0 !important;
}

.store-sticky-spacer {
  display: none;
  width: 100%;
  pointer-events: none;
}

/* Override store-header v14 bottom padding on cat strip */
.store-cat-strip,
.page-home .store-cat-strip,
.store-header-wrap .store-cat-strip {
  padding-top: 4px !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
@media (min-width: 1024px) {
  .store-cat-strip {
    padding: 4px 0 0 !important;
  }
}