/* На экранах до 1023px показываем бургер и скрываем меню по умолчанию */
  @media(max-width: 1323px) {
  .burger {
  width: 55px; /* ширина бургера, по желанию */
  height: auto; /* высота зависит от внутренних элементов */
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  cursor: pointer;
  background-color: transparent; /* фон контейнера, если нужен белый фон, добавьте сюда */
}

.burger span {
  display: block;
  height: 4px; /* толщина полоски */
  background-color: black; /* цвет полос */
  width: 100%; /* чтобы полоски занимали всю ширину контейнера */
  margin: 4px 0; /* отступ между полосками */
  border-radius: 2px; /* скругление углов, по желанию */
}

     .menu-bureger{
    display: flex;
    flex-wrap: nowrap;
    margin-top: 5px;
    justify-content: left;
    padding: 10px;
    align-items: center;
}

 

    /* Меню показываем, когда есть класс 'active' */
    #headerMenu.show {
      display: flex;
      flex-direction: column;
      background: #fafafa; /* фон меню */
      position: absolute;
      top: 140px;
      right: 10px;
      padding: 10px;
      z-index: 1000;
    }

    /* Скрываем меню по умолчанию на мобильных */
    #headerMenu {
      display: none;
    }

    .header_top{
    display: none;
    flex-wrap: nowrap;
    margin-top: 5px;
    justify-content: center;
}

.div_header{
    display: none;
    justify-content: center;
    background-color: #ffffff;
    padding: 10px;
    margin-top: 10px;
}

.conteiner_text {
  display: block;  
  flex-wrap: nowrap;
    justify-content: center;
    margin-right: 0;
}

.title_block_footer2 {
    clear: both;
    border-top: 1px solid #696969;
    margin-top: 30px;
    height: 5vh;
}

.social-icons-container_footer {
      display: flex;
    justify-content: left; /* Распределяет элементы по краям */
    align-items: center; /* Выравнивает по вертикали */
    /* Удаляем clear: both и float в других элементах */

}

.row {
    display: flex; /* Устанавливаем горизонтальное направление для элементов */
    flex-wrap: wrap; /* Позволяем переносить элементы на новую строку при необходимости */
    justify-content: center; /* Центрируем элементы по горизонтали */
    width: 100%; /* Занимаем всю доступную ширину */

}

.content-wrapper {
  display: grid;
  align-items: center;
  justify-content: center;
  gap: 10px; /* расстояние между колонками */

}

.card {
  padding: 12px;
  margin: 10px;
  border: 0px solid #ccc;
  border-radius: 10px;
  box-shadow: 0 7px 6px rgba(0,0,0,0.1);
  cursor: pointer;
  display: inline-block; /* для стилизации как отдельной карточки */
  font-size: 11px; /* размер текста внутри карточки */
  width: 345px; /* задайте нужную ширину */
  height: auto; /* задайте нужную высоту */
  overflow: hidden; /* скрывать излишки содержимого */
  box-sizing: border-box; /* чтобы внутренние отступы не увеличивали размеры */
  transition: transform 0.3s, box-shadow 0.3s;
}


  }