.product-cats .nav-link{
  border            :0; 
  background        :transparent; 
  text-transform    :uppercase;
  letter-spacing    :.5px; padding:.4rem .9rem; 
  border-radius     :999px;
  transition        :all .2s ease; 
  color             :#111; 
  opacity           :.8;
}
.product-cats .nav-link:hover{ 
  opacity           :1; 
  transform         :translateY(-1px);}
.product-cats .nav-link.active{ 
  background        :#ffffff; 
  color             :#e60000; 
}

.product-grid{
  display               :grid; 
  gap                   :22px;
  grid-template-columns :repeat(1, minmax(0,1fr));  
}
@media (min-width:768px){ 
  .product-grid{ grid-template-columns:repeat(2, minmax(0,1fr)); }
}
@media (min-width:992px){  
  .product-grid{ grid-template-columns:repeat(4, minmax(0,1fr)); }
}

.product-card{
  background    :#fff; border-radius:12px; overflow:hidden;
  box-shadow    :0 6px 16px rgba(0,0,0,.08);
  transition    :transform .25s ease, box-shadow .25s ease;
  display       :flex; flex-direction:column; height:100%;
}
.product-card:hover{ transform:translateY(-5px); box-shadow:0 10px 22px rgba(0,0,0,.12); }

.product-media img{
  width:100%; aspect-ratio:4/3; object-fit:cover; display:block;
}
.product-body{ padding:14px; }
.product-title{ margin:0; text-align:center; text-align: bold; font-weight:600; color:#333; }