/*======== 8 Categories Per Row (Bootstrap Fix) ======== */

 /*Force custom 8-column layout */
/*.col-lg-1-8 {*/
/*  position: relative;*/
/*  width: 100%;*/
/*  padding: 8px;*/
/*  flex: 0 0 12.5%;*/
/*  max-width: 12.5%;*/
/*  display: flex;*/
/*}*/

 /*Card Styling */
/*.col-lg-1-8 .card {*/
/*  flex: 1 1 auto;*/
/*  text-align: center;*/
/*  border-radius: 8px;*/
/*  border: 1px solid #e1e4fc;*/
/*  transition: transform 0.2s ease, box-shadow 0.2s ease;*/
/*  background: #fff;*/
/*  display: flex;*/
/*  flex-direction: column;*/
/*  justify-content: center;*/
/*  align-items: center;*/
/*}*/

/*.col-lg-1-8 .card:hover {*/
/*  transform: translateY(-5px);*/
/*  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);*/
/*}*/

/*.col-lg-1-8 .card img {*/
/*  max-height: 90px;*/
/*  object-fit: contain;*/
/*  margin-bottom: 10px;*/
/*}*/

 /*Responsive: 4 per row on tablets */
/*@media (max-width: 992px) {*/
/*  .col-lg-1-8 {*/
/*    flex: 0 0 25%;*/
/*    max-width: 25%;*/
/*  }*/
/*}*/

 /*Responsive: 2 per row on mobile */
/*@media (max-width: 576px) {*/
/*  .col-lg-1-8 {*/
/*    flex: 0 0 50%;*/
/*    max-width: 50%;*/
/*  }*/
/*}*/



/* --- Force 8 Categories per Row on Large Screens --- */
.row .col-lg-1-8 {
  flex: 0 0 12.5% !important;
  max-width: 12.5% !important;
  padding: 8px;
  display: flex;
}

/* --- Card styling --- */
.row .col-lg-1-8 .card {
  flex: 1 1 auto;
  text-align: center;
  border: 1px solid #e1e4fc;
  border-radius: 8px;
  background: #fff;
  transition: 0.2s ease;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.row .col-lg-1-8 .card img {
  max-height: 90px;
  object-fit: contain;
  margin-bottom: 10px;
}

.row .col-lg-1-8 .card:hover {
  transform: translateY(-5px);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

/* Tablets: 4 per row */
@media (max-width: 992px) {
  .row .col-lg-1-8 {
    flex: 0 0 25% !important;
    max-width: 25% !important;
  }
}

/* Mobiles: 2 per row */
@media (max-width: 576px) {
  .row .col-lg-1-8 {
    flex: 0 0 50% !important;
    max-width: 50% !important;
  }
}