/* ============================================================
   Блок: partners
   ============================================================ */

@layer components {
  .partners { padding-top: var(--sp-4); }
  .partners__list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--sp-3);
  }
  .partner img {
    width: 100%;
    aspect-ratio: 5 / 2;
    object-fit: contain;
    padding: var(--sp-2);
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-2);
    filter: grayscale(1);
    opacity: 0.85;
    transition: filter 0.2s ease, opacity 0.2s ease;
  }
  .partner img:hover { filter: grayscale(0); opacity: 1; }

  @media (min-width: 640px) { .partners__list { grid-template-columns: repeat(3, 1fr); } }
  @media (min-width: 1024px) { .partners__list { grid-template-columns: repeat(5, 1fr); } }
}