/* Адаптация исходного оформления для страницы о закрытии года. */
.hero-art {
  min-height: 510px;
}
.hero-halo {
  left: 50%;
  top: 42px;
  width: min(100%, 438px);
  transform: translateX(-50%);
}
.hero-character {
  left: 50%;
  width: min(86%, 415px);
  max-width: none;
  transform: translateX(-50%);
}
.hero .aui-character-label {
  right: 1.5%;
  bottom: 34px;
  box-shadow: 0 8px 24px #1b24310e;
}
.hero-copy h1 > span {
  display: block;
}
.questions-grid {
  display: none;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 355px), 1fr));
  gap: 18px;
}
.question-card {
  min-width: 0;
  padding: clamp(18px, 2.5vw, 30px);
  border: 1px solid var(--aui-line);
  border-radius: 12px;
  background: #fff;
}
.question-label {
  margin: 0 0 10px;
  color: var(--aui-stage-color);
  font-size: 14px;
  font-weight: 700;
}
.question-text {
  margin: 0 0 16px;
  font-size: clamp(16px, 1.5vw, 19px);
  font-weight: 600;
  line-height: 1.5;
}
.question-card .check-list {
  margin: 0;
  font-size: 15px;
}
.question-card .check-list li + li {
  margin-top: 8px;
}
.step-video-element {
  background: #f2efec;
}
.step-video-note {
  margin-top: 10px;
}
.recommendation-copy > p.material-caption {
  margin-top: 20px;
  margin-bottom: 0;
  font-size: 15px;
}
.offer-action-note {
  margin: 0;
  color: var(--ink);
  font-weight: 700;
  line-height: 1.45;
}
.request-card {
  color: var(--ink);
}
.request-card > p {
  color: var(--muted);
}
.request-card h3 {
  margin-bottom: 10px;
}
.request-card .selected-tariff {
  padding: 10px 12px;
  border-radius: 8px;
  color: #235d4d;
  background: #eaf4f0;
  font-size: 15px;
  font-weight: 600;
}
@media (max-width: 1100px) {
  .hero-art {
    min-height: 450px;
  }
}
@media (max-width: 820px) {
  .hero-art {
    min-height: 390px;
  }
  .hero-halo {
    top: 22px;
    width: min(95%, 352px);
  }
  .hero-character {
    width: min(92%, 330px);
  }
  .hero .aui-character-label {
    right: max(0px, calc(50% - 210px));
    bottom: 14px;
  }
}
@media (max-width: 600px) {
  .hero-art {
    min-height: 325px;
  }
  .hero-halo {
    width: min(95%, 300px);
    top: 14px;
  }
  .hero-character {
    width: min(89%, 282px);
  }
  .hero .aui-character-label {
    right: max(0px, calc(50% - 166px));
    bottom: 12px;
  }
  .step-video-media {
    aspect-ratio: 1.52;
  }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
}