.category-link {
  padding: 2rem;
  background: linear-gradient(145deg, #b3dfee, #244c97);
  border-radius: 1.5rem;
  border: 1px solid #dee2e6;
  font-size: 1.2rem;
  font-weight: 600;
  color: white;
  text-decoration: none;
  transition: all 0.3s ease;
  /*box-shadow: 0 4px 9px #b5dfee;*/
}

.category-link:hover {
  background: linear-gradient(145deg, #74b2d4, #5892c1);
  color: white;
  transform: scale(1.03);
 /* box-shadow: 0 8px 18px #b5dfee;*/
}


.type-link {
  padding: 2rem;
  background: linear-gradient(145deg, #f2f2f2, #b5b5b5); /* светло-серый -> средне-серый */
  border-radius: 1.5rem;
  border: 1px solid #d1d1d1;
  font-size: 1.2rem;
  font-weight: 600;
  color: #222; /* тёмно-графитовый текст */
  text-decoration: none;
  transition: all 0.3s ease;
}

.type-link:hover {
  background: linear-gradient(145deg, #e2e2e2, #9a9a9a); /* чуть контрастнее при наведении */
  color: #111;
  transform: scale(1.03);
}