@font-face {
  font-family: "Suisse Intl";
  src: url("../fonts/Suisse Intl/SuisseIntl-Regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Suisse Intl";
  src: url("../fonts/Suisse Intl/SuisseIntl-Medium.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Suisse Intl";
  src: url("../fonts/Suisse Intl/SuisseIntl-Bold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  margin: 0;
  padding: 0;
  color: #2b2b3b;
}

.inputs-page {
  width: 100%;
  min-height: 100vh;
  padding: 3.33cqw; /* 16px */
  background: #ffffff;
  position: relative;
}

.verification-page {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 5cqw;
  text-align: center;
  height: 100vh;
  box-sizing: border-box;
}

.back-button {
  position: relative;
  width: 11.25cqw; /* 54px */
  height: 11.25cqw; /* 54px */
  top: 12.5cqw; /* 60px - опущено ниже чтобы не перекрывать кнопку закрытия */
  left: 3.75cqw; /* 18px */
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
  z-index: 100;
  transition: transform 0.3s ease;
}

.back-button:hover {
  transform: translateX(-5px);
}

.back-button img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.back-icon {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.illustration1 {
  width: 77.18cqw; /* 370.49px при viewport width 480px */
  height: 63.78cqw; /* 306.12px при viewport width 480px */
  object-fit: contain;
  position: absolute;
  top: 8.75cqw; /* 42px */
  left: 15.42cqw; /* 74px */
}

/* Общие стили для всего текста */
body {
  color: #2b2b3b;
}

/* Стили для h1 */
h1 {
  font-family: "Suisse Intl";
  font-size: 5.83cqw; /* 28px */
  font-weight: 500;
  line-height: 6.07cqw; /* 29.12px */
  letter-spacing: -0.02em;
  color: #2b2b3b;
  text-align: center;
}

/* Стили для обычного параграфа */
p {
  font-family: "Suisse Intl";
  font-size: 3.33cqw; /* 16px */
  font-weight: 400;
  line-height: 4cqw; /* 19.2px */
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  margin: 0;
  margin-bottom: 5cqw; /* 24px */
}

/* Стили для поля ввода */
.code-input {
  font-family: "Suisse Intl";
  font-size: 5.83cqw; /* 28px */
  font-weight: 275;
  line-height: 6.07cqw; /* 29.12px */
  letter-spacing: 0.09em;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  width: 34.17cqw; /* 164px */
  height: 11.25cqw; /* 54px */
  padding: 0.625cqw 3.33cqw; /* 3px 16px */
  gap: 2.08cqw; /* 10px */
  border-radius: 6.25cqw; /* 30px */
  border: 0.21cqw solid #2b2b3b;
  background: transparent;
  outline: none;
  box-sizing: border-box;
  color: #2b2b3b;
  margin-bottom: 5cqw; /* 24px */
}

.code-input::placeholder {
  color: rgba(43, 43, 59, 0.2);
  letter-spacing: 0.09em;
}

/* Стили для текста таймера */
.timer-text {
  font-family: "Suisse Intl";
  font-size: 3.33cqw; /* 16px */
  font-weight: 400;
  line-height: 4cqw; /* 19.2px */
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  margin: 0;
  margin-bottom: 5cqw; /* 46px */
}

.confirm-button {
  width: 48.33cqw; /* 232px */
  height: 11.25cqw; /* 54px */
  padding: 0.625cqw 0; /* 3px 0 */
  gap: 2.08cqw; /* 10px */
  border-radius: 6.25cqw; /* 30px */
  border: none;
  background: #cf0a2c;
  color: #ffffff;
  font-family: "Suisse Intl";
  font-size: 3.33cqw; /* 16px */
  font-weight: 400;
  line-height: 4cqw; /* 19.2px */
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  cursor: pointer;
  margin-bottom: 5cqw; /* 24px */
}

.confirm-button:hover {
  opacity: 0.9;
}

.confirm-button:active {
  opacity: 0.8;
}

.time-code-button {
  width: 48.33cqw; /* 232px */
  height: 11.25cqw; /* 54px */
  padding: 0.625cqw 0; /* 3px 0 */
  gap: 2.08cqw; /* 10px */
  border-radius: 6.25cqw; /* 30px */
  border: none;
  background: #fff;
  color: #2b2b3b;
  font-family: "Suisse Intl";
  font-size: 3.33cqw; /* 16px */
  font-weight: 400;
  line-height: 4cqw; /* 19.2px */
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  cursor: pointer;
  margin-bottom: 5cqw; /* 24px */
}

.time-code-button:hover {
  opacity: 0.9;
}

.time-code-button:active {
  opacity: 0.8;
}

.resend-text {
  font-family: "Suisse Intl";
  font-size: 2.5cqw; /* 12px */
  font-weight: 400;
  line-height: 3cqw; /* 14.4px */
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #acb5bf;
  margin: 0;
  margin-bottom: 1.67cqw; /* 8px */
}

.hashtag {
  width: 67.13cqw; /* 322.23px */
  height: 39.05cqw; /* 187.42px */
  padding: 0;
  gap: 0;
  margin: 0 auto; /* для центрирования */
  margin-top: 3.75cqw; /* Укажите нужное расстояние в пикселях, я переведу в cqw */
}

.hashtag img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.welcome-modal {
  width: 100%;
  max-width: 100cqw;
  min-height: 100vh;
  background: #ffffff;
  padding: 3.33cqw; /* 16px */
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.close-button {
  position: absolute;
  width: 11.25cqw; 
  height: 11.25cqw; 
  right: 3.75cqw; 
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
  margin-top: 20px;
}

.close-button img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.heart-image {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}

.heart-image img {
  width: 93.43cqw; /* 448.48px */
  height: 68.33cqw; /* 328px */
  gap: 0;
  object-fit: contain;
}

.hashtag {
  width: 67.13cqw; /* 322.23px */
  height: 39.05cqw; /* 187.42px */
  margin-bottom: 4.17cqw; /* 20px */
}

.hashtag img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.description1 {
  font-family: "Suisse Intl";
  font-size: 4.375cqw; /* 21px */
  font-weight: 500;
  line-height: 4.42cqw; /* 21.21px */
  letter-spacing: -0.02em;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  margin: 0;
  margin-top: -11.13cqw;
  margin-bottom: 5cqw;
  color: #2b2b3b;
}

.helper-text {
  font-family: "Suisse Intl";
  font-size: 3.33cqw; /* 16px */
  line-height: 4cqw; /* 19.2px */
  text-align: center;
  color: #000;
  margin-bottom: 12.92cqw; /* 30px */
}

.helper-text-policyk {
  font-family: "Suisse Intl";
  font-size: 2.5cqw; /* 16px */
  line-height: 4cqw; /* 19.2px */
  text-align: center;
  font-style: normal;
  font-weight: 400;
  color: #5b6770;
  margin-bottom: 12.92cqw; /* 30px */
}

.care-button-5 {
  width: 51.25cqw; /* 246px при viewport width 480px */
  height: 11.25cqw; /* 54px при viewport width 480px */
  background: #cf0a2c;
  border-radius: 6.25cqw;
  border: none;

  /* Текстовые свойства */
  color: #fff;
  text-align: center;
  font-family: "Suisse Intl";
  font-size: 3.33cqw; /* 16px */
  font-style: normal;
  font-weight: 400;
  line-height: 120%;

  /* Дополнительные свойства */
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0cqw;
}

.care-button:hover {
  opacity: 0.9;
}

.care-button:active {
  opacity: 0.8;
}

.care-button2 {
  width: 56.67cqw; /* 246px при viewport width 480px */
  height: 11.25cqw; /* 54px при viewport width 480px */
  background: #cf0a2c;
  border-radius: 6.25cqw;
  border: none;

  /* Текстовые свойства */
  color: #fff;
  text-align: center;
  font-family: "Suisse Intl";
  font-size: 3.33cqw; /* 16px */
  font-style: normal;
  font-weight: 400;
  line-height: 120%;

  /* Дополнительные свойства */
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin-bottom: 6.25cqw;
}

.care-button2:hover {
  opacity: 0.9;
}

.care-button2:active {
  opacity: 0.8;
}

.main-title {
  font-family: "Suisse Intl";
  font-size: 5.83cqw; /* 28px */
  font-weight: 500;
  line-height: 6.07cqw; /* 29.12px */
  letter-spacing: -0.02em;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  margin: 0;
  margin-top: 12.92cqw; /* 62px */
  margin-bottom: 5.83cqw; /* 28px */
  color: #cf0a2c;
}

.page-title {
  font-family: "Suisse Intl";
  font-size: 5.83cqw; /* 28px */
  font-weight: 500;
  line-height: 6.07cqw; /* 29.12px */
  letter-spacing: -0.02em;
  color: #2b2b3b;
  margin-top: 8.75cqw; /* 42px */
  text-align: left;
  padding-left: 15.42cqw; /* 74px */
}

.verification-title {
  font-family: "Suisse Intl";
  font-size: 5.83cqw; /* 28px */
  font-weight: 500;
  line-height: 6.07cqw; /* 29.12px */
  letter-spacing: -0.02em;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  margin-bottom: 5cqw;
  padding-top: 69cqw; /* 42px */
  color: #2b2b3b;
}

.hashtag2 {
  width: 75.79cqw; /* 363.77px */
  height: 44.08cqw; /* 211.57px */
  padding: 0;
  gap: 0;
  margin: 0 auto; /* для центрирования */
  margin-top: -15.21cqw; /* -73px */
  margin-bottom: 0; /* убран отступ снизу */
}

.hashtag2 img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.loading-page {
  width: 100%;
  min-height: 100vh;
  background: #ffffff;
  padding: 3.33cqw; /* 16px */
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.flower-icon {
  width: 11.25cqw; /* 54px */
  height: 9.55cqw; /* 45.84px */
  margin: 0 auto;
  margin-top: 3.125cqw; /* 15px */
}

.flower-icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.clock-image {
  width: 85.66cqw; /* 411.16px */
  height: 60.88cqw; /* 292.24px */
  margin: 0 auto;
  margin-top: 16.46cqw; /* 79px */
}

.clock-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.loading-title {
  font-family: "Suisse Intl";
  font-size: 5.83cqw; /* 28px */
  font-weight: 500;
  line-height: 6.07cqw; /* 29.12px */
  text-align: center;
  color: #2b2b3b;
  margin: 0;
  margin-top: 6.25cqw; /* 30px */
}

.loading-description {
  font-family: "Suisse Intl";
  font-size: 3.33cqw; /* 16px */
  font-weight: 400;
  line-height: 4cqw; /* 19.2px */
  text-align: center;
  color: #2b2b3b;
  margin-top: 5cqw; /* 10px */
}

.oms-tag {
  width: 16.67cqw; /* 80px */
  height: 8.33cqw; /* 40px */
  margin: 0 auto;
  margin-top: 44.58cqw; /* 214px */
}

.oms-tag img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.flower-icon img,
.clock-image img,
.oms-tag img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.inputs-page {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 3.33cqw;
  position: relative;
}

.form-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 8.96cqw; /* 43px при viewport width 480px */
}

.envelope-container {
  position: relative;
  width: 100%; /* 448px */
  height: 100%; /* 313px */
  margin-bottom: 0; /* убираем отступ снизу */
  margin-left: -5cqw;
  margin-right: -5cqw;
}

.envelope-container2 {
  position: relative;
  width: 100%; /* 448px */
  height: 100%; /* 313px */
  margin-bottom: 0; /* убираем отступ снизу */
  margin-left: -5cqw;
  margin-right: -5cqw;
}

.envelope-icon {
  width: 93.33cqw; /* 448px */
  height: 65.21cqw; /* 313px */
  margin: 0 auto;
}

.envelope-icon2 {
  width: 57.92cqw; /* 448px */
  height: 59.17cqw; /* 313px */
  margin-left: 20.83cqw;
  margin-top: -10.17cqw;
  margin-bottom: 4cqw;
  margin-left: 20.83cqw;
}

.overlay-text {
  position: absolute;
  top: 29.79cqw;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  font-size: 3.17cqw;
  font-weight: 500;
  line-height: 4.17cqw;
  letter-spacing: -0.02em;
  color: var(--text-color);
  text-align: center;
}

.form-description {
  position: absolute;
  top: 29.38cqw; /* 133px при viewport width 480px */
  left: 50%;
  transform: translateX(
    -50%
  ); /* убрал translateY так как теперь используем точное пози������������ирование сверху */
  width: 100%;
  font-family: "Suisse Intl";
  font-weight: 500;
  font-size: 3.75cqw;
  line-height: 117%;
  letter-spacing: -0.02em;
  text-align: center;
  color: #2b2b3b;
  margin: 0;
  padding: 0;
}

.form-description2 {
  font-family: "Suisse Intl";
  font-weight: 400;
  font-size: 3.13cqw;
  line-height: 120%;
  text-align: center;
  color: #2b2b3b;
}

.input-form {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5cqw; /* 24px при viewport width 480px */
  margin-top: 3.75cqw;
}

.input-form2 {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5cqw; /* 24px при viewport width 480px */
  margin-top: 5cqw;
}

.text-input,
.phone-input {
  width: 72.08cqw;
  height: 11.25cqw;
  padding: 0 4.17cqw;
  border-radius: 6.25cqw;
  border: 0.21cqw solid #2b2b3b;
  font-family: "Suisse Intl";
  font-weight: 400; /* Regular */
  font-size: 3.33cqw; /* 16px при viewport width 480px */
  line-height: 120%;
  letter-spacing: 0; /* 0% */
  color: #2b2b3b;
}

/* Стили для плейсхолдера */
.text-input::placeholder,
.phone-input::placeholder {
  font-family: "Suisse Intl";
  font-weight: 400;
  font-size: 3.33cqw;
  line-height: 120%;
  letter-spacing: 0;
  color: #2b2b3b;
}

.checkbox-container {
  width: 72.08cqw;
  display: flex;
  align-items: start;
  gap: 3.08cqw;
  margin-top: cqw; /* 24px при viewport width 480px */
}

.checkbox-text {
  font-family: "Suisse Intl";
  font-weight: 400;
  font-size: 3.33cqw;
  line-height: 110%;
  letter-spacing: 0;
  color: #1e1e1e;
  text-align: left;
}

.policy-link {
  color: #2b2b3b; /* Более теный цвет для ссылок */
  text-decoration: none; /* Убираем подчеркивание */
}

/* Стиль для ссылок внутри текста, если он будут */
.checkbox-text a {
  color: inherit;
  text-decoration: none;
}

.submit-button {
  width: 40.83cqw;
  height: 11.25cqw;
  background: #cf0a2c;
  border-radius: 6.25cqw;
  border: none;
  color: #ffffff;
  font-family: "Suisse Intl";
  font-size: 3.33cqw;
  cursor: pointer;
  margin-top: 5cqw; /* 24px при viewport width 480px */
}

.submit-button:hover {
  opacity: 0.9;
}

.submit-button:active {
  opacity: 0.8;
}

.submit-button2 {
  width: 55cqw;
  height: 11.25cqw;
  background: #cf0a2c;
  border-radius: 6.25cqw;
  border: none;
  color: #ffffff;
  font-family: "Suisse Intl";
  font-size: 3.33cqw;
  cursor: pointer;
}

.submit-button2:hover {
  opacity: 0.9;
}

.submit-button2:active {
  opacity: 0.8;
}

.phone-btn {
  width: 55cqw;
  height: 11.25cqw;
  background: #5b6770;
  border-radius: 6.25cqw;
  border: none;
  color: #ffffff;
  font-family: "Suisse Intl";
  font-size: 3.33cqw;
  cursor: pointer;
  /* 24px при viewport width 480px */
}

.phone-btn:hover {
  opacity: 0.9;
}

.phone-btn:active {
  opacity: 0.8;
}

.phone-help {
  font-family: "Suisse Intl";
  font-size: 2.5cqw;
  color: #2b2b3b;
  text-align: center;
  font-weight: 400;
  margin-top: 7.92cqw;
}

.consent-checkbox {
  width: 3.33cqw; /* Фиксированный размер в px */
  height: 3.33cqw; /* Фиксированный размер в px */
  border-radius: 4px; /* Фикирнный радиус  px */
  background: #e4e4e4;
  border: none;
  margin: 0;
  margin-top: 2.08cqw;
  margin-left: 1.04cqw;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
  flex-shrink: 0; /* Предотвращает сж��т��е чекбокса */
}

/* Силь ля отеченного состояния */
.consent-checkbox:checked {
  background: #e4e4e4;
  width: 3.33cqw; /* Фиксированный размер в px */
  height: 3.33cqw;
}

.consent-checkbox:checked::after {
  width: 3.33cqw; /* Фиксированный размер в px */
  height: 3.33cqw;
  content: "";
  position: absolute;
  background-image: url("../images/checkmark.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin: 0 auto;
}

.success-page {
  width: 100%;
  min-height: 100vh;
  background: #ffffff;
  padding: 3.33cqw;
  box-sizing: border-box;
  position: relative;
}

.success-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.logo-container {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 0;
  margin-bottom: 0cqw; /* 24px / 480px * 100 */
}

.logo {
  width: 100%;
  height: auto;
}

.success-title {
  color: #2b2b3b;
  text-align: center;
  font-family: "Suisse Intl";
  font-size: 5.83cqw; /* 28px при viewport width 480px */
  font-style: normal;
  font-weight: 500;
  line-height: 104%; /* 29.12px */
  letter-spacing: -0.117cqw; /* -0.56px ��������ри viewport width 480px */
  margin: 0;
  margin-top: 2cqw;
}

.success-subtitle {
  font-family: "Suisse Intl";
  font-size: 3.33cqw;
  line-height: 120%;
  color: #2b2b3b;
  margin: 0;
  margin-top: 1cqw;
  margin-bottom: 3cqw;
}

.access-card {
  position: relative;
  width: 83.33cqw;
  height: auto;
  margin-bottom: 6.46cqw;
}

.access-card-bg {
  width: 83.92cqw; /* 398px при viewport width 480px */
  height: 18.33cqw; /* 66.463px при viewport width 480px */
  object-fit: contain;
}

.access-card-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);

  /* Текстовые свойства */
  color: #2b2b3b;
  text-align: center;
  font-family: "Suisse Intl";
  font-size: 3.33cqw; /* 16px ��������� viewport width 480px */
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 19.2px */

  /* ополнительные свойства */
  margin: 0;
  width: 90%;
}

.features-list {
  list-style: none;
  padding: 0;
  margin: 2.08cqw 0 2.08cqw 8.75cqw; /* 10px 0 10px 42px / 480px * 100 */
}

.features-list li {
  color: #2b2b3b;
  font-family: "Suisse Intl";
  font-size: 3.33cqw; /* 16px / 480px * 100 */
  font-style: normal;
  font-weight: 400;
  line-height: 170%; /* 27.2px */
  position: relative;
  padding-left: 5cqw; /* 24px / 480px * 100 */
  margin-bottom: 1.67cqw; /* 8px / 480px * 100 */
}

.features-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 2.29cqw; /* 11px / 480px * 100 */
  height: 2.08cqw; /* 10px / 480px * 100 */
  background-image: url("../images/point2.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.care-button-1 {
  width: 56.67cqw;
  height: 11.25cqw;
  background: #cf0a2c;
  border-radius: 6.25cqw;
  border: none;
  color: #ffffff;
  font-family: "Suisse Intl";
  font-size: 3.33cqw;
  cursor: pointer;
  margin-bottom: 5cqw;
}

.hashtag {
  width: 16.67cqw;
  margin-bottom: 4.17cqw;
}

.hashtag img {
  width: 100%;
  height: auto;
}

.hashtag3 {
  width: 18.54cqw; /* 88.97px при viewport width 480px */
  height: 7.77cqw; /* 37.29px ри viewport width 480px */
  margin-top: 6.25cqw; /* 30px при viewport width 480px */
  margin-bottom: 4.17cqw;
}

.hashtag3 img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.about-page {
  width: 100%;
  min-height: 100vh;
  background: #ffffff;
  padding: 3.33cqw;
  box-sizing: border-box;
}

.about-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 8.75cqw; /* 42px */
}

.illustration {
  width: 77.18cqw; /* 370.49px */
  height: 63.78cqw; /* 306.12px */
  object-fit: contain;
  position: absolute;
  top: 13.33cqw; /* 42px */
  left: 15.42cqw; /* 74px */
}

.about-title {
  text-align: center;
  color: #2b2b3b;
  font-family: "Suisse Intl";
  font-size: 5.83cqw; /* 28px */
  font-style: normal;
  font-weight: 500; /* Medium */
  line-height: 104%; /* 29.12px */
  letter-spacing: -0.117cqw; /* -2% = -0.56px при font-size 28px */
  margin: 0;
  margin-top: 73.75cqw; /* 405px */
}

.about-subtitle {
  text-align: left;
  color: #2b2b3b;
  font-family: "Suisse Intl";
  font-size: 3.33cqw; /* 16px */
  font-style: normal;
  font-weight: 400; /* Regular */
  line-height: 120%; /* 19.2px */
  letter-spacing: 0; /* 0% */
  margin: 0;
  margin-top: 10cqw; /* 48px */
  width: 60.42cqw; /* 290px */
  height: 11.04cqw; /* 53px */
}

.status-buttons {
  display: flex;
  flex-direction: column;
  gap: 5cqw; /* 24px при viewport width 480px */
  width: 83.33cqw;
  margin-top: 9.375cqw; /* 45px при viewport width 480px */
  align-items: center; /* центрируем кнопки по горизонтали */
}

.status-button {
  width: 59.17cqw; /* 284px при viewport width 480px */
  height: 11.25cqw; /* 54px при viewport width 480px */
  background: #fff;
  border-radius: 6.25cqw; /* 30px при viewport width 480px */
  border: none;
  padding: 0 0.625cqw; /* 0 3px при viewport width 480px */
  gap: 2.08cqw; /* 10px при viewport width 480px */

  /* Текстовые стили */
  color: #2b2b3b;
  font-family: "Suisse Intl";
  font-size: 3.33cqw; /* 16px */
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  text-align: center;

  /* Дополнительные св��йс��в�� */
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.status-button:hover {
  background: #f8f8f8;
}

.hashtag3 {
  width: 18.54cqw; /* 88.97px */
  height: 7.77cqw; /* 37.29px */
  margin-top: 12.71cqw;
}

.hashtag3 img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.hashtag4 {
  width: 18.54cqw; /* 88.97px при viewport width 480px */
  height: 7.77cqw; /* 37.29px при viewport width 480px */
  margin-top: 16.46cqw; /* 79px при viewport width 480px */
}

.hashtag4 img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.pregnancy-page {
  width: 100%;
  min-height: 100vh;
  background: #ffffff;
  padding: 3.33cqw;
  box-sizing: border-box;
}

.pregnancy-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.week-illustration {
  width: 83.33cqw;
  margin-bottom: 4.17cqw;
  margin-top: 21.04cqw; /* 102px при viewport width 480px */
  margin-left: -9cqw;
}

.week-title {
  color: #2b2b3b;
  text-align: center;
  font-family: "Suisse Intl";
  font-size: 5.83cqw; /* 28px */
  font-style: normal;
  font-weight: 500;
  line-height: 104%;
  letter-spacing: -0.117cqw;
  margin: 0;
  margin-bottom: 10.42cqw; /* 50px при viewport width 480px */
}

.week-subtitle {
  color: #2b2b3b;
  text-align: center;
  font-family: "Suisse Intl";
  font-size: 3.33cqw; /* 16px */
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  margin: 0;
  margin-bottom: 4.17cqw;
}

.week-input {
  width: 33.75cqw; /* 162px пр viewport width 480px */
  height: 11.25cqw; /* 54px пр viewport width 480px */
  border: 0.21cqw solid #2b2b3b;
  border-radius: 6.25cqw; /* 30px п��и viewport width 480px */

  /* Текстовые стили */
  color: #2b2b3b;
  text-align: center;
  font-family: "Suisse Intl";
  font-size: 5.83cqw; /* 28px */
  font-style: normal;
  font-weight: 275; /* Light */
  line-height: 104%; /* 29.12px */
  letter-spacing: 0.525cqw; /* 2.52px */

  padding: 0;
  gap: 0.83cqw; /* 4px */
  margin-bottom: 5cqw; /* 24px при viewport width 480px */
}

.week-input::placeholder {
  color: #2b2b3b;
  letter-spacing: 0.525cqw; /* 2.52px */
}

.continue-button {
  width: 49.17cqw; /* 236px при viewport width 480px */
  height: 11.25cqw; /* 54px при viewport width 480px */
  background: #fff;
  border-radius: 6.25cqw;
  border: none;
  color: #2b2b3b;
  font-family: "Suisse Intl";
  font-size: 3.33cqw; /* 16px */
  font-weight: 400;
  line-height: 120%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.illustration {
  width: 77.08cqw; /* 55.84cqw при viewport width 480px */
  height: 63.75cqw; /* 50.63cqw при viewport width 480px */
  object-fit: contain;
}

.illustration2 {
  width: 72.262cqw; /* 346.86px / 480px * 100 */
  height: 67.756cqw; /* 325.23px / 480px * 100 */
  object-fit: contain;
  margin-bottom: 4.167cqw; /* 20px / 480px * 100 */
}

.menu-page {
  width: 100%;
  min-height: 100vh;
  background: #fff;
  padding: 3.33cqw;
  box-sizing: border-box;
  position: relative;
}

.logo-section {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 11.46cqw; /* 55px при viewport width 480px */
  margin-bottom: 10.21cqw; /* 49px при viewport width 480px */
}

.menu-intro {
  width: 92.5cqw; /* 444px при viewport width 480px */
  height: 9.375cqw; /* 45px при viewport width 480px */
  flex-shrink: 0;
  margin-bottom: 0;
  white-space: nowrap;

  /* Текстовые стили */
  color: #2b2b3b;
  text-align: center;
  font-family: "Suisse Intl";
  font-size: 6.67cqw; /* 32px */
  font-style: normal;
  font-weight: 500;
  line-height: 104%; /* 33.28px */
  letter-spacing: -0.133cqw; /* -0.64px при viewport width 480px */
}

.menu-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 3.33cqw; /* Отступ между элментами */
  padding: 0;
  margin-right: 3.75cqw; /* 18px при viewport width 480px */
}

.menu-item {
  position: relative;
  display: flex;
  align-items: flex-start;
  width: 44.79cqw; /* 215px п��и viewport width 480px */
  height: 33.69cqw; /* 161.692px при viewport width 480px */
  border-radius: 3.37cqw; /* 16.169px при viewport width 480px */
  flex-shrink: 0;
  background: #ffffff;
  padding: 4.17cqw 0 3.33cqw 3.33cqw; /* Отступ только слева и вертикальне */
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
}

.menu-item2 {
  position: relative;
  display: flex;
  align-items: flex-start;
  width: 44.79cqw; /* 215px при viewport width 480px */
  height: 33.69cqw; /* 161.692px при viewport width 480px */
  border-radius: 3.37cqw; /* 16.169px при viewport width 480px */
  flex-shrink: 0;
  background: #d0d4d9;
  padding: 4.17cqw 0 3.33cqw 3.33cqw; /* О��сту�� только слев и вертикальные */
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
}

.menu-item3 {
  position: relative;
  display: flex;
  align-items: flex-start;
  width: 44.79cqw; /* 215px при viewport width 480px */
  height: 33.69cqw; /* 161.692px при viewport width 480px */
  border-radius: 3.37cqw; /* 16.169px при viewport width 480px */
  flex-shrink: 0;
  background: #d0d4d9;
  padding: 4.17cqw 0 3.33cqw 3.33cqw; /* О��сту�� только слев и вертикальные */
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
}

.menu-item4 {
  position: relative;
  display: flex;
  align-items: flex-start;
  width: 44.79cqw; /* 215px при viewport width 480px */
  height: 33.69cqw; /* 161.692px при viewport width 480px */
  border-radius: 3.37cqw; /* 16.169px при viewport width 480px */
  flex-shrink: 0;
  background: #f8efdd;
  padding: 4.17cqw 0 3.33cqw 3.33cqw; /* О��сту�� только слев и вертикальные */
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
}

.menu-icon {
  position: absolute;
  top: -2.08cqw; /* -10px */
  right: -2.08cqw; /* -10px */
  width: 20.83cqw; /* 100px */
  height: 20.83cqw; /* 100px */
  z-index: 1; /* Помещаем на задний план */
}

.menu-text {
  display: flex;
  flex-direction: column;
  justify-content: space-between; /* Распределем пространство между элементами */
  height: 100%; /* Занимаем всю высоту контейнера */
  position: relative;
  z-index: 2;
}

.menu-text h3 {
  color: #2b2b3b;
  font-family: "Suisse Intl";
  font-size: 4.375cqw; /* 21px при viewport width 480px */
  font-style: normal;
  font-weight: 500;
  line-height: 101%; /* 21.21px */
  letter-spacing: -0.0875cqw; /* -0.42px при viewport width 480px */
  margin: 0;
  text-align: left;
}

.menu-text p {
  color: #2b2b3b;
  font-family: "Suisse Intl";
  font-size: 2.71cqw; /* 13px пи viewport width 480px */
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 15.6px */
  margin: 0;
  text-align: left;
}

.bottom-nav {
  display: flex;
  width: auto;
  height: 17.5cqw;
  padding: 1.04cqw 1.25cqw;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  border-radius: 16.25cqw;
  background: #cf0a2c;
  position: fixed;
  bottom: 4.17cqw;
  left: 50%;
  transform: translateX(-50%);
  gap: 0.83cqw;
  z-index: 999;
}

.nav-button1 {
  width: 15.42cqw;
  height: 15.42cqw;
  background: none;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.nav-button2 {
  width: 15.42cqw;
  height: 15.42cqw;
  background: none;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.nav-button3 {
  width: 15.42cqw;
  height: 15.42cqw;
  background: none;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.nav-button4 {
  width: 15.42cqw;
  height: 15.42cqw;
  background: none;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.nav-button5 {
  width: 15.42cqw;
  height: 15.42cqw;
  background: none;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.nav-button1 img {
  width: 5.83cqw; /* 23px при viewport width 480px */
  height: 5.83cqw; /* 24px при viewport width 480px */
  object-fit: contain;
}

.nav-button2 img {
  width: 5.8cqw; /* 23px при viewport width 480px */
  height: 5.8cqw; /* 24px при viewport width 480px */
  object-fit: contain;
}

.nav-button3 img {
  width: 6.04cqw; /* 23px при viewport width 480px */
  height: 5.21cqw; /* 24px при viewport width 480px */
  object-fit: contain;
}

.nav-button4 img {
  width: 5.42cqw; /* 23px при viewport width 480px */
  height: 4.58cqw; /* 24px при viewport width 480px */
  object-fit: contain;
}

.nav-button5 img {
  width: 4.58cqw; /* 23px при viewport width 480px */
  height: 4.58cqw; /* 24px при viewport width 480px */
  object-fit: contain;
}

.start-button {
  display: flex;
  width: 32.5cqw; /* 156px / 480px * 100 */
  height: 11.25cqw; /* 54px / 480px * 100 */
  padding-top: 0.625cqw; /* 3px / 480px * 100 */
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  justify-content: center;
  align-items: center;
  gap: 2.08cqw; /* 10px / 480px * 100 */
  flex-shrink: 0;
  border-radius: 7.5cqw; /* 36px / 480px * 100 */
  background: #ce132d;
  border: none;
  cursor: pointer;
  margin-top: 6.875cqw; /* 33px / 480px * 100 */
  margin-bottom: 0;

  /* Стили текста */
  color: #fff;
  text-align: center;
  font-family: "Suisse Intl";
  font-size: 3.33cqw; /* 16px / 480px * 100 */
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 19.2px */
}

.main-logo2 {
  width: 64.17cqw; /* 308px ри viewport width 480px */
  height: 54.58cqw; /* 262px пр viewport width 480px */
  object-fit: contain;
}

.get-policy {
  width: 92.5cqw; /* 444px при viewport width 480px */
  height: 5cqw; /* 24px при viewport width 480px */
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 2.5cqw; /* 12px */
  margin-bottom: 28.75cqw; /* 138px */
}

.policy-subtitle {
  color: #acb5bf;
  text-align: center;
  font-family: "Suisse Intl";
  font-size: 2.08cqw; /* 10px при viewport width 480px */
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 11px */
  margin: 0;
}

/* Базовые стил�� для всех иконок */
.menu-icon {
  width: 10.42cqw; /* Базовый размер */
  height: 10.42cqw;
  margin-right: 4.17cqw;
}

/* Индивидуальные настройки для каждой конки */
.icon-checklist {
  position: absolute;
  top: 1.46cqw;
  left: 22.92cqw;
  width: 22.92cqw; /* 62.16px / 480px * 100 */
  height: 20.21cqw; /* 89.83px / 480px * 100 */
  object-fit: contain;
}

.icon-calendar {
  position: absolute;
  top: 2.92cqw;
  left: 27.71cqw;
  width: 14.33cqw; /* 68.76px / 480px * 100 */
  height: 14.46cqw; /* 69.42px / 480px * 100 */
  object-fit: contain;
}

.icon-hotline {
  position: absolute;
  top: 18.75cqw;
  left: 24.58cqw;
  width: 18.13cqw;
  height: 14.17cqw;
  object-fit: contain;
}

.icon-diary {
  position: absolute;
  top: 4.38cqw;
  left: 21.25cqw;
  width: 22.08cqw;
  height: 25.21cqw;
  object-fit: contain;
}

.icon-memorable {
  position: absolute;
  top: 1.88cqw;
  left: 20.63cqw;
  width: 20cqw;
  height: 16.67cqw;
  object-fit: contain;
}

.icon-mg-photo {
  position: absolute;
  top: 0.83cqw;
  left: 25.63cqw;
  width: 17.71cqw;
  height: 18.96cqw;
  object-fit: contain;
}

.icon-settings {
  position: absolute;
  top: 3.33cqw;
  left: 27.08cqw;
  width: 14.17cqw;
  height: 13.54cqw;
  object-fit: contain;
}

.icon-stickers {
  position: absolute;
  top: 3.33cqw;
  left: 25.08cqw;
  width: 18.17cqw;
  height: 17.54cqw;
  object-fit: contain;
}

.icon-help {
  position: absolute;
  top: 3.13cqw;
  left: 26.67cqw;
  width: 15cqw;
  height: 11.25cqw;
  object-fit: contain;
}

.icon-online-helper {
  width: 20.42cqw;
  height: 20.42cqw;
  margin-right: 4.17cqw;
  position: absolute;
  top: -0.08cqw;
  right: -4.08cqw;
  z-index: 1;
}

.icon-doctor {
  position: absolute;
  top: 3.13cqw;
  left: 26.67cqw;
  width: 15.83cqw;
  height: 14.58cqw;
  object-fit: contain;
}

.icon-name-generator {
  position: absolute;
  top: 3.13cqw;
  left: 14.67cqw;
  width: 34.83cqw;
  height: 18.58cqw;
  object-fit: contain;
}

.icon-faq {
  position: absolute;
  top: 3.13cqw;
  left: 12.67cqw;
  width: 34.83cqw;
  height: 18.58cqw;
  object-fit: contain;
}

.icon-game {
  position: absolute;
  top: 3.13cqw;
  left: 12.67cqw;
  width: 34.83cqw;
  height: 18.58cqw;
  object-fit: contain;
}

.icon-faq_mom {
  position: absolute;
  top: 3.13cqw;
  left: 12.67cqw;
  width: 34.83cqw;
  height: 18.58cqw;
  object-fit: contain;
}

.icon-oms_policy {
  position: absolute;
  top: 6.13cqw;
  left: 19.67cqw;
  width: 34.83cqw;
  height: 12.58cqw;
  object-fit: contain;
}

.super-care {
  position: relative;
  width: 92.5cqw; /* 444px / 480px * 100 */
  height: 49.58cqw; /* 238px / 480px * 100 */
  flex-shrink: 0;
  border-radius: 5cqw; /* 24px / 480px * 100 */
  background: #f8efdd;
  padding-top: 4.79cqw; /* 23px / 480px * 100 */
  padding-right: 2.71cqw; /* 13px / 480px * 100 */
  padding-bottom: 2.5cqw; /* 12px / 480px * 100 */
  padding-left: 5cqw; /* 24px / 480px * 100 */
  margin-top: 2.5cqw;
}

.super-care-title {
  color: #2b2b3b;
  font-family: "Suisse Intl";
  font-size: 4.375cqw; /* 21px / 480px * 100 */
  font-style: normal;
  font-weight: 500;
  line-height: 101%;
  letter-spacing: -0.0875cqw;
  padding-right: 1.25cqw; /* 6px / 480px * 100 */
  margin-bottom: 2.08cqw;
}

.super-care-subtitle {
  text-align: left;
  color: #2b2b3b;
  font-family: "Suisse Intl";
  font-size: 3.33cqw;
  font-weight: 400;
  line-height: 120%;
  padding-right: 1.25cqw; /* 6px / 480px * 100 */
  margin-bottom: 4.17cqw;
}

.start-button {
  display: block;
  text-align: center;
}

.lock-icon {
  position: absolute;
  width: 40.21cqw; /* 193px / 480px * 100 */
  height: 28.54cqw; /* 137px / 480px * 100 */
  top: 15.83cqw;
  right: 6.88cqw;
}

.no-found-page {
  padding: 0 3.75cqw; /* 18px / 480px * 100 */
  position: relative;
  min-height: 100vh;
}

.logo-container {
  margin-top: 0;
  padding: 0;
}

.mama-super-logo3 {
  width: 61.25cqw; /* 120px / 480px * 100 */
  height: auto;
  margin-top: 5.83cqw; /* 28px / 480px * 100 */
}

.no-found-title {
  color: #2b2b3b;
  text-align: center;
  font-family: "Suisse Intl";
  font-size: 4.375cqw; /* 21px / 480px * 100 */
  font-style: normal;
  font-weight: 500;
  line-height: 101%; /* 21.21px */
  letter-spacing: -0.0875cqw; /* -0.42px / 480px * 100 */
  margin: 0 0 10.83cqw 0; /* 0 0 52px 0 / 480px * 100 */
}

.basic-features {
  position: relative;
  z-index: 1;
}

.basic-subtitle {
  position: relative;
  z-index: 2;
  color: #2b2b3b;
  font-family: "Suisse Intl";
  font-size: 3.33cqw; /* 16px / 480px * 100 */
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  padding-top: 7.08cqw; /* 34px / 480px * 100 */
  margin: 0;
}

.basic-list {
  position: relative;
  z-index: 2;
  list-style: none;
  padding: 0;
  margin: 2.08cqw 0 0 0; /* 10px 0 0 0 / 480px * 100 */
  display: flex;
  gap: 0;
}

.basic-list li {
  flex: 1;
  color: #2b2b3b;
  font-family: "Suisse Intl";
  font-size: 2.71cqw; /* 13px / 480px * 100 */
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 15.6px */
  position: relative;
  padding-left: 4.17cqw; /* 20px / 480px * 100 */
  text-align: left;
}

.basic-list li:first-child {
  margin-left: 15.625cqw; /* 75px / 480px * 100 */
}

.basic-list li::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 3.125cqw; /* 15px / 480px * 100 */
  height: 3.96cqw; /* 19px / 480px * 100 */
  background-image: url("../images/heart.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.super-mode-features {
  position: relative;
  margin-top: 22.92cqw; /* 73px / 480px * 100 */
  z-index: 1;
}

.super-subtitle,
.policy-text {
  font-size: 3.33cqw; /* 16px / 480px * 100 */
  line-height: 130%;
  color: #2b2b3b;
  margin-bottom: 2.08cqw; /* 10px / 480px * 100 */
}

.features-list {
  list-style: none;
  padding: 0;
  margin: 2.08cqw 0 2.08cqw 8.75cqw; /* 10px 0 10px 42px / 480px * 100 */
}

.features-list li {
  font-size: 3.33cqw; /* 16px / 480px * 100 */
  line-height: 130%;
  color: #2b2b3b;
  margin-bottom: 1.67cqw; /* 8px / 480px * 100 */
  position: relative;
  padding-left: 3.54cqw; /* 24px / 480px * 100 */
}

.features-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 2.29cqw; /* 11px / 480px * 100 */
  height: 2.08cqw; /* 10px / 480px * 100 */
  background-image: url("../images/point2.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.action-buttons {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2.29cqw; /* 11px / 480px * 100 */
  margin-top: 20cqw; /* 96px / 480px * 100 */
}

.super-care-button,
.basic-care-button,
.already-client-button {
  width: 92.5cqw; /* 444px / 480px * 100 */
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Suisse Intl";
  font-size: 3.33cqw; /* 16px / 480px * 100 */
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}

.super-care-button {
  display: flex;
  width: 79.17cqw; /* 380px / 480px * 100 */
  height: 11.25cqw; /* 54px / 480px * 100 */
  padding: 0.625cqw 0; /* 3px 0px / 480px * 100 */
  justify-content: center;
  align-items: center;
  gap: 2.08cqw; /* 10px / 480px * 100 */
  flex-shrink: 0;
  border-radius: 7.5cqw; /* 36px / 480px * 100 */
  background: #cf0a2c;
  color: #ffffff;
  border: none;
  font-family: "Suisse Intl";
  font-size: 3.33cqw; /* 16px / 480px * 100 */
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}

.basic-care-button {
  display: flex;
  width: 79.17cqw; /* 380px / 480px * 100 */
  height: 11.25cqw; /* 54px / 480px * 100 */
  padding: 0.625cqw 0; /* 3px 0px / 480px * 100 */
  justify-content: center;
  align-items: center;
  gap: 2.08cqw; /* 10px / 480px * 100 */
  flex-shrink: 0;
  border-radius: 7.5cqw; /* 36px / 480px * 100 */
  background: #5b6770;
  color: #ffffff;
  border: none;
  font-family: "Suisse Intl";
  font-size: 3.33cqw; /* 16px / 480px * 100 */
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}

.already-client-button {
  display: flex;
  width: 79.17cqw; /* 380px / 480px * 100 */
  height: 11.25cqw; /* 54px / 480px * 100 */
  padding: 0.625cqw 0; /* 3px 0px / 480px * 100 */
  justify-content: center;
  align-items: center;
  gap: 2.08cqw; /* 10px / 480px * 100 */
  flex-shrink: 0;
  border-radius: 7.5cqw; /* 36px / 480px * 100 */
  background: #5b6770;
  color: #ffffff;
  border: none;
  font-family: "Suisse Intl";
  font-size: 3.33cqw; /* 16px / 480px * 100 */
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}

.hashtag {
  display: flex;
  justify-content: center;
  margin-top: 6.25cqw; /* 30px / 480px * 100 */
  margin-bottom: 4.17cqw; /* 20px / 480px * 100 */
}

.hashtag img {
  width: 12.5cqw; /* 60px / 480px * 100 */
  height: auto;
}

.red-line {
  display: block;
  width: 48.13cqw; /* 231px / 480px * 100 */
  height: auto; /* 7px / 480px * 100 */
  object-fit: contain;
  margin: 0 auto 2.08cqw; /* 0 auto 10px / 480px * 100 */
}

.backgraund {
  position: absolute;
  width: 82.5cqw; /* 396px / 480px * 100 */
  height: 69.375cqw; /* 333px / 480px * 100 */
  margin-top: 0cqw;

  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
  object-fit: contain;
}

.features-icons {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 0.83cqw;
}

.feature-icon {
  width: 69.58cqw; /* 334px / 480px * 100 */
  height: 26.67cqw; /* 128px / 480px * 100 */
  object-fit: contain;
}

.features-title {
  color: #2b2b3b;
  font-family: "Suisse Intl";
  font-size: 3.33cqw; /* 16px / 480px * 100 */
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  margin-bottom: 2.92cqw; /* 14px / 480px * 100 */
  margin-top: 0;
}

.policy-text {
  color: #2b2b3b;
  text-align: center;
  font-family: "Suisse Intl";
  font-size: 3.333cqw; /* 16px / 480px * 100 */
  font-style: normal;
  font-weight: 500;
  line-height: 101%; /* 16.16px */
  letter-spacing: -0.067cqw; /* -0.32px / 480px * 100 */
  padding-top: 5cqw;
  max-width: 80cqw;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: -0.1cqw;
}

.backgraund2 {
  position: absolute;
  width: 82.08cqw; /* 396px / 480px * 100 */
  height: 27.92cqw; /* 333px / 480px * 100 */
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}

.hashtag5,
.hashtag6 {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto 4.167cqw; /* 0 auto 20px / 480px * 100 */
}

.hashtag5 img,
.hashtag6 img {
  width: auto;
  height: auto;
}

.checklist-page {
  width: 100%;
  margin: 0 auto;
  font-family: "Suisse Intl", sans-serif;
}

.checklist-page .container {
  width: 100%;
  padding: 3.333cqw 5.208cqw;
}

.checklist-page .header-section {
  padding-right: 4.167cqw;
  /* padding-top: 10.917cqw; */
  margin-bottom: 0;
}

.checklist-page .title {
  font-size: 6.667cqw;
  line-height: 7.333cqw;
  letter-spacing: -0.02em;
  color: #2b2b3b;
  margin-bottom: 2.083cqw;
  text-align: left;
}

.checklist-page .subtitle {
  font-size: 2.917cqw;
  line-height: 3.5cqw;
  color: #2b2b3b;
  text-align: left;
  margin-bottom: 1cqw;
}

.checklist-page .filters-container {
  display: flex;
  gap: 0.833cqw;
  overflow-x: auto;
  padding-right: 4.167cqw;
  margin: 4.375cqw 0 3.333cqw;
}

.checklist-page .filter-icon {
  width: 11.25cqw;
  height: 11.25cqw;
  border-radius: 50%;
  background-color: #5b6770;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.checklist-page .filter-button {
  height: 11.25cqw;
  padding: 0 4.167cqw;
  border-radius: 11.25cqw;
  background-color: #ffffff;
  display: flex;
  align-items: center;
  gap: 2.083cqw;
  border: none;
  white-space: nowrap;
}

.checklist-page .filter-button span {
  font-size: 3.333cqw;
  color: #2b2b3b;
}

.checklist-page .counter {
  width: 5cqw;
  height: 5cqw;
  border-radius: 50%;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}

.checklist-page .counter span {
  font-size: 14px;
  color: #000;
}

.checklist-page .checklist-cards {
  display: flex;
  flex-direction: column;
  gap: 4.167cqw;
  margin-bottom: 14.375cqw; /* 69px / 480px * 100 */
}

.checklist-page .checklist-card {
  background-color: #ce132c00;
  border-radius: 5cqw;
  padding: 2.5cqw;
  position: relative;
  overflow: hidden;
  width: 92.5cqw;
  height: 47.917cqw;
}
.card-title {
  color: #fff;
  font-family: "Suisse Intl";
  font-size: 5.833cqw; /* 28px / 480px * 100 */
  font-style: normal;
  font-weight: 500;
  line-height: 99%;
  letter-spacing: -0.117cqw; /* -0.56px / 480px * 100 */
}

/* Стили дл�� кнопки просмотра */
.view-button {
  width: 32.5cqw; /* 156px */
  height: 11.25cqw; /* 54px */
  padding: 0.625cqw 0; /* 3px 0 */
  border-radius: 6.25cqw; /* 30px */
  background: #ffffff;
  border: none;
  margin-top: auto; /* Прижимает кнопку к низу */

  /* Текстовые стили */
  color: #cf0a2c;
  font-family: "Suisse Intl";
  font-size: 3.33cqw; /* 16px */
  font-weight: 400;
  line-height: 120%;
  text-align: center;

  /* Доплнительные свойства */
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.view-button:hover {
  opacity: 0.9;
}

.view-button:active {
  opacity: 0.8;
}

.card-decoration {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%; /* Изменено с 41.67cqw на 100% */
  height: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  /* Добавлено, чтобы изображение было под контентом */
}

.card-decoration img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* Изменено с contain на cover */
}

.card-content {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  z-index: 1; /* Добавлено, чтобы контент был над изоражением */
  align-items: flex-start;
}

.warning-section {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin: 4.167cqw 0; /* 20px / 480px * 100 */
}

.warning-section img {
  width: 9.58cqw; /* 24px / 480px * 100 */
  height: 8.96cqw;
  opacity: 1;
  margin-bottom: 2.083cqw; /* 10px / 480px * 100 */
}

.warning-section p {
  color: #2b2b3b;
  text-align: center;
  font-family: "Suisse Intl";
  font-size: 2.5cqw; /* 12px / 480px * 100 */
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 14.4px */
}

.license-info {
  color: #acb5bf;
  text-align: center;
  font-family: "Suisse Intl";
  font-size: 2.083cqw; /* 10px / 480px * 100 */
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 11px */
  margin: 0 auto 26.667cqw; /* 0 auto 128px / 480px * 100 */
  padding: 0 4.167cqw;
  width: 97.708cqw; /* 469px / 480px * 100 */
  margin-left: auto;
  margin-right: auto;
}

.protection-title,
.protection-list li {
  color: #2b2b3b;
  font-family: "Suisse Intl";
  font-size: 3.333cqw; /* 16px / 480px * 100 */
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 19.2px */
  margin-left: 7.08cqw;
  text-align: left;
}

.protection-list {
  list-style: none;
  padding: 0;
  margin-left: 7.08cqw;
  margin-bottom: 5cqw;
}

.protection-list li {
  margin-bottom: 2.083cqw; /* 10px / 480px * 100 */
  margin-left: 4.167cqw; /* 20px / 480px * 100 */
  position: relative;
  margin-left: 5cqw;
}

.protection-list li:before {
  content: "•";
  position: absolute;
  left: -4.167cqw;
}

.important-note {
  color: #2b2b3b;
  font-family: "Suisse Intl";
  font-size: 3.333cqw;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  margin-left: 7.08cqw;
  text-align: left;
  margin-bottom: 5cqw;
}

.buttons-container {
  display: flex;
  flex-direction: column;
  gap: 5cqw;
  margin-bottom: 8.333cqw;
  margin-top: 10cqw;
}

.vaccination-title {
  margin-top: 17.5cqw;
  text-align: center;
}

.vaccination-age {
  margin-top: 5cqw;
  text-align: left;
  margin-left: 7.08cqw;
}

.mark-done-button {
  display: flex;
  width: 70cqw; /* 336px / 480px * 100 */
  height: 11.25cqw; /* 54px / 480px * 100 */
  padding: 0.625cqw 0; /* 3px 0px / 480px * 100 */
  justify-content: center;
  align-items: center;
  flex-shrink: 0;

  border-radius: 6.25cqw; /* 30px / 480px * 100 */
  background: #cf0a2c;
  border: none;
  color: #ffffff;
  font-family: "Suisse Intl";
  font-size: 3.333cqw;
  font-weight: 400;
  cursor: pointer;

  /* Центрирование кнопки */
  margin: 0 auto;
}

.reschedule-button,
.learn-more-button,
.doctor-appointment-button {
  display: flex;
  width: 70cqw; /* 336px / 480px * 100 */
  height: 11.25cqw; /* 54px / 480px * 100 */
  padding: 0.625cqw 0; /* 3px 0px / 480px * 100 */
  justify-content: center;
  align-items: center;
  /* 10px / 480px * 100 */
  flex-shrink: 0;

  border-radius: 6.25cqw; /* 30px / 480px * 100 */
  background: #5b6770;
  border: none;
  color: #ffffff;
  font-family: "Suisse Intl";
  font-size: 3.333cqw;
  cursor: pointer;

  /* Центрирование кнопки */
  margin: 0 auto;
}

.oms-tag {
  color: #e31e24;
  font-family: "Suisse Intl";
  font-size: 3.333cqw;
  font-weight: 500;
  text-align: center;
}

.header-image {
  width: 88.542cqw; /* 425px / 480px * 100 */
  height: 52.917cqw; /* 254px / 480px *100 */
  flex-shrink: 0;
  margin: 0 auto;
  margin-top: 6.042cqw; /* 29px / 480px *100 */
  overflow: hidden;
  border-radius: 4.167cqw; /* 20px / 480px *100 */
}

.header-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.title {
  font-family: "Suisse Intl";
  font-size: 5.833cqw; /* 28px */
  font-weight: 500;
  color: #2b2b3b;
  margin-bottom: 2.083cqw;
}

.description {
  font-family: "Suisse Intl";
  font-size: 3.333cqw; /* 16px */
  line-height: 120%;
  color: #2b2b3b;
  margin-bottom: 4.167cqw;
}

.download-button {
  display: flex;
  width: 35cqw; /* 168px / 480px * 100 */
  height: 11.25cqw; /* 54px / 480px * 100 */
  padding: 0.625cqw 0; /* 3px 0px / 480px * 100 */
  justify-content: center;
  align-items: center;
  gap: 2.083cqw; /* 10px / 480px * 100 */

  border-radius: 6.25cqw; /* 30px / 480px * 100 */
  background: #cf0a2c;
  border: none;

  /* Текстовые стили */
  color: #ffffff;
  font-family: "Suisse Intl";
  font-size: 3.333cqw; /* 16px / 480px * 100 */
  font-weight: 400;
  line-height: 120%;

  margin: 0 auto;
  cursor: pointer;
}

.card-content {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
}

.left-content {
  display: flex;
  flex-direction: column;
  gap: 0.833cqw; /* 4px / 480px * 100 */
}

.recommended-time {
  color: rgba(43, 43, 59, 0.5); /* полупрозрачный основной цвет */
  font-family: "Suisse Intl";
  font-size: 2.5cqw; /* 12px / 480px * 100 */
  font-weight: 400;
  line-height: 120%;
}

.right-content {
  display: inline-fl;
  align-items: flex-start;
  gap: 2.083cqw; /* 10px / 480px * 100 */
  margin-left: auto;
}

.date-status-group {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.833cqw; /* 4px / 480px * 100 - выравнивание с названием */
}

.status {
  color: #acb5bf;
  font-family: "Suisse Intl";
  font-size: 2.5cqw;
  font-weight: 400;
  text-align: center;
}

.forward-button {
  width: 6.875cqw;
  height: 6.875cqw;
  border-radius: 416.667cqw;
  border: none;
  background: transparent;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 0.833cqw; /* 4px / 480px * 100 - выравнивани с названием */
}

.child-info-page {
  padding: 3.333cqw; /* 16px / 480px * 100 */
  position: relative;
  height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.content {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  width: 100%;
  margin-top: 0cqw; /* 38px / 480px * 100 */
}

.description {
  color: rgba(43, 43, 59, 0.5);
  font-family: "Suisse Intl";
  font-size: 2.917cqw; /* 14px / 480px * 100 */
  line-height: 120%;
  margin: 4.167cqw 0; /* 20px / 480px * 100 */
}

.info-input {
  display: flex;
  width: 71.875cqw; /* 346px / 480px * 100 */
  height: 11.25cqw; /* 54px / 480px * 100 */
  padding: 0.625cqw 3.333cqw; /* 3px 16px / 480px * 100 */
  align-items: left;
  gap: 2.083cqw; /* 10px / 480px * 100 */
  border-radius: 6.25cqw; /* 30px / 480px * 100 */
  border: 0.208cqw solid #2b2b3b; /* 1px / 480px * 100 */
  background: #fff;
  margin-bottom: 5cqw; /* 10px / 480px * 100 */

  /* Текстовые стили */
  color: #2b2b3b;
  text-align: center;
  font-family: "Suisse Intl";
  font-size: 3.333cqw; /* 16px / 480px * 100 */
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 19.2px */
}

.info-input::placeholder {
  color: #2b2b3b;
  text-align: left;
  font-family: "Suisse Intl";
  font-size: 3.333cqw; /* 16px / 480px * 100 */
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}

.waiting-button {
  display: flex;
  width: 49.167cqw; /* 236px / 480px * 100 */
  height: 11.25cqw; /* 54px / 480px * 100 */
  padding: 0.625cqw 0; /* 3px 0px / 480px * 100 */
  justify-content: center;
  align-items: center;
  gap: 2.083cqw; /* 10px / 480px * 100 */
  flex-shrink: 0;

  border-radius: 6.25cqw; /* 30px / 480px * 100 */
  background: #fff;
  border: none;

  /* Текстовые стили */
  color: #2b2b3b;
  text-align: center;
  font-family: "Suisse Intl";
  font-size: 3.333cqw; /* 16px / 480px * 100 */
  font-style: normal;
  font-weight: 400;
  line-height: 120%;

  margin-top: 4.167cqw; /* 20px / 480px * 100 */
  margin-bottom: 0cqw; /* 10px / 480px * 100 */
  cursor: pointer;
}

.hashtag {
  margin-top: auto;
  margin-bottom: 4.167cqw; /* 20px / 480px * 100 */
}

.description3 {
  color: #2b2b3b;
  text-align: center;
  font-family: "Suisse Intl";
  font-size: 3.333cqw; /* 16px / 480px * 100 */
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  margin-top: 5cqw; /* 20px / 480px * 100 */
  margin-bottom: 5cqw; /* 20px / 480px * 100 */
}

.description3 .bold {
  font-weight: 700;
}

.hashtag-text2 {
  width: 67.171cqw; /* 322.23px / 480px * 100 */
  height: 39.046cqw; /* 187.42px / 480px * 100 */
  margin-top: -12.5cqw; /* 40px / 480px * 100 */
}

.hashtag-text2 img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.congratulations-page {
  padding: 3.333cqw; /* 16px / 480px * 100 */
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 100vh;
}

.illustration3 {
  width: 41.667cqw; /* 200px / 480px * 100 */
  height: 41.667cqw;
  margin-bottom: 4.167cqw; /* 20px / 480px * 100 */
}

.congrats-title {
  color: #2b2b3b;
  text-align: center;
  font-family: "Suisse Intl";
  font-size: 5.833cqw; /* 28px / 480px * 100 */
  font-weight: 500;
  line-height: 101%;
  letter-spacing: -0.117cqw;
  margin-bottom: 9.583cqw; /* 46px / 480px * 100 */
}

.congrats-description {
  color: #2b2b3b;
  text-align: center;
  font-family: "Suisse Intl";
  font-size: 3.333cqw; /* 16px / 480px * 100 */
  font-weight: 400;
  line-height: 120%;
  margin-bottom: 11.67cqw; /* 40px / 480px * 100 */
}

.return-button {
  display: flex;
  width: 49.167cqw; /* 236px / 480px * 100 */
  height: 11.25cqw; /* 54px / 480px * 100 */
  padding: 0.625cqw 0;
  justify-content: center;
  align-items: center;
  border-radius: 6.25cqw;
  background: #fff;
  border: none;
  margin-bottom: 31.25cqw;

  color: #2b2b3b;
  text-align: center;
  font-family: "Suisse Intl";
  font-size: 3.333cqw;
  font-weight: 400;
  line-height: 120%;
  cursor: pointer;
}

.hashtag-oms {
  width: 16.667cqw; /* 80px / 480px * 100 */
  /* 150px / 480px * 100 */
}

.hashtag-oms img {
  width: 100%;
  height: auto;
}
.illustration4 {
  width: 62.225cqw; /* 298.68px / 480px * 100 */
  height: 54.583cqw; /* 262px / 480px * 100 */
  margin-top: 11.25cqw; /* 54px / 480px * 100 */
  margin-bottom: 7.292cqw; /* 35px / 480px * 100 */
}

.illustration4 img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.congratulations2-page {
  padding: 3.333cqw;
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 100vh;
  background: #ffffff;
}

.illustration4 {
  width: 62.5cqw;
  margin-bottom: 4.167cqw;
}

.hashtag-title {
  width: 67.131cqw; /* 322.23px / 480px * 100 */
  height: 39.046cqw; /* 187.42px / 480px * 100 */
  margin-top: -14.902cqw; /* -71.53px / 480px * 100 */
  margin-bottom: -11.892cqw; /* -57.08px / 480px * 100 */
}

.hashtag-title img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.help-text {
  color: #2b2b3b;
  text-align: center;
  font-family: "Suisse Intl";
  font-size: 4.167cqw;
  font-weight: 500;
  line-height: 120%;
  margin-bottom: 6.25cqw;
}

.waiting-description {
  color: #2b2b3b;
  text-align: center;
  font-family: "Suisse Intl";
  font-size: 3.333cqw;
  font-weight: 400;
  line-height: 120%;
  margin-bottom: 8.333cqw;
}

.continue-button {
  width: 49.167cqw;
  height: 11.25cqw;
  border-radius: 6.25cqw;
  background: #fff;
  border: none;
  color: #2b2b3b;
  font-family: "Suisse Intl";
  font-size: 3.333cqw;
  margin-bottom: 8.333cqw;
  cursor: pointer;
}

.hashtag-oms {
  width: 16.667cqw;
  margin-top: auto;
}
.continue-button2 {
  width: 49.167cqw; /* 236px / 480px * 100 */
  height: 11.25cqw; /* 54px / 480px * 100 */
  border-radius: 6.25cqw; /* 30px / 480px * 100 */
  background: #fff;
  border: none;
  color: #2b2b3b;
  font-family: "Suisse Intl";
  font-size: 3.333cqw; /* 16px / 480px * 100 */
  margin-bottom: 31.25cqw; /* 150px / 480px * 100 */
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.help-text2 {
  color: #2b2b3b;
  text-align: center;
  font-family: "Suisse Intl";
  font-size: 5.833cqw; /* 28px / 480px * 100 */
  font-style: normal;
  font-weight: 500;
  line-height: 104%;
  letter-spacing: -0.117cqw; /* -0.56px / 480px * 100 */
  margin-bottom: 8.13cqw; /* 20px / 480px * 100 */
}

.waiting-description2 {
  color: #2b2b3b;
  text-align: center;
  font-family: "Suisse Intl";
  font-size: 3.333cqw; /* 16px / 480px * 100 */
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 19.2px */
  margin-bottom: 10cqw; /* 48px / 480px * 100 */
}

.maternity-page {
  padding: 3.333cqw;
  background: #ffffff;
  min-height: 100vh;
}

.header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 4.167cqw;
}

.oms-tag {
  color: #e31e24;
  font-family: "Suisse Intl";
  font-size: 3.333cqw; /* 16px */
  font-weight: 500;
}

.close-button {
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
}

.maternity-title {
  color: #2b2b3b;
  text-align: center;
  font-family: "Suisse Intl";
  font-size: 5.833cqw; /* 28px / 480px * 100 */
  font-weight: 500;
  line-height: 120%;
  margin-bottom: 5cqw; /* 24px / 480px * 100 */
  margin-top: 7.5cqw;
}

.maternity-description {
  color: #2b2b3b;
  font-family: "Suisse Intl";
  font-size: 3.333cqw; /* 16px / 480px * 100 */
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -0.067cqw; /* -0.32px / 480px * 100 */
  text-align: center;
  margin: 0 auto;
  margin-bottom: 5cqw; /* Обновлен��ый отступ */
}

.download-button {
  width: 49.167cqw; /* 236px */
  height: 11.25cqw; /* 54px */
  border-radius: 6.25cqw;
  background: #e31e24;
  border: none;
  color: #ffffff;
  font-family: "Suisse Intl";
  font-size: 3.333cqw;
  font-weight: 400;
  display: block;
  margin: 0 auto;
  margin-bottom: 8.333cqw;

  cursor: pointer;
}

.warning-block {
  padding: 3.333cqw;
  text-align: center;
  margin-bottom: 8.13cqw;
}

.warning-text {
  color: rgba(43, 43, 59, 0.5);
  font-family: "Suisse Intl";
  font-size: 2.5cqw; /* 12px */
  line-height: 120%;
}

.recommendation-block {
  display: flex;
}

.recommendation-number {
  width: 40px;
  height: 40px;
  background: #cf0a2c;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 24px;
  font-family: "Suisse Intl";
  margin: 20px auto;
}

.recommendation-text {
  width: 76.25cqw; /* 366px / 480px * 100 */
  height: 12.917cqw; /* 62px / 480px * 100 */
  flex-shrink: 0;

  color: #cf0a2c;
  font-family: "Suisse Intl";
  font-size: 2.708cqw; /* 13px / 480px * 100 */
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 15.6px */
  letter-spacing: -0.054cqw; /* -0.26px / 480px * 100 */
  margin-bottom: 7.5cqw;
}

.maternity-illustration {
  width: 85.2cqw; /* 408.96px / 480px * 100 */
  height: 51.188cqw; /* 245.7px / 480px * 100 */
  object-fit: contain;
}

.illustration-container {
  margin-bottom: 0;
  display: flex;
  justify-content: center;
}

.download-button2 {
  display: flex;
  width: 35cqw; /* 168px / 480px * 100 */
  height: 11.25cqw; /* 54px / 480px * 100 */
  padding: 0.625cqw 0; /* 3px 0px / 480px * 100 */
  justify-content: center;
  align-items: center;
  gap: 2.083cqw; /* 10px / 480px * 100 */

  border-radius: 6.25cqw; /* 30px / 480px * 100 */
  background: #cf0a2c;
  border: none;

  /* Текстовые стили */
  color: #ffffff;
  text-align: center;
  font-family: "Suisse Intl";
  font-size: 3.333cqw; /* 16px / 480px * 100 */
  font-weight: 400;
  line-height: 120%;

  cursor: pointer;
  margin-top: 5cqw;
}

.download-button3 {
  display: flex;
  width: 35cqw; /* 168px / 480px * 100 */
  height: 11.25cqw; /* 54px / 480px * 100 */
  padding: 0.625cqw 0; /* 3px 0px / 480px * 100 */
  justify-content: center;
  align-items: center;
  gap: 2.083cqw; /* 10px / 480px * 100 */

  border-radius: 6.25cqw; /* 30px / 480px * 100 */
  background: #f3f3f3;
  border: none;

  /* Текстовые стили */
  color: #2b2b3b;
  text-align: center;
  font-family: "Suisse Intl";
  font-size: 3.333cqw; /* 16px / 480px * 100 */
  font-weight: 400;
  line-height: 120%;

  cursor: pointer;

  margin-top: 5cqw;
}

.download-button2-wide {
  width: calc(70cqw + 8px);
}

.secondary-buttons-row {
  display: flex;
  gap: 8px;
  justify-content: center;
}

.heart-icon-container {
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin-top: 20cqw;
}

.heart-icon {
  width: 83.542cqw; /* 401px / 480px * 100 */
  height: 21.458cqw; /* 103px / 480px * 100 */
  object-fit: contain;
  position: relative;
  top: -27cqw;
  margin-bottom: -20.458cqw;
}

.heart-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #ffffff;
  font-family: "Suisse Intl";
  font-size: 2.708cqw; /* 13px / 480px * 100 */
  font-weight: 400;
}

.recommendation-container {
  display: flex;
  gap: 2.083cqw; /* 10px / 480px * 100 */
  align-items: flex-start;
}

.recommendation-text3 {
  width: 97.708cqw; /* 469px / 480px * 100 */
  height: 14.583cqw; /* 70px / 480px * 100 */
  flex-shrink: 0;

  color: #acb5bf;
  text-align: center;
  font-family: "Suisse Intl";
  font-size: 2.083cqw; /* 10px / 480px * 100 */
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 11px */

  opacity: 0.5;
}

.description-vaccination-page {
  padding: 3.333cqw;
  background: #fff;
  min-height: 100vh;
}

.oms-tag3 {
  width: 16.667cqw; /* 80px / 480px * 100 */
  margin-top: 30.417cqw; /* 146px / 480px * 100 */
  display: flex;
  justify-content: center;
  margin-left: 40.83cqw;
  margin-bottom: 5cqw;
}

.oms-tag3 img {
  width: 100%;
  height: auto;
}
.continue-button3 {
  display: flex;
  width: 49.167cqw; /* 236px / 480px * 100 */
  height: 11.25cqw; /* 54px / 480px * 100 */
  padding: 0.625cqw 0; /* 3px 0px / 480px * 100 */
  justify-content: center;
  align-items: center;
  gap: 2.083cqw; /* 10px / 480px * 100 */
  flex-shrink: 0;

  border-radius: 6.25cqw; /* 30px / 480px * 100 */
  background: #cf0a2c;
  border: none;

  color: #ffffff;
  text-align: center;
  font-family: "Suisse Intl";
  font-size: 3.333cqw; /* 16px / 480px * 100 */
  font-weight: 400;
  line-height: 120%;

  cursor: pointer;
  margin-bottom: 45cqw; /* 24px / 480px * 100 */
}

.continue-button3:hover,
.waiting-button3:hover {
  opacity: 0.9;
}

.continue-button3:active,
.waiting-button3:active {
  opacity: 0.8;
}
.hashtag-text4 {
  position: relative;
  width: 67.13cqw; /* 322.23px / 480px * 100 */
  height: 39.05cqw; /* 187.42px / 480px * 100 */
  margin-top: -44.04cqw; /* -77px / 480px * 100 */
  margin-bottom: -100cqw;
  z-index: -1;
}

.hashtag-text4 img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.hashtag-1 {
  width: 18.54cqw; /* 88.97px / 480px * 100 */
  height: 7.77cqw; /* 37.29px / 480px * 100 */
  margin: 11.875cqw auto;
}

.hashtag-1 img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.features-list-success {
  list-style: none;
  padding: 0;
  margin: 0;
  margin-left: 15.208cqw; /* 73px / 480px * 100 */
  margin-bottom: 7.92cqw;
}

.features-list-success li {
  color: #2b2b3b;
  font-family: "Suisse Intl";
  font-size: 2.708cqw; /* 13px / 480px * 100 */
  font-style: normal;
  font-weight: 400;
  line-height: 159%; /* 20.67px */
  position: relative;
  padding-left: 3.54cqw; /* 24px / 480px * 100 */
  margin-bottom: 1.667cqw; /* 8px / 480px * 100 */
  text-align: left;
}

.features-list-success li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 25%;
  transform: translateY(-50%);
  width: 2.292cqw; /* 11px / 480px * 100 */
  height: 2.083cqw; /* 10px / 480px * 100 */
  background-image: url("../images/point.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.hashtag-text3 {
  width: 67.13cqw; /* 322.231px / 480px * 100 */
  height: 39.05cqw; /* 187.416px / 480px * 100 */
  flex-shrink: 0;
}

.hashtag-text3 img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.description4 {
  color: #2b2b3b;
  text-align: center;
  font-family: "Suisse Intl";
  font-size: 4.375cqw; /* 21px / 480px * 100 */
  font-style: normal;
  font-weight: 500;
  line-height: 101%; /* 21.21px */
  letter-spacing: -0.0875cqw; /* -0.42px / 480px * 100 */
  margin-top: -12cqw;
  margin-bottom: 5cqw;
}
.description-href {
  color: #5b6770;
  text-align: center;
  font-family: "Suisse Intl";
  font-size: 2.5cqw; /* 12px / 480px * 100 */
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 14.4px */
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  display: block; /* чтобы ссылка занимала всю ширину */
}

.description-href:hover {
  opacity: 0.8; /* эффект при наведении */
}

.useful-materials-page {
  width: 100%;
  min-height: 100vh;
  padding: 3.33cqw; /* 16px / 480px * 100 */
  background: #fff;
  position: relative;
}

.online-title {
  color: #2b2b3b;
  text-align: center;
  font-family: "Suisse Intl";
  font-size: 5.833cqw; /* 28px / 480px * 100 */
  font-style: normal;
  font-weight: 500;
  line-height: 104%; /* 29.12px */
  letter-spacing: -0.117cqw; /* -0.56px / 480px * 100 */
  margin-top: 12.917cqw; /* 62px / 480px * 100 */
  margin-bottom: 5cqw; /* 28px / 480px * 100 */
}

.online-description {
  color: #2b2b3b;
  text-align: center;
  font-family: "Suisse Intl";
  font-size: 3.333cqw; /* 16px / 480px * 100 */
  font-weight: 400;
  line-height: 4cqw; /* 19.2px / 480px * 100 */
  margin-bottom: 17.92cqw; /* 62px / 480px * 100 */
}

.online-description2 {
  color: #2b2b3b;
  text-align: center;
  font-family: "Suisse Intl";
  font-size: 3.333cqw; /* 16px / 480px * 100 */
  font-weight: 400;
  line-height: 4cqw; /* 19.2px / 480px * 100 */
  margin-bottom: 5cqw; /* 62px / 480px * 100 */
}

.online-button {
  display: flex;
  width: 70cqw; /* 336px / 480px * 100 */
  height: 11.25cqw; /* 54px / 480px * 100 */
  padding: 0.625cqw 0; /* 3px 0px / 480px * 100 */
  justify-content: center;
  align-items: center;
  gap: 2.083cqw; /* 10px / 480px * 100 */
  flex-shrink: 0;
  border-radius: 6.25cqw; /* 30px / 480px * 100 */
  background: #cf0a2c;
  border: none;

  color: #ffffff;
  text-align: center;
  font-family: "Suisse Intl";
  font-size: 4.167cqw; /* 20px / 480px * 100 */
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 30px */
  letter-spacing: -0.092cqw;
  cursor: pointer;
  margin: 0 auto;
  margin-bottom: 51.88cqw; /* 150px / 480px * 100 */
}

.online-button:hover {
  opacity: 0.9;
}

.online-button:active {
  opacity: 0.8;
}

.hashtag-image {
  width: 100cqw; /* 322.23px / 480px * 100 */
  height: 70.83cqw; /* 187.42px / 480px * 100 */
  margin-left: -4cqw;
  margin-right: -4cqw;
}

.hashtag-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.postponement-page {
  width: 100%;
  min-height: 100vh;
  padding: 20.21cqw;
  background: #ffffff;
  position: relative;
}

.postponement-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: cqw;
}

.postponement-illustration {
  width: 52.573cqw; /* 252.35px / 480px * 100 */
  height: 47.65cqw; /* 228.72px / 480px * 100 */
  margin-bottom: 4.17cqw;
  margin-left: -10cqw;
}

.postponement-illustration img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.postponement-title {
  color: #2b2b3b;
  text-align: center;
  font-family: "Suisse Intl";
  font-size: 5.833cqw;
  font-weight: 500;
  line-height: 104%;
  letter-spacing: -0.117cqw;
  margin-bottom: 5cqw;
}

.postponement-description {
  color: #2b2b3b;
  text-align: center;
  font-family: "Suisse Intl";
  font-size: 3.333cqw;
  font-weight: 400;
  line-height: 120%;
  margin-bottom: 5cqw;
}

.postponement-input {
  display: flex;
  width: 43.167cqw; /* 164px / 480px * 100 */
  height: 11.25cqw; /* 54px / 480px * 100 */
  padding: 0.625cqw 3.333cqw; /* 3px 16px / 480px * 100 */
  align-items: center;
  gap: 2.083cqw; /* 10px / 480px * 100 */
  flex-shrink: 0;

  border-radius: 6.25cqw; /* 30px / 480px * 100 */
  border: 0.208cqw solid #2b2b3b; /* 1px / 480px * 100 */
  background: #ffffff;

  text-align: center;
  justify-content: center;
  align-items: center;

  color: #2b2b3b;
  text-align: center;
  font-family: "Suisse Intl";
  font-size: 4.58cqw; /* 28px / 480px * 100 */
  font-style: normal;
  font-weight: 275;
  line-height: 104%;
  letter-spacing: 0.525cqw; /* 2.52px / 480px * 100 */
  margin: 0 auto;
  margin-bottom: 8.13cqw;
}

.postponement-input::placeholder {
  color: #2b2b3b;
  letter-spacing: 0.525cqw; /* 2.52px / 480px * 100 */
}

.save-button {
  display: flex;
  width: 42.917cqw; /* 206px / 480px * 100 */
  height: 11.25cqw; /* 54px / 480px * 100 */
  padding: 0.625cqw 0; /* 3px 0px / 480px * 100 */
  justify-content: center;
  align-items: center;
  gap: 2.083cqw; /* 10px / 480px * 100 */

  border-radius: 6.25cqw; /* 30px / 480px * 100 */
  background: #cf0a2c;
  border: none;

  color: #ffffff;
  text-align: center;
  font-family: "Suisse Intl";
  font-size: 3.333cqw; /* 16px / 480px * 100 */
  font-weight: 400;
  line-height: 120%;
  cursor: pointer;
  margin-bottom: 41.88cqw;
}

.save-button:hover {
  opacity: 0.9;
}

.save-button:active {
  opacity: 0.8;
}

.postponement-disclaimer {
  width: 97.71cqw; /* 469px / 480px * 100 */
}

.postponement-disclaimer-text {
  color: #acb5bf;
  text-align: center;
  font-family: "Suisse Intl";
  font-size: 2.083cqw; /* 10px / 480px * 100 */
  font-style: normal;
  font-weight: 400;
  line-height: 110%;
  opacity: 0.5;
}

.support-page {
  width: 100%;
  min-height: 100vh;
  background: #ffffff;
  position: relative;
}

.support-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 6.88cqw;
}

.support-illustration {
  width: 43.187cqw; /* 207.3px / 480px * 100 */
  height: 38.542cqw; /* 185px / 480px * 100 */
  margin-bottom: 1cqw;
}

.support-illustration img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.support-title {
  color: #2b2b3b;
  text-align: center;
  font-family: "Suisse Intl";
  font-size: 6.667cqw; /* 32px / 480px * 100 */
  font-style: normal;
  font-weight: 500;
  line-height: 104%; /* 33.28px */
  letter-spacing: -0.133cqw; /* -0.64px / 480px * 100 */
  margin-bottom: 11.88cqw;
}

.support-subtitle {
  color: #000000;
  text-align: center;
  font-family: "Suisse Intl";
  font-size: 3.333cqw; /* 16px / 480px * 100 */
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 19.2px */
  margin-bottom: 2.08cqw;
}

.support-subtitle2 {
  color: #afb4ba;
  text-align: center;
  font-family: "Suisse Intl";
  font-size: 2.5cqw; /* 12px / 480px * 100 */
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 14.4px */
  margin-bottom: 3.54cqw;
}

.support-phone-button {
  display: flex;
  width: 66.67cqw; /* 340px / 480px * 100 */
  height: 11.25cqw; /* 54px / 480px * 100 */
  padding: 0.625cqw 0; /* 3px / 480px * 100 */
  justify-content: center;
  align-items: center;
  border-radius: 6.25cqw; /* 30px / 480px * 100 */
  background: #cf0a2c;
  border: none;

  color: #ffffff;
  text-align: center;
  font-family: "Suisse Intl";
  font-size: 3.333cqw;
  font-weight: 400;
  text-decoration: none;
  margin-bottom: 5cqw;
}

.support-chat-button,
.support-tech-button {
  display: flex;
  width: 66.67cqw;
  height: 11.25cqw;
  padding: 0.625cqw 0;
  justify-content: center;
  align-items: center;
  border-radius: 6.25cqw;
  background: #5b6770;
  border: none;

  color: #ffffff;
  text-align: center;
  font-family: "Suisse Intl";
  font-size: 3.333cqw;
  font-weight: 400;
  margin-bottom: 5cqw;
  cursor: pointer;
}

.support-help-section {
  width: 79.79cqw;
  margin-top: 4.17cqw;
}

.help-title {
  color: #2b2b3b;
  text-align: center;
  font-family: "Suisse Intl";
  font-size: 4.375cqw; /* 21px / 480px * 100 */
  font-style: normal;
  font-weight: 500;
  line-height: 101%; /* 21.21px */
  letter-spacing: -0.0875cqw; /* -0.42px / 480px * 100 */
  margin-bottom: 5cqw;
}

.help-list {
  list-style: none;
  padding: 0;
  margin-bottom: 7.29cqw;
}

.help-list li {
  color: #2b2b3b;
  font-family: "Suisse Intl";
  font-size: 3.333cqw; /* 16px / 480px * 100 */
  font-weight: 400;
  line-height: 170%;
  padding-left: 3.33cqw; /* 30px / 480px * 100 */
  position: relative;
}

.help-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1.67cqw; /* 8px / 480px * 100 */
  height: 1.67cqw; /* 8px / 480px * 100 */
  background-image: url("../images/point.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.diary-page {
  width: 100%;
  min-height: 100vh;
  background: #ffffff;
  position: relative;
}

.diary-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 12.5cqw;
}

.diary-illustration {
  width: 45.83cqw;
  height: 40.83cqw;
  margin-bottom: 6.67cqw;
}

.diary-illustration img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.diary-title {
  width: 85.42cqw;
  color: #2b2b3b;
  text-align: center;
  font-family: "Suisse Intl";
  font-size: 5.833cqw; /* 28px / 480px * 100 */
  font-weight: 500;
  line-height: 104%;
  letter-spacing: -0.117cqw;
  margin-bottom: 5cqw;
}

.diary-description {
  color: #2b2b3b;
  text-align: center;
  font-family: "Suisse Intl";
  font-size: 3.333cqw; /* 16px / 480px * 100 */
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 19.2px */
  margin-bottom: 8.333cqw;
  padding: 0 4.167cqw;
}

.notification-settings {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 8.333cqw;
}

.notification-icon {
  width: 17.92cqw; /* 60px / 480px * 100 */
  height: 15.21cqw;
  margin-bottom: 0cqw;
}
.notification-icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.notification-title {
  color: #2b2b3b;
  text-align: center;
  font-family: "Suisse Intl";
  font-size: 3.333cqw;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  margin-bottom: 4.17cqw;
}

.radio-group {
  width: 87.5cqw;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2.29cqw 9.38cqw; /* 20px 10px / 480px * 100 */
  padding-left: 3.54cqw;
}

.radio-option {
  display: flex;
  align-items: center;
  gap: 2.083cqw; /* 10px / 480px * 100 */
  cursor: pointer;
}

.radio-option input[type="radio"] {
  appearance: none;
  width: 3.958cqw; /* 19px / 480px * 100 */
  height: 3.958cqw; /* 19px / 480px * 100 */
  margin: 0;
  cursor: pointer;
  background-image: url("../images/radio-button-off.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.radio-option input[type="radio"]:checked {
  background-image: url("../images/radio-button-on.svg");
}

.radio-text {
  color: #5b6770;
  font-family: "Suisse Intl";
  font-size: 3.333cqw; /* 16px / 480px * 100 */
  font-style: normal;
  font-weight: 400;
  line-height: 190%; /* 30.4px */
}

.return-menu-button {
  display: flex;
  width: 49.167cqw; /* 236px / 480px * 100 */
  height: 11.25cqw; /* 54px / 480px * 100 */
  padding: 0.625cqw 0; /* 3px 0px / 480px * 100 */
  justify-content: center;
  align-items: center;
  gap: 2.083cqw; /* 10px / 480px * 100 */
  border-radius: 6.25cqw; /* 30px / 480px * 100 */
  background: #fff;
  border: none;

  color: #2b2b3b;
  text-align: center;
  font-family: "Suisse Intl";
  font-size: 3.333cqw; /* 16px / 480px * 100 */
  font-weight: 400;
  line-height: 120%;
  cursor: pointer;
  margin-bottom: 15.42cqw;
}

.diary-2-page {
  width: 100%;
  min-height: 100vh;
  background: #ffffff;
  position: relative;
  margin-top: -2rem;
}

.diary-2-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.ready-video-button {
  position: absolute;
  top: 4.42cqw;
  right: 2cqw;
  display: flex;
  width: 40.333cqw; /* 160px / 480px * 100 */
  height: 11.25cqw; /* 54px / 480px * 100 */
  padding: 0.625cqw 0; /* 3px 0px / 480px * 100 */
  justify-content: center;
  align-items: center;
  gap: 2.083cqw; /* 10px / 480px * 100 */
  flex-shrink: 0;
  border-radius: 6.25cqw; /* 30px / 480px * 100 */
  background: #cf0a2c;
  border: none;

  color: #ffffff;
  text-align: center;
  font-family: "Suisse Intl";
  font-size: 3.333cqw; /* 16px / 480px * 100 */
  font-weight: 400;
  cursor: pointer;
}

.diary-2-content {
  padding: 0 6.25cqw;
}

.diary-2-illustration {
  width: 85.969cqw; /* 412.65px / 480px * 100 */
  height: 48.867cqw; /* 234.56px / 480px * 100 */
  margin-bottom: 0cqw;
  margin-left: 6.46cqw;
  margin-top: 7.08cqw;
}

.diary-2-illustration img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.diary-2-title {
  color: #2b2b3b;
  font-family: "Suisse Intl";
  font-size: 5.833cqw;
  font-weight: 500;
  line-height: 120%;
  margin-bottom: 2.083cqw;
}

.diary-2-description {
  color: #2b2b3b;
  text-align: center;
  font-family: "Suisse Intl";
  font-size: 2.5cqw; /* 12px / 480px * 100 */
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 14.4px */
  margin-bottom: 4.167cqw;
}

.diary-2-periods {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  grid-template-rows: repeat(2, auto) !important;
  gap: 10px !important;
}

.period-tag {
  display: flex;
  align-items: center;
  padding: 8px;
  background-color: #f8f8f8;
  border-radius: 8px;
}

.period-text {
  color: #2b2b3b;
  text-align: center;
  font-family: "Suisse Intl";
  font-size: 2.5cqw; /* 12px / 480px * 100 */
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 14.4px */
  text-wrap: nowrap;
}

.period-checkbox {
  width: 3.13cqw; /* 15px / 480px * 100 */
  height: 3.13cqw; /* 18px / 480px * 100 */
  margin-left: 3.5cqw;
}

.diary-2-date {
  display: flex;
  justify-content: center;
  /* убираем отступы сверху и снизу */
}

.date-container {
  width: 55.63cqw;
  height: 7.08cqw;
  display: flex;
  align-items: center;
  background: #fff;
  border-radius: 3.333cqw; /* 16px / 480px * 100 */
  text-wrap: nowrap;

}

.date-text {
  display: inline-flex;
  align-items: left;
  margin-left: 1.04cqw;
  color: #2b2b3b;
  font-family: "Suisse Intl";
  font-size: 2.5cqw; /* 14px / 480px * 100 */
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}

.diary-2-purchase-button {
  display: inline-flex;
  width: auto;
  height: 7.083cqw; /* 34px / 480px * 100 */
  margin-left: 2.08cqw;
  padding: 2.083cqw 4.375cqw; /* 10px 21px / 480px * 100 */
  justify-content: center;
  align-items: center;
  border-radius: 3.333cqw; /* 16px / 480px * 100 */
  background: #cf0a2c;
  border: none;

  color: #ffffff;
  font-family: "Suisse Intl";
  font-size: 2.917cqw;
  font-weight: 400;
  cursor: pointer;
}

.diary-2-add-moment {
  padding-left: 3.75cqw;
  margin-bottom: 4.167cqw;
  margin-top: 5cqw;
}

.add-moment-button {
  display: flex;
  width: 78.542cqw; /* 377px / 480px * 100 */
  height: 12.5cqw; /* 143px / 480px * 100 */
  /* padding-top: 11.25cqw; */
  /* padding-bottom: 6.67cqw; */
  flex-direction: column;
  justify-content: center; /* центрирование по вертикали */
  align-items: center;
  gap: 1.88cqw; /* 10px / 480px * 100 */
  flex-shrink: 0;
  border-radius: 30px; /* 16px / 480px * 100 */
  background: #CF0A2C;
  border: none;
  cursor: pointer;
  margin-bottom: 3.13cqw;

}

.plus-icon {
  width: 7.08cqw; /* 35px / 480px * 100 */
  height: 7.08cqw; /* 34px / 480px * 100 */
}

.add-moment-button span:last-child {
  color: #fff;
  font-family: "Suisse Intl";
  font-size: 3.333cqw; /* 14px / 480px * 100 */
  font-weight: 400;
}

.moment-info {
  color: #afb4ba;
  font-family: "Suisse Intl";
  font-size: 2.5cqw; /* 12px / 480px * 100 */
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 14.4px */
  text-align: left;
}

.diary-2-moments-wrapper {
  width: 100%;
  overflow: auto; /* обрезаем всё, что выходит за пределы */
}

.diary-2-moments {
  display: flex;
  gap: 2.083cqw;
  padding-left: 4.167cqw;
  width: fit-content;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  margin-bottom: 4.167cqw;
}
.moment-card:first-child {
  margin-left: 4.167cqw;
}

.moment-card:last-child {
  margin-right: 4.167cqw;
}

/* Скрываем скроллбар */
.diary-2-moments::-webkit-scrollbar {
  display: none;
}

.diary-2-moments {
  display: flex;
  gap: 7.92cqw; /* 10px / 480px * 100 */
  padding: 0 4.167cqw; /* 20px / 480px * 100 */
  width: fit-content;
}

.moment-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.042cqw;
  flex-shrink: 0;
}

/* Скрываем скроллбар для WebKit браузеров */
.diary-2-moments-wrapper::-webkit-scrollbar {
  display: none;
}

/* Скрываем скроллбар для Firefox */
.diary-2-moments-wrapper {
  scrollbar-width: none;
}

.moment-title {
  color: #2b2b3b;
  font-family: "Suisse Intl";
  font-size: 2.5cqw; /* 12px / 480px * 100 */
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 14.4px */
  text-align: left;
  width: 26.46cqw;
  height: 3.33cqw;
  overflow: hidden;
}

.moment-date {
  color: #acb5bf;
  font-family: "Suisse Intl";
  font-size: 2.917cqw;
  font-weight: 400;
  line-height: 120%;
  opacity: 0.5;
}

.moment-description {
  color: #2b2b3b;
  font-family: "Suisse Intl";
  font-size: 2.917cqw;
  font-weight: 400;
  line-height: 120%;
  opacity: 0.5;
}

.moment-card img {
  width: 26.46cqw; /* 127px / 480px * 100 */
  height: 26.46cqw; /* 127px / 480px * 100 */
  object-fit: cover;
  border-radius: 2.71cqw; /* 13px / 480px * 100 */
}

.diary-2-disclaimer {
  padding: 0 4.167cqw;
  margin-bottom: 4.58cqw;
}

.disclaimer-container {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.disclaimer-container p {
  position: relative;
  z-index: 2;
  color: #ce132d;
  text-align: center;
  font-family: "Suisse Intl";
  font-size: 2.5cqw; /* 12px / 480px * 100 */
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -0.26px;
}

.vector-underline {
  position: absolute;
  bottom: -3cqw; /* -5px / 480px * 100 */
  width: 84.375cqw; /* 405px / 480px * 100 */
  height: 11.667cqw; /* 56px / 480px * 100 */
  z-index: 1;
}

.diary-3-container {
  padding: 0 5.63cqw 5.63cqw 5.63cqw;
  min-height: 100vh;
  margin-top: -2rem;
}

.diary-3-title {
  margin-top: 9.79cqw;
  margin-bottom: 5cqw;
  color: #2b2b3b;
  text-align: center;
  font-family: "Suisse Intl";
  font-size: 6.667cqw; /* 32px / 480px * 100 */
  font-style: normal;
  font-weight: 500;
  line-height: 104%; /* 33.28px */
  letter-spacing: -0.133cqw; /* -0.64px / 480px * 100 */
}

.diary-3-photo-upload {
  margin-bottom: 5cqw;
}

.diary-3-add-photo {
  width: 100%;
  height: 84.58cqw;
  background: #ffffff;
  border: none;
  border-radius: 3.333cqw;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2.083cqw;
  cursor: pointer;
}

.diary-3-plus-icon {
  width: 7.08cqw; /* 35px / 480px * 100 */
  height: 7.08cqw; /* 34px / 480px * 100 */
}

.diary-3-photo-text {
  color: #2b2b3b;
  text-align: center;
  font-family: "Suisse Intl";
  font-size: 2.5cqw; /* 12px / 480px * 100 */
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 14.4px */
}

.diary-3-form {
  display: flex;
  flex-direction: column;
  gap: 5cqw;
}

.diary-3-save-button {
  padding: 3.333cqw;
  height: 11.25cqw;
  width: 42.92cqw;
  border: none;
  border-radius: 5.42cqw;
  background: #cf0a2c;
  color: #ffffff;
  font-family: "Suisse Intl";
  font-size: 3.33cqw;
  font-weight: 400;
  cursor: pointer;
  align-self: center;
  margin-bottom: 8.33cqw;
}

.diary-3-save-button:hover {
  opacity: 0.9;
}

.diary-3-save-button:active {
  opacity: 0.8;
}

.diary-3-input {
  width: 100%;
  padding: 3.333cqw;
  border: none;
  border-radius: 5.42cqw;
  background: #ffffff;
  color: #2b2b3b;
  font-family: "Suisse Intl";
  vertical-align: top;
}

.diary-3-input-description {
  font-size: 3.333cqw; /* 16px / 480px * 100 */
  font-weight: 400;
  min-height: 20.42cqw; /* 100px / 480px * 100 */
  height: 20.42cqw; /* 55px / 480px * 100 */
  height: auto;
  min-width: 100%;
}

.diary-3-input-date {
  font-size: 3.33cqw; /* 14px / 480px * 100 */
  font-weight: 400;
  height: 11.25cqw; /* 55px / 480px * 100 */
}

.diary-3-input::placeholder {
  color: #2b2b3b;
  position: absolute; /* абсолютное позиционирование для placeholder */
  top: 4.167cqw; /* отступ сверх���������������� */
  left: 3.333cqw; /* отступ слева */
}

.diary-4-container {
  background: #ffffff;
  min-height: 100vh;
}

.diary-4-title {
  color: #2b2b3b;
  text-align: center;
  font-family: "Suisse Intl";
  font-size: 6.667cqw; /* 32px / 480px * 100 */
  font-weight: 500;
  line-height: 104%;
  letter-spacing: -0.133cqw;
  margin-bottom: 5cqw;
  margin-top: 18.13cqw;
  padding-left: 5.83cqw;
  padding-right: 5.83cqw;
}

.diary-4-video-container {
  position: relative;
  width: 100%;
  margin-bottom: 18.13cqw;
  border-radius: 4.167cqw;
  overflow: hidden;
  padding-left: 5.83cqw;
  padding-right: 5.83cqw;
}

.diary-4-video-preview {
  width: 100%;
  height: auto;
  border-radius: 4.167cqw;
}

.diary-4-play-button {
  width: 11.25cqw;
  height: 11.25cqw;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: none;
  border: none;
  cursor: pointer;
  width: 12.5cqw; /* 60px / 480px * 100 */
  height: 12.5cqw;
  display: flex; /* добавляем flex */
  align-items: center; /* центрируем по вертикали */
  justify-content: center; /* центрируем по горизонтали */
}

.diary-4-play-button img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.diary-4-buttons {
  padding-left: 5.83cqw;
  padding-right: 5.83cqw;
  display: flex;
  gap: 4.38cqw;
  justify-content: center;
  margin-bottom: 9.38cqw;
}

.diary-4-download-button,
.diary-4-share-button {
  width: 40.21cqw; /* 180px / 480px * 100 */
  height: 11.25cqw;
  padding: 3.333cqw 0;
  border-radius: 6.25cqw;
  border: none;
  font-family: "Suisse Intl";
  font-size: 3.333cqw;
  font-weight: 400;
  cursor: pointer;
  background: #cf0a2c;
  color: #ffffff;
}

.diary-4-download-button:hover,
.diary-4-share-button:hover {
  opacity: 0.9;
}

.diary-4-download-button:active,
.diary-4-share-button:active {
  opacity: 0.8;
}

.diary-4-star-icon {
  display: block;
  width: 8.54cqw; /* 40px / 480px * 100 */
  height: 9.79cqw; /* 40px / 480px * 100 */
  margin: 0 auto; /* центрирование по горизонтали */
  margin-bottom: 5.21cqw; /* отступ снизу */
}

.vacc-page {
  background: #ffffff;
  min-height: 100vh;
  padding: 7.5cqw 6.25cqw 2.083cqw; /* 36px 30px 10px / 480px * 100 */
  font-family: "Suisse Intl";
}

.vacc-breadcrumbs {
  font-size: 3.333cqw;
  color: rgba(43, 43, 59, 0.5);
  margin-bottom: 4.167cqw;
}

.vacc-content {
  /* Убираем background, так как теперь весь фон белый */
  border-radius: 0; /* Убираем скругления у контейнера */
  padding: 4.167cqw;
  position: relative;
}

.vacc-back-btn {
  position: fixed;
  top: 3.33cqw; /* 16px/480px*100 */
  left: 3.75cqw; /* 18px/480px*100 */
  width: 11.25cqw; /* 54px/480px*100 */
  height: 11.25cqw; /* 54px/480px*100 */
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  z-index: 100;
}

.vacc-back-btn img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.vacc-image {
  margin: -4.167cqw -4.167cqw 4.167cqw;
}

.vacc-baby-photo {
  width: 100%;
  border-radius: 8.333cqw 8.333cqw 0 0;
  object-fit: cover;
}

.vacc-title {
  font-size: 6.667cqw;
  font-weight: 500;
  color: #2b2b3b;
  margin-top: 3.333cqw; /* 16px/480px*100 */
  text-align: center;
}

.vacc-description {
  font-size: 3.333cqw;
  line-height: 140%;
  color: #2b2b3b;
  text-align: center;
  margin-top: 5cqw; /* 24px/480px*100 */
  margin-left: -1cqw;
}

.vacc-download-btn {
  display: block;
  width: 70cqw; /* 336px/480px*100 */
  height: 11.25cqw; /* 54px/480px*100 */
  background: #cf0a2c;
  color: #ffffff;
  border: none;
  border-radius: 6.25cqw; /* 30px/480px*100 */
  padding: 0.625cqw 0; /* 3px/480px*100 */
  font-size: 4.167cqw;
  margin-top: 5cqw;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  font-family: "Suisse Intl";
  font-weight: 500;
  margin-left: auto;
  margin-right: auto;
  line-height: 10cqw; /* Для вертикального центрирования текста */
}

.vacc-sync-link {
  display: block;
  text-align: center;
  color: #2b2b3b;
  text-decoration: underline;
  font-size: 2.5cqw; /* 12px/480px*100 */
  margin-top: 5cqw; /* 24px/480px*100 */
  font-weight: 400;
}

.vacc-upcoming {
  width: 78.75cqw; /* 378px/480px*100 */
  margin: 0 auto;
  margin-top: 5cqw;
  display: flex;
  flex-direction: column;
  gap: 5cqw; /* 24px/480px*100 */
}

.vacc-upcoming-title {
  font-size: 6.667cqw;
  font-weight: 500;
  color: #2b2b3b;
  text-align: left;
  margin: 0;
}

.vacc-card {
  display: flex;
  background: #fff;
  border-radius: 4.167cqw; /* 20px/480px*100 */
  padding: 3.3cqw; /* 12px/480px*100 */
}

.vacc-card-yellow {
  display: flex;
  background: #f8efdd;
  border-radius: 4.167cqw; /* 20px/480px*100 */
  padding: 3.3cqw; /* 12px/480px*100 */
}

/* Контент карточки */
.vacc-card-content {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  align-content: flex-start;
  width: 100%;
  min-height: 15cqw; /* 78px/480px*100 */
}

.vacc-name {
  font-size: 3.333cqw;
  font-weight: 500;
  color: #2b2b3b;
  margin-bottom: 0.833cqw;
}

.vacc-time {
  font-size: 2.5cqw;
  color: rgba(43, 43, 59, 0.5);
}

.vacc-status {
  display: flex;
  align-items: center;
  gap: 1.25cqw; /* 6px/480px*100 */
}

.vacc-status-wrapper {
  position: relative; /* Для абсолютного позиционирвания vacc-state */
}

.vacc-date {
  font-family: "Suisse Intl";
  font-size: 2.5cqw; /* 12px/480px*100 */
  font-weight: 400;
  font-style: normal;
  line-height: 120%; /* 14.4px */
  color: #2b2b3b;
  text-align: center;
  white-space: nowrap; /* Запрет переноса */

  /* Стили для прямоугольника */
  border: 1px solid #2b2b3b;
  border-radius: 6.25cqw; /* 30px/480px*100 */
  padding: 2.083cqw 2.917cqw; /* 10px 14px /480px*100 */
  background: transparent;
}

.vacc-state {
  font-size: 1.667cqw; /* 8px/480px*100 */
  color: rgba(43, 43, 59, 0.4);
  line-height: 120%;
  font-weight: 400;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 3.25cqw; /* 6px/480px*100 */
  white-space: nowrap; /* Запрет переноса строки */
}

.vacc-arrow-btn {
  width: 7.083cqw; /* 34px/480px*100 */
  height: 7.083cqw; /* 34px/480px*100 */
  display: flex;
  align-items: center;
  justify-content: center;
  background: none;
  border: 1px solid #2b2b3b;
  border-radius: 50%;
  padding: 0;
  cursor: pointer;
}

.vacc-arrow-btn img {
  width: 2.083cqw; /* 10px/480px*100 */
  height: 2.083cqw; /* 10px/480px*100 */
}

.vacc-footer {
  margin-top: 4.167cqw;
}

.vacc-license {
  font-size: 2.083cqw;
  color: rgba(43, 43, 59, 0.5);
  text-align: center;
}

/* Заменить старые стили .vacc-image и .vacc-baby-photo на: */

.vacc-header-image {
  margin: 0 -6.25cqw; /* Компенсируем боковые отступы страницы */
  width: calc(100% + 12.5cqw); /* Учитываем отступы с обеих сторон */
  display: flex;
  justify-content: center;
  overflow: hidden;
}

.vacc-image-mask {
  width: 100%;
  height: auto;
  max-height: 66.667cqw; /* 254/380*100 */
  object-fit: cover;
}

.vacc-image-mask image {
  width: 100%;
  height: 100%;
}

.vacc-upcoming {
  width: 78.75cqw; /* 378px/480px*100 */
  margin: 0 auto;
  margin-top: 5cqw; /* ��ох��ан��ем отступ сверху, если он нужен */
}

.vacc-upcoming-title {
  font-size: 5cqw;
  color: #2b2b3b;
  text-align: left;
}

.vacc-info {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

.vacc-name {
  font-size: 3.333cqw;
  font-weight: 500;
  color: #2b2b3b;
  margin: 0;
  text-align: left;
  line-height: 120%;
}

.vacc-time {
  font-size: 2.5cqw;
  color: rgba(43, 43, 59, 0.5);
  margin: 0;
  text-align: left;
  line-height: 120%;
}

/* Стили для creating-photo-album-1 */
.album-creator-container {
  background: #ffffff;
  min-height: 100vh;
  position: relative;
}

.album-ready-videos {
  background: #cf0a2c;
  color: #ffffff;
  padding: 1.67cqw 3.33cqw;
  border-radius: 4.17cqw;
  font-family: "Suisse Intl";
  font-size: 3.33cqw;
  font-weight: 400;
}

.album-preview-container {
  width: 100%;
  height: 41.67cqw;
  border-radius: 2.08cqw;
  overflow: hidden;
  margin-bottom: 2.08cqw;
}

.album-preview-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.album-access-info {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2.08cqw;
  margin-bottom: 4.17cqw;
}

.album-access-date {
  color: #666666;
  font-family: "Suisse Intl";
  font-size: 2.92cqw;
  text-wrap: nowrap;
}

.album-extend-btn {
  color: #cf0a2c;
  border: 0.21cqw solid #cf0a2c;
  border-radius: 3.13cqw;
  padding: 1.04cqw 3.13cqw;
  background: none;
  font-family: "Suisse Intl";
  font-size: 2.92cqw;
  cursor: pointer;
}

.album-access-info2 {
  display: flex;
  justify-content: stretch;
  align-items: center;
  margin-bottom: 4.17cqw;
  margin-left: 12.29cqw;
}

.album-access-container2 {
  width: 64.58cqw;
  height: 9.79cqw;
  display: flex;
  align-items: center;
  justify-content: stretch;
  background: #fff;
  border-radius: 3.333cqw; /* 16px / 480px * 100 */
  margin-left: 6.25cqw;
}

.album-access-date2 {
  color: #2b2b3b;
  font-family: "Suisse Intl";
  font-size: 2.5cqw;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 14.4px */
  text-wrap: nowrap;
  margin-left: 3.13cqw;
}

.album-extend-btn2 {
  width: 28.13cqw;
  height: 9.79cqw;
  color: #ffffff;
  border-radius: 3.13cqw;
  border: none;
  padding: 1.04cqw 3.13cqw;
  background: #cf0a2c;
  font-family: "Suisse Intl";
  font-size: 2.92cqw;
  cursor: pointer;
  margin-left: 3.75cqw;
}

.album-main-title {
  color: #2b2b3b;
  text-align: center;
  font-family: "Suisse Intl";
  font-size: 6.667cqw; /* 32px / 480px * 100 */
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  margin-top: 5cqw; /* 40px / 480px * 100 */
  margin-bottom: 5cqw;
  line-height: 104%; /* 33.28px */
  letter-spacing: -0.133cqw; /* -0.64px / 480px * 100 */
}

.album-add-section {
  display: flex;
  width: 78.542cqw; /* 377px / 480px * 100 */
  /* height: 33.75cqw; 162px / 480px * 100 */
  /* padding: 11.25cqw 26.25cqw; 54px 126px / 480px * 100 */
  flex-direction: column;
  align-items: center;
  gap: 2.083cqw; /* 10px / 480px * 100 */
  flex-shrink: 0;
  border-radius: 30px; /* 16px / 480px * 100 */
  background: #CF0A2C;
  margin-left: 10.63cqw;
}

.return-menu-button2 {
  display: flex;
  width: 49.167cqw; /* 236px / 480px * 100 */
  height: 11.25cqw; /* 54px / 480px * 100 */
  padding: 0.625cqw 0; /* 3px 0px / 480px * 100 */
  justify-content: center;
  align-items: center;
  gap: 2.083cqw; /* 10px / 480px * 100 */
  border-radius: 6.25cqw; /* 30px / 480px * 100 */
  background: #fff;
  border: none;

  color: #2b2b3b;
  text-align: center;
  font-family: "Suisse Intl";
  font-size: 3.333cqw; /* 16px / 480px * 100 */
  font-weight: 400;
  line-height: 120%;
  cursor: pointer;
  margin-bottom: 3.13cqw;
}

.album-add-btn {
  width: 78.542cqw;
  height: 12.5cqw;
  border-radius: 50%;
  /* background: #cf0a2c; */
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.album-plus-icon {
  width: 7.083cqw; /* 34px / 480px * 100 */
  height: 7.083cqw; /* 34px / 480px * 100 */
}

.album-add-btn {
  background: none;
  border: none;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.album-add-text {
  color: #fff;
  font-family: "Suisse Intl";
  font-size: 3.33cqw;
  text-align: center;
  text-wrap: nowrap;
}

.album-stories-section {
  padding: 0 4.17cqw;
}

.album-stories-title {
  color: #2b2b3b;
  font-family: "Suisse Intl";
  font-size: 4.375cqw; /* 21px / 480px * 100 */
  font-style: normal;
  font-weight: 500;
  line-height: 101%; /* 21.21px */
  letter-spacing: -0.0875cqw; /* -0.42px / 480px * 100 */
  text-align: center;
  margin-bottom: 6.46cqw;
  margin-top: 10.42cqw;
}

.album-stories-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 3.13cqw;
}

.album-story-item {
  aspect-ratio: 1;
  background: #f5f5f5;
  border-radius: 1.67cqw;
  display: flex;
  align-items: flex-end;
  padding: 2.08cqw;
}

.album-story-text {
  color: #2b2b3b;
  font-family: "Suisse Intl";
  font-size: 2.5cqw;
  text-align: center;
  width: 100%;
}
.album-stories-section {
  width: 100%;
  overflow: auto; /* обрезаем всё, что выходит за пределы */
}

.album-story {
  display: flex;
  gap: 2.083cqw;
  padding-left: 4.167cqw;
  width: fit-content;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  margin-bottom: 4.167cqw;
}
.story-card:first-child {
  margin-left: 4.167cqw;
}

.story-card:last-child {
  margin-right: 4.167cqw;
}

/* Скрываем скроллбар */
.album-story::-webkit-scrollbar {
  display: none;
}

.album-story {
  display: flex;
  gap: 7.92cqw; /* 10px / 480px * 100 */
  padding: 0 4.167cqw; /* 20px / 480px * 100 */
  width: fit-content;
}

.story-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.042cqw;
  flex-shrink: 0;
}

/* Скрываем скроллбар для WebKit браузеров */
.album-stories-section::-webkit-scrollbar {
  display: none;
}

/* Скрываем скроллбар для Firefox */
.album-stories-section {
  scrollbar-width: none;
  margin-bottom: 5.83cqw;
}
.moment-title {
  color: #2b2b3b;
  font-family: "Suisse Intl";
  font-size: 2.5cqw; /* 12px / 480px * 100 */
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 14.4px */
  text-align: left;
  width: 26.46cqw;
  height: 3.33cqw;
  overflow: hidden;
}
.story-card img {
  width: 26.46cqw; /* 127px / 480px * 100 */
  height: 26.46cqw; /* 127px / 480px * 100 */
  object-fit: cover;
  border-radius: 2.71cqw; /* 13px / 480px * 100 */
}
.album-access-info {
  display: flex;
  justify-content: center;
  margin-top: 8.54cqw; /* убираем отступы сверху и снизу */
}

.album-access-container {
  width: 55.63cqw;
  height: 7.08cqw;
  display: flex;
  align-items: center;
  background: #fff;
  border-radius: 3.333cqw; /* 16px / 480px * 100 */
}

.album-access-date {
  display: inline-flex;
  align-items: left;
  margin-left: 1.04cqw;
  color: #2b2b3b;
  font-family: "Suisse Intl";
  font-size: 2.5cqw; /* 14px / 480px * 100 */
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}

.album-extend-btn {
  display: inline-flex;
  width: auto;
  height: 7.083cqw; /* 34px / 480px * 100 */
  margin-left: 2.08cqw;
  padding: 2.083cqw 4.375cqw; /* 10px 21px / 480px * 100 */
  justify-content: center;
  align-items: center;
  border-radius: 3.333cqw; /* 16px / 480px * 100 */
  background: #cf0a2c;
  border: none;

  color: #ffffff;
  font-family: "Suisse Intl";
  font-size: 2.917cqw;
  font-weight: 400;
  cursor: pointer;
}

.album-preview-image {
  margin-left: 5.208cqw; /* 25px / 480px * 100 */
  margin-top: 6.042cqw; /* 29px / 480px * 100 */
  width: 88.54cqw; /* 430px / 480px * 100 */
  height: 52.92cqw; /* 200px / 480px * 100 */
  border-radius: 2.083cqw; /* 10px / 480px * 100 */
  overflow: hidden;
}

.album-preview-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.photo-selector-container {
  background: #ffffff;
  min-height: 100vh;
  position: relative;
}

.photo-back-btn {
  width: 11.25cqw;
  height: 11.25cqw;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
}

.photo-selector-title {
  color: #2b2b3b;
  text-align: center;
  font-family: "Suisse Intl";
  font-size: 6.667cqw;
  font-weight: 500;
  line-height: 104%;
  margin-top: 18.96cqw;
  margin-bottom: 5cqw;
}

.gallery-select-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42.92cqw;
  height: 11.25cqw;
  background: #5b6770;
  border-radius: 6.25cqw;
  border: none;
  color: #ffffff;
  font-family: "Suisse Intl";
  font-size: 3.333cqw;
  margin: 0 auto;
  margin-bottom: 5cqw;
  cursor: pointer;
}

.selected-count {
  text-align: center;
  margin-bottom: 5cqw;
}

.count-text {
  color: #afb4ba;
  text-align: center;
  font-family: "Suisse Intl";
  font-size: 2.5cqw; /* 12px / 480px * 100 */
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 14.4px */
}

.photo-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 5cqw;
  padding: 0 8.75cqw;
  margin-bottom: 9.38cqw;
}

.photo-item {
  aspect-ratio: 1;
  background: #f5f5f5;
  border-radius: 2.083cqw; /* 10px / 480px * 100 */
  overflow: hidden;
}

.photo-item-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.proceed-music-btn {
  display: flex;
  width: 64.583cqw; /* 310px / 480px * 100 */
  height: 11.25cqw; /* 54px / 480px * 100 */
  padding: 0.625cqw 0; /* 3px 0px / 480px * 100 */
  justify-content: center;
  align-items: center;
  gap: 2.083cqw; /* 10px / 480px * 100 */
  border-radius: 6.25cqw; /* 30px / 480px * 100 */
  background: #cf0a2c;
  border: none;
  color: #ffffff;
  font-family: "Suisse Intl";
  font-size: 3.333cqw;
  margin: 0 auto;
  margin-bottom: 10.63cqw;
  cursor: pointer;
}

.photo-disclaimer {
  padding: 0 4.167cqw;
}

.disclaimer-text {
  color: #666666;
  text-align: center;
  font-family: "Suisse Intl";
  font-size: 2.5cqw;
  line-height: 120%;
}

.soundtrack-container {
  background: #ffffff;
  min-height: 100vh;
  position: relative;
}

.soundtrack-back-btn {
  width: 11.25cqw;
  height: 11.25cqw;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
}

.soundtrack-title {
  color: #2b2b3b;
  text-align: center;
  font-family: "Suisse Intl";
  font-size: 6.667cqw;
  font-weight: 500;
  line-height: 120%;
  margin-bottom: 8.333cqw;
  margin-top: 18.96cqw;
}

.soundtrack-list {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2.083cqw;
  margin-bottom: 8.542cqw; /* 41px / 480px * 100 */
}

.soundtrack-item {
  width: 78.33cqw;
  height: 11.25cqw;
  display: flex;
  align-items: center;
  background: #f5f5f5;
  border-radius: 12.5cqw; /* 60px / 480px *100 */
  gap: 3.333cqw; /* 16px / 480px * 100 */
}

.play-btn {
  width: 6.88cqw; /* 33px / 480px * 100 */
  height: 6.88cqw;
  background: none;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 2.29cqw;
  border-radius: 50%;
  border: none;
}

.play-btn img {
  width: 100%; /* Используем 100% вместо фиксированного размера */
  height: 100%; /* Используем 100% вместо фиксированного размера */
  object-fit: contain; /* Добавляем для корректного масштабирования */
  border-radius: 50%;
  border: none;
}

.track-name {
  flex-grow: 1;
  color: #2b2b3b;
  font-family: "Suisse Intl";
  font-size: 3.333cqw; /* 16px / 480px * 100 */
  font-weight: 400;
  text-align: center;
}

.track-checkbox-label {
  position: relative;
  display: inline-block;
  cursor: pointer;
  width: 6.88cqw; /* 33px / 480px * 100 */
  height: 6.88cqw;
  min-width: 6.88cqw;
  min-height: 6.88cqw;
  margin-right: 2.29cqw; /* 11px / 480px *100 */
}

.track-checkbox {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.checkbox-icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: opacity 0.2s;
}

.checkbox-icon-on {
  opacity: 0;
}

.checkbox-icon-off {
  opacity: 1;
}

.track-checkbox:checked ~ .checkbox-icon-on {
  opacity: 1;
}

.track-checkbox:checked ~ .checkbox-icon-off {
  opacity: 0;
}

.track-checkbox-custom {
  display: inline-block;
  width: 4.167cqw;
  height: 4.167cqw;
  border: 0.417cqw solid #cf0a2c;
  border-radius: 0.833cqw; /* 4px / 480px *100 */
  background-color: transparent;
  position: relative;
}

.track-checkbox:checked + .track-checkbox-custom::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 2.5cqw; /* 12px / 480px *100 */
  height: 2.5cqw;
  background: #cf0a2c;
  border-radius: 0.417cqw; /* 2px / 480px * 100 */
}

.soundtrack-helper {
  position: relative;
  width: 74.583cqw; /* 358px / 480px * 100 */
  height: 14.792cqw; /* 71px / 480px * 100 */
  margin: 0 auto;
  margin-bottom: 9.58cqw;
}

.helper-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.helper-text2 {
  position: absolute;
  top: 5cqw;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  display: block;
  text-align: center;
  color: #2b2b3b;
  font-family: "Suisse Intl";
  font-size: 2.5cqw; /* 16px / 480px * 100 */
  padding-top: 2.083cqw; /* 10px / 480px * 100 */
}

.proceed-preview-btn {
  display: flex;
  width: 64.583cqw; /* 310px / 480px * 100 */
  height: 11.25cqw; /* 54px / 480px * 100 */
  padding: 0.625cqw 0; /* 3px 0px / 480px * 100 */
  justify-content: center;
  align-items: center;
  gap: 2.083cqw; /* 10px / 480px * 100 */
  flex-shrink: 0;
  border-radius: 6.25cqw; /* 30px / 480px * 100 */
  background: #cf0a2c;
  border: none;
  color: #ffffff;
  font-family: "Suisse Intl";
  font-size: 3.333cqw;
  margin: 0 auto;
  margin-bottom: 8.333cqw;
  cursor: pointer;
}

.soundtrack-disclaimer {
  padding: 0 4.167cqw;
}

.disclaimer-text {
  color: #666666;
  text-align: center;
  font-family: "Suisse Intl";
  font-size: 2.5cqw;
  line-height: 120%;
}

.track-checkbox-label {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

.track-checkbox {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.track-checkbox-custom {
  display: inline-block;
  width: 5cqw; /* 24px / 480px * 100 */
  height: 5cqw; /* 24px / 480px * 100 */
  border: 0.417cqw solid #cf0a2c; /* 2px / 480px * 100 */
  border-radius: 1.042cqw; /* 5px / 480px * 100 */
  background-color: transparent;
  position: relative;
}

.track-checkbox:checked + .track-checkbox-custom::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 3.333cqw; /* 16px / 480px * 100 */
  height: 3.333cqw; /* 16px / 480px * 100 */
  background: #cf0a2c;
  border-radius: 0.625cqw; /* 3px / 480px * 100 */
}

.frame-selector-container {
  background: #ffffff;
  min-height: 100vh;
  position: relative;
}

.frame-selector-title {
  color: #2b2b3b;
  text-align: center;
  font-family: "Suisse Intl";
  font-size: 6.667cqw; /* 32px / 480px * 100 */
  font-weight: 500;
  line-height: 120%;
  margin-bottom: 6.67cqw; /* 40px / 480px * 100 */
  margin-top: 18.96cqw;
}

.frame-grid {
  display: grid;
  grid-template-columns: repeat(2, 38.75cqw); /* 186px / 480px * 100 */
  gap: 4.167cqw; /* 20px / 480px * 100 */
  margin-bottom: 5.63cqw; /* 30px / 480px * 100 */
  justify-content: center;
}

.frame-item {
  display: flex;
  position: relative;
  width: 38.75cqw; /* 186px / 480px * 100 */
  height: 38.75cqw;
  flex-shrink: 0;
  border-radius: 4.167cqw; /* 20px / 480px * 100 */
  align-items: center;
  justify-content: center;
}

.frame-heart {
  background: #e5d8f4;
}

.frame-rounded {
  background: #f4e1e1;
}

.frame-mint {
  background: #b4d2ff;
}

.frame-classic {
  background: #f8efdd;
}

.frame-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.frame-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.frame-notice {
  position: relative;
  width: 74.583cqw; /* 358px / 480px * 100 */
  margin: 0 auto;
  margin-bottom: 5.83cqw; /* 20px / 480px * 100 */
}

.notice-cloud {
  position: relative;
  width: 68.75cqw; /* 330px / 480px * 100 */
  height: 23.958cqw; /* 115px / 480px * 100 */
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.notice-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 68.75cqw; /* 330px / 480px * 100 */
  height: 23.958cqw; /* 115px / 480px * 100 */
  z-index: 1;
}

.notice-text {
  position: relative;
  z-index: 2;
  color: #2b2b3b;
  font-family: "Suisse Intl";
  font-size: 2.5cqw; /* 14px / 480px * 100 */
  font-weight: 400;
  line-height: 120%;
  display: block;
  text-align: center;
}

.notice-text-ready-photo {
  position: relative;
  z-index: 2;
  margin-top: 15cqw;
  color: #2b2b3b;
  font-family: "Suisse Intl";
  font-size: 2.5cqw; /* 14px / 480px * 100 */
  font-weight: 400;
  line-height: 120%;
  display: block;
  text-align: center;
}

.notice-heart {
  position: absolute;
  bottom: -2.083cqw; /* -10px / 480px * 100 */
  left: 50%;
  transform: translateX(-50%);
  width: 4.167cqw; /* 20px / 480px * 100 */
  z-index: 3;
}

.create-video-btn {
  display: flex;
  width: 42.92cqw; /* 310px / 480px * 100 */
  height: 11.25cqw; /* 54px / 480px * 100 */
  justify-content: center;
  align-items: center;
  border-radius: 6.25cqw; /* 30px / 480px * 100 */
  background: #cf0a2c;
  border: none;
  color: #ffffff;
  font-family: "Suisse Intl";
  font-size: 3.333cqw; /* 16px / 480px * 100 */
  margin: 0 auto;
  margin-bottom: 12.92cqw; /* 40px / 480px * 100 */
  cursor: pointer;
}

.frame-radio-label {
  position: absolute;
  top: 2.083cqw; /* 10px / 480px * 100 */
  right: 2.083cqw;
  width: 4.167cqw; /* 20px / 480px * 100 */
  height: 4.167cqw;
  cursor: pointer;
  z-index: 2;
}

.frame-radio {
  position: absolute;
  left: 35cqw;
  appearance: none;
  width: 6.04cqw; /* 19px / 480px * 100 */
  height: 6.04cqw; /* 19px / 480px * 100 */
  margin: 0;
  cursor: pointer;
  background-image: url("../images/radio-button-off2.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 100%;
  position: absolute;
  top: -3.13cqw; /* 10px / 480px * 100 */
  right: 2.083cqw; /* 10px / 480px * 100 */
  z-index: 2;
}

.frame-radio:checked {
  background-image: url("../images/radio-button-on2.svg");
}

.frame-radio-custom {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #ffffff;
  border: 0.417cqw solid #cf0a2c; /* 2px / 480px * 100 */
  border-radius: 50%;
  transition: background-color 0.2s;
}

.frame-radio:checked + .frame-radio-custom {
  background: #cf0a2c;
  border: 0.417cqw solid #ffffff;
}

.frame-heart img {
  width: 90%;
  height: 90%;
  object-fit: cover;
  -webkit-mask-image: url("../images/mask-1.svg");
  mask-image: url("../images/mask-1.svg");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
.frame-rounded img {
  width: 90%;
  height: 90%;
  object-fit: cover;
  -webkit-mask-image: url("../images/mask-1.svg");
  mask-image: url("../images/mask-1.svg");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
.frame-mint img {
  width: 90%;
  height: 90%;
  object-fit: cover;
  -webkit-mask-image: url("../images/mask-1.svg");
  mask-image: url("../images/mask-1.svg");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
.frame-classic img {
  width: 90%;
  height: 90%;
  object-fit: cover;
  -webkit-mask-image: url("../images/mask-1.svg");
  mask-image: url("../images/mask-1.svg");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
.generation-container {
  background: #ffffff;
  min-height: 100vh;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.magic-hat-wrapper {
  width: 69.17cqw;
  height: 81.67cqw;
  display: flex;
  justify-content: center;
  align-items: center;
}

.magic-hat-image {
  width: 69.17cqw;
  height: 69.17cqw;
}

.generation-title {
  color: #2b2b3b;
  text-align: center;
  font-family: "Suisse Intl";
  font-size: 6.67cqw; /* 24px / 480px * 100 */
  font-weight: 500;
  line-height: 104%;
  margin-bottom: 5cqw; /* 10px / 480px * 100 */
}

.generation-subtitle {
  color: #2b2b3b;
  text-align: center;
  font-family: "Suisse Intl";
  font-size: 3.333cqw; /* 16px / 480px * 100 */
  font-weight: 400;
  line-height: 120%;
  margin-bottom: 29.79cqw; /* 40px / 480px * 100 */
}

.generation-logo {
  margin-bottom: 5.42cqw; /* 20px / 480px * 100 */
}

.oms-logo {
  width: 18.54cqw; /* 60px / 480px * 100 */
  height: auto;
}

.generation-disclaimer {
  text-align: center;
  padding: 0 4.167cqw;
}

.disclaimer-text {
  color: #666666;
  font-family: "Suisse Intl";
  font-size: 2.5cqw; /* 12px / 480px * 100 */
  line-height: 120%;
}

.result-container {
  background: #ffffff;
  min-height: 100vh;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.result-header {
  display: flex;
  gap: 2.083cqw; /* 10px / 480px * 100 */
  margin-bottom: 5.21cqw; /* 20px / 480px * 100 */
  margin-top: 11.04cqw; /* 20px / 480px * 100 */
}

.memory-icon,
.sparkle-icon {
  width: 45.42cqw; /* 30px / 480px * 100 */
  height: 24.79cqw;
}

.result-title {
  color: #2b2b3b;
  text-align: center;
  font-family: "Suisse Intl";
  font-size: 5.83cqw; /* 24px / 480px * 100 */
  font-weight: 500;
  line-height: 104%;
  margin-bottom: 4.17cqw; /* 30px / 480px * 100 */
}

.video-preview {
  position: relative;
  width: 46.88cqw; /* 300px / 480px * 100 */
  height: 88.13cqw; /* 400px / 480px * 100 */
  border-radius: 4.167cqw; /* 20px / 480px * 100 */
  overflow: hidden;
  margin-bottom: 13.33cqw; /* 30px / 480px * 100 */
  display: flex;
  justify-content: center;
  align-items: center;
}

.video-thumbnail {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: blur(0.5cqw);
}

.video-play-btn {
  position: absolute;
  transform: translate(-50%, -50%);
  background: none;
  border: none;
  cursor: pointer;
  width: 11.25cqw; /* 60px / 480px * 100 */
  height: 11.25cqw;
}

.result-actions {
  display: flex;
  gap: 4.38cqw; /* 20px / 480px * 100 */
  margin-bottom: 9.38cqw; /* 40px / 480px * 100 */
}

.download-btn,
.share-btn {
  display: flex;
  width: 40.208cqw; /* 193px / 480px * 100 */
  height: 11.25cqw; /* 54px / 480px * 100 */
  padding: 0.625cqw 0; /* 3px / 480px * 100 */
  justify-content: center;
  align-items: center;
  gap: 2.083cqw; /* 10px / 480px * 100 */
  flex-shrink: 0;
  border-radius: 6.25cqw; /* 30px / 480px * 100 */
  border: none;
  font-family: "Suisse Intl";
  font-size: 3.333cqw; /* 16px / 480px * 100 */
  cursor: pointer;
}
.share-btn,
.download-btn {
  background: #cf0a2c;
  color: #ffffff;
}

.video-decorations {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
}

.heart-deco {
  position: absolute;
  bottom: 4.167cqw; /* 20px / 480px * 100 */
  left: 4.167cqw;
  width: 8.333cqw; /* 40px / 480px * 100 */
}

.time-deco {
  position: absolute;
  bottom: 4.167cqw; /* 20px / 480px * 100 */
  right: 4.167cqw;
  width: 12.5cqw; /* 60px / 480px * 100 */
}

.generation-modal {
  background: #ffffff;
  min-height: 100vh;
  padding: 0 4.167cqw 4.167cqw 4.167cqw; /* 20px / 480px * 100 */
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.modal-close {
  position: absolute;
  top: 3.33cqw; /* 20px / 480px * 100 */
  right: 3.75cqw;
  width: 11.25cqw; /* 30px / 480px * 100 */
  height: 11.25cqw;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
}
.modal-close-icon {
  width: 11.25cqw; /* 30px / 480px * 100 */
  height: 11.25cqw;
}

.modal-header {
  width: 68.54cqw;
  height: 55.83cqw;
  display: flex;

  margin-bottom: 0cqw;
  margin-left: 6cqw;
}

.ai-cloud-icon {
  width: 100%;
  height: 100%;
}

.modal-title {
  color: #2b2b3b;
  text-align: center;
  font-family: "Suisse Intl";
  font-size: 5.833cqw; /* 28px / 480px * 100 */
  font-weight: 500;
  line-height: 120%;
  margin-bottom: 5cqw;
}

.modal-description {
  color: #2b2b3b;
  text-align: center;
  font-family: "Suisse Intl";
  font-size: 3.333cqw; /* 16px / 480px * 100 */
  line-height: 140%;
}

.upload-section {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 10cqw;
  margin-bottom: 4.167cqw;
}

.upload-section2 {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 0cqw;
  margin-bottom: 4.167cqw;
}

.upload-section-header {
  display: flex;
  align-items: center;
  margin-left: -7cqw;
  gap: 1.083cqw; /* 10px / 480px * 100 */
}

.upload-hint {
  color: #cf0a2c;
  text-align: center;
  font-family: "Suisse Intl";
  font-size: 2.917cqw;
  line-height: 140%;
  margin-bottom: 5cqw;
}

.upload-btn {
  width: 78.54cqw; /* 400px / 480px * 100 */
  height: 33.75cqw; /* 100px / 480px * 100 */
  background: #f5f5f5;
  border: none;
  border-radius: 4.167cqw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1.88cqw;
  cursor: pointer;
}

.plus-icon {
  width: 6.25cqw; /* 30px / 480px * 100 */
  height: 6.25cqw;
}

.upload-text {
  color: #2b2b3b;
  font-family: "Suisse Intl";
  font-size: 2.5cqw;
  font-weight: 400;
  line-height: 120%;
}

.storage-info {
  color: #666666;
  text-align: center;
  font-family: "Suisse Intl";
  font-size: 2.5cqw;
  font-weight: 400;
  line-height: 120%;
  margin-bottom: 8.13cqw;
}

.upload-btn3 {
  width: 38.75cqw; /* 400px / 480px * 100 */
  height: 38.75cqw; /* 100px / 480px * 100 */
  background: #f5f5f5;
  border: none;
  border-radius: 4.167cqw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1.88cqw;
  cursor: pointer;
}

.upload-section3 {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  row-gap: 5cqw;
  margin-top: 9.38cqw;
  margin-bottom: 14.79cqw;
  margin-left: 7.29cqw;
}

.mask-plug {
  width: 38.75cqw; /* 400px / 480px * 100 */
  height: 38.75cqw; /* 100px / 480px * 100 */
  background: #f5f5f5;
  border: none;
  border-radius: 4.167cqw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  overflow: hidden;
}

.image-plug {
  width: 100%;
  height: 100%;
}

.modal-title2 {
  color: #000;
  text-align: center;
  font-family: "Suisse Intl";
  font-size: 4.375cqw; /* 21px / 480px * 100 */
  font-style: normal;
  font-weight: 500;
  line-height: 101%; /* 21.21px */
  letter-spacing: -0.0875cqw; /* -0.42px / 480px * 100 */
  margin-top: 10cqw;
}
.modal-description2 {
  color: #2b2b3b;
  text-align: center;
  font-family: "Suisse Intl";
  font-size: 3.333cqw; /* 16px / 480px * 100 */
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 19.2px */
}

.storage-info-wrapper {
  position: relative;
  width: 74.583cqw; /* 358px / 480px * 100 */
  margin: 0 auto;
  margin-bottom: 10.83cqw; /* 20px / 480px * 100 */
}

.storage-info2 {
  width: 100%;
  height: 14.792cqw; /* 71px / 480px * 100 */
  background: url("../images/shell-3.svg") no-repeat center/contain;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 0 4.167cqw; /* 20px / 480px * 100 */
}

.storage-info2 span {
  color: #2b2b3b;
  font-family: "Suisse Intl";
  font-size: 2.5cqw; /* 14px / 480px * 100 */
  line-height: 120%;
  margin-bottom: 2.083cqw; /* 10px / 480px * 100 */
}

.ready-photo-container {
  min-height: 100vh;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.ready-photo-title {
  color: #2b2b3b;
  text-align: center;
  font-family: "Suisse Intl";
  font-size: 6.667cqw; /* 32px / 480px * 100 */
  font-style: normal;
  font-weight: 500;
  line-height: 104%; /* 33.28px */
  letter-spacing: -0.133cqw; /* -0.64px / 480px * 100 */
  margin-bottom: 1cqw; /* 20px / 480px * 100 */

}

.ready-photo-style {
  color: #000;
  text-align: center;
  font-family: "Suisse Intl";
  font-size: 3.333cqw; /* 16px / 480px * 100 */
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 19.2px */
  margin-bottom: 5cqw; /* 20px / 480px * 100 */
}

.photo-preview {
  position: relative;
  width: 67.71cqw; /* 400px / 480px * 100 */
  height: 67.71cqw;
  border-radius: 4.167cqw; /* 20px / 480px * 100 */
  overflow: hidden;
  margin-bottom: 5.63cqw;
}

.result-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 20cqw; /* 60px / 480px * 100 */
  height: 20cqw;
  background: none;
  border: none;
  cursor: pointer;
}

.play-button img {
  width: 20cqw; /* 60px / 480px * 100 */
  height: 20cqw;
}

.action-buttons {
  display: flex;
  flex-direction: row;
  gap: 4.167cqw; /* 20px / 480px * 100 */
  margin-bottom: 4.167cqw;
  justify-content: center;
  width: 100%;
  padding-left: 8.13cqw;
  padding-right: 8.13cqw;
  margin-top: 0;
}

.download-photo-btn,
.share-photo-btn {
  width: 100%;
  height: 11.25cqw;
  border-radius: 6.25cqw;
  font-family: "Suisse Intl";
  font-size: 3.333cqw;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  border: none;
  cursor: pointer;
  background: #cf0a2c;
  color: #ffffff;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
}

.additional-actions {
  display: flex;
  flex-direction: column;
  gap: 2.083cqw; /* 10px / 480px * 100 */
  width: 83.333cqw; /* 400px / 480px * 100 */
  margin-bottom: 8.333cqw; /* 40px / 480px * 100 */
}

.try-style-btn,
.create-again-btn {
  width: 100%;
  height: 11.25cqw;
  border: 1px solid #2b2b3b;
  border-radius: 6.25cqw;
  background: #ffffff;
  color: #2b2b3b;
  font-family: "Suisse Intl";
  font-size: 3.333cqw;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  cursor: pointer;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
}

.result-notice {
  position: relative;
  background: url("../images/shell-4.png") no-repeat center/contain;
  width: 83.75cqw; /* 358px / 480px * 100 */
  height: auto;
  padding: 4.167cqw 4.167cqw 15cqw 4.167cqw;
  text-align: center;
  margin-bottom: 4.167cqw;
}

.notice-text2 {
  color: #cf0a2c;
  font-family: "Suisse Intl";
  font-size: 2.71cqw; /* 14px / 480px * 100 */
  line-height: 120%;
  margin-top: 9.17cqw; /* 10px / 480px * 100 */
}

.notice-heart {
  position: absolute;
  bottom: -2.083cqw; /* -10px / 480px * 100 */
  left: 50%;
  transform: translateX(-50%);
  width: 4.167cqw; /* 20px / 480px * 100 */
}

.photo-preview img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-mask-image: none !important;
  mask-image: none !important;
}

.style-selection-container {
  min-height: 100vh;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.style-selection-title {
  color: #2b2b3b;
  text-align: center;
  font-family: "Suisse Intl";
  font-size: 6.67cqw; /* 24px / 480px * 100 */
  font-weight: 500;
  line-height: 104%;
  margin-bottom: 7.92cqw; /* 20px / 480px * 100 */
  margin-top: 17.5cqw;
}

.photo-upload-area {
  width: 84.58cqw; /* 400px / 480px * 100 */
  height: 84.58cqw; /* 200px / 480px * 100 */
  background: #f5f5f5;
  border-radius: 16px; /* 16px - стильное закругление */
  margin-bottom: 2.08cqw;
  position: relative;
  overflow: hidden;
}

.uploaded-photo {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.style-selection {
  background-color: #fff !important;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.upload-status {
  display: flex;
  width: 32.292cqw; /* 155px / 480px * 100 */
  height: 7.917cqw; /* 38px / 480px * 100 */
  padding: 0.625cqw 0; /* 3px / 480px * 100 */
  justify-content: center;
  align-items: center;
  gap: 2.083cqw; /* 10px / 480px * 100 */
  border-radius: 6.25cqw; /* 30px / 480px * 100 */
  border: 1px solid #2b2b3b;
  background: #ffffff;
  color: #2b2b3b;
  font-family: "Suisse Intl";
  font-size: 3.333cqw; /* 16px / 480px * 100 */
  cursor: pointer;
  margin-bottom: 1.67cqw;
  margin-left: -52cqw;
}

.upload-status2 {
  display: flex;
  width: 32.92cqw; /* 155px / 480px * 100 */
  height: 7.917cqw; /* 38px / 480px * 100 */
  padding: 0.625cqw 0; /* 3px / 480px * 100 */
  justify-content: center;
  align-items: center;
  gap: 2.083cqw; /* 10px / 480px * 100 */
  border-radius: 6.25cqw; /* 30px / 480px * 100 */
  border: none;
  background: #5b6770;
  color: #ffffff;
  font-family: "Suisse Intl";
  font-size: 3.333cqw; /* 16px / 480px * 100 */
  cursor: pointer;
  margin-bottom: 15cqw;
  margin-left: 52cqw;
}

.style-subtitle {
  color: #2b2b3b;
  text-align: center;
  font-family: "Suisse Intl";
  font-size: 5.833cqw; /* 28px / 480px * 100 */
  font-style: normal;
  font-weight: 500;
  line-height: 104%; /* 29.12px */
  letter-spacing: -0.117cqw; /* -0.56px / 480px * 100 */
  margin-bottom: 6.25cqw; /* 20px / 480px * 100 */
}

.style-options {
  display: flex;
  flex-direction: column;
  gap: 2.083cqw; /* 10px / 480px * 100 */
  margin-bottom: 4.167cqw;
}

.style-card {
  display: flex;
  width: 84.583cqw;
  height: 80cqw;
  padding-left: 2.92cqw;
  padding-top: 2.29cqw;
  padding-right: 2.92cqw;

  flex-direction: column;
  align-items: flex-start; /* 6px / 480px * 100 */
  flex-shrink: 0;
  border-radius: 3.333cqw; /* 16px / 480px * 100 */
  background: #f8efdd;
  margin-bottom: 2.083cqw; /* 10px / 480px * 100 */
  position: relative;
  overflow: hidden;
  cursor: pointer;
  border: none;
}

/* Обновляем стили для изображения */
.style-image {
  width: 100%;
  height: auto;
  object-fit: cover;
  margin-bottom: 2.25cqw; /* 6px / 480px * 100 */
}

/* Обновляем стили для названия стиля */
.style-name {
  color: #2b2b3b;
  font-family: "Suisse Intl";
  font-size: 3.75cqw; /* 18px / 480px * 100 */
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  margin-bottom: 2.5cqw; /* 12px / 480px * 100 */
}

/* Добавляем стили для описания */
.style-description {
  color: #2b2b3b;
  font-family: "Suisse Intl";
  font-size: 3.333cqw; /* 16px / 480px * 100 */
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* Устанавливаем межстрочный интервал 120% */
}

/* Удаляем неиспользуемые стили */
.style-card-mask {
  width: 100%;
  height: auto;
  object-fit: cover;
  -webkit-mask-image: url("../images/mask-card.svg");
  mask-image: url("../images/mask-card.svg");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}

.bottom-section {
  margin-top: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.67cqw;
  margin-top: 11.04cqw;
}

.hourglass-icon {
  width: 10cqw; /* 40px / 480px * 100 */
  height: auto;
}

.legal-info {
  color: #666666;
  text-align: center;
  font-family: "Suisse Intl";
  font-size: 2.917cqw; /* 14px / 480px * 100 */
  line-height: 120%;
}

.create-magic-btn {
  display: flex;
  width: 56.25cqw; /* 270px / 480px * 100 */
  height: 11.25cqw; /* 54px / 480px * 100 */
  padding: 0.625cqw 0; /* 3px / 480px * 100 */
  justify-content: center;
  align-items: center;
  gap: 2.083cqw; /* 10px / 480px * 100 */
  flex-shrink: 0;
  border-radius: 6.25cqw; /* 30px / 480px * 100 */
  background: #cf0a2c;
  border: none;
  color: #ffffff;
  font-family: "Suisse Intl";
  font-size: 3.333cqw; /* 16px / 480px * 100 */
  cursor: pointer;
  margin: 0 auto;
  margin-bottom: 22.71cqw; /* 20px / 480px * 100 */
}

.processing-info {
  position: relative;
  width: 62.5cqw; /* 302px / 480px * 100 */
  height: 23.96cqw; /* 119px / 480px * 100 */
  margin: 2.08cqw auto;
  margin-bottom: 18.33cqw;
}

.processed-image {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.info-cloud {
  position: relative;
  width: 100%;
  height: 100%;
}

.cloud-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.processing-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  color: #2b2b3b;
  text-align: center;
  font-family: "Suisse Intl";
  font-size: 2.5cqw; /* 14px / 480px * 100 */
  line-height: 120%;
  z-index: 1;
}

.hashtag-verification {
  width: 67.08cqw;
  height: auto;
}
.hashtag-verification img {
  width: 67.08cqw;
  height: 100%;
}

.list-icon-1 {
  width: 16.46cqw;
  height: 15cqw;
  margin-bottom: 7.5cqw;
}

.list-icon-2 {
  width: 17.71cqw;
  height: 25.83cqw;
  margin-bottom: 18.83cqw;
}

.list-icon-3 {
  width: 16.67cqw;
  height: 26.67cqw;
}

.features-list-success-grid {
  display: flex;
  flex-direction: row;
  gap: 0cqw;
  margin-bottom: 3.33cqw;
}

.features-list-success-1 {
  margin-left: 0cqw;
}

.features-list-success-2 {
  margin-left: -18cqw;
}
/* Страница настроек*/
.option-page {
  padding: 5.83cqw;
  margin-bottom: 15.21cqw;
}

.option-title {
  font-family: "Suisse Intl";
  font-size: 6.67cqw;
  font-style: normal;
  font-weight: 500;
  color: #2b2b3b;
  text-align: left;
  margin-bottom: 3.33cqw;

}

.development-diary,
.magical-photos,
.memory-videos {
  margin-bottom: 12.71cqw;
}

.option-title-2 {
  font-family: "Suisse Intl";
  font-size: 5.42cqw;
  font-style: normal;
  font-weight: 500;
  color: #2b2b3b;
  text-align: left;
  margin-bottom: 3.33cqw;
}

.option-p {
  font-family: "Suisse Intl";
  font-size: 3.33cqw;
  font-style: normal;
  font-weight: 400;
  color: #2b2b3b;
  text-align: left;
  margin-bottom: 4.167cqw;
}

label {
  display: block;
  color: #5b6770;
  font-family: "Suisse Intl";
  font-size: 3.33cqw;
  font-style: normal;
  font-weight: 400;
  line-height: 190%;
}

.toggle-notification {
  width: 40px;
  height: 24px;
  background-color: #cf0a2c;
}

.activate-button {
  width: 79.58cqw;
  height: 17.08cqw;
  background-color: #cf0a2c;
  color: #ffffff;
  border: none;
  border-radius: 6.25cqw;
  font-size: 3.33cqw;
  cursor: pointer;
  margin-bottom: 1.04cqw;
  margin-left: 3.08cqw;
}

.delete-account-button,
.technical-support-button {
  width: 79.58cqw;
  height: 11.67cqw;
  background-color: #f3f3f3 !important;
  color: #414141;
  border: none;
  border-radius: 6.25cqw;
  font-size: 3.33cqw;
  cursor: pointer;
  margin-top: 2.08cqw;
  margin-left: 4.08cqw;
}

.technical-support-button:hover,
.activate-button:hover,
.delete-account-button:hover {
  opacity: 0.9;
}

.radio-option {
  display: flex;
  align-items: center;
  gap: 2.083cqw; /* 10px / 480px * 100 */
  cursor: pointer;
}

.radio-option input[type="radio"] {
  appearance: none;
  width: 3.958cqw; /* 19px / 480px * 100 */
  height: 3.958cqw; /* 19px / 480px * 100 */
  margin: 0;
  cursor: pointer;
  background-image: url("../images/radio-button-off.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.radio-option input[type="radio"]:checked {
  background-image: url("../images/radio-button-on.svg");
}

.option-rbtn-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

/* свитч */
.switch {
  position: relative;
  display: inline-block;
  width: 8.33cqw; /* Ширина переключателя */
  height: 5cqw; /* Высота переключателя */
  left: 47.92cqw;
  top: 0cqw;
}

.switch input {
  opacity: 0; /* Скрываем стандартный чекбокс */
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #e4e4e4; /* Цвет выключенного состояния */
  transition: 0.4s;
  border-radius: 7.08cqw; /* Закругление углов */
}

.slider:before {
  position: absolute;
  content: "";
  height: 3.75cqw; /* Высота ползунка */
  width: 3.75cqw; /* Ширина ползунка */
  left: 0.83cqw; /* Отступ слева */
  bottom: 0.83cqw; /* Отступ снизу */
  background-color: white; /* Цвет ползунка */
  border-radius: 50%; /* Закругление ползунка */
  transition: 0.4s;
}

/* Состояние включенного переключателя */
input:checked + .slider {
  background-color: #cf0a2c; /* Цвет включенного состояния */
}

input:checked + .slider:before {
  transform: translateX(3cqw); /* Перемещение ползунка */
}

.label-text {
  margin-right: px; /* Отступ между текстом и чекбоксом */
  font-family: "Suisse Intl"; /* Используйте ваш шрифт */
  font-size: 3.33cqw; /* Размер шрифта */
  color: #2b2b3b; /* Цвет текста */
  margin-left: -47.92cqw;
  text-wrap: nowrap;
}

.hashtag-oms-2 {
  width: 18.54cqw; /* 80px / 480px * 100 */
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 3.54cqw;
}

.hashtag-oms-2 img {
  width: 100%;
  height: auto;
}

/* страница с рекомендациами по генерации 1 */
.recommendations-page {
  width: 100%;
  min-height: 100vh;
  background: #ffffff;
  padding: 3.33cqw;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.close-button {
  position: absolute;
  right: 3.75cqw;
  background: none;
  border: none;
  cursor: pointer;
}

.recommendations-content {
  text-align: center;
}

.recommendations-header h1 {
  font-family: "Suisse Intl";
  font-size: 6.67cqw;
  color: #2b2b3b;
  margin-bottom: 8.75cqw;
}

.recommendations-header p {
  font-family: "Suisse Intl";
  font-style: normal;
  font-weight: 400;
  font-size: 4.38cqw;
  color: #2b2b3b;
  margin-bottom: 9.38cqw;
  line-height: 120%;
}

.recommendations-body-text {
  font-family: "Suisse Intl";
  font-style: normal;
  font-weight: 400;
  font-size: 4.38cqw;
  margin-bottom: 11.46cqw;
  line-height: 120%;
}

.view-recommendations-button {
  width: 51.25cqw;
  height: 11.25cqw;
  background: #cf0a2c;
  color: #ffffff;
  font-family: "Suisse Intl";
  font-size: 3.33cqw;
  padding: 1cqw 2cqw;
  border: none;
  border-radius: 6.25cqw;
  cursor: pointer;
  margin-bottom: 10cqw;
}

.recommendations-logo {
  width: 53.75cqw; /* Ширина изображения */
  height: 47.92cqw; /* Автоматическая высота для сохранения пропорций */
  margin-bottom: 6.46cqw;
}

.recommendations-star {
  width: 5.42cqw; /* Ширина изображения */
  height: 6.25cqw; /* Автоматическая высота для сохранения пропорций */
  margin: 0 auto;
}

.recommendations-wand {
  width: 8.33cqw; /* Ширина изображения */
  height: 6.67cqw; /* Автоматическая высота для сохранения пропорций */
  margin: 0 auto;
}

.recommendations-arrow {
  /* position: absolute; */
  width: 5.63cqw;
  height: auto;
  left: 61.2cqw;
  margin-left: 56.3cqw;
  margin-bottom: 3cqw;
}

.red-text-rec2 {
  color: #cf0a2c;
  text-align: center;
  font-family: "Suisse Intl";
  font-size: 3.33cqw;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 19.2px */
  margin-bottom: 3cqw;
}

.recommendations-2-page {
  width: 100%;
  min-height: 100vh;
  background: #ffffff;
  padding: 3.33cqw;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.recommendations-2-content {
  text-align: center;
  align-items: center;
}
.recommendations-2-content h1 {
  margin-top: 10cqw;
}

.recommendations-2-content p {
  font-size: 4.38cqw;
  line-height: 120%;
  margin-top: 7.92cqw;
  margin-bottom: 5cqw;
}

.red-text-rec {
  color: #cf0a2c; /* Красный цвет текста */
  font-weight: 400; /* Жирный шрифт */
  font-size: 4.38cqw; /* Размер шрифта */
  line-height: 120%;
  margin-top: 5cqw;
  height: 18.13cqw;
}

.red-text-rec3 {
  color: #cf0a2c; /* Красный цвет текста */
  font-weight: 400; /* Жирный шрифт */
  font-size: 4.38cqw; /* Размер шрифта */
  line-height: 120%;
  margin-top: 4cqw;
  height: auto;
  font-family: "Suisse Intl";
}

.next-button {
  width: 51.25cqw;
  height: 11.25cqw;
  background: #cf0a2c;
  color: #ffffff;
  font-family: "Suisse Intl";
  font-size: 3.33cqw;
  border: none;
  border-radius: 6.25cqw;
  cursor: pointer;
  margin-bottom: 9.17cqw;
}

.next-button-2 {
  width: 51.25cqw;
  height: 11.25cqw;
  background: #cf0a2c;
  color: #ffffff;
  font-family: "Suisse Intl";
  font-size: 3.33cqw;
  border: none;
  border-radius: 6.25cqw;
  cursor: pointer;
  margin-top: 12cqw; /* Отступ сверху */
  margin-bottom: 9.17cqw;
}

.recommendations-2-image {
  width: 88.13cqw;
  height: 86.04cqw;
  object-fit: cover;
  -webkit-mask-image: url("../images/rec-image-1.svg");
  mask-image: url("../images/rec-image-1.svg");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  margin-left: 2.08cqw;
  margin-right: 2.08cqw;
}
/* банеры */

.calendar-banner-logo {
  width: 53.13cqw;
  height: 52.08cqw;
  margin-left: 21.67cqw;
  margin-top: 18.33cqw;
  margin-bottom: 0cqw;
}

.calendar-banner-header h1 {
  color: #2b2b3b;
  text-align: center;
  font-family: "Suisse Intl";
  font-size: 6.67cqw;
  font-style: normal;
  font-weight: 500;
  line-height: 101%; /* 32.32px */
  margin-bottom: 4.17cqw;
  margin-top: 0cqw;
}

.calendar-banner-header p {
  color: #2b2b3b;
  text-align: center;
  font-family: "Suisse Intl";
  font-size: 3.33cqw;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  margin-bottom: 3.33cqw;
}

.calendar-banner-body {
  position: relative;
  text-align: center; /* Центрируем текст */
  align-items: center;
  width: 69.17cqw;
  height: 30cqw;
  margin-bottom: 3.46cqw;
}

.warning-banner-text {
  position: absolute;
  text-align: left;
  color: #5b6770;
  font-family: "Suisse Intl";
  font-size: 2.92cqw;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 16.8px */
  top: 10.42cqw;
  left: 38.13cqw;
  text-wrap: nowrap;
}

.calendar-banner-icon {
  position: absolute;
  margin-left: 25cqw;
  margin-top: 10.83cqw;
  width: 9.17cqw;
  height: 7.71cqw;
}

.calendar-banner-bg {
  position: absolute;
  left: 15.42cqw;
  right: 15.42cqw;
  width: 69.17cqw;
  height: 30cqw;
}

.back-button-banner {
  font-size: 3.33cqw;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  background: #fff;
  width: 49.17cqw;
  height: 11.25cqw;
  justify-content: center;
  align-items: center;
  border-radius: 6.25cqw;
  border: 0;
  margin-left: 25.42cqw;
  margin-bottom: 8.54cqw;
  cursor: pointer;
}

.hashtag-oms-banner {
  width: 18.54cqw;
  height: 7.92cqw;
  margin-left: 39.79cqw;
  margin-bottom: 9.58cqw;
}

.diary-banner-image {
  width: 41.25cqw;
  height: 73.33cqw;
  margin-left: 29.17cqw;
  margin-bottom: 6.88cqw;
}

.diary-banner-logo {
  width: 70.42cqw;
  height: 33.33cqw;
  margin-left: 22.29cqw;
  margin-top: 5.21cqw;
  margin-bottom: 2cqw;
}

.diary-banner-header h1 {
  color: #2b2b3b;
  text-align: center;
  font-family: "Suisse Intl";
  font-size: 6.67cqw;
  font-style: normal;
  font-weight: 500;
  line-height: 101%; /* 32.32px */
  margin-bottom: 3.33cqw;
  margin-top: 0cqw;
}

.diary-banner-header p {
  color: #2b2b3b;
  text-align: center;
  font-family: "Suisse Intl";
  font-size: 3.33cqw;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  margin-bottom: 6.04cqw;
}

/* сава добавил */
.diary-3-photo-upload {
  width: 100%;
  height: 100%;
  background: #ffffff;
  border-radius: 16px;
  padding: 16px;
}

.upload-button-container,
.preview-container {
  width: 100%;
  height: calc(100% - 32px); /* Учитываем padding */
  border-radius: 8px;
}

.preview-container {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.preview-image {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.bottom-spacing {
  height: 80px;
  width: 100%;
}

@media (max-width: 480px) {
  .bottom-spacing {
    height: 32vw;
  }
}
/* сава добавил */

.photo-banner-logo {
  width: 70.42cqw;
  height: 33.33cqw;
  margin-left: 15cqw;
  margin-top: 3.33cqw;
  margin-bottom: 2cqw;
}

.photo-banner-header h1 {
  color: #2b2b3b;
  text-align: center;
  font-family: "Suisse Intl";
  font-size: 6.67cqw;
  font-style: normal;
  font-weight: 500;
  line-height: 101%; /* 32.32px */
  margin-bottom: 2.08cqw;
  margin-top: 0cqw;
}

.photo-banner-header p {
  color: #2b2b3b;
  text-align: center;
  font-family: "Suisse Intl";
  font-size: 3.33cqw;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  margin-bottom: 6.04cqw;
}

.video-banner-logo {
  width: 20cqw;
  height: 21.04cqw;
  margin-left: 38.75cqw;
  margin-top: 4.58cqw;
  margin-bottom: 2cqw;
}

.video-banner-header h1 {
  color: #2b2b3b;
  text-align: center;
  font-family: "Suisse Intl";
  font-size: 6.67cqw;
  font-style: normal;
  font-weight: 500;
  line-height: 101%; /* 32.32px */
  margin-bottom: 8.75cqw;
  margin-top: 0cqw;
}

.video-banner-header p {
  color: #2b2b3b;
  text-align: center;
  font-family: "Suisse Intl";
  font-size: 3.33cqw;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  margin-bottom: 6.04cqw;
}

.starting-page {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #ffffff;
}

.starting-title {
  font-family: "Suisse Intl";
  font-size: 24px;
  font-weight: 600;
  color: #2b2b3b;
  margin: 0px 0;
}

.starting-description {
  color: #2b2b3b;
  text-align: center;

  /* h2 */
  font-family: "Suisse Intl";
  font-size: 4.38cqw;
  font-style: normal;
  font-weight: 500;
  line-height: 101%; /* 21.21px */
  letter-spacing: -0.42px;
  margin-bottom: 20px;
}

.starting-note {
  color: #000;
  text-align: center;
  font-family: "Suisse Intl";
  font-size: 3.33cqw;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 19.2px */
  margin-bottom: 5cqw;
}

.support-card {
  display: flex;
  flex-direction: column;
  width: 85.83cqw;
  height: 42.5cqw;
  background-color: #f4e1e1;
  margin-top: 5cqw;
  padding: 5.83cqw;
  border: 0;
  border-radius: 6.25cqw;
}

.support-title {
  color: #000;
  text-align: center;
  font-family: "Suisse Intl";
  font-size: 3.33cqw;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 19.2px */
  margin-bottom: 0cqw;
}

.support-image {
  width: 93.33cqw;
  height: 97.29cqw;
  margin-top: 11.46cqw;
  margin-bottom: -13.13cqw;
}

.support-button {
  width: 32.5cqw;
  height: 11.25cqw;
  font-size: 3.33cqw;
  font-family: "Suisse Intl";
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 19.2px */
  background-color: #cf0a2c;
  color: #ffffff;
  border: none;
  border-radius: 6.25cqw;
  cursor: pointer;
  margin-top: auto;
}

.menu-button {
  width: 56.67cqw;
  height: 11.25cqw;
  font-size: 3.33cqw;
  font-family: "Suisse Intl";
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 19.2px */
  margin-top: 12.5cqw;
  background-color: #fff;
  color: #2b2b3b;
  border: none;
  border-radius: 6.25cqw;

  cursor: pointer;
}
.card-text-sup {
  color: #2b2b3b;
  font-family: "Suisse Intl";
  font-size: 3.33cqw;
  font-style: normal;
  font-weight: 500;
  line-height: 110%; /* 16.003px */
  letter-spacing: -0.475px;
  text-align: left;
  margin-bottom: 10px;
}

.support-card-icon-1 {
  /* position: absolute; */
  width: 30.83cqw;
  height: 29.58cqw;
  left: 57.29cqw;
}

.support-card-icon-2 {
  /* position: absolute; */
  width: 30.83cqw;
  height: 37.71cqw;
  left: 57.29cqw;
  margin-top: -4cqw;
}

.support-card-link {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: space-between;
}

.support-star {
  width: 7.5cqw;
  height: 8.54cqw;
  margin-bottom: 0.42cqw;
}

.falshivka {
  position: absolute;
  width: 100cqw;
  height: auto;
  z-index: -1;
}

.falshivka-2 {
  position: absolute;
  width: 100cqw;
  height: auto;
  z-index: -1;
}

.super-test-btn-1 {
  top: 153.13cqw;
  display: flex;
  width: 77.08cqw;
  height: 12.92cqw;

  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  border: none;
  border-radius: 6.25cqw;
  background: #cf0a2c;
  z-index: 1;

  color: #fff;
  text-align: center;

  /* p */
  font-family: "Suisse Intl";
  font-size: 3.33cqw;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 19.2px */
  cursor: pointer;
  margin: 0 auto;
}

.super-test-btn-2 {
  top: 171.04cqw;
  left: 11.46cqw;
  display: flex;
  width: 77.08cqw;
  height: 12.92cqw;

  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  border: none;
  border-radius: 6.25cqw;
  background: #f3f3f3;
  z-index: 1;

  color: #2b2b3b;
  text-align: center;

  /* p */
  font-family: "Suisse Intl";
  font-size: 3.33cqw;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 19.2px */
  cursor: pointer;
  margin: 0 auto;
}

.super-test-btn-3 {
  position: absolute;
  top: 851.88cqw;
  left: 10.21cqw;
  display: flex;
  width: 79.58cqw;
  height: 11.25cqw;

  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  border: none;
  border-radius: 6.25cqw;
  background: #cf0a2c;
  z-index: 1;

  color: #fff;
  text-align: center;

  /* p */
  font-family: "Suisse Intl";
  font-size: 3.33cqw;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 19.2px */
  cursor: pointer;
}

.super-test-btn-4 {
  position: absolute;
  top: 868.13cqw;
  left: 10.21cqw;
  display: flex;
  width: 79.58cqw;
  height: 11.25cqw;

  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  border: none;
  border-radius: 6.25cqw;
  background: #5b6770;
  z-index: 1;

  color: #fff;
  text-align: center;

  /* p */
  font-family: "Suisse Intl";
  font-size: 3.33cqw;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 19.2px */
  cursor: pointer;
}

.super-test-btn-4-2 {
  position: absolute;
  top: 850cqw;
  left: 10.21cqw;
  display: flex;
  width: 79.58cqw;
  height: 11.25cqw;

  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  border: none;
  border-radius: 6.25cqw;
  background: #5b6770;
  z-index: 1;

  color: #fff;
  text-align: center;

  /* p */
  font-family: "Suisse Intl";
  font-size: 3.33cqw;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 19.2px */
  cursor: pointer;
}

.date-super-txt {
  font-family: "Suisse Intl";
  font-size: 4.38cqw;
  font-style: medium;
  font-weight: 500;
  line-height: 120%;
  z-index: 1;
}
.super-text {
  position: absolute;
  align-items: center;
  top: 90.5cqw;
  width: 100%;
  margin-left: 1cqw;
  z-index: 1;
}
.oms-tag-text img {
  width: 67.08cqw;
  height: auto;
  margin-top: 28cqw;
}

.subtitle-chek {
  text-align: left;
  font-size: 4cqw;
}

.menu-intro-btn {
  width: 100%;
  height: 11.25cqw;
  background-color: #ce132d;
  border: none;
  border-radius: 6.25cqw;
  margin-top: 0cqw;
  margin-bottom: 2.08cqw;
  font-size: 3.33cqw;
  color: #ffffff;
}

.video-container-1 {
  position: absolute;
  width: 24.58cqw;
  height: 43.75cqw;
  top: 213.54cqw;
  left: 37.71cqw;
  border-radius: 1.67cqw;
  border: none;
}

.video-container-2 {
  position: absolute;
  width: 24.17cqw;
  height: 42.92cqw;
  top: 564.58cqw;
  left: 37.71cqw;
  border-radius: 1.67cqw;
  border: none;
}

.video-container-3 {
  position: absolute;
  width: 78.75cqw;
  height: 49.38cqw;
  top: 473.75cqw;
  left: 10.63cqw;
}

.video-container-1-2 {
  position: absolute;
  width: 67.5cqw;
  height: 120cqw;
  top: 217.08cqw;
  left: 15.83cqw;
  border-radius: 6.25cqw;
  border: none;
}

.video-container-2-2 {
  position: absolute;
  width: 67.5cqw;
  height: 120cqw;
  top: 652.92cqw;
  left: 15.83cqw;
  border-radius: 6.25cqw;
  border: none;
}

.video-container-3-2 {
  position: absolute;
  width: 78.75cqw;
  height: 49.38cqw;
  top: 555.83cqw;
  left: 10.63cqw;
  overflow: hidden;
}

.super-test-btn-2-2 {
  position: absolute;
  top: 150.21cqw;
  left: 11.46cqw;
  display: flex;
  width: 77.08cqw;
  height: 12.92cqw;

  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  border: none;
  border-radius: 6.25cqw;
  background: #fff;
  z-index: 1;

  color: #2b2b3b;
  text-align: center;

  /* p */
  font-family: "Suisse Intl";
  font-size: 3.33cqw;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 19.2px */
  cursor: pointer;
}

.icon-container {
  display: flex;
  justify-content: center;
  margin: 20px auto;
}

.number-icon {
  width: 40px;
  height: 40px;
}

/* --- Сброс и выделение для выбора фото в стикерах --- */
.photo-item {
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
  transition: box-shadow 0.2s, border 0.2s;
}
.photo-item.selected {
  border: 2px solid #CF0A2C !important;
  box-shadow: 0 0 0 2px #CF0A2C33;
}

/* Общие классы для переиспользования title и subtitle в сервисах */
.service-title {
  font-size: 5.83cqw !important;
  font-weight: 500 !important;
  line-height: 104% !important;
}

.service-subtitle {
  font-size: 3.33cqw !important;
  font-weight: 400 !important;
  line-height: 120% !important;
}