:root{--yellow:#ffe33d;--ink:#0b0b0c;--paper:#f2f1ed;--line:#d8d6cf;--white:#fff}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}.category-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem max(1.2rem,calc((100vw - 1240px)/2));background:var(--white);border-bottom:1px solid var(--line)}.category-brand{display:flex;align-items:center;gap:.65rem;color:inherit;text-decoration:none;letter-spacing:.08em}.category-brand span{display:grid;place-items:center;width:46px;height:46px;background:var(--yellow);border-radius:14px;font-size:1.5rem}.category-header nav{display:flex;align-items:center;gap:1rem}.category-header nav a{color:inherit;font-weight:800;text-decoration:none}.category-header .sell-link,.category-empty a,.category-missing a{padding:.85rem 1.1rem;color:var(--yellow);background:var(--ink);border-radius:13px;font-weight:900;text-decoration:none}.category-page{width:min(1240px,calc(100% - 2rem));margin:1.6rem auto 4rem}.breadcrumbs{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:1.2rem;color:#696969;font-size:.92rem}.breadcrumbs a{color:inherit}.category-hero{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1.2rem}.category-hero>span{position:absolute;color:#85720f;font-size:.78rem;font-weight:950;letter-spacing:.12em;transform:translateY(-4.1rem)}.category-hero h1{margin:1.5rem 0 0;font-size:clamp(2.2rem,6vw,4.5rem);line-height:1}.category-hero p{margin:0;color:#686868;font-weight:800}.subcategory-list{display:flex;gap:.55rem;margin-bottom:1.5rem;padding-bottom:.35rem;overflow-x:auto}.subcategory-list a{flex:0 0 auto;padding:.7rem .9rem;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:999px;font-size:.9rem;font-weight:800;text-decoration:none}.subcategory-list a.active{background:var(--yellow);border-color:var(--ink)}.category-listings{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.category-card{overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 10px 28px rgba(0,0,0,.05)}.category-card>a{display:grid;color:inherit;text-decoration:none}.category-image{position:relative;display:grid;place-items:center;aspect-ratio:4/3;background:#e3e2dd;overflow:hidden}.category-image img{width:100%;height:100%;object-fit:cover}.category-image>b{color:#777}.category-image small{position:absolute;left:.75rem;bottom:.75rem;padding:.38rem .55rem;background:var(--yellow);border-radius:999px;font-weight:900;text-transform:uppercase}.category-card-body{display:grid;gap:.9rem;padding:1rem}.category-card-body>strong{min-height:2.5em;font-size:1.08rem}.category-card-body>b{font-size:1.45rem}.category-card-body>span{display:flex;justify-content:space-between;gap:.6rem;color:#686868;font-size:.86rem}.category-card-body i{font-style:normal}.category-empty,.category-missing{width:min(620px,calc(100% - 2rem));margin:10vh auto;padding:2rem;background:#fff;border-radius:24px;text-align:center}.category-empty{margin:2rem auto}.category-empty a,.category-missing a{display:inline-block;margin-top:.6rem}@media(max-width:1000px){.category-listings{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:720px){.category-header{padding:.8rem}.category-header nav>a:first-child{display:none}.category-page{width:min(100% - 1rem,680px);margin-top:.8rem}.category-hero{align-items:start;flex-direction:column}.category-listings{grid-template-columns:1fr 1fr}.category-card-body>span{display:grid}.category-image small{font-size:.68rem}}@media(max-width:480px){.category-listings{grid-template-columns:1fr}.category-card-body>strong{min-height:0}.category-header .sell-link{padding:.75rem;font-size:.82rem}}
/* V5.2: desktop subcategories wrap instead of creating a horizontal scrollbar. */
@media (min-width:721px){
  .subcategory-list{
    flex-wrap:wrap;
    overflow-x:visible;
    padding-bottom:0;
  }
}

/* Keep touch scrolling on small screens, but do not render a scrollbar. */
@media (max-width:720px){
  .subcategory-list{
    max-width:100%;
    min-width:0;
    flex-wrap:nowrap;
    overflow-x:auto;
    overflow-y:hidden;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    -ms-overflow-style:none;
  }
  .subcategory-list::-webkit-scrollbar{
    width:0;
    height:0;
    display:none;
  }
}

/* V6.17: complete, touch-friendly breadcrumb navigation. */
.breadcrumbs{
  flex-wrap:nowrap;
  padding:.15rem 0 .3rem;
  overflow-x:auto;
  overflow-y:hidden;
  white-space:nowrap;
  scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
}
.breadcrumbs::-webkit-scrollbar{display:none}
.breadcrumbs>*{flex:0 0 auto}
.breadcrumbs a{font-weight:700;text-underline-offset:.18em}
.breadcrumbs a:hover{color:var(--ink)}
.breadcrumbs a:focus-visible{outline:2px solid #397ee8;outline-offset:3px;border-radius:3px}
.breadcrumbs [aria-current="page"]{color:var(--ink);font-weight:700}

/* V6.21: keep the category heading in normal document flow. */
.category-hero{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  grid-template-areas:"label label" "title count";
  align-items:end;
  column-gap:1rem;
  row-gap:.35rem;
}
.category-hero>span{
  grid-area:label;
  position:static;
  display:block;
  transform:none;
}
.category-hero h1{
  grid-area:title;
  min-width:0;
  margin:0;
}
.category-hero p{
  grid-area:count;
  margin:0 0 .15rem;
  white-space:nowrap;
}
@media (max-width:720px){
  .category-hero{
    grid-template-columns:minmax(0,1fr);
    grid-template-areas:"label" "title" "count";
    align-items:start;
    row-gap:.5rem;
  }
  .category-hero p{margin:0}
}

/* V6.35: crawlable, touch-friendly category pagination. */
.category-pagination{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
  align-items:center;
  gap:1rem;
  margin:2rem 0 0;
  padding:1rem;
  background:#fff;
  border:1px solid var(--line);
  border-radius:18px;
  box-shadow:0 10px 28px rgba(0,0,0,.04);
}
.category-pagination a,
.category-pagination-current{
  display:inline-grid;
  place-items:center;
  min-width:44px;
  min-height:44px;
  padding:.65rem .8rem;
  color:var(--ink);
  border:1px solid var(--line);
  border-radius:12px;
  font-weight:900;
  text-decoration:none;
}
.category-pagination a:hover{border-color:var(--ink);background:#fffbe2}
.category-pagination a:focus-visible{outline:3px solid #397ee8;outline-offset:3px}
.category-pagination-current{background:var(--yellow);border-color:var(--ink)}
.category-pagination-pages{display:flex;align-items:center;justify-content:center;gap:.4rem}
.category-pagination-ellipsis{padding:.4rem;color:#666;font-weight:900}
.category-pagination-edge:first-child{justify-self:start}
.category-pagination-edge:last-child{justify-self:end}
@media (max-width:720px){
  .category-pagination{grid-template-columns:1fr 1fr;gap:.75rem;padding:.8rem}
  .category-pagination-pages{grid-column:1/-1;grid-row:1;overflow-x:auto;justify-content:flex-start;padding:.2rem;scrollbar-width:none}
  .category-pagination-pages::-webkit-scrollbar{display:none}
  .category-pagination-edge{grid-row:2;width:100%}
  .category-pagination-edge:last-child{grid-column:2}
}