/* Keep each existing category anchor native; its transparent box covers only
   the heading. Carousel rails are siblings and controls stay above the link. */
body .category-shelf > .category-shelf-heading,
body .subscription-shelf > .subscription-heading {
  position: relative;
  isolation: isolate;
}
body .category-shelf > .category-shelf-heading > .category-shelf-link,
body .subscription-shelf > .subscription-heading > .subscription-heading-copy,
body .subscription-shelf > .subscription-heading > .subscription-heading-copy > div,
body .subscription-shelf > .subscription-heading > .subscription-heading-copy > div > h3,
body .subscription-shelf > .subscription-heading > .subscription-heading-copy > div > h3 > a {
  position: static;
  z-index: auto;
}
body .category-shelf > .category-shelf-heading > .category-shelf-link::after,
body .subscription-shelf > .subscription-heading > .subscription-heading-copy > div > h3 > a::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  cursor: pointer;
}
body .category-shelf > .category-shelf-heading > .category-shelf-controls,
body .subscription-shelf > .subscription-heading > .subscription-controls {
  position: static;
  z-index: auto;
}
body .category-shelf > .category-shelf-heading > .category-shelf-controls > button,
body .subscription-shelf > .subscription-heading > .subscription-controls > button {
  position: relative;
  z-index: 2;
}
body .category-shelf > .category-shelf-heading > .category-shelf-link:focus-visible::after,
body .subscription-shelf > .subscription-heading > .subscription-heading-copy > div > h3 > a:focus-visible::after {
  outline: 3px solid var(--kl-accent, #ad1b72);
  outline-offset: -4px;
}
