/* ====================================================
   СТРАНИЦА ВАКАНСИЙ — vakansii-page.css
   ==================================================== */

/* ---- Hero ---- */
.vak-hero {
  background: linear-gradient(135deg, #0696ee 0%, #0578c8 55%, #0460a8 100%);
  padding: 6vw 0 5vw;
  color: #fff;
  overflow: hidden;
  position: relative;
}

.vak-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='30' cy='30' r='1.5' fill='rgba(255,255,255,0.08)'/%3E%3C/svg%3E") repeat;
  pointer-events: none;
}

.vak-hero__container {
  width: 80vw;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 4vw;
  position: relative;
  z-index: 1;
}

.vak-hero__label {
  display: inline-block;
  background: rgba(255, 255, 255, 0.18);
  border: 1px solid rgba(255, 255, 255, 0.35);
  border-radius: 100px;
  padding: 0.4vw 1.4vw;
  font-size: 0.9vw;
  font-weight: var(--font-weight-semibold);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  margin-bottom: 1vw;
}

.vak-hero__title {
  font-size: 3vw;
  font-weight: 900;
  line-height: 1.2;
  letter-spacing: 0.02em;
  margin: 0 0 1.5vw;
  max-width: 55vw;
  overflow-wrap: break-word;
  word-break: break-word;
}

.vak-hero__desc {
  font-size: 1.15vw;
  line-height: 1.75;
  opacity: 0.9;
  max-width: 50vw;
  margin: 0 0 2.5vw;
}

.vak-hero__actions {
  display: flex;
  gap: 1.2vw;
  flex-wrap: wrap;
}

.vak-hero__btn {
  display: inline-flex;
  align-items: center;
  padding: 1vw 2.5vw;
  border-radius: var(--border-radius-lg);
  font-size: 1vw;
  font-weight: var(--font-weight-semibold);
  text-decoration: none;
  transition: all var(--transition-fast);
  cursor: pointer;
}

.vak-hero__btn--primary {
  background: #fff;
  color: var(--color-primary);
}

.vak-hero__btn--primary:hover,
.vak-hero__btn--primary:focus-visible {
  background: #f0f8ff;
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
}

.vak-hero__btn--secondary {
  background: transparent;
  color: #fff;
  border: 2px solid rgba(255, 255, 255, 0.7);
}

.vak-hero__btn--secondary:hover,
.vak-hero__btn--secondary:focus-visible {
  background: rgba(255, 255, 255, 0.15);
  border-color: #fff;
  transform: translateY(-2px);
}

.vak-hero__stats {
  display: flex;
  gap: 4vw;
  padding-top: 3vw;
  border-top: 1px solid rgba(255, 255, 255, 0.25);
}

.vak-hero__stat {
  display: flex;
  flex-direction: column;
  gap: 0.3vw;
}

.vak-hero__stat-num {
  font-size: 2.5vw;
  font-weight: 900;
  line-height: 1;
}

.vak-hero__stat-text {
  font-size: 0.9vw;
  opacity: 0.8;
}

/* ---- Почему мы ---- */
.vak-why {
  padding: 6vw 0;
  background: var(--color-bg-secondary);
}

.vak-why__container {
  width: 80vw;
  margin: 0 auto;
  text-align: center;
}

.vak-why__title {
  font-size: 2.2vw;
  font-weight: 800;
  color: var(--color-text);
  margin: 0 0 0.8vw;
  letter-spacing: 0.02em;
}

.vak-why__subtitle {
  font-size: 1.1vw;
  color: var(--color-text-secondary);
  margin: 0 0 4vw;
}

.vak-why__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2vw;
  text-align: left;
}

.vak-why__card {
  background: #fff;
  border-radius: var(--border-radius-xl);
  padding: 2.5vw;
  box-shadow: var(--shadow-light);
  transition: transform var(--transition-normal), box-shadow var(--transition-normal);
}

.vak-why__card:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-medium);
}

.vak-why__card-icon {
  width: 3.5vw;
  height: 3.5vw;
  margin-bottom: 1.2vw;
}

