.cat-hero{ padding: 56px 0 48px; background: linear-gradient(180deg, var(--cream) 0%, var(--cream-2) 100%); border-bottom: 1px solid var(--hairline);}
  .cat-hero .crumbs{ font-size: 13px; color: var(--slate); margin-bottom: 18px;}
  .cat-hero .crumbs a:hover{ color: var(--brass-dk);}
  .cat-hero .grid{ grid-template-columns: 1.4fr 1fr; gap: 56px; align-items: end;}
  @media (max-width: 960px){ .cat-hero .grid{ grid-template-columns: 1fr;} }
  .cat-hero h1{ font-size: clamp(40px, 5.4vw, 72px); }
  .cat-hero .meta{ display:flex; gap: 20px; flex-wrap: wrap; margin-top: 22px; }
  .cat-hero .meta span{ display:inline-flex; align-items:center; gap:8px; color: var(--slate); font-size: 14px; line-height: 1;}
  .cat-hero .meta b{ color: var(--ink); font-weight: 600;}

  .cat-toolbar{
    padding: 18px 0; border-bottom: 1px solid var(--hairline);
    background: var(--cream);
    position: sticky; top: 65px; z-index: 30;
    backdrop-filter: blur(12px);
  }
  .cat-toolbar .container{ display:flex; justify-content: space-between; align-items: center; gap: 20px; flex-wrap: wrap;}
  .filters{ display:flex; gap: 6px; flex-wrap: wrap;}
  .fil{
    padding: 8px 14px; border-radius: var(--r-pill); border: 1px solid var(--hairline);
    background: var(--surface); font-size: 13px; font-weight: 500; cursor: pointer; transition: all .2s ease;
    line-height: 1;
  }
  .fil:hover{ border-color: var(--ink);}
  .fil.is-on{ background: var(--ink); color: var(--cream); border-color: var(--ink);}
  .sort{ display:inline-flex; align-items:center; gap: 8px; font-size: 13px; color: var(--slate);}
  .sort select{ padding: 8px 14px; border-radius: var(--r-pill); border: 1px solid var(--hairline); background: var(--surface); font-weight: 500; color: var(--ink); cursor: pointer;}

  .pg{ padding: 56px 0 80px;}
  .grid-products{ display:grid; grid-template-columns: repeat(3, 1fr); gap: 28px;}
  @media (max-width: 1000px){ .grid-products{ grid-template-columns: repeat(2,1fr);} }
  @media (max-width: 600px){ .grid-products{ grid-template-columns: 1fr;} }

  .pcard{ background: var(--surface); border: 1px solid var(--hairline); border-radius: var(--r-lg); overflow: hidden; transition: all .25s ease; display: flex; flex-direction: column;}
  .pcard:hover{ transform: translateY(-4px); box-shadow: var(--shadow-2); border-color: transparent;}
  .pcard .img{ aspect-ratio: 4/3; display:flex; align-items:center; justify-content:center; position: relative; background: var(--cream-2); overflow: hidden; }
  .pcard .img img{ width: 100%; height: 100%; object-fit: cover; transition: transform .4s ease; }
  .pcard:hover .img img{ transform: scale(1.04); }
  .pcard .img .chip{ position:absolute; top: 14px; left: 14px; z-index: 1;}
  .pcard .img .heart{ position: absolute; top: 14px; right: 14px; width: 36px; height: 36px; border-radius: 50%; background: rgba(255,255,255,.92); display:inline-flex; align-items:center; justify-content:center; backdrop-filter: blur(6px); z-index: 1;}
  .pcard .body{ padding: 22px 22px 24px; flex: 1; display:flex; flex-direction: column;}
  .pcard h3{ font-size: 22px; margin: 0 0 6px;}
  .pcard .desc{ color: var(--slate); font-size: 14px; flex: 1; margin: 0 0 18px;}
  .pcard .feats{ display:flex; gap: 6px; flex-wrap: wrap; margin-bottom: 18px;}
  .pcard .feats span{ font-size: 11px; color: var(--slate); padding: 3px 8px; background: var(--cream-2); border-radius: var(--r-pill); line-height: 1.3;}
  .pcard .row{ display:flex; justify-content: flex-end; align-items: center;}

  .seo{ padding: 64px 0; background: var(--cream-2);}
  .seo .grid{ grid-template-columns: 1fr 1fr; gap: 56px; align-items: start;}
  @media (max-width: 900px){ .seo .grid{ grid-template-columns: 1fr;} }
  .seo h2{ font-size: clamp(30px, 3.4vw, 42px);}
  .seo p{ color: var(--ink-2); font-size: 15px;}
  .quick-cats{ display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 24px;}
  .quick-cat{ padding: 13px 18px; background: var(--surface); border-radius: var(--r-md); border: 1px solid var(--hairline); display:flex; justify-content: space-between; align-items: center; transition: all .2s ease;}
  .quick-cat:hover{ border-color: var(--ink); transform: translateX(2px);}
  .quick-cat .name{ font-weight: 500; color: var(--ink); font-size: 14px;}
  .quick-cat .arr{ color: var(--slate);}

  .pg-trust{ padding: 40px 0; background: var(--ink); color: var(--cream); }
  .pg-trust .grid{ grid-template-columns: repeat(4,1fr); gap: 24px; align-items: center; text-align: center;}
  @media (max-width: 800px){ .pg-trust .grid{ grid-template-columns: repeat(2,1fr);} }
  .pg-trust h4{ color: var(--cream); font-size: 28px; margin: 0;}
  .pg-trust p{ color: rgba(244,242,238,.7); margin: 4px 0 0; font-size: 13px;}