.wsfs-product-header-placeholder { height:1px; width:100%; }

/* Legacy/inline product header support, kept for backwards compatibility. */
.product-header {
  display:none;
  width:100%;
}

/* v1.4 uses a standalone fixed bar so Kadence header internals cannot hide it. */
.wsfs-product-nav-bar {
  position:fixed;
  top:0;
  left:0;
  right:0;
  width:100%;
  z-index:99998;
  display:block;
  background:#fff;
  box-shadow:0 2px 12px rgba(0,0,0,.12);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translate3d(0,-110%,0);
  transition:transform .28s ease, opacity .2s ease, visibility 0s linear .28s;
  will-change:transform, opacity;
}

.admin-bar .wsfs-product-nav-bar {
  top:32px;
}

.wsfs-product-nav-bar.is-active {
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translate3d(0,0,0);
  transition:transform .28s ease, opacity .2s ease, visibility 0s;
}

.wsfs-product-nav-bar-inner {
  width:100%;
  max-width:var(--global-content-width, 1290px);
  margin:0 auto;
  padding:14px 24px;
  box-sizing:border-box;
}

.wsfs-product-nav-bar .product-nav-item {
  display:flex;
  align-items:center;
  justify-content:space-between;
  width:100%;
  gap:24px;
}

/* Hide the original site header only while the product bar is active. */
body.wsfs-product-nav-active .site-header,
body.wsfs-product-nav-active #masthead,
body.wsfs-product-nav-active header[role="banner"] {
  visibility:hidden !important;
  pointer-events:none !important;
}

/* But never hide the standalone product bar itself. */
body.wsfs-product-nav-active .wsfs-product-nav-bar,
body.wsfs-product-nav-active .wsfs-product-nav-bar * {
  visibility:visible !important;
  pointer-events:auto !important;
}

.product-nav-item {
  display:flex;
  align-items:center;
  justify-content:space-between;
  width:100%;
  gap:24px;
}

.product-nav-left {
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
}

.product-nav-logo,
.product-nav-logo img {
  width:120px;
  display:block;
  flex:0 0 auto;
}

.product-title {
  font-weight:600;
  margin-right: 20px;
  line-height:1.2;
}

.product-cta {
  margin-left:auto;
  white-space:nowrap;
}

.product-cta:focus-visible {
  outline:3px solid #005fcc;
  outline-offset:3px;
}

.wsfs-product-nav-debug-panel {
  position:fixed;
  right:12px;
  bottom:12px;
  z-index:999999;
  max-width:360px;
  padding:12px 14px;
  background:#111;
  color:#fff;
  font:13px/1.45 Arial, sans-serif;
  border-radius:8px;
  box-shadow:0 6px 24px rgba(0,0,0,.25);
}

.wsfs-product-nav-debug-panel strong {
  display:block;
  margin-bottom:4px;
}

@media (max-width: 1023px) {
  .wsfs-product-nav-bar {
    display:none !important;
  }
}

@media (max-width: 782px) {
  .admin-bar .wsfs-product-nav-bar {
    top:46px;
  }
}


@media (prefers-reduced-motion: reduce) {
  .wsfs-product-nav-bar,
  .wsfs-product-nav-bar.is-active {
    transition:none;
  }
}