.vak-why__card-icon svg {
  width: 100%;
  height: 100%;
}

.vak-why__card-title {
  font-size: 1.15vw;
  font-weight: 700;
  color: var(--color-text);
  margin: 0 0 0.8vw;
}

.vak-why__card-text {
  font-size: 1vw;
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0;
}

/* ---- Список вакансий ---- */
.vak-list {
  padding: 6vw 0;
  background: #fff;
}

.vak-list__container {
  width: 80vw;
  margin: 0 auto;
}

.vak-list__title {
  font-size: 2.2vw;
  font-weight: 800;
  color: var(--color-text);
  text-align: center;
  margin: 0 0 0.8vw;
  letter-spacing: 0.02em;
}

.vak-list__subtitle {
  font-size: 1.1vw;
  color: var(--color-text-secondary);
  text-align: center;
  margin: 0 0 3.5vw;
}

/* ---- Карточка вакансии ---- */
.vak-card {
  background: #fff;
  border: 1px solid var(--color-border);
  border-radius: var(--border-radius-xl);
  margin-bottom: 1.5vw;
  overflow: hidden;
  box-shadow: var(--shadow-light);
  transition: box-shadow var(--transition-normal);
}

.vak-card:hover {
  box-shadow: var(--shadow-medium);
}

.vak-card--open {
  border-color: var(--color-primary);
  box-shadow: 0 0 0 2px rgba(6, 150, 238, 0.15), var(--shadow-medium);
}

.vak-card__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 2vw 2.5vw;
  gap: 1.5vw;
  cursor: pointer;
}

.vak-card__head-left {
  flex: 1;
  min-width: 0;
}

.vak-card__badge {
  display: inline-block;
  padding: 0.25vw 0.9vw;
  background: rgba(6, 150, 238, 0.1);
  color: var(--color-primary);
  border-radius: 100px;
  font-size: 0.8vw;
  font-weight: var(--font-weight-semibold);
  letter-spacing: 0.04em;
  text-transform: uppercase;
  margin-bottom: 0.7vw;
}

.vak-card__badge--hot {
  background: rgba(255, 140, 0, 0.12);
  color: #d97706;
}

.vak-card__badge--new {
  background: rgba(40, 167, 69, 0.12);
  color: #16a34a;
}

.vak-card__title {
  font-size: 1.4vw;
  font-weight: 700;
  color: var(--color-text);
  margin: 0 0 0.8vw;
  line-height: 1.3;
}

.vak-card__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 1.2vw;
  align-items: center;
}

.vak-card__meta-item {
  display: flex;
  align-items: center;
  gap: 0.4vw;
  font-size: 0.95vw;
  color: var(--color-text-secondary);
}

.vak-card__meta-item svg {
  flex-shrink: 0;
  width: 1vw;
  height: 1vw;
}

.vak-card__meta-item--salary {
  font-weight: 700;
  color: var(--color-primary);
  font-size: 1.05vw;
}

.vak-card__toggle {
  flex-shrink: 0;
  width: 2.5vw;
  height: 2.5vw;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-bg-secondary);
  border: none;
  border-radius: var(--border-radius-md);
  cursor: pointer;
  transition: background var(--transition-fast), transform var(--transition-fast);
  color: var(--color-text);
}

.vak-card__toggle:hover,
.vak-card__toggle:focus-visible {
  background: rgba(6, 150, 238, 0.1);
  color: var(--color-primary);
  outline: none;
}

.vak-card__toggle svg {
  width: 1.2vw;
  height: 1.2vw;
  transition: transform var(--transition-fast);
}

.vak-card--open .vak-card__toggle {
  background: var(--color-primary);
  color: #fff;
}

.vak-card--open .vak-card__toggle svg {
  transform: rotate(180deg);
}

.vak-card__body {
  padding: 0 2.5vw 2.5vw;
  border-top: 1px solid var(--color-border);
}

.vak-card__columns {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2vw;
  margin-bottom: 2vw;
  padding-top: 2vw;
}

