/* Restore-style Apple subcategory chips under H1 (Mac + iPad + Watch + AirPods). */
.ks-mb-chips{
  display:flex;
  flex-wrap:nowrap;
  justify-content:safe center;
  align-items:center;
  gap:10px;
  margin:4px 0 22px;
  padding:0 4px 6px;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
  text-align:center;
}
.ks-mb-chips::-webkit-scrollbar{display:none}
.ks-mb-chips a{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:10px 18px;
  border:0;
  border-radius:8px;
  background:#f2f2f7;
  color:#111!important;
  text-decoration:none!important;
  font-size:15px;
  font-weight:400;
  letter-spacing:-.01em;
  line-height:1.2;
  white-space:nowrap;
  touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;
}
.ks-mb-chips a.is-active,
.ks-mb-chips a[aria-current="page"]{
  background:#1d1d1f;
  color:#fff!important;
}
.ks-mb-chips a:active{transform:scale(.98)}
@media (hover:hover) and (pointer:fine){
  .ks-mb-chips a:not(.is-active):hover{background:#e8e8ed}
}

/* Center SEO H1 like Restore (keep wording; chips sit under it). */
body:has(.ks-mb-chips) .top-content-block .page-top h1,
body:has(.ks-mb-chips) .page-top h1,
body:has(.ks-mb-chips) h1#pagetitle,
body:has(.ks-mb-chips) .topic__heading,
.ks-macbook-category .top-content-block .page-top h1,
.ks-macbook-category .page-top h1,
.ks-macbook-category h1#pagetitle,
.ks-macbook-category .topic__heading{
  text-align:center!important;
}

/* Hub: chips replace image family tiles — quiet top block. */
.ks-macbook-category .kstore-pitbike-subsections:has(.ks-mb-chips),
.ks-ipad-category .kstore-pitbike-subsections:has(.ks-mb-chips),
.ks-watch-category .kstore-pitbike-subsections:has(.ks-mb-chips),
.ks-airpods-category .kstore-pitbike-subsections:has(.ks-mb-chips),
body:has(.ks-mb-chips) .kstore-pitbike-subsections:has(.ks-mb-chips){
  margin:4px 0 8px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}

/* Second row: year/model text chips (replaces image tiles). */
.ks-mb-chips--models{
  margin-top:-8px;
  margin-bottom:18px;
  gap:8px;
}
.ks-mb-chips--models a{
  min-height:36px;
  padding:8px 14px;
  font-size:13px;
}

/* Hide leftover Bitrix image tiles if still emitted under chips. */
.ks-macbook-category .kstore-pitbike-subsections:has(.ks-mb-chips) .img,
.ks-macbook-category .kstore-pitbike-subsections:has(.ks-mb-chips) .item .img,
.ks-ipad-category .kstore-pitbike-subsections:has(.ks-mb-chips) .img,
.ks-ipad-category .kstore-pitbike-subsections:has(.ks-mb-chips) .item .img,
.ks-watch-category .kstore-pitbike-subsections:has(.ks-mb-chips) .img,
.ks-watch-category .kstore-pitbike-subsections:has(.ks-mb-chips) .item .img,
.ks-airpods-category .kstore-pitbike-subsections:has(.ks-mb-chips) .img,
.ks-airpods-category .kstore-pitbike-subsections:has(.ks-mb-chips) .item .img,
body:has(.ks-mb-chips) .kstore-pitbike-subsections:has(.ks-mb-chips) .img,
body:has(.ks-mb-chips) .kstore-pitbike-subsections:has(.ks-mb-chips) .item .img{
  display:none!important;
}

@media (max-width:767px){
  .ks-mb-chips{justify-content:flex-start;padding-left:12px;padding-right:12px}
}