/* Общие стили */
html, body {
  height: auto;
  min-height: 100%;
}

body {
  margin: 0;
  box-sizing: border-box;
  background-color: #f5f1e8;
  font-family: Circe, sans-serif;
}

/* Шрифты */
@font-face {
  font-family: Circe;
  src: url(circe-bold-webfont.27529df664ce2f0e.woff2) format("woff2"),
       url(circe-bold-webfont.a6d441f673662776.woff) format("woff");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: Circe;
  src: url(circe-regular-webfont.70e2ea4fb032224b.woff2) format("woff2"),
       url(circe-regular-webfont.01fbe67cb561e424.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}

/* Обновите стили header */
header {
  font-family: Circe, sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  margin: 0;
  padding: 16px 0; /* Только верх/низ */
  color: #fff;
  background-color: #1d1346;
  text-align: center;
  width: 100%; /* На всю ширину */
  box-sizing: border-box; /* Чтобы padding не влиял на ширину */
}

/* И обновите .wrapper */
.wrapper {
  padding: 0; /* Убираем padding у wrapper */
  max-width: 100%;
  overflow: hidden; /* На случай, если что-то выходит за границы */
}

.logo {
  text-align: center;
  margin: 16px 0;
}

.ticket {
  margin-top: 39px;
}

/* Блок с QR-кодом */
.ticket__qrcode {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-family: Circe, sans-serif;
  margin: 31px 0;
}

#qrcode {
  width: 335px;
  height: 335px;
  aspect-ratio: 1 / 1;
}

/* Информация об оплате */
.payment-info-details {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: .02em;
  margin-bottom: 32px;
  font-family: Circe, sans-serif;
  color: #1d1346;
}

.payment-info-details__vehicle-type {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 6px;
}

.payment-info-details__price {
  font-size: 48px;
  line-height: 54px;
  font-weight: 700;
  margin-bottom: 17px;
}

.payment-info-details__rouble {
  font-weight: 400;
}

.payment-info-details__vehicle-number {
  font-weight: 350;
  font-size: 16px;
  color: #b5b5b5;
}

.payment-info-details__vehicle-number span {
  font-weight: 400;
}

/* Таймер */
.ticket__payment-timer p strong {
  font-weight: 700;
  font-size: 32px;
  line-height: 32px;
}

/* Текстовые блоки */
.text-block {
  text-align: center;
  margin-bottom: 14px;
}

.text-block_margin-bottom_35 {
  margin-bottom: 35px;
}

/* Кнопка */
.for-button__button {
  display: block;
  position: relative;
  width: 100%;
  height: 48px;
  border: none;
  background: #78b72a;
  border-radius: 8px;
  font-family: Circe, sans-serif;
  color: #fff;
  font-size: 18px;
  line-height: 48px;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.for-button__button:hover {
  background-color: #68a022;
}

.ticket__button {
  margin-bottom: 32px;
  padding: 1px 6px; /* горизонтальные отступы */
}
p {
  font-family: Circe, sans-serif;
  text-align: center;
  font-size: 18px;
  line-height: 24px;
  color: #1d1346;
  margin: 0;
}

#qrcode img {
  display: block;          /* убирает нижний отступ у inline-элементов */
  margin: 0 auto;          /* центрирует по горизонтали */
  vertical-align: middle;  /* выравнивание по вертикали */
  background: #f5f1e8;     /* цвет фона для безопасности */
  max-width: 100%;         /* адаптивность */
  height: auto;
}