[woocommerce_order_tracking]			
  <!-- Tabs -->
    <button data-cat="all">All</button>
    <button data-cat="ai">AI</button>
    <button data-cat="cpq">CPQ</button>
    <button data-cat="bom">BOM</button>
  <!-- Layout -->
  <!-- Grid -->
  <!-- Pagination -->
    <button id="prev">Prev</button>
    <button id="next">Next</button>
<style>
/* Tabs */
.tabs {
  display:flex;
  gap:10px;
  margin-bottom:30px;
}
.tabs button {
  padding:8px 18px;
  border:none;
  border-radius:50px;
  background:#eee;
  cursor:pointer;
}
.tabs .active {
  background:#ff4d6d;
  color:#fff;
}
/* Layout */
.top-layout {
  display:flex;
  gap:30px;
  margin-bottom:40px;
}
.featured { width:70%; }
.featured img { width:100%; border-radius:10px; }
.sidebar {
  width:30%;
  position:sticky;
  top:100px;
}
.side-post {
  display:flex;
  gap:10px;
  margin-bottom:20px;
}
.side-post img { width:100px; }
/* Grid */
.grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
}
.card img { width:100%; }
/* Pagination */
.pagination {
  text-align:center;
  margin-top:30px;
}
.pagination button {
  padding:8px 15px;
  border:none;
  background:#ff4d6d;
  color:#fff;
  margin:5px;
  cursor:pointer;
}
</style>