/* =====================================================================
   Секция «Amazon-Handel endet nicht in Deutschland»
   Текст слева + фото справа. Светлый фон. Mobile: колонки в стопку.
   ===================================================================== */

.intl {
  background: var(--page-bg);
  padding: clamp(56px, 8vw, 110px) 0;
}

.intl__grid {
  display: grid;
  grid-template-columns: 3fr 2fr;
  gap: clamp(32px, 5vw, 72px);
  align-items: stretch;
}
.intl__media img {
  border-radius: 46px !important;
}

.intl__text { max-width: 560px; }
.intl__text .section-title { margin-bottom: 26px; font-weight: 700; }

.intl__text p {
  color: #000;
  font-size: 17px;
  line-height: 1.45;
  margin-top: 18px;
}
.intl__text p strong { color: #000; font-weight: 600; }

.intl__text .btn { margin-top: 43px; }

/* Фото (временный плейсхолдер — нужен экспорт из Figma в WebP) */
.intl__img {
  width: 100%;
  aspect-ratio: 4 / 5;
  border-radius: var(--r-lg);
  background: linear-gradient(135deg, #d9d9e2, #c3c3cf);
  display: grid;
  place-items: center;
  color: var(--muted);
  font-size: 14px;
  text-align: center;
  padding: 20px;
}

@media (max-width: 860px) {
  .intl__grid { grid-template-columns: 1fr; }
  .intl__img { aspect-ratio: 3 / 2; }   /* на мобиле фото шире и ниже */
}
