/** Shopify CDN: Minification failed

Line 14:0 Unexpected "<"
Line 24:6 Expected identifier but found whitespace
Line 24:8 Unexpected "{"
Line 24:17 Expected ":"
Line 24:49 Expected ":"
Line 79:0 Unexpected "<"

**/


/* CSS from section stylesheet tags */
<style>
.brand-table-section {
  background-color: #ffffff;
  color: #000000;
  padding: 20px;
  text-align: center; /* Center section content */
}
.brand-table {
  display: grid;
  grid-template-columns: repeat(5, 1fr); /* Default: Limit to 5 logos per row */
  gap: {{ section.settings.margin_horizontal }}px;
  justify-content: center;
  justify-items: center;
  align-items: center; /* Center logos vertically */
}
.brand-table .brand-item {
  display: flex;
  justify-content: center;
  align-items: center;
  transition: transform 0.3s ease;
}
.brand-table .brand-item:hover {
  transform: scale(1.1); /* Subtle zoom effect on hover */
}
.brand-table img {
  display: block;
  max-width: 100%;
  height: auto;
}
.brand-table-section h2 {
  text-align: center;
  color: #000000;
}

/* Responsive grid for different screen sizes */
@media (max-width: 1200px) {
  .brand-table {
    grid-template-columns: repeat(4, 1fr); /* 4 logos per row */
  }
}
@media (max-width: 992px) {
  .brand-table {
    grid-template-columns: repeat(3, 1fr); /* 3 logos per row */
  }
}
@media (max-width: 768px) {
  .brand-table {
    grid-template-columns: repeat(2, 1fr); /* 2 logos per row */
  }
}
@media (max-width: 576px) {
  .brand-table {
    grid-template-columns: 1fr; /* 1 logo per row */
  }
}

/* Center the last row if it has fewer items */
.brand-table {
  grid-auto-rows: 1fr;
  place-items: center;
}

.brand-table:last-child {
  align-content: center; /* Center last row vertically */
}
</style>