.vak-card__col-title {
  font-size: 1vw;
  font-weight: 700;
  color: var(--color-primary);
  margin: 0 0 0.8vw;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.vak-card__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.6vw;
}

.vak-card__list li {
  font-size: 0.95vw;
  color: var(--color-text);
  line-height: 1.5;
  padding-left: 1.3vw;
  position: relative;
}

.vak-card__list li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.5em;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--color-primary);
  flex-shrink: 0;
}

.vak-card__apply-btn {
  display: inline-flex;
  align-items: center;
  padding: 0.9vw 2.5vw;
  background: var(--color-primary);
  color: #fff;
  border-radius: var(--border-radius-lg);
  font-size: 1vw;
  font-weight: var(--font-weight-semibold);
  text-decoration: none;
  transition: all var(--transition-fast);
}

.vak-card__apply-btn:hover,
.vak-card__apply-btn:focus-visible {
  background: var(--color-primary-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-light);
}

/* ---- Шаги ---- */
.vak-steps {
  padding: 6vw 0;
  background: var(--color-bg-secondary);
}

.vak-steps__container {
  width: 80vw;
  margin: 0 auto;
  text-align: center;
}

.vak-steps__title {
  font-size: 2.2vw;
  font-weight: 800;
  color: var(--color-text);
  margin: 0 0 0.8vw;
}

.vak-steps__subtitle {
  font-size: 1.1vw;
  color: var(--color-text-secondary);
  margin: 0 0 4vw;
}

.vak-steps__list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2vw;
  list-style: none;
  padding: 0;
  margin: 0;
  counter-reset: none;
  text-align: left;
  position: relative;
}

.vak-steps__list::before {
  content: '';
  position: absolute;
  top: 2.1vw;
  left: 10%;
  right: 10%;
  height: 2px;
  background: linear-gradient(to right, var(--color-primary), rgba(6, 150, 238, 0.2));
  z-index: 0;
}

.vak-steps__item {
  position: relative;
  z-index: 1;
  background: #fff;
  border-radius: var(--border-radius-xl);
  padding: 2vw;
  box-shadow: var(--shadow-light);
  display: flex;
  flex-direction: column;
  gap: 1vw;
}

.vak-steps__num {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3vw;
  height: 3vw;
  background: var(--color-primary);
  color: #fff;
  border-radius: 50%;
  font-size: 1.2vw;
  font-weight: 900;
  flex-shrink: 0;
}

.vak-steps__item-title {
  font-size: 1.1vw;
  font-weight: 700;
  color: var(--color-text);
  margin: 0;
}

.vak-steps__item-text {
  font-size: 0.95vw;
  color: var(--color-text-secondary);
  line-height: 1.65;
  margin: 0;
}

