/* v12.10.544: final, compact category continuation contract. This stylesheet
   loads after the older transition treatments, so this selector is the one
   authoritative appearance in both Editor and Live. */
.nc-category-transition .nc-category-transition-arrow{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:auto;
  min-width:0;
  height:38px;
  min-height:0;
  aspect-ratio:auto;
  margin:13px auto 0;
  padding:0 13px 0 11px;
  gap:7px;
  border:1px solid rgba(123,78,16,.58);
  border-radius:999px;
  background:rgba(247,216,93,.38);
  box-shadow:none;
  color:#4b300c;
  font:800 12px/1 system-ui,-apple-system,"Segoe UI",sans-serif;
  letter-spacing:.01em;
  text-transform:uppercase;
  animation:nc-category-next-action-reveal .34s ease-out both;
}
.nc-category-transition .nc-category-transition-arrow-icon{
  display:block;
  font-size:21px;
  font-weight:800;
  line-height:1;
  transition:transform .16s ease;
}
.nc-category-transition .nc-category-transition-arrow-label{
  display:block;
  white-space:nowrap;
  animation:nc-category-next-label-in .42s .08s ease-out both;
}
.nc-category-transition .nc-category-transition-arrow:hover,
.nc-category-transition .nc-category-transition-arrow:focus-visible{
  transform:none;
  filter:none;
  background:rgba(247,216,93,.66);
  border-color:#8a5915;
  box-shadow:none;
}
.nc-category-transition .nc-category-transition-arrow:hover .nc-category-transition-arrow-icon,
.nc-category-transition .nc-category-transition-arrow:focus-visible .nc-category-transition-arrow-icon{transform:translateX(3px);}
.nc-category-transition.nc-category-transition-inline .nc-category-transition-arrow{
  width:auto;
  min-width:0;
  height:31px;
  min-height:0;
  margin-top:8px;
  padding:0 10px 0 8px;
  gap:5px;
  font-size:10px;
}
.nc-category-transition.nc-category-transition-inline .nc-category-transition-arrow-icon{font-size:17px;}
/* The button is an actual navigation control, not decoration underneath the
   product canvas. Keep it above legacy manual-card z-indexes in both views. */
.editorial-grid.nc-category-transition-host > .nc-category-transition-inline{
  z-index:90!important;
  pointer-events:auto!important;
}
@keyframes nc-category-next-action-reveal{
  from{opacity:0;transform:translateY(4px)}
  to{opacity:1;transform:translateY(0)}
}
@keyframes nc-category-next-label-in{
  from{opacity:0;transform:translateX(-3px)}
  to{opacity:1;transform:translateX(0)}
}
@media (prefers-reduced-motion:reduce){
  .nc-category-transition .nc-category-transition-arrow,.nc-category-transition .nc-category-transition-arrow-label{animation:none!important;}
}