/* jdtheme26 - /shop/ (all products) (operator 2026-10-01). Markup + rules: inc/jd-shop-catband.php.
   body.jd-shop-all = the shop page only (not search results, not categories).
   Every width: the home page's Shop by Category band stands in place of the visible H1 (phones first; desktop + tablet the same evening).
   Phones + tablets (to 1024px): the category bar is shown only as the pinned bar. Phones only: the band has no vertical padding. */

.jd-shop-catband { display: none; }

/* the H1 leaves the screen but stays in the page (search engines, screen readers) */
body.jd-shop-all .jd-archive-title {
  position: absolute !important;   /* !important: visually-hidden utility - must win over any position set on the heading */
  width: 1px; height: 1px;
  margin: -1px; padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}

/* the home page's category band (60px above and below + 30px between English line and heading, as on the home page: jd-home-sections.css) */
body.jd-shop-all .jd-shop-catband { display: block; margin-bottom: 24px; }
body.jd-shop-all .jd-shop-catband .jd-catband.paper-band { padding-block: var(--jd-space-section); }
body.jd-shop-all .jd-shop-catband .jd-home-head { row-gap: 30px; }

@media (max-width: 1024px) {
  /* phones + tablets: the category bar only as the pinned bar: hidden in its place, shown once jd-catnav.js pins it (.is-stuck) */
  body.jd-shop-all .jd-catnav:not(.is-stuck) .jd-catnav__bar { display: none; }
  /* (no gap under the pinned bar: --jd-archive-bar-mb on body.jd-shop-all in jd-layout.css) */
}

@media (max-width: 767px) {
  /* band padding 0 on phones (operator 2026-10-01) */
  body.jd-shop-all .jd-shop-catband .jd-catband.paper-band { padding-block: 0; }
}