/* ---- Форма отклика ---- */
.vak-apply {
  padding: 6vw 0;
  background: linear-gradient(135deg, #0696ee 0%, #0460a8 100%);
  color: #fff;
}

.vak-apply__container {
  width: 80vw;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6vw;
  align-items: start;
}

.vak-apply__title {
  font-size: 2.2vw;
  font-weight: 800;
  margin: 0 0 1.2vw;
  line-height: 1.2;
}

.vak-apply__desc {
  font-size: 1.05vw;
  line-height: 1.75;
  opacity: 0.9;
  margin: 0 0 2vw;
}

.vak-apply__benefits {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.8vw;
}

.vak-apply__benefits li {
  font-size: 1.05vw;
  padding-left: 1.8vw;
  position: relative;
  opacity: 0.95;
}

.vak-apply__benefits li::before {
  content: '✓';
  position: absolute;
  left: 0;
  color: #fff;
  font-weight: 700;
}

/* ---- Форма ---- */
.vak-form {
  background: #fff;
  border-radius: var(--border-radius-xl);
  padding: 3vw;
  box-shadow: var(--shadow-heavy);
  display: flex;
  flex-direction: column;
  gap: 1.2vw;
}

.vak-form__group {
  display: flex;
  flex-direction: column;
  gap: 0.4vw;
}

.vak-form__label {
  font-size: 0.9vw;
  font-weight: var(--font-weight-semibold);
  color: var(--color-text);
}

.vak-form__label span {
  color: var(--color-primary);
}

.vak-form__input {
  width: 100%;
  padding: 0.9vw 1.2vw;
  border: 1.5px solid var(--color-border);
  border-radius: var(--border-radius-md);
  font-size: 0.95vw;
  color: var(--color-text);
  background: #fff;
  transition: border-color var(--transition-fast), box-shadow var(--transition-fast);
  font-family: var(--font-family);
  outline: none;
}

.vak-form__input:focus {
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px rgba(6, 150, 238, 0.15);
}

.vak-form__input.vak-form__input--error {
  border-color: var(--error-color);
}

.vak-form__select {
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23999' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 1.2vw center;
  cursor: pointer;
}

.vak-form__textarea {
  resize: vertical;
  min-height: 7vw;
}

.vak-form__privacy {
  font-size: 0.8vw;
  color: var(--color-text-secondary);
  line-height: 1.5;
  margin: 0;
}

.vak-form__privacy-link {
  color: var(--color-primary);
  text-decoration: underline;
  text-underline-offset: 2px;
}

.vak-form__submit {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.8vw;
  width: 100%;
  padding: 1.2vw;
  background: var(--color-primary);
  color: #fff;
  border: none;
  border-radius: var(--border-radius-lg);
  font-size: 1.05vw;
  font-weight: var(--font-weight-semibold);
  cursor: pointer;
  transition: all var(--transition-fast);
  font-family: var(--font-family);
}

.vak-form__submit:hover,
.vak-form__submit:focus-visible {
  background: var(--color-primary-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-medium);
  outline: none;
}

.vak-form__submit-icon {
  width: 1.2vw;
  height: 1.2vw;
  transition: transform var(--transition-fast);
}

.vak-form__submit:hover .vak-form__submit-icon {
  transform: translateX(4px);
}

.vak-form__success {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1vw;
  padding: 2vw;
  background: rgba(40, 167, 69, 0.06);
  border-radius: var(--border-radius-lg);
  border: 1px solid rgba(40, 167, 69, 0.25);
  text-align: center;
}

.vak-form__success[hidden] { display: none; }

.vak-form__success svg {
  width: 3vw;
  height: 3vw;
}

.vak-form__success p {
  font-size: 1vw;
  color: var(--color-text);
  margin: 0;
  line-height: 1.6;
}

/* ====================================================
   АДАПТИВНОСТЬ — Планшеты ≤ 1024px
   ==================================================== */
@media (max-width: 1024px) {
  .vak-hero__container { width: 88vw; gap: 5vw; }
  .vak-hero__label     { font-size: 1.3vw; padding: 0.6vw 2vw; }
  .vak-hero__title     { font-size: 4vw; max-width: 80vw; }
  .vak-hero__desc      { font-size: 1.6vw; max-width: 80vw; }
  .vak-hero__btn       { padding: 1.4vw 3vw; font-size: 1.4vw; }
  .vak-hero__stat-num  { font-size: 3.5vw; }
  .vak-hero__stat-text { font-size: 1.3vw; }

  .vak-why__container  { width: 88vw; }
  .vak-why__title      { font-size: 3vw; }
  .vak-why__subtitle   { font-size: 1.6vw; }
  .vak-why__grid       { grid-template-columns: repeat(2, 1fr); gap: 2.5vw; }
  .vak-why__card       { padding: 3vw; }
  .vak-why__card-icon  { width: 5vw; height: 5vw; }
  .vak-why__card-title { font-size: 1.7vw; }
  .vak-why__card-text  { font-size: 1.4vw; }

  .vak-list__container { width: 88vw; }
  .vak-list__title     { font-size: 3vw; }
  .vak-list__subtitle  { font-size: 1.6vw; }

  .vak-card__header     { padding: 2.5vw 3vw; }
  .vak-card__badge      { font-size: 1.1vw; padding: 0.4vw 1.4vw; }
  .vak-card__title      { font-size: 2vw; }
  .vak-card__meta-item  { font-size: 1.3vw; gap: 0.6vw; }
  .vak-card__meta-item svg { width: 1.5vw; height: 1.5vw; }
  .vak-card__meta-item--salary { font-size: 1.5vw; }
  .vak-card__toggle     { width: 3.5vw; height: 3.5vw; }
  .vak-card__toggle svg { width: 1.8vw; height: 1.8vw; }
  .vak-card__body       { padding: 0 3vw 3vw; }
  .vak-card__columns    { gap: 2.5vw; padding-top: 2.5vw; }
  .vak-card__col-title  { font-size: 1.3vw; }
  .vak-card__list li    { font-size: 1.3vw; padding-left: 2vw; }
  .vak-card__apply-btn  { padding: 1.3vw 3vw; font-size: 1.4vw; }

  .vak-steps__container { width: 88vw; }
  .vak-steps__title     { font-size: 3vw; }
  .vak-steps__subtitle  { font-size: 1.6vw; }
  .vak-steps__num       { width: 4.5vw; height: 4.5vw; font-size: 1.8vw; }
  .vak-steps__item-title { font-size: 1.6vw; }
  .vak-steps__item-text  { font-size: 1.4vw; }

  .vak-apply__container { width: 88vw; gap: 4vw; }
  .vak-apply__title     { font-size: 3vw; }
  .vak-apply__desc      { font-size: 1.5vw; }
  .vak-apply__benefits li { font-size: 1.5vw; padding-left: 2.5vw; }

  .vak-form             { padding: 3.5vw; gap: 2vw; }
  .vak-form__label      { font-size: 1.3vw; }
  .vak-form__input      { padding: 1.3vw 1.6vw; font-size: 1.3vw; }
  .vak-form__privacy    { font-size: 1.1vw; }
  .vak-form__submit     { padding: 1.6vw; font-size: 1.5vw; }
  .vak-form__submit-icon { width: 1.8vw; height: 1.8vw; }
  .vak-form__success p  { font-size: 1.4vw; }
}

/* ====================================================
   АДАПТИВНОСТЬ — Мобильные ≤ 768px
   ==================================================== */
@media (max-width: 768px) {
  .vak-hero        { padding: 10vw 0 8vw; overflow-x: hidden; overflow-y: visible; }
  .vak-hero__container { width: 90vw; }
  .vak-hero__label { font-size: 2.8vw; padding: 1.2vw 3.5vw; margin-bottom: 3vw; }
  .vak-hero__title { font-size: 6.5vw; max-width: 100%; margin-bottom: 4vw; }
  .vak-hero__desc  { font-size: 3.8vw; max-width: 100%; margin-bottom: 6vw; }
  .vak-hero__actions { flex-direction: column; gap: 3vw; }
  .vak-hero__btn   { padding: 4vw 6vw; font-size: 4vw; justify-content: center; }
  .vak-hero__stats { gap: 6vw; padding-top: 6vw; flex-wrap: wrap; }
  .vak-hero__stat-num  { font-size: 9vw; }
  .vak-hero__stat-text { font-size: 3.5vw; }

  .vak-why         { padding: 10vw 0; }
  .vak-why__container { width: 90vw; }
  .vak-why__title  { font-size: 6vw; }
  .vak-why__subtitle   { font-size: 3.8vw; margin-bottom: 6vw; }
  .vak-why__grid   { grid-template-columns: 1fr; gap: 4vw; }
  .vak-why__card   { padding: 5vw; }
  .vak-why__card-icon  { width: 12vw; height: 12vw; margin-bottom: 3vw; }
  .vak-why__card-title { font-size: 4.5vw; margin-bottom: 2vw; }
  .vak-why__card-text  { font-size: 3.8vw; }

  .vak-list        { padding: 10vw 0; }
  .vak-list__container { width: 90vw; }
  .vak-list__title     { font-size: 6vw; }
  .vak-list__subtitle  { font-size: 3.8vw; margin-bottom: 5vw; }

  .vak-card        { margin-bottom: 4vw; border-radius: var(--border-radius-lg); }
  .vak-card__header { padding: 4vw; flex-direction: row; align-items: flex-start; }
  .vak-card__badge { font-size: 2.5vw; padding: 0.8vw 2.5vw; margin-bottom: 2vw; }
  .vak-card__title { font-size: 4.5vw; margin-bottom: 2vw; }
  .vak-card__meta  { gap: 2.5vw; }
  .vak-card__meta-item { font-size: 3.2vw; gap: 1.5vw; }
  .vak-card__meta-item svg { width: 4vw; height: 4vw; }
  .vak-card__meta-item--salary { font-size: 3.8vw; }
  .vak-card__toggle { width: 9vw; height: 9vw; flex-shrink: 0; border-radius: var(--border-radius-sm); }
  .vak-card__toggle svg { width: 4.5vw; height: 4.5vw; }
  .vak-card__body  { padding: 0 4vw 4vw; }
  .vak-card__columns { grid-template-columns: 1fr; gap: 4vw; padding-top: 4vw; margin-bottom: 4vw; }
  .vak-card__col-title { font-size: 3.5vw; }
  .vak-card__list li   { font-size: 3.5vw; padding-left: 5vw; margin-bottom: 1vw; }
  .vak-card__apply-btn { padding: 4vw 6vw; font-size: 4vw; width: 100%; justify-content: center; }

  .vak-steps       { padding: 10vw 0; }
  .vak-steps__container { width: 90vw; }
  .vak-steps__title    { font-size: 6vw; }
  .vak-steps__subtitle { font-size: 3.8vw; margin-bottom: 6vw; }
  .vak-steps__list { grid-template-columns: 1fr; gap: 4vw; }
  .vak-steps__list::before { display: none; }
  .vak-steps__item { padding: 4vw; flex-direction: row; align-items: flex-start; gap: 3vw; }
  .vak-steps__num  { width: 10vw; height: 10vw; font-size: 4vw; flex-shrink: 0; }
  .vak-steps__content { flex: 1; }
  .vak-steps__item-title { font-size: 4.5vw; margin-bottom: 1.5vw; }
  .vak-steps__item-text  { font-size: 3.5vw; }

  .vak-apply       { padding: 10vw 0; }
  .vak-apply__container { width: 90vw; grid-template-columns: 1fr; gap: 6vw; }
  .vak-apply__title    { font-size: 6.5vw; }
  .vak-apply__desc     { font-size: 3.8vw; }
  .vak-apply__benefits li { font-size: 3.8vw; padding-left: 5vw; }

  .vak-form        { padding: 6vw; gap: 4vw; }
  .vak-form__label { font-size: 3.5vw; }
  .vak-form__input { padding: 4vw; font-size: 4vw; }
  .vak-form__textarea { min-height: 25vw; }
  .vak-form__privacy { font-size: 3vw; }
  .vak-form__submit { padding: 4.5vw; font-size: 4.5vw; }
  .vak-form__submit-icon { width: 5vw; height: 5vw; }
  .vak-form__success p { font-size: 4vw; }
  .vak-form__success svg { width: 10vw; height: 10vw; }
}

/* ====================================================
   АДАПТИВНОСТЬ — Малые мобильные ≤ 480px
   ==================================================== */
@media (max-width: 480px) {
  .vak-hero__container { width: 92vw; }
  .vak-why__container,
  .vak-list__container,
  .vak-steps__container,
  .vak-apply__container { width: 92vw; }
  .vak-hero__title  { font-size: 7vw; }
  .vak-why__title   { font-size: 7vw; }
  .vak-list__title  { font-size: 7vw; }
  .vak-steps__title { font-size: 7vw; }
  .vak-apply__title { font-size: 7.5vw; }
  .vak-card__title  { font-size: 5vw; }
  .vak-form         { padding: 7vw; }
}