@charset "UTF-8";
body {
  -webkit-font-smoothing: antialiased; /* Для Safari и Chrome */
  -moz-osx-font-smoothing: grayscale; /* Для Firefox на Mac */
  text-rendering: optimizeLegibility; /* Улучшает четкость букв */
}

.sidebar-contact {
  display: flex;
  width: 100%;
  padding: 0px;
  margin: 0px;
}

/* Главный контейнер для иконки и текста */
.contact__general-icon-inner {
  width: 100%;
  padding: 4px;
  margin-bottom: 1rem;
}

/* Общая ссылка-обертка */
.contact-sidebar-link {
  display: flex !important;
  gap: 4px !important;
  text-decoration: none !important;
  color: inherit !important;
}

/* Сброс стилей для текста, чтобы он не прыгал */
.contact__general {
  display: inline-block !important;
  white-space: nowrap !important;
  padding: 2px;
  border-radius: 2px;
  font-size: small;
  color: rgb(49, 107, 88);
}

.contact__general-icon-inner svg {
  display: inline-block !important;
  flex-shrink: 0 !important;
}

/* Выравниваем также заголовок "Наши контакты" */
.contact__title {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 4px !important;
  padding: 4px;
  margin-bottom: 1rem;
  color: rgb(136, 136, 136);
}

.main-contact-inner {
  width: 100%;
  height: auto;
}

.document-inner {
  width: 100%;
  padding: 0px;
  margin: 0px;
}

/* Общий контейнер, который управляет карточками */
.document__info {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; /* Центрирует дочерние элементы по горизонтали */
  gap: 2rem;
}

/* Сама белая карточка — делаем её компактной и центрируем */
.dmca-inner {
  width: 70% !important; /* Теперь блок занимает ровно половину экрана */
  min-width: 290px; /* Защита: на телефонах блок не сожмется в узкую полоску, а адаптируется */
  margin: 0 auto !important; /* МАГИЯ: выравнивает уменьшенный блок ровно по центру экрана */
  padding: 4px;
  display: flex;
  flex-direction: column; /* Элементы внутри идут один под другим */
  box-sizing: border-box;
  font-size: small;
}

/* Текст внутри компактного блока */
.dmca__info,
.dmca-inner h2,
.dmca-inner p {
  width: 100%;
  background-color: whitesmoke;
  color: black;
  border-radius: 4px;
  /* 1. РОЛИВНЯЕМ КРАЯ: Текст выстраивается строго по линии с обеих сторон */
  text-align: justify !important;
  /* 2. СПАСЕНИЕ ОТ ДЫР: Браузер сам делит слова по слогам с дефисом, чтобы пробелы были маленькими */
  -webkit-hyphens: auto !important;
  -moz-hyphens: auto !important;
  -ms-hyphens: auto !important;
  hyphens: auto !important;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 5px;
  padding-right: 5px;
  box-sizing: border-box;
  /* 4. Настройки безопасных переносов */
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
  line-height: 1.5 !important;
  opacity: 0.95;
}

.dmca__title {
  display: flex;
  justify-content: center;
}

.feedback__info,
.feedback-inner h2,
.feedback-inner p {
  width: 100%;
  background-color: whitesmoke;
  color: black;
  border-radius: 4px;
  /* 1. РОЛИВНЯЕМ КРАЯ: Текст выстраивается строго по линии с обеих сторон */
  text-align: justify !important;
  /* 2. СПАСЕНИЕ ОТ ДЫР: Браузер сам делит слова по слогам с дефисом, чтобы пробелы были маленькими */
  -webkit-hyphens: auto !important;
  -moz-hyphens: auto !important;
  -ms-hyphens: auto !important;
  hyphens: auto !important;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 5px;
  padding-right: 5px;
  box-sizing: border-box;
  /* 4. Настройки безопасных переносов */
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
  line-height: 1.5 !important;
  opacity: 0.95;
}

