/* ================================================================
   Brands Section
   Brand pills/tags grid.
   ================================================================ */

.brands-section {

  padding: 50px 0;

  background: #ffffff;

  border-top: 1px solid var(--border-color);

  border-bottom: 1px solid var(--border-color);

}



.brands-grid {

  display: grid;

  grid-template-columns: repeat(6, 1fr);

  gap: 14px;

}



.brand-item {

  background: var(--slate-50);

  border: 1px solid var(--border-color);

  border-radius: var(--radius-md);

  padding: 16px 12px;

  text-align: center;

  transition: all var(--transition-fast);

}



.brand-item:hover {

  background: #ffffff;

  border-color: var(--primary-blue);

  box-shadow: var(--shadow-sm);

  transform: translateY(-2px);

}



.brand-tag-name {

  font-family: var(--font-heading);

  font-weight: 700;

  font-size: 1.05rem;

  color: var(--slate-700);

}



/* ==========================================================================

   Rate Card / Pricing Section

   ========================================================================== */

@media (max-width: 768px) {

  .brands-grid {

    grid-template-columns: repeat(4, 1fr);

  }



  .brands-grid {

    grid-template-columns: repeat(3, 1fr);

  }



  .brands-grid {

    grid-template-columns: repeat(2, 1fr);

  }

}