html { scroll-padding-top: var(--catalog-scroll-offset, 84px); }

.category-nav {
  background: rgba(9,9,12,.24);
  -webkit-backdrop-filter: blur(14px) saturate(160%);
  backdrop-filter: blur(14px) saturate(160%);
}

.category-links {
  gap: 6px;
  padding-block: 8px;
}

.category-links a {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  min-height: 44px;
  padding: 10px 14px;
  border: 1px solid var(--kino-glass-border);
  border-radius: 14px;
  background: var(--kino-glass-background);
  -webkit-backdrop-filter: var(--kino-glass-filter);
  backdrop-filter: var(--kino-glass-filter);
  box-shadow: var(--kino-glass-shadow);
  color: #fff;
  font-family: Arial, Helvetica, sans-serif;
  font-size: .875rem;
  font-weight: 800;
  line-height: 1.4286;
  letter-spacing: .035em;
  text-transform: uppercase;
  white-space: nowrap;
  transition: color .2s, border-color .2s, background .2s, box-shadow .2s, text-shadow .2s;
}

.category-links a::before {
  content: "";
  position: absolute;
  left: 6px;
  top: calc(50% - 5px);
  width: 2px;
  height: 10px;
  background: #ed0033;
}

.category-links a.active::after { content: none; }

.category-links a[aria-current="location"],
.category-links a:focus-visible {
  color: #ff315d;
  border-color: #fff;
  background: linear-gradient(145deg,rgba(255,255,255,.08),rgba(237,0,51,.12)),rgba(13,13,18,.10);
  box-shadow: inset 0 -2px 0 #ed0033, var(--kino-glass-shadow);
  text-shadow: 0 0 10px #ed003333;
}

.category-links a:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 2px;
}

@media (hover: hover) {
  .category-links a:hover {
    color: #ff315d;
    border-color: #fff;
    background: linear-gradient(145deg,rgba(255,255,255,.08),rgba(237,0,51,.12)),rgba(13,13,18,.10);
    text-shadow: 0 0 10px #ed003333;
  }
  .category-links a.services-nav-link:hover { color: #ed0033 !important; }
}

@media (max-width: 520px) {
  .category-links { gap: 5px; }
  .category-links a { letter-spacing: .02em; }
}

/* Keep both equipment pages together in a compact row. */
.category-page-links { display: flex; flex-wrap: nowrap; gap: 6px; padding-bottom: 8px; }
.category-page-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 1 auto;
  gap: 0;
  min-height: 44px;
  max-width: 100%;
  padding: 10px 14px;
  border: 1px solid var(--kino-glass-border);
  border-radius: 14px;
  background: var(--kino-glass-background);
  -webkit-backdrop-filter: var(--kino-glass-filter);
  backdrop-filter: var(--kino-glass-filter);
  box-shadow: var(--kino-glass-shadow);
  color: #fff;
  font-family: Arial, Helvetica, sans-serif;
  font-size: .875rem;
  font-weight: 800;
  line-height: 1.4286;
  letter-spacing: .02em;
  text-transform: uppercase;
  white-space: nowrap;
  transition: color .2s, border-color .2s, background .2s, box-shadow .2s, text-shadow .2s;
}
.category-page-link span { min-width: 0; }
.category-page-link svg { display: none; }
.category-page-link[aria-current="page"],
.category-page-link[aria-current="location"] {
  color: #ff315d;
  border-color: #fff;
  background: linear-gradient(145deg,rgba(255,255,255,.08),rgba(237,0,51,.12)),rgba(13,13,18,.10);
  box-shadow: inset 0 -2px 0 #ed0033, var(--kino-glass-shadow);
}
@media (hover: hover) {
  .category-page-link:hover {
    color: #ff315d;
    border-color: #fff;
    background: linear-gradient(145deg,rgba(255,255,255,.08),rgba(237,0,51,.12)),rgba(13,13,18,.10);
    text-shadow: 0 0 10px #ed003333;
  }
}
.category-page-link:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
@media (max-width: 680px) {
  .category-page-links { display: grid; grid-template-columns: minmax(0,1.4fr) minmax(0,1fr); }
  .category-page-link { min-width: 0; padding: 4px 10px; line-height: 1.2; white-space: normal; text-align: center; }
}