.feedback-inner {
  width: 70% !important; /* Теперь блок занимает ровно половину экрана */
  min-width: 290px; /* Защита: на телефонах блок не сожмется в узкую полоску, а адаптируется */
  margin: 0 auto !important; /* МАГИЯ: выравнивает уменьшенный блок ровно по центру экрана */
  padding: 4px;
  display: flex;
  flex-direction: column; /* Элементы внутри идут один под другим */
  box-sizing: border-box;
  font-size: small;
}

.feedback__info-title {
  display: flex;
  justify-content: center;
}

.developer__info,
.developer-inner h2,
.developer-inner p {
  width: 100%;
  background-color: whitesmoke;
  color: black;
  border-radius: 4px;
  /* 1. РОЛИВНЯЕМ КРАЯ: Текст выстраивается строго по линии с обеих сторон */
  text-align: justify !important;
  /* 2. СПАСЕНИЕ ОТ ДЫР: Браузер сам делит слова по слогам с дефисом, чтобы пробелы были маленькими */
  -webkit-hyphens: auto !important;
  -moz-hyphens: auto !important;
  -ms-hyphens: auto !important;
  hyphens: auto !important;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 5px;
  padding-right: 5px;
  box-sizing: border-box;
  /* 4. Настройки безопасных переносов */
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
  line-height: 1.5 !important;
  opacity: 0.95;
}

.developer-inner {
  width: 70% !important; /* Теперь блок занимает ровно половину экрана */
  min-width: 290px; /* Защита: на телефонах блок не сожмется в узкую полоску, а адаптируется */
  margin: 0 auto !important; /* МАГИЯ: выравнивает уменьшенный блок ровно по центру экрана */
  padding: 4px;
  display: flex;
  flex-direction: column; /* Элементы внутри идут один под другим */
  box-sizing: border-box;
  font-size: small;
}

.developer__info-title {
  display: flex;
  justify-content: center;
}

/* Настройки для общей ссылки */
.contact-sidebar-link {
  display: inline-flex; /* inline-flex не дает ссылке растягиваться на весь экран */
  align-items: center; /* Выравнивает иконку и текст ровно по центру по вертикали */
  /* РАССТОЯНИЕ ВПРИТЫК: */
  gap: 6px; /* Всего 6 пикселей между иконкой и текстом. Можете поставить 4px или 8px */
  text-decoration: none; /* Полностью убираем браузерное синее подчеркивание */
  color: inherit; /* Иконка и текст берут цвет вашей темы сайта */
}

/* На всякий случай фиксируем, чтобы иконка не деформировалась */
.contact-sidebar-link svg {
  flex-shrink: 0;
  width: 18px; /* Аккуратный строгий размер иконки */
  height: 18px;
}

.faq__info,
.faq-inner h2,
.faq-inner p {
  width: 100%;
  background-color: whitesmoke;
  color: black;
  border-radius: 4px;
  /* 1. РОЛИВНЯЕМ КРАЯ: Текст выстраивается строго по линии с обеих сторон */
  text-align: justify !important;
  /* 2. СПАСЕНИЕ ОТ ДЫР: Браузер сам делит слова по слогам с дефисом, чтобы пробелы были маленькими */
  -webkit-hyphens: auto !important;
  -moz-hyphens: auto !important;
  -ms-hyphens: auto !important;
  hyphens: auto !important;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 5px;
  padding-right: 5px;
  box-sizing: border-box;
  /* 4. Настройки безопасных переносов */
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
  line-height: 1.5 !important;
  opacity: 0.95;
}

.faq-inner {
  width: 70% !important; /* Теперь блок занимает ровно половину экрана */
  min-width: 290px; /* Защита: на телефонах блок не сожмется в узкую полоску, а адаптируется */
  margin: 0 auto !important; /* МАГИЯ: выравнивает уменьшенный блок ровно по центру экрана */
  padding: 4px;
  display: flex;
  flex-direction: column; /* Элементы внутри идут один под другим */
  box-sizing: border-box;
  font-size: small;
}

.faq__info-title {
  display: flex;
  justify-content: center;
}/*# sourceMappingURL=info.css.map */