/* Product strip: the cross-product nav that sits above every product page.
   Static markup (baked into each page) - it used to be injected by strip.js at
   load time, which pushed the whole page down once the script ran. */
.product-strip {
  background: #05070a;
  border-bottom: 1px solid #22262f;
}
.product-strip-in {
  max-width: 1180px;
  margin: 0 auto;
  padding: 14px 24px;
  display: flex;
  gap: 22px;
  flex-wrap: wrap;
  align-items: center;
  font-family: -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
}
.product-strip a {
  color: #8a93a3;
  text-decoration: none;
  font-size: 0.95rem;
}
.product-strip a:hover { color: #e8ecf2; }
.product-strip a.on { color: #33ff66; font-weight: 700; }
.product-strip a.ps-brand {
  color: #e8ecf2;
  font-weight: 800;
  letter-spacing: 0.15em;
  font-size: 1.05rem;
}
/* Pages with the hamburger drawer carry the product links inside it on
   phones (nav-products rules below), so the strip goes away there. */
@media (max-width: 760px) {
  .product-strip--drawer { display: none; }
}
/* The same links inside the hamburger drawer (#navmenu, /style.css) - only on
   phones, where the strip above is hidden. Kept here rather than in style.css
   so a browser holding a week-old cached style.css still gets the rule. */
.nav nav .nav-products { display: none; }
@media (max-width: 760px) {
  .nav nav .nav-products { display: block; }
  .nav nav span.nav-products {
    height: 6px; padding: 0; border-top: 1px solid #22262f;
    margin-top: 6px; background: rgba(255, 255, 255, 0.03);
  }
}