/* V1213: a SINGLE navigation layer. Nothing is drawn over the commercial data. */
html body :is(.core-card,.pnepers-public-card)[data-pnepers-commercial-axes="v1213"]{position:relative!important}
/* One owner of product navigation, on every renderer surface.
   Public's native product arrows, Studio campaign/gallery arrows and the
   generic card/slides arrows must not be painted over the axis overlay.
   Do NOT hide Arrow Lab menus, other cards or reward-gallery controls. */
html body :is(.core-card,.pnepers-public-card)[data-pnepers-commercial-axes="v1213"] > .nav-btn:not(.pnepers-axis-nav),
html body :is(.core-card,.pnepers-public-card)[data-pnepers-commercial-axes="v1213"] > .card-content > .nav-btn:not(.pnepers-axis-nav),
html body :is(.core-card,.pnepers-public-card)[data-pnepers-commercial-axes="v1213"] > .pnepers-public-slide-grid > .nav-btn:not(.pnepers-axis-nav),
html body :is(.core-card,.pnepers-public-card)[data-pnepers-commercial-axes="v1213"] > [data-public-grid-nav],
html body :is(.core-card,.pnepers-public-card)[data-pnepers-commercial-axes="v1213"] .pnepers-inline-product-card > .nav-btn,
html body :is(.core-card,.pnepers-public-card)[data-pnepers-commercial-axes="v1213"] .pnepers-inline-product-card > .pnepers-product-gallery-nav,
html body :is(.core-card,.pnepers-public-card)[data-pnepers-commercial-axes="v1213"] .pnepers-inline-product-card .pnepers-campaign-slide-nav,
html body :is(.core-card,.pnepers-public-card)[data-pnepers-commercial-axes="v1213"] .pnepers-inline-product-dots,
html body :is(.core-card,.pnepers-public-card)[data-pnepers-commercial-axes="v1213"] .pnepers-inline-product-image-dots{
  display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;
}
/* Native product/gallery buttons can live inside an exported slide shell. */
html body :is(.core-card,.pnepers-public-card)[data-pnepers-commercial-axes="v1213"] .pnepers-inline-product-card > [data-product-slide-prev],
html body :is(.core-card,.pnepers-public-card)[data-pnepers-commercial-axes="v1213"] .pnepers-inline-product-card > [data-product-slide-next]{
  display:none!important;visibility:hidden!important;pointer-events:none!important;
}
html body :is(.core-card,.pnepers-public-card)[data-pnepers-commercial-axes="v1213"] > .pnepers-commercial-axis-overlay{
  position:absolute!important;inset:0!important;z-index:370!important;
  width:100%!important;height:100%!important;overflow:visible!important;
  background:transparent!important;border:none!important;box-shadow:none!important;
  padding:0!important;margin:0!important;pointer-events:none!important;
}
html body :is(.core-card,.pnepers-public-card)[data-pnepers-commercial-axes="v1213"] > .pnepers-commercial-axis-overlay > .pnepers-axis-nav{
  position:absolute!important;z-index:371!important;display:flex!important;
  align-items:center!important;justify-content:center!important;box-sizing:border-box!important;
  width:clamp(30px,var(--nav-h-size,38px),72px)!important;height:clamp(30px,var(--nav-h-size,38px),72px)!important;
  min-width:30px!important;min-height:30px!important;max-width:72px!important;max-height:72px!important;
  padding:0!important;margin:0!important;border-radius:var(--nav-h-radius,999px)!important;
  border:1px solid var(--nav-h-border,rgba(255,255,255,.15))!important;
  background:var(--nav-h-bg,#111827)!important;color:var(--nav-h-color,#fff)!important;
  box-shadow:var(--nav-h-shadow,none)!important;
  pointer-events:auto!important;cursor:pointer!important;opacity:.96!important;visibility:visible!important;
  font-size:var(--nav-icon-size,22px)!important;line-height:1!important;
  transition:opacity .15s ease,background .15s ease!important;
}
html body :is(.core-card,.pnepers-public-card)[data-pnepers-commercial-axes="v1213"] > .pnepers-commercial-axis-overlay > .pnepers-axis-nav:is(.pnepers-axis-up,.pnepers-axis-down){
  width:clamp(30px,var(--nav-v-size,38px),72px)!important;height:clamp(30px,var(--nav-v-size,38px),72px)!important;
  background:var(--nav-v-bg,#111827)!important;color:var(--nav-v-color,#fff)!important;
  border:1px solid var(--nav-v-border,rgba(255,255,255,.15))!important;
  border-radius:var(--nav-v-radius,999px)!important;box-shadow:var(--nav-v-shadow,none)!important;
}
html body :is(.core-card,.pnepers-public-card)[data-pnepers-commercial-axes="v1213"] > .pnepers-commercial-axis-overlay > .pnepers-axis-nav.pnepers-axis-left{
  left:8px!important;right:auto!important;top:50%!important;bottom:auto!important;transform:translateY(-50%)!important;
}
html body :is(.core-card,.pnepers-public-card)[data-pnepers-commercial-axes="v1213"] > .pnepers-commercial-axis-overlay > .pnepers-axis-nav.pnepers-axis-right{
  right:8px!important;left:auto!important;top:50%!important;bottom:auto!important;transform:translateY(-50%)!important;
}
html body :is(.core-card,.pnepers-public-card)[data-pnepers-commercial-axes="v1213"] > .pnepers-commercial-axis-overlay > .pnepers-axis-nav.pnepers-axis-up{
  left:50%!important;right:auto!important;top:8px!important;bottom:auto!important;transform:translateX(-50%)!important;
}
html body :is(.core-card,.pnepers-public-card)[data-pnepers-commercial-axes="v1213"] > .pnepers-commercial-axis-overlay > .pnepers-axis-nav.pnepers-axis-down{
  left:50%!important;right:auto!important;top:auto!important;bottom:8px!important;transform:translateX(-50%)!important;
}
html body :is(.core-card,.pnepers-public-card)[data-pnepers-commercial-axes="v1213"] > .pnepers-commercial-axis-overlay > .pnepers-axis-nav[hidden],
html body :is(.core-card,.pnepers-public-card)[data-pnepers-commercial-axes="v1213"] > .pnepers-commercial-axis-overlay > .pnepers-axis-nav.is-hidden{
  display:none!important;visibility:hidden!important;pointer-events:none!important;
}
html body :is(.core-card,.pnepers-public-card)[data-pnepers-commercial-axes="v1213"] > .pnepers-commercial-axis-overlay > .pnepers-axis-nav .pnepers-axis-glyph{
  width:clamp(15px,var(--nav-icon-size,21px),28px)!important;
  height:clamp(15px,var(--nav-icon-size,21px),28px)!important;
  display:block!important;flex:none!important;transform:none!important;rotate:none!important;
  stroke:currentColor!important;color:inherit!important;pointer-events:none!important;
  animation:none!important;filter:none!important;
}
/* A hidden commercial slide must not paint a second cover or CTA above
   the selected slide, even if an older template forces display with !important. */
html body :is(.core-card,.pnepers-public-card)[data-pnepers-commercial-axes="v1213"] .slide-container[aria-hidden="true"],
html body :is(.core-card,.pnepers-public-card)[data-pnepers-commercial-axes="v1213"] .slide-container[data-active-slide="false"],
html body :is(.core-card,.pnepers-public-card)[data-pnepers-commercial-axes="v1213"] .pnepers-inline-product-slide[data-campaign-active="0"]{
  display:none!important;visibility:hidden!important;pointer-events:none!important;
}
/* Ensure commercial metric/price never uses the old oversized viewport-font rule.
   Only safe font bounds change; no masking layer or extra cover is created. */
html body :is(.core-card,.pnepers-public-card)[data-pnepers-commercial-axes="v1213"] .pnepers-inline-product-card.campaign-layout-lab-free .campaign-initial-v1 .pnepers-inline-product-campaign-percent,
html body :is(.core-card,.pnepers-public-card)[data-pnepers-commercial-axes="v1213"] .pnepers-inline-product-campaign-percent{
  font-size:clamp(18px,6cqmin,48px)!important;line-height:1!important;
  max-width:100%!important;min-width:0!important;overflow-wrap:anywhere!important;
}
html body :is(.core-card,.pnepers-public-card)[data-pnepers-commercial-axes="v1213"] .pnepers-crowdfunding-progress-primary,
html body :is(.core-card,.pnepers-public-card)[data-pnepers-commercial-axes="v1213"] .pnepers-crowdfunding-info-row{
  min-width:0!important;max-width:100%!important;box-sizing:border-box!important;
}

/* No secondary bezel, pseudo-arrows or mask may be drawn on the axis buttons. */
html body :is(.core-card,.pnepers-public-card)[data-pnepers-commercial-axes="v1213"] > .pnepers-commercial-axis-overlay::before,
html body :is(.core-card,.pnepers-public-card)[data-pnepers-commercial-axes="v1213"] > .pnepers-commercial-axis-overlay::after,
html body :is(.core-card,.pnepers-public-card)[data-pnepers-commercial-axes="v1213"] > .pnepers-commercial-axis-overlay > .pnepers-axis-nav::before,
html body :is(.core-card,.pnepers-public-card)[data-pnepers-commercial-axes="v1213"] > .pnepers-commercial-axis-overlay > .pnepers-axis-nav::after{
  content:none!important;display:none!important;
}
/* A published product-sale slide is the SAME single canvas as in Studio.
   Its inactive siblings must never show another copy of the product cover. */
html body :is(.core-card,.pnepers-public-card)[data-pnepers-commercial-axes="v1213"] .pnepers-product-sale-slide[aria-hidden="true"],
html body :is(.core-card,.pnepers-public-card)[data-pnepers-commercial-axes="v1213"] .pnepers-product-sale-slide[hidden]{display:none!important;visibility:hidden!important;pointer-events:none!important}
/* Preserve the native product/card clipping; the navigation is outside the
   product surface and is transparent, never a second product mask. */
html body :is(.core-card,.pnepers-public-card)[data-pnepers-commercial-axes="v1213"] > .pnepers-commercial-axis-overlay{isolation:auto!important;mask:none!important;-webkit-mask:none!important}


/* v1213-D: quarantine ALL legacy navigation belonging to an axis-managed
   commercial card, not only its immediate children. The core renderer may
   promote buttons, inject fallbacks or paint them inside arbitrary wrappers.
   This rule also wins over hover/mobile rules injected after this stylesheet. */
html body :is(.core-card,.pnepers-public-card)[data-pnepers-commercial-axes="v1213"]
  :is(.nav-btn,.nav-h-btn,.nav-v-btn,.pnepers-product-nav,.pnepers-product-gallery-nav,.pnepers-campaign-slide-nav,.pnepers-premium-arrow,.pnepers-crowdfunding-reward-gallery-nav,[data-product-slide-prev],[data-product-slide-next],[data-public-carousel-prev],[data-public-carousel-next],[data-public-grid-nav],[data-grid-nav],[data-pnepers-auto-slide-nav],[data-premium-prev],[data-premium-next]):not(.pnepers-axis-nav),
html body :is(.core-card,.pnepers-public-card)[data-pnepers-commercial-axes="v1213"] .pnepers-commercial-native-nav-suspended{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}
/* Axis-specific buttons do not share native nav classes and therefore cannot
   be rotated, recolored or have their SVG replaced by the renderer's global
   arrow-theme update. Do not alter the canvas/card mask. */
html body :is(.core-card,.pnepers-public-card)[data-pnepers-commercial-axes="v1213"] > .pnepers-commercial-axis-overlay > button.pnepers-axis-nav {
  transform-origin:center center!important;
}

/* Arrow Lab typography saved for the actual active product slide. */
html body :is(.core-card,.pnepers-public-card)[data-pnepers-commercial-axes="v1213"] > .pnepers-commercial-axis-overlay > .pnepers-axis-nav .pnepers-axis-user-glyph{
  display:block!important;flex:none!important;pointer-events:none!important;
  font-family:inherit!important;font-size:var(--nav-icon-size,20px)!important;
  font-weight:950!important;line-height:1!important;white-space:nowrap!important;
  color:inherit!important;transform-origin:center center!important;
  transition:none!important;
}
html body :is(.core-card,.pnepers-public-card)[data-pnepers-commercial-axes="v1213"] > .pnepers-commercial-axis-overlay > .pnepers-axis-nav:hover{
  background:var(--nav-h-hover-bg,var(--nav-h-bg,#111827))!important;
  color:var(--nav-h-hover-color,var(--nav-h-color,#fff))!important;
}
html body :is(.core-card,.pnepers-public-card)[data-pnepers-commercial-axes="v1213"] > .pnepers-commercial-axis-overlay > .pnepers-axis-nav:is(.pnepers-axis-up,.pnepers-axis-down):hover{
  background:var(--nav-v-hover-bg,var(--nav-v-bg,#fff))!important;
  color:var(--nav-v-hover-color,var(--nav-v-color,#111827))!important;
}