.cat-hero{
    padding:8.5rem 0 2rem;
    width:100%;min-width:0;box-sizing:border-box;
  }
  .cat-hero h1{font-family:'Sora';font-weight:800;font-size:clamp(1.9rem,4.2vw,2.8rem);letter-spacing:-.03em;color:var(--ink);line-height:1.1;margin-bottom:.7rem;}
  .cat-hero h1 span{background:linear-gradient(100deg,var(--brand) 0%,var(--brand-2) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;}  .cat-hero p{color:var(--sub);font-size:.95rem;max-width:560px;}
  .cat-hero-stats{display:flex;align-items:center;gap:1.1rem;margin-top:1.3rem;}
  .cat-hero-stat{display:flex;flex-direction:column;}
  .cat-hero-stat-num{font-family:'Sora';font-weight:800;font-size:1.5rem;color:var(--ink);line-height:1.1;}
  .cat-hero-stat-label{font-size:.72rem;color:var(--sub-2);text-transform:uppercase;letter-spacing:.04em;margin-top:.15rem;}
  .cat-hero-stat-sep{width:1px;height:32px;background:var(--line);}

  .cat-toolbar{display:flex;gap:.7rem;align-items:center;margin:1.5rem 0 2rem;flex-wrap:wrap;}
  .cat-search{flex:1;min-width:220px;display:flex;align-items:center;gap:.6rem;background:#fff;border:1px solid var(--line-2);
    border-radius:100px;padding:.75rem 1.1rem;}
  .cat-search .icon{width:16px;height:16px;color:var(--sub-2);flex-shrink:0;}
  .cat-search input{border:none;outline:none;background:transparent;font-family:'Inter';font-size:.88rem;flex:1;color:var(--ink);min-width:0;}
  .cat-sort{padding:.75rem 1.1rem;border-radius:100px;border:1px solid var(--line-2);background:#fff;font-family:'Inter';font-size:.85rem;color:var(--ink);cursor:pointer;}
  .cat-filter-toggle{display:none;padding:.75rem 1.1rem;border-radius:100px;border:1px solid var(--line-2);background:#fff;font-size:.85rem;font-weight:600;cursor:pointer;align-items:center;gap:.4rem;}

  .cat-layout{display:grid;grid-template-columns:230px 1fr;gap:2.2rem;align-items:flex-start;}
  @media(max-width:900px){
    .cat-layout{grid-template-columns:1fr;}
    .cat-filter-toggle{display:inline-flex;}
    .cat-sidebar{display:none;position:static;}    .cat-sidebar.open{display:block;}
  }

  .cat-sidebar{border:1px solid var(--line);border-radius:var(--r-lg);padding:1.5rem;background:#fff;position:sticky;top:100px;}
  .cat-sidebar h4{font-family:'Sora';font-weight:600;font-size:.86rem;margin-bottom:.9rem;}
  .cat-filter-group{margin-bottom:1.6rem;}
  .cat-filter-group:last-child{margin-bottom:0;}
  .cat-check{display:flex;align-items:center;gap:.6rem;font-size:.85rem;color:var(--sub);margin-bottom:.65rem;cursor:pointer;}
  .cat-check input{accent-color:var(--brand);width:15px;height:15px;flex-shrink:0;}
  .cat-check .dot{width:9px;height:9px;border-radius:50%;flex-shrink:0;}
  .cat-price-inputs{display:flex;align-items:center;gap:.5rem;}
  .cat-price-inputs input{width:100%;padding:.55rem .7rem;border-radius:8px;border:1px solid var(--line-2);font-family:'Inter';font-size:.82rem;}
  .cat-price-presets{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.7rem;}
  .cat-price-preset{
    font-size:.74rem;font-weight:600;color:var(--sub);background:var(--bg-1);
    border:1px solid var(--line-2);border-radius:100px;padding:.35rem .7rem;cursor:pointer;transition:.2s;
  }
  .cat-price-preset:hover{border-color:var(--brand);color:var(--brand);}
  .cat-price-preset.active{background:var(--brand);border-color:var(--brand);color:#fff;}
  .cat-clear{font-size:.78rem;font-weight:600;color:var(--brand);cursor:pointer;background:none;border:none;padding:0;}

  .cat-results-meta{font-size:.85rem;color:var(--sub);margin-bottom:1.1rem;}
  .cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.1rem;}
  @media(max-width:1180px){.cat-grid{grid-template-columns:repeat(3,1fr);}}
  @media(max-width:760px){.cat-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;}}
  @media(max-width:460px){.cat-grid{grid-template-columns:1fr 1fr;}}

  #cat-scroll-sentinel{height:60px;display:flex;align-items:center;justify-content:center;}
  #cat-scroll-sentinel::after{
    content:'';width:22px;height:22px;border-radius:50%;
    border:2px solid var(--line);border-top-color:var(--brand);
    animation:cat-scroll-spin .7s linear infinite;
  }
  @keyframes cat-scroll-spin{to{transform:rotate(360deg);}}