.main-image-name{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    
    
    gap:10px 0px;
}

.main-image{
    max-height:100px;
    max-width:100%;
}




.categories-grid {
    
    margin:30px auto;
    
    display: grid;
    /* Крупные плитки выстраиваются в 1 или 2 колонки в зависимости от экрана */
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    grid-auto-rows: auto;
    
    gap: 30px;
}

@supports (grid-template-rows: masonry) {
    .categories-grid {
        grid-template-rows: masonry;
    }
}

.category-card {

  background: #f5f7fa;
  border: 2px solid #e2e8f0;
  border-radius: 16px;
  padding: 16px;
  
}



.category-title {
  font-size: 24px;
  margin-top: 0;
  margin-bottom: 20px;
  color: #1a202c;
}




.subcategories-grid {
    display: grid;
    /* Средние плитки занимают меньше места, подстраиваются автоматически */
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    /*grid-template-rows: masonry;*/
    
    
    justify-content: center;
    align-content: center;
    
    gap: 16px;
    
    
}

.subcategory-card {
    
  background: #ffffff;
  border-radius: 12px;
  padding: 16px;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
  
  
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  
  gap:10px 10px;
  
}

.subcategory-card:hover{
    border:thin dashed grey;
}

.subcategory-title {
  font-size: 18px;
  margin-top: 0;
  margin-bottom: 0px;
  color: #2d3748;
}