/* ═══════════════════════════════════════════════════════════
   هشت — همکاران و مشتریان: کارت لوگو با گرید ثابت
   ═══════════════════════════════════════════════════════════ */

.partners {
  padding-bottom: calc(var(--sp-section) / 2);
}

.clients {
  padding-top: calc(var(--sp-section) / 2);
}

/* گرید ثابت ۶ ستونه — با تعداد کمتر هم ابعاد کارت ثابت می‌ماند */
.icon-cards {
  display: grid;
  grid-template-columns: repeat(6, 10.5rem);
  justify-content: center;
  gap: 1rem;
}

@media (max-width: 72rem) {
  .icon-cards {
    grid-template-columns: repeat(4, 10.5rem);
  }
}

@media (max-width: 48rem) {
  .icon-cards {
    grid-template-columns: repeat(3, minmax(0, 9.5rem));
  }
}

@media (max-width: 30rem) {
  .icon-cards {
    grid-template-columns: repeat(2, minmax(0, 9.5rem));
  }
}

.icon-card {
  width: 100%;
  min-height: 10.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 0.9rem;
  padding: 1.35rem 0.85rem;
  background: var(--logo-plate-bg);
  border: 1px solid var(--logo-plate-border);
  border-radius: var(--radius-lg);
  box-shadow: var(--logo-plate-shadow);
  transition:
    transform var(--dur) var(--ease-out),
    border-color var(--dur) var(--ease-out),
    box-shadow var(--dur) var(--ease-out),
    background-color var(--dur) var(--ease-out);
}

.icon-card:hover {
  transform: translateY(-5px);
  border-color: var(--c-growth);
  box-shadow: var(--logo-plate-shadow-hover);
}

.clients .icon-card:hover {
  border-color: var(--c-gold);
}

.icon-card__badge {
  width: 3.6rem;
  height: 3.6rem;
  display: grid;
  place-items: center;
  border-radius: 50%;
  font-size: 1.25rem;
  font-weight: 800;
  color: var(--c-paper);
  background: var(--c-ink);
  letter-spacing: 0;
}

.icon-card__logo {
  width: 4.25rem;
  height: 4.25rem;
  object-fit: contain;
  display: block;
}

.clients .icon-card__badge {
  background: var(--c-ink);
  color: var(--c-gold);
}

.icon-card__name {
  font-size: 0.9rem;
  font-weight: 600;
  line-height: 1.7;
  color: var(--logo-plate-name);
}

.is-names-hidden .icon-card__name {
  display: none;
}

.is-names-hidden .icon-card {
  min-height: 8.5rem;
  padding-block: 1.25rem;
}