.specials__breadcrumbs {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.specials__categories {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}

.specials__empty-title {
  color: var(--color-gray3);
}

.specials__header {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

@media (min-width: 768px) {
  .specials__header {
    gap: 40px;
  }
}