.category-nav{background:#fff;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.category-nav__inner{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 24px;overflow:visible;padding:14px 0;font-size:11px;text-transform:uppercase;white-space:normal}
.category-nav__inner a{padding:3px 0;text-align:center}
.category-nav a:hover,.category-nav a.active{color:var(--rose)}
.category-hero{min-height:390px;display:grid;align-items:center;background:linear-gradient(90deg,#f6eeea 0 50%,transparent 75%),url("../images/hero.png") 70% 42%/cover}
.category-hero__content{max-width:560px}.category-hero small{color:var(--gold);letter-spacing:3px}.category-hero h1{font:56px/1.05 var(--serif);margin:10px 0}.category-hero p{font-size:15px}
.category-hero[data-tone="dark"]{background:linear-gradient(90deg,#211d1ce8 0 48%,transparent 75%),url("../images/catalog-grid.png") 30% 12%/cover;color:#fff}
.category-hero[data-tone="gold"]{background:linear-gradient(90deg,#ead8c8ed 0 52%,transparent 76%),url("../images/hero.png") 75% 55%/cover}
.category-hero[data-tone="rose"]{background:linear-gradient(90deg,#edd9d8f2 0 52%,transparent 76%),url("../images/catalog-grid.png") 65% 20%/cover}
.category-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px;padding-bottom:16px;border-bottom:1px solid var(--border)}.category-toolbar select{padding:10px;border:1px solid var(--border);background:#fff}
.filter-group{padding:18px 0;border-bottom:1px solid var(--border)}.filter-group h3{font-size:12px;letter-spacing:1px}
.category-story{margin-top:55px;padding:44px;background:var(--secondary);display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center;border-radius:12px}.category-story__image{min-height:280px;border-radius:8px}.category-story h2{font:36px var(--serif);margin:0}
.category-perks{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px}.category-perks article{padding:24px;background:#fff;border:1px solid var(--border);text-align:center}.category-perks b{display:block;margin-bottom:6px}
@media(max-width:768px){
  .category-hero{min-height:430px;background-position:62% center}
  .category-hero__content{padding-top:170px}
  .category-hero h1{font-size:43px}
  .category-story{grid-template-columns:1fr;padding:24px}
  .category-perks{grid-template-columns:1fr}
  .category-nav__inner{
    width:calc(100% - 30px);
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:0;
    padding:6px 0;
    overflow:visible;
  }
  .category-nav__inner a{
    display:grid;
    place-items:center;
    min-height:36px;
    padding:5px 3px;
    border-bottom:1px solid var(--border);
    font-size:9.5px;
    line-height:1.25;
  }
}
@media(max-width:374px){
  .category-nav__inner{grid-template-columns:repeat(2,minmax(0,1fr))}
}