<style>
.catalog {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 25px;
  padding: 50px 20px;
}

.cat-box {
  background: #0f172a;
  color: #fff;
  padding: 45px 20px;
  border-radius: 15px;
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
  border: 1px solid rgba(255,255,255,0.1);
}

.cat-box:hover {
  transform: translateY(-6px);
  background: #ffcc00;
  color: #000;
}

/* Mobile */
@media(max-width:768px){
  .catalog {
    grid-template-columns: 1fr 1fr;
  }
}
</style>

<div class="catalog">

  <!-- 🔥 NEW ARRIVALS TOP -->
  <a href="/collections/all" class="cat-box">
    New Arrivals
  </a>

  <a href="/collections/baby-essentials" class="cat-box">
    Baby Essentials
  </a>

  <a href="/collections/electronic-accessories" class="cat-box">
    Electronic Accessories
  </a>

  <a href="/collections/home-kitchen-gadgets" class="cat-box">
    Home & Kitchen Gadgets
  </a>

  <a href="/collections/car-accessories" class="cat-box">
    Car Accessories
  </a>

  <a href="/collections/health-fitness-gadgets" class="cat-box">
    Health & Fitness Gadgets
  </a>

</div>