/* Блок Каталог */

.content {
  margin-left: 15%;
  margin-right: 15%;
  padding: 20px;
}

.otstup {
  height: 100px;
}

.product-container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.product {
  width: 48%; /* Задаем ширину для каждого блока с изображением и текстом */
  margin: 10px 0; /* Уменьшаем отступы только сверху и снизу */
  text-align: center; /* Выравниваем текст по центру */
}

.product-image {
  width: 100%; /* Задаем ширину изображения внутри блока */
  height: auto; /* Позволяет сохранить пропорции */
}

.product-a {
  text-decoration: none;
  color: black;
}

.product-h3 {
  text-align: left;
  margin-bottom: -5px;
  margin-top: -5px;
}

.product-p {
  text-align: left;
  margin-bottom: 0px;
  margin-top: 0px;
}

@media screen and (max-width: 992px) {
  .content {
    margin-left: 10%; /* Уменьшаем левый отступ */
    margin-right: 10%; /* Уменьшаем правый отступ */
  }
}

@media (max-width: 576px) {
  .product {
    width: 100%;
    margin: 10px;
    text-align: center;
  }

  .product-p {
    font-size: 14px;
  }

  .product-h3 {
    margin-bottom: 2px;
  }

  .otstup {
    height: 50px; /* Устанавливаем большую высоту отступа на мобильных устройствах */
    overflow: hidden; /* Обеспечиваем, что никакой контент не будет отображаться */
  }

  .content {
    margin-left: 2%;
    margin-right: 2%;
  }
}