.product-grid {display: grid; grid-template-columns: repeat(3, 1fr); row-gap: 6rem; column-gap: 4rem;}
.product-card {border-radius:0.5rem; overflow: hidden;}
.product-card img {object-fit: cover; transition: all 0.3s; width: 100%; height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.product-card:hover img {transform: translate(-50%,-50%) scale(1.1);}

.product-category table tr {border-bottom: 1px solid var(--bs-gray-300);}
.product-category table tr:last-child {border-bottom: none;}
.product-category table td {vertical-align: middle; background: none; border-bottom: none;}
.product-category .sub-cate button {color: rgba(var(--bs-secondary-rgb)); border: none;}
.product-category .table  button.active {background: var(--bs-gray-300);}

.product-detail-card {grid-template-columns: clamp(200px, 33.33%, 33.33%) 1fr; gap: 4rem; background: #fff;}

@media (max-width: 1699.98px) { 
  .product-grid {column-gap: 3rem;}
}
/* `xxl` */
@media (max-width: 1399.98px) { 
  .product-grid {grid-template-columns: repeat(2, 1fr);}
}
/* `xl` */
@media (max-width: 1199.98px) { 
.product-detail-card {grid-template-columns: 1fr}

}

/* `lg` */
@media (max-width: 991.98px) { 

}
/* `md` */
@media (max-width: 767.98px) {
  .product-grid {grid-template-columns: 1fr;row-gap: 3rem;}
  
}

/* `sm` */
@media (max-width: 575.98px) {
}