/* Promotions campaign — mockup pumtl23-promotions-campaign-desktop [3:3433]. */

.hero__terms { margin: 0; font-size: var(--fs-caption); line-height: 15.31px; color: var(--color-muted-2); }
.hero__right--wide { width: 420px; }
.hero__right--wide img {
  width: 100%; height: 320px; object-fit: cover;
  border-radius: var(--radius-xl);
  box-shadow: inset 0 0 0 1px var(--color-border-brand);
}

.campaign { padding: var(--space-80) var(--container-pad); }

.campaign__split { display: flex; gap: var(--space-48); align-items: center; }
.campaign__split--reverse { flex-direction: row-reverse; }
.campaign__visual { width: 620px; flex: none; }
.campaign__visual img {
  width: 100%; height: 520px; object-fit: cover;
  border-radius: var(--radius-xl);
  box-shadow: inset 0 0 0 1px var(--color-border-brand);
}
.campaign__content { position: relative; flex: 1; display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-16); }
.campaign__title {
  margin: 0; font-family: var(--font-display); font-weight: 700;
  font-size: var(--fs-h3); line-height: 51px; text-transform: uppercase; color: var(--color-white);
}
.campaign__text { margin: 0; font-size: var(--fs-body); line-height: 24px; color: var(--color-muted); }
.campaign__note { margin: 0; font-size: var(--fs-small); line-height: 20px; color: var(--color-muted-2); }
.campaign__chips { display: flex; flex-wrap: wrap; gap: var(--space-8); }
.chip--link { text-decoration: none; transition: background-color var(--dur-fast) var(--ease); }
.chip--link:hover { background: rgba(124, 58, 237, .25); }
.campaign__num {
  position: absolute; right: 0; bottom: 0; margin: 0;
  font-family: var(--font-display); font-weight: 700;
  font-size: var(--fs-h3); line-height: 51px; color: var(--color-brand); opacity: .35;
}

@media (max-width: 1199px) {
  .campaign__split, .campaign__split--reverse { flex-direction: column; }
  .campaign__visual { width: 100%; }
  .hero__right--wide { width: 100%; }
}
/* ── мобильный фрейм [133:4] ──────────────────────────────────────────────
   Герой pad 48/16 gap 24, заголовок 42/54, лид 15/23, мелкий дисклеймер 12/15.31.
   Кампании pad 48/16 gap 24, заголовок 34/43, чипсы 38 высотой через 8. */
@media (max-width: 767px) {
  .hero { padding: var(--space-48) var(--container-pad-mobile); }
  .hero__content { gap: var(--space-24); }
  .hero__headline { gap: var(--space-4); font-size: 42px; line-height: 54px; }
  .hero__lead { font-size: var(--fs-body-sm); line-height: 23px; }
  .hero__terms { font-size: var(--fs-caption); line-height: 15.31px; }
  .hero__cta { width: 100%; }
  .hero__right--wide img { height: 240px; }

  .campaign { padding: var(--space-48) var(--container-pad-mobile); }
  .campaign__split, .campaign__split--reverse { flex-direction: column; gap: var(--space-24); }
  .campaign__title { font-size: 34px; line-height: 43.38px; }
  .campaign__text { font-size: var(--fs-body-sm); line-height: 23px; }
  .campaign__note { font-size: var(--fs-body-sm); line-height: 19.14px; }
  .campaign__chips { gap: var(--space-8); }
  .chip--link { min-height: 38px; padding: var(--space-8) 14px; }
  .campaign__visual img { height: 240px; }
  .campaign__num { position: static; }
  .campaign .btn { width: 100%; }
}