@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
  .category-nav { background: rgba(9,9,12,.90); }
  .category-links a,
  .category-page-link { background-color: rgba(18,18,24,.82); }
}
@media (prefers-reduced-motion: reduce) {
  .category-links a,
  .category-page-link { transition: none; }
}

/* Desktop categories share the available rows instead of scrolling sideways. */
@media (min-width: 681px) {
  .category-nav-inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    padding-block: 8px;
  }
  .category-links,
  .category-page-links { display: contents; }
  .category-links a,
  .category-page-link { max-width: 100%; white-space: normal; overflow-wrap: anywhere; text-align: center; }
}

/* Compact equipment menu; interaction-only outlines. */
.category-nav-inner{display:flex;flex-wrap:wrap;align-items:center;gap:2px 3px;padding-block:4px}
.category-links,.category-page-links{display:contents}
.category-links a,.category-page-link{font-size:.75rem;font-weight:600;letter-spacing:0;line-height:1.3;min-height:32px;padding:5px 8px;border-radius:6px;border-color:transparent;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;max-width:100%;white-space:normal;overflow-wrap:anywhere;text-align:center}
.category-links a::before{left:2px;width:1px;height:8px;top:calc(50% - 4px)}
.category-links a[aria-current="location"],.category-page-link[aria-current="page"],.category-page-link[aria-current="location"]{border-color:transparent;background:transparent;box-shadow:none}
.category-links a:active,.category-page-link:active,.category-links a:focus-visible,.category-page-link:focus-visible{border-color:#fff;background:#ed003314;color:#ff315d}
@media(hover:hover){.category-links a:hover,.category-page-link:hover{border-color:#fff;background:#ed003314;color:#ff315d}}
@media(pointer:coarse){.category-links a,.category-page-link{min-height:38px}}

/* Mobile: one calm, swipeable equipment strip. */
@media(max-width:680px){
 .category-nav-inner{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;gap:3px;padding-block:5px;scrollbar-width:thin;scrollbar-color:#5b2633 transparent;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scroll-padding-inline:8px}
 .category-links a,.category-page-link{flex:0 0 auto;max-width:none;white-space:nowrap;min-height:38px;padding:6px 10px;font-size:.75rem}
 .category-nav-inner::-webkit-scrollbar{height:2px}
 .category-nav-inner::-webkit-scrollbar-thumb{background:#5b2633;border-radius:2px}
 .category-nav-inner::-webkit-scrollbar-track{background:transparent}
}

/* Match the red markers on links to the newer equipment sections. */
.category-page-link{position:relative}
.category-page-link::before{content:"";position:absolute;left:2px;top:calc(50% - 4px);width:1px;height:8px;background:#ed0033}

/* Only the current section's title follows the reader below the equipment menu. */
.current-section-title{position:fixed;left:0;right:0;z-index:19;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,0)),rgba(9,9,12,.24);-webkit-backdrop-filter:blur(14px) saturate(160%);backdrop-filter:blur(14px) saturate(160%);border-bottom:1px solid rgba(255,255,255,.12);pointer-events:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 6px 16px rgba(0,0,0,.10)}
.current-section-title[hidden]{display:none}
.current-section-title>.wrap{padding-block:9px;font-size:16px;font-weight:700;line-height:1.35;overflow-wrap:anywhere}
.current-section-title>.wrap::before{content:"";display:inline-block;width:2px;height:14px;margin-right:10px;background:#ed0033;box-shadow:0 0 10px #ed003355;vertical-align:-1px}
body.no-scroll .current-section-title{visibility:hidden}

@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.current-section-title{background:rgba(9,9,12,.90)}}