/* ============================================================
   partners.css
   Desktop 1440px: 4-column grid of partner logos (288×165)
   Mobile  370px:  2×2 grid (163×90)
   ============================================================ */

/* ── Section ────────────────────────────────────────────────── */
.partners {
  padding-top:    calc(40 / var(--vw-base) * 100vw);
  padding-bottom: calc(40 / var(--vw-base) * 100vw);
  background-color: var(--color-bg);
}

/* ── Container ───────────────────────────────────────────────── */
.partners .container {
  display: flex;
  flex-direction: column;
  gap: calc(30 / var(--vw-base) * 100vw);
}

/* ── Title ────────────────────────────────────────────────────── */
.partners__title {
  font-size:   calc(35 / var(--vw-base) * 100vw);
  font-weight: 600;
  line-height: 1.14;
  color: var(--color-text);
}

/* ── Grid ──────────────────────────────────────────────────────── */
.partners__grid {
  display: flex;
  flex-wrap: wrap;
  gap: calc(30 / var(--vw-base) * 100vw);
}

/* ── Logo card ─────────────────────────────────────────────────── */
.partners__card {
  display: flex;
  align-items: center;
  justify-content: center;
  /* ширина = (100% - 3 gap) / 4 */
  width: calc((100% - 3 * calc(30 / var(--vw-base) * 100vw)) / 4);
  flex-shrink: 0;
  height: calc(165 / var(--vw-base) * 100vw);
  border-radius: calc(20 / var(--vw-base) * 100vw);
  background-color: var(--color-white);
}

.partners__card a {
	display: flex;
	width: 100%;
	height: 100%;
	align-items: center;
	justify-content: center;
}

.partners__logo {
  max-width: 80%;
  max-height: 65%;
  object-fit: contain;
}

/* ============================================================
   MOBILE  (max-width: 767px)
   ============================================================ */
@media (max-width: 767px) {
  .partners {
    padding-top:    calc(15 / var(--vw-base) * 100vw);
    padding-bottom: calc(15 / var(--vw-base) * 100vw);
  }

  .partners .container {
    gap: calc(20 / var(--vw-base) * 100vw);
  }

  .partners__title {
    font-size:   calc(26 / var(--vw-base) * 100vw);
    line-height: 1.15;
  }

  .partners__grid {
    gap: calc(15 / var(--vw-base) * 100vw);
  }

  .partners__card {
    width: calc((100% - calc(15 / var(--vw-base) * 100vw)) / 2);
    height: calc(90 / var(--vw-base) * 100vw);
    border-radius: calc(10 / var(--vw-base) * 100vw);
  }
}