.prod-card{transition:transform .25s ease}
  .prod-card:hover{transform:translateY(-3px)}
  .prod-card:hover .prod-thumb{filter:brightness(0.97)}
  .prod-thumb{transition:filter .25s}

  /* pagination */
  .prod-pager{ display:flex; justify-content:center; align-items:center; gap:8px; margin-top:48px; flex-wrap:wrap; }
  .pg-btn{ min-width:42px; height:42px; padding:0 12px; display:inline-flex; align-items:center; justify-content:center; border:1px solid var(--line); background:transparent; color:var(--ink); border-radius:999px; font-family:'JetBrains Mono',monospace; font-size:13px; cursor:pointer; transition:background .2s ease, color .2s ease, border-color .2s ease, transform .15s ease; }
  .pg-btn:hover:not(:disabled):not(.active){ background:var(--cream-2); }
  html.theme-dark .pg-btn:hover:not(:disabled):not(.active){ background:rgba(245,241,234,.06); }
  .pg-btn.active{ background:var(--ink); color:var(--cream); border-color:var(--ink); }
  html.theme-dark .pg-btn.active{ background:var(--lime); color:#0d0f12; border-color:var(--lime); }
  .pg-btn:disabled{ opacity:.4; cursor:default; }
  .pg-btn:active:not(:disabled){ transform:scale(